.csx{grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.csx-tabs{background:#f3f8fc08;border:1px solid #f3f8fc14;border-radius:24px;flex-direction:column;gap:6px;padding:8px;display:flex;position:sticky;top:110px}.csx-tab{all:unset;box-sizing:border-box;cursor:pointer;color:#9cb2cb;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:background .35s,color .35s;display:flex;position:relative}.csx-tab:before{content:"";background:var(--action);border-radius:3px;width:3px;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;top:18%;bottom:18%;left:0;transform:scaleY(0)}.csx-tab-n{width:38px;height:38px;font-family:var(--font-mono);color:#7cc4ee;background:#7cc4ee14;border:1px solid #7cc4ee2e;border-radius:12px;flex:none;place-items:center;font-size:13px;transition:background .35s,color .35s,border-color .35s;display:grid}.csx-tab-t{flex-direction:column;gap:3px;min-width:0;display:flex}.csx-tab-t b{color:#dce6f0;font-size:16px;font-weight:600;line-height:1.3}.csx-tab-t small{color:#7f96b2;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.csx-tab:hover{background:#f3f8fc0a}.csx-tab[aria-selected=true]{background:linear-gradient(100deg,#ffc24b1f,#ffc24b05 70%)}.csx-tab[aria-selected=true]:before{transform:scaleY(1)}.csx-tab[aria-selected=true] .csx-tab-n{color:var(--ink);background:var(--action);border-color:var(--action)}.csx-tab[aria-selected=true] .csx-tab-t b{color:#fff}.csx-tab:focus-visible{outline-offset:2px;outline:2px solid #7cc4ee}.csx-preload{display:none}.csx-panel{background:linear-gradient(160deg,#17365e 0%,#0f2546 60%);border:1px solid #7cc4ee29;border-radius:30px;padding:12px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #000000b3}.csx-panel:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#ffc24b1f,#0000);border-radius:50%;width:60%;position:absolute;inset:auto -20% -40% auto}.csx-in{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"media copy""foot foot";gap:12px 8px;animation:.6s cubic-bezier(.16,1,.3,1) csx-in;display:grid;position:relative}@keyframes csx-in{0%{opacity:0;transform:translateY(14px)}}.csx-media{aspect-ratio:4/3;background:#0a1b31;border-radius:20px;grid-area:media;justify-self:stretch;width:100%;min-height:100%;display:block;position:relative;overflow:hidden}.csx-media img{object-fit:cover;object-position:left top;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.csx-media:hover img{transform:scale(1.04)}.csx-chip{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--action);border-radius:999px;margin-bottom:14px;padding:6px 13px;font-size:12px;display:inline-block;box-shadow:0 8px 20px -8px #00000080}.csx-copy{grid-area:copy;align-self:center;padding:12px 12px 12px 22px}.csx-copy h3{font-size:var(--text-h3);line-height:var(--lh-tight);letter-spacing:-.025em;color:#fff;margin:0 0 10px;font-weight:600}.csx-copy p{max-width:56ch;font-size:var(--text-body);line-height:var(--lh-body);color:#b7c7d9;margin:0}.csx-tags{flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.csx-tags li{color:#c9d6e4;background:#f3f8fc0d;border:1px solid #f3f8fc1a;border-radius:999px;padding:5px 11px;font-size:13px}.csx-foot{background:linear-gradient(100deg,#ffc24b1f,#ffc24b08 55%,#0a1b3159);border:1px solid #ffc24b40;border-radius:22px;grid-area:foot;justify-content:space-between;align-items:center;gap:16px;padding:12px 12px 12px 24px;display:flex}.csx-result{flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-width:0;display:flex}.csx-result b{letter-spacing:-.04em;color:var(--action);font-size:clamp(32px,3vw,44px);font-weight:700;line-height:1}.csx-result span{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:#ffe2a6}.csx-go{background:var(--action);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:16px;font-weight:600;transition:background .3s,transform .3s,gap .3s;display:inline-flex;color:var(--ink)!important}.csx-go:hover{background:var(--action-hi,#ffd27a);gap:12px}.csx-go:focus-visible{outline-offset:3px;outline:2px solid #7cc4ee}.rv-on .csx[data-rv]{opacity:1;transform:none}.rv-on .csx .csx-tabs{opacity:0;transition:opacity .6s,transform .9s cubic-bezier(.22,1,.36,1);transform:translate(-40px)}.rv-on .csx .csx-tab{opacity:0;transition:opacity .5s,transform .7s cubic-bezier(.22,1,.36,1),background .35s,color .35s;transform:translate(-24px)}.csx-tab:first-child{transition-delay:.15s}.csx-tab:nth-child(2){transition-delay:.23s}.csx-tab:nth-child(3){transition-delay:.31s}.csx-tab:nth-child(4){transition-delay:.39s}.csx-tab:nth-child(5){transition-delay:.47s}.rv-on .csx .csx-panel{opacity:0;transition:opacity .7s .2s,transform 1s cubic-bezier(.22,1,.36,1) .2s;transform:translateY(50px)scale(.96)}.rv-on .csx .csx-media img{clip-path:inset(94% 0 0);transition:clip-path 1s cubic-bezier(.65,0,.35,1) .55s,transform 1.2s cubic-bezier(.16,1,.3,1)}.rv-on .csx :is(.csx-copy,.csx-foot){opacity:0;transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.rv-on .csx .csx-copy{transition-delay:.8s}.rv-on .csx .csx-foot{transition-delay:1s}.rv-on .csx.is-in :is(.csx-tabs,.csx-tab,.csx-panel,.csx-copy,.csx-foot){opacity:1;transform:none}.rv-on .csx.is-in .csx-media img{clip-path:inset(0)}.rv-on .csx.is-in .csx-tab:hover{transition-delay:0s}.pg-sec:is(.is-alt,.is-light) .csx-tabs{background:#fff;border-color:#0a1b311a;box-shadow:0 20px 40px -30px #0a1b3159}.pg-sec:is(.is-alt,.is-light) .csx-tab{color:#5e7088}.pg-sec:is(.is-alt,.is-light) .csx-tab-t b{color:#0a1b31}.pg-sec:is(.is-alt,.is-light) .csx-tab-t small{color:#5e7088}.pg-sec:is(.is-alt,.is-light) .csx-tab:hover{background:#0a1b310a}.pg-sec:is(.is-alt,.is-light) .csx-tab-n{color:#1f6fb2;background:#1f6fb214;border-color:#1f6fb233}.pg-sec:is(.is-alt,.is-light) .csx-tab[aria-selected=true] .csx-tab-t b{color:#0a1b31}.pg-sec:is(.is-alt,.is-light) .csx-tab[aria-selected=true] .csx-tab-n{color:var(--ink);background:var(--action);border-color:var(--action)}@media (max-width:1180px){.csx-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"media""copy""foot"}.csx-media{min-height:0}.csx-copy{padding:14px 14px 4px}}@media (max-width:960px){.csx{grid-template-columns:minmax(0,1fr);gap:14px}.csx-tabs{scrollbar-width:none;scroll-snap-type:x proximity;border-radius:999px;flex-direction:row;padding:6px;position:static;overflow-x:auto}.csx-tabs::-webkit-scrollbar{display:none}.csx-tab{scroll-snap-align:start;border-radius:999px;flex:none;gap:10px;padding:8px 16px 8px 8px}.csx-tab:before{display:none}.csx-tab-n{border-radius:999px;width:30px;height:30px;font-size:12px}.csx-tab-t small{display:none}.csx-tab-t b{white-space:nowrap;font-size:15px}.csx-tab[aria-selected=true]{background:#ffc24b24}}@media (max-width:640px){.csx-panel{border-radius:24px;padding:8px}.csx-media{border-radius:18px}.csx-chip{padding:5px 11px;font-size:11px}.csx-copy{padding:12px 10px 2px}.csx-foot{border-radius:18px;flex-direction:column;align-items:stretch;gap:14px;padding:16px}.csx-go{box-sizing:border-box;width:100%}}@media (prefers-reduced-motion:reduce){.csx-in{animation:none}.rv-on .csx :is(.csx-tabs,.csx-tab,.csx-panel,.csx-copy,.csx-foot){opacity:1;transition:none;transform:none}.rv-on .csx .csx-media img{clip-path:none;transition:none}.csx-media img,.csx-tab:before{transition:none}}
.cpx{gap:12px;height:440px;display:flex}.cpx-panel{cursor:pointer;background:#11294a;border:1px solid #7cc4ee2e;border-radius:28px;flex:1 1 0;min-width:0;transition:flex-grow .8s cubic-bezier(.22,1,.36,1),box-shadow .6s;position:relative;overflow:hidden}.cpx-panel[data-on]{cursor:default;flex-grow:4;box-shadow:0 40px 80px -44px #0a1b31bf}.cpx-bg{object-fit:cover;filter:saturate(.85);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .6s;position:absolute;inset:0;transform:scale(1.08)}.cpx-panel[data-on] .cpx-bg{filter:none;transform:scale(1)}.cpx-shade{background:linear-gradient(#0a1b3159 0%,#0a1b318c 40%,#0a1b31f2 100%);transition:background .6s;position:absolute;inset:0}.cpx-panel:not([data-on]) .cpx-shade{background:linear-gradient(#11294ad1,#0a1b31f0)}.cpx-fold{flex-direction:column;justify-content:space-between;align-items:center;padding:26px 0;transition:opacity .35s .25s;display:flex;position:absolute;inset:0}.cpx-panel[data-on] .cpx-fold{opacity:0;pointer-events:none;transition-delay:0s}.cpx-n{font-family:var(--font-mono);letter-spacing:.12em;color:var(--action);font-size:13px}.cpx-side{writing-mode:vertical-rl;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;color:#f3f8fc;max-height:320px;font-size:17px;font-weight:600;overflow:hidden;transform:rotate(180deg)}.cpx-panel:not([data-on]):hover .cpx-side{color:var(--action)}.cpx-body{color:#fff;opacity:0;pointer-events:none;flex-direction:column;gap:10px;padding:26px;transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:auto 0 0;transform:translateY(24px)}.cpx-panel[data-on] .cpx-body{opacity:1;pointer-events:auto;transition-delay:.35s;transform:none}.cpx-head{align-items:center;gap:12px;display:flex}.cpx-chip{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--action);border-radius:999px;padding:6px 13px;font-size:11.5px}.cpx-body h3{max-width:26ch;font-size:var(--text-h4);line-height:var(--lh-tight);letter-spacing:-.025em;margin:0;font-weight:600}.cpx-body p{max-width:56ch;font-size:var(--text-sm);line-height:var(--lh-body);color:#d3dfeb;margin:0}.cpx-tags{flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none;display:flex}.cpx-tags li{color:#dce6f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f3f8fc14;border:1px solid #f3f8fc29;border-radius:999px;padding:5px 11px;font-size:13px}.cpx-foot{border-top:1px solid #f3f8fc24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:4px;padding-top:14px;display:flex}.cpx-result{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffe2a6;align-items:baseline;gap:10px;font-size:12px;display:flex}.cpx-result b{font-family:var(--font-sans,inherit);letter-spacing:-.04em;text-transform:none;color:var(--action);font-size:30px;font-weight:700}.cpx-go{background:var(--action);border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:14.5px;font-weight:600;transition:gap .3s,background .3s;display:inline-flex;color:var(--ink)!important}.cpx-go:hover{background:#ffd27a;gap:12px}.cpx-go:focus-visible,.cpx-panel:focus-within{outline-offset:3px;outline:2px solid #7cc4ee}@media (max-width:900px){.cpx{flex-direction:column;height:auto}.cpx-panel,.cpx-panel[data-on]{cursor:default;flex:none;min-height:0;padding-top:170px}.cpx-fold{display:none}.cpx-panel .cpx-body,.cpx-panel:not([data-on]) .cpx-body{opacity:1;pointer-events:auto;padding:22px;position:relative;inset:auto;transform:none}.cpx-panel .cpx-bg,.cpx-panel:not([data-on]) .cpx-bg{filter:none;transform:none}.cpx-panel .cpx-shade,.cpx-panel:not([data-on]) .cpx-shade{background:linear-gradient(#0a1b311a 0,#0a1b318c 150px,#0a1b31f0 230px,#0b1e37 100%)}}@media (prefers-reduced-motion:reduce){.cpx-panel,.cpx-bg,.cpx-fold,.cpx-body{transition:none}}
.stl{--stl-ink:#f3f8fc;--stl-mut:#9cb2cb;--stl-line:#f3f8fc24;--stl-accent:#7cc4ee;position:relative}.stl-list{border-top:1px solid var(--stl-line);margin:0;padding:0;list-style:none}.stl-list li{border-bottom:1px solid var(--stl-line);padding:6px 0}.stl-row{isolation:isolate;border-radius:18px;grid-template-columns:56px minmax(0,1fr) minmax(0,.8fr) 52px;align-items:center;gap:24px;padding:30px 24px;text-decoration:none;display:grid;position:relative;overflow:hidden;color:var(--stl-ink)!important}.stl-row:before{content:"";z-index:-1;transform-origin:0;background:linear-gradient(90deg,#ffc24b24,#7cc4ee1a 60%,#0000);transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.stl-row[data-on]:before{transform:scaleX(1)}.stl-bg-n{z-index:-1;letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1.5px #7cc4ee1a;pointer-events:none;font-size:130px;font-weight:700;line-height:1;transition:-webkit-text-stroke-color .4s;position:absolute;top:50%;right:110px;transform:translateY(-50%)}.stl-row[data-on] .stl-bg-n{-webkit-text-stroke-color:#ffc24b40}.stl-main{flex-direction:column;gap:12px;min-width:0;display:flex}.stl-chips{flex-wrap:wrap;gap:6px;display:flex}.stl-chips i{letter-spacing:0;color:var(--stl-mut);border:1px solid var(--stl-line);background:#f3f8fc0d;border-radius:999px;padding:4px 11px;font-size:12.5px;font-style:normal;font-weight:500;transition:color .3s,border-color .3s,background .3s}.stl-row[data-on] .stl-chips i{color:var(--stl-ink);background:#ffc24b14;border-color:#ffc24b66}.stl-row:focus-visible{outline:2px solid var(--stl-accent);outline-offset:2px;border-radius:10px}.stl-n{font-family:var(--font-mono);letter-spacing:.12em;color:var(--stl-mut);font-size:13px;transition:color .3s}.stl-name{letter-spacing:-.035em;font-size:clamp(26px,3.2vw,46px);font-weight:600;line-height:1.1;transition:transform .5s cubic-bezier(.16,1,.3,1),color .3s}.stl-tag{font-size:var(--text-sm);color:var(--stl-mut);line-height:1.55;transition:color .3s}.stl-thumb{display:none}.stl-go{width:52px;height:52px;color:var(--stl-ink);border:1px solid var(--stl-line);border-radius:50%;place-items:center;transition:background .3s,color .3s,border-color .3s,transform .5s cubic-bezier(.34,1.56,.64,1);display:grid}.stl-row[data-on] .stl-name{color:var(--action);transform:translate(10px)}.stl-row[data-on] .stl-chips{transform:translate(10px)}.stl-chips{transition:transform .5s cubic-bezier(.16,1,.3,1)}.stl-row[data-on] .stl-n{color:var(--action)}.stl-row[data-on] .stl-go{color:var(--ink);background:var(--action);border-color:var(--action);transform:rotate(45deg)}.stl[data-active] .stl-row:not([data-on]) .stl-name{color:var(--stl-mut)}.stl-float{z-index:5;aspect-ratio:4/3;pointer-events:none;width:300px;transform:translate(calc(var(--mx,0px) + 28px), calc(var(--my,0px) - 50%)) rotate(-4deg) scale(.6);opacity:0;transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.stl[data-active] .stl-float{opacity:1;transform:translate(calc(var(--mx,0px) + 28px), calc(var(--my,0px) - 50%)) rotate(-4deg) scale(1)}.stl-float img{object-fit:contain;filter:drop-shadow(0 26px 40px #00000080);opacity:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.stl-float img[data-on]{opacity:1}.pg-sec:is(.is-alt,.is-light) .stl{--stl-ink:#0a1b31;--stl-mut:#5e7088;--stl-line:#0a1b311f;--stl-accent:#1f6fb2}.pg-sec:is(.is-alt,.is-light) .stl-row[data-on] .stl-name,.pg-sec:is(.is-alt,.is-light) .stl-row[data-on] .stl-n{color:#1f6fb2}.pg-sec:is(.is-alt,.is-light) .stl-chips i{background:#fff}@media (hover:none),(max-width:900px){.stl-float{display:none}.stl-row{grid-template-columns:84px minmax(0,1fr) 44px;gap:6px 16px;padding:18px 12px}.stl-bg-n{display:none}.stl-main{grid-column:2;gap:8px}.stl-chips i{padding:3px 9px;font-size:11.5px}.stl-row[data-on] .stl-chips{transform:none}.stl-n{display:none}.stl-thumb{background:radial-gradient(70% 80% at 50% 60%,#7cc4ee4d,#0000 70%),#1a3a63;border-radius:14px;grid-area:1/1;place-items:center;width:84px;height:66px;display:grid;overflow:hidden}.stl-thumb img{object-fit:contain;width:92%;height:92%}.stl-name{font-size:20px}.stl-tag{display:none}.stl-go{grid-area:1/3;width:40px;height:40px}.stl-row[data-on] .stl-name{transform:none}.stl[data-active] .stl-row:not([data-on]) .stl-name{color:var(--stl-ink)}}@media (prefers-reduced-motion:reduce){.stl-float,.stl-float img,.stl-name,.stl-go,.stl-row:before,.stl-chips{transition:none}}
.ob{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.ob-n5 .ob-card.is-feat{grid-area:span 2/span 2}.ob-card{isolation:isolate;background:linear-gradient(165deg,#183760 0%,#0f2546 70%);border:1px solid #7cc4ee24;border-radius:26px;flex-direction:column;gap:12px;padding:24px;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .5s;display:flex;position:relative;overflow:hidden}.ob-card:before{content:"";background:linear-gradient(90deg,#0000,#7cc4ee80,#0000);height:1px;position:absolute;inset:0 0 auto}.ob-glow{z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side,#7cc4ee29,#0000);border-radius:50%;width:80%;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .5s;position:absolute;top:-40%;right:-30%}.ob-card:hover{border-color:#ffc24b73;transform:translateY(-4px);box-shadow:0 30px 60px -30px #000000bf,0 0 0 1px #ffc24b1f}.ob-card:hover .ob-glow{transform:translate(-12%,14%)scale(1.15)}.ob-top{justify-content:space-between;align-items:center;display:flex}.ob-ic{width:50px;height:50px;color:var(--action);background:#ffc24b1a;border:1px solid #ffc24b4d;border-radius:16px;place-items:center;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:grid;box-shadow:0 0 30px -8px #ffc24b73}.ob-card:hover .ob-ic{transform:rotate(-8deg)scale(1.08)}.ob-n{font-family:var(--font-mono);letter-spacing:.14em;color:#6f88a6;font-size:13px}.ob-card h3{font-size:var(--text-h4);line-height:var(--lh-tight);letter-spacing:-.02em;color:#fff;margin:6px 0 0;font-weight:600}.ob-card p{font-size:var(--text-sm);line-height:var(--lh-body);color:#b7c7d9;margin:0}.ob-tags{flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:12px 0 0;list-style:none;display:flex}.ob-tags li{color:#c9d6e4;background:#f3f8fc0d;border:1px solid #f3f8fc1a;border-radius:999px;padding:4px 10px;font-size:12px}.ob-card.is-feat{background:radial-gradient(120% 90% at 0 0,#ffc24b24,#0000 55%),linear-gradient(165deg,#1b3d69 0%,#0f2546 75%);border-color:#ffc24b4d;gap:14px;padding:32px}.ob-card.is-feat .ob-ic{width:64px;height:64px;color:var(--ink);background:var(--action);border-color:var(--action);border-radius:20px}.ob-card.is-feat h3{font-size:var(--text-h3)}.ob-card.is-feat p{font-size:var(--text-body);max-width:46ch}.ob-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:6px 0 0;padding:0;list-style:none;display:grid}.ob-points li{color:#dce6f0;align-items:flex-start;gap:9px;font-size:14.5px;line-height:1.45;display:flex}.ob-points svg{box-sizing:content-box;color:var(--ink);background:var(--action);border-radius:50%;flex:none;width:11px;height:11px;margin-top:2px;padding:3px}.ob-live{background:#0a1b3180;border:1px solid #7cc4ee24;border-radius:20px;flex-direction:column;flex:1;justify-content:center;gap:16px;min-height:130px;margin-top:6px;padding:18px 20px;display:flex}.ob-live-h{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#7fe0a6;align-items:center;gap:8px;font-size:12px;display:flex}.ob-live-h b{font-family:var(--font-sans,inherit);letter-spacing:0;text-transform:none;color:#dce6f0;margin-left:auto;font-size:13px;font-weight:600}.ob-live-dot{background:#34d17a;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite ob-dot;box-shadow:0 0 0 4px #34d17a2e}@keyframes ob-dot{50%{box-shadow:0 0 0 7px #34d17a00}}.ob-wave{flex:1;justify-content:space-between;align-items:center;min-height:56px;max-height:120px;display:flex}.ob-wave i{background:linear-gradient(180deg, var(--action), #7cc4ee);opacity:.9;transform-origin:50%;border-radius:4px;width:4px;height:50%;animation:1.4s ease-in-out infinite ob-wave}@keyframes ob-wave{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.ob-card.is-feat .ob-tags{margin-top:0;padding-top:4px}.ob-shot{border:1px solid #7cc4ee24;border-radius:20px;flex:1;min-height:200px;margin-top:8px;position:relative;overflow:hidden}.ob-shot img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.ob-shot:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0a1b3173);position:absolute;inset:0}.ob-card:hover .ob-shot img{transform:scale(1.05)}.rv-on .ob-card .ob-shot{opacity:0;transition:opacity .6s .9s,transform .8s cubic-bezier(.22,1,.36,1) .9s;transform:translateY(20px)}.rv-on .ob-card.is-in .ob-shot{opacity:1;transform:none}.rv-on .ob-card[data-rv]{opacity:0;transition:opacity .7s,transform 1s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .5s;transform:translate(60px)rotate(1.5deg)scale(.95)}.rv-on .ob-card.is-feat[data-rv]{clip-path:inset(0 92% 0 0 round 26px);transition:opacity .6s,transform 1.1s cubic-bezier(.22,1,.36,1),clip-path 1.1s cubic-bezier(.65,0,.35,1),border-color .4s,box-shadow .5s;transform:translate(-50px)scale(.97)}.rv-on .ob-card[data-rv].is-in{opacity:1;clip-path:inset(0 round 26px);transform:none}.rv-on .ob-card[data-rv].is-in:hover{transition-delay:0s;transform:translateY(-4px)}.rv-on .ob-card .ob-ic{opacity:0;transition:transform .7s cubic-bezier(.34,1.56,.64,1) .45s,opacity .4s .45s;transform:scale(.3)rotate(-40deg)}.rv-on .ob-card.is-in .ob-ic{opacity:1;transform:none}.rv-on .ob-card.is-in:hover .ob-ic{transition-delay:0s;transform:rotate(-8deg)scale(1.08)}.rv-on .ob-card :is(.ob-points li,.ob-tags li){opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.rv-on .ob-card.is-in :is(.ob-points li,.ob-tags li){opacity:1;transform:none}.ob-points li:first-child{transition-delay:.6s}.ob-points li:nth-child(2){transition-delay:.68s}.ob-points li:nth-child(3){transition-delay:.76s}.ob-points li:nth-child(4){transition-delay:.84s}.ob-points li:nth-child(5){transition-delay:.92s}.ob-points li:nth-child(6){transition-delay:1s}.ob-tags li:first-child{transition-delay:.7s}.ob-tags li:nth-child(2){transition-delay:.76s}.ob-tags li:nth-child(3){transition-delay:.82s}.ob-tags li:nth-child(4){transition-delay:.88s}.ob-tags li:nth-child(5){transition-delay:.94s}.rv-on .ob-card .ob-live{opacity:0;transform-origin:bottom;transition:opacity .6s 1s,transform .8s cubic-bezier(.22,1,.36,1) 1s;transform:scaleY(.6)}.rv-on .ob-card.is-in .ob-live{opacity:1;transform:none}@media (max-width:1100px){.ob{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-n5 .ob-card.is-feat{grid-area:auto/1/auto/-1}}@media (max-width:640px){.ob{grid-template-columns:minmax(0,1fr);gap:12px}.ob-card{border-radius:22px;padding:20px}.ob-card.is-feat{padding:22px}.ob-points{grid-template-columns:minmax(0,1fr)}.ob-live{min-height:110px;padding:14px 16px}.ob-wave i{width:3px}}@media (prefers-reduced-motion:reduce){.rv-on .ob-card .ob-shot{opacity:1;transition:none;transform:none}.ob-wave i,.ob-live-dot{animation:none}.rv-on .ob-card[data-rv],.rv-on .ob-card .ob-ic,.rv-on .ob-card :is(.ob-points li,.ob-tags li),.ob-card,.ob-glow,.ob-ic{transition:none}}
.pc{--pc-ink:#0a1b31;--pc-mut:#5e7088;--pc-line:#0a1b311a;--pc-bg:#fff;--pc-them:#f1f5f9;--pc-accent:#1f6fb2;background:var(--pc-bg);border:1px solid var(--pc-line);border-radius:30px;max-width:980px;margin:0 auto;overflow:hidden;box-shadow:0 40px 80px -50px #0a1b3173}.pc-head{border-bottom:1px solid var(--pc-line);background:linear-gradient(90deg,#ffc24b1f,#0000 60%);align-items:center;gap:12px;padding:18px 26px;display:flex}.pc-head b{color:var(--pc-ink);font-size:16px;display:block}.pc-head div>span{color:var(--pc-mut);align-items:center;gap:6px;font-size:13px;display:flex}.pc-head div>span i{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #22c55e33}.pc-log{background-image:radial-gradient(#0a1b310f 1px,#0000 1px);background-size:18px 18px;flex-direction:column;gap:34px;padding:30px 26px 36px;display:flex}.pc-thread{flex-direction:column;gap:12px;display:flex}.pc-topic{color:#fff;background:linear-gradient(90deg,#1f6fb2,#2b86cf);border-radius:999px;align-self:center;align-items:center;gap:10px;margin:0 0 6px;padding:7px 16px 7px 8px;font-size:13px;font-weight:600;display:flex;box-shadow:0 10px 22px -12px #1f6fb2b3}.pc-topic span{min-width:26px;height:22px;font-family:var(--font-mono);color:#1f6fb2;background:#fff;border-radius:999px;place-items:center;padding:0 6px;font-size:11.5px;display:grid}.pc-row{align-items:flex-end;gap:10px;display:flex}.pc-row.is-us{justify-content:flex-end;position:relative}.pc-avatar{width:34px;height:34px;color:var(--pc-mut);background:var(--pc-them);border:1px solid var(--pc-line);border-radius:50%;flex:none;place-items:center;display:grid}.pc-avatar.is-bot{color:var(--ink);background:var(--action);border-color:var(--action)}.pc-head .pc-avatar{width:44px;height:44px;box-shadow:0 0 0 4px #ffc24b33}.pc-bubble{max-width:min(560px,78%);font-size:var(--text-body);line-height:var(--lh-body);padding:14px 18px}.pc-bubble small{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.is-them .pc-bubble{color:var(--pc-ink);background:var(--pc-them);border-radius:20px 20px 20px 6px}.is-them .pc-bubble small{color:#e5484d}.is-us .pc-bubble{color:var(--ink);background:linear-gradient(135deg, #ffd27a, var(--action));border-radius:20px 20px 6px;font-weight:500;box-shadow:0 16px 30px -18px #ffaa1ecc}.is-us .pc-bubble small{color:#0a1b31a6}.pc-typing{background:var(--pc-them);opacity:0;border-radius:18px;gap:4px;padding:14px 16px;display:flex;position:absolute;bottom:0;right:44px}.pc-typing i{background:var(--pc-mut);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite pc-dot}.pc-typing i:nth-child(2){animation-delay:.15s}.pc-typing i:nth-child(3){animation-delay:.3s}@keyframes pc-dot{0%,60%,to{opacity:.4;transform:none}30%{opacity:1;transform:translateY(-4px)}}.pc-thread .is-them{opacity:0;transform-origin:0 100%;transition:opacity .5s .1s,transform .6s cubic-bezier(.16,1,.3,1) .1s;transform:translateY(14px)scale(.97)}.pc-thread .is-us .pc-bubble,.pc-thread .is-us .pc-avatar{opacity:0;transform-origin:100% 100%;transition:opacity .5s 1.6s,transform .6s cubic-bezier(.16,1,.3,1) 1.6s;transform:translateY(14px)scale(.97)}.pc-thread.is-in .is-them,html:not(.rv-on) .pc-thread .is-them,.pc-thread.is-in .is-us .pc-bubble,.pc-thread.is-in .is-us .pc-avatar,html:not(.rv-on) .pc-thread .is-us :is(.pc-bubble,.pc-avatar){opacity:1;transform:none}.pc-thread.is-in .pc-typing{animation:1.6s forwards pc-typing-show}@keyframes pc-typing-show{0%,25%{opacity:0}35%,90%{opacity:1}to{opacity:0}}.sb{flex-direction:column;gap:16px;display:flex}.sb-band{background:radial-gradient(60% 90% at 20% 60%,#7cc4ee38,#0000 70%),linear-gradient(#1d3f6b,#11294a);border:1px solid #7cc4ee2e;border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:190px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;display:grid;position:relative;overflow:hidden}.sb-band:hover{transform:translateY(-3px);box-shadow:0 30px 60px -36px #0a1b3180}.sb-before,.sb-after{flex-direction:column;justify-content:center;gap:10px;display:flex}.sb-before{padding:30px 70px 30px 34px}.sb-k{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:inline-flex}.sb-before .sb-k{color:#ffb8bb}.sb-before .sb-k b{color:#11294a;background:#fff;border-radius:999px;padding:2px 8px;font-weight:600}.sb-before h3{font-size:var(--text-h4);line-height:var(--lh-tight);letter-spacing:-.02em;color:#fff;margin:0;font-weight:600}.sb-before p{font-size:var(--text-sm);line-height:var(--lh-body);color:#b7c7d9;margin:0}.sb-after{background:var(--action);color:var(--ink);clip-path:polygon(60px 0,100% 0,100% 100%,0 100%);margin-left:-60px;padding:30px 38px 30px 96px;position:relative}.sb-after .sb-k{color:#0a1b31b3}.sb-after .sb-k svg{color:var(--action);background:#0a1b31;border-radius:50%;padding:3px}.sb-after p{font-size:var(--text-body);line-height:var(--lh-body);margin:0;font-weight:600}.sb-arrow{z-index:2;width:52px;height:52px;color:var(--action);opacity:0;transition:opacity .4s ease calc(var(--sb-d,0s) + 1.4s), transform .6s cubic-bezier(.34,1.56,.64,1) calc(var(--sb-d,0s) + 1.4s);background:#0a1b31;border-radius:50%;place-items:center;margin:-26px 0 0 -26px;display:grid;position:absolute;top:50%;left:calc(50% - 30px);transform:scale(.4)rotate(-90deg);box-shadow:0 0 0 6px #ffffffa6,0 14px 30px -10px #0a1b3199}.sb-band:nth-child(2){--sb-d:.12s}.sb-band:nth-child(3){--sb-d:.24s}.sb-band:nth-child(4){--sb-d:.36s}.rv-on .sb-band[data-rv]{transition:opacity .8s,transform 1.2s cubic-bezier(.22,1,.36,1),box-shadow .5s;transform:translate(-160px)}.rv-on .sb-band[data-rv].is-in{transform:none}.rv-on .sb-band[data-rv].is-in:hover{transition-delay:0s;transform:translateY(-3px)}.sb-band.is-in .sb-arrow,html:not(.rv-on) .sb-arrow{opacity:1;transform:none}.sb-band:hover .sb-arrow{transform:translate(4px)}.lr{--lr-ink:#f3f8fc;--lr-mut:#9cb2cb;--lr-line:#f3f8fc1f;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:0;padding:0;list-style:none;display:grid}.lr li{border-top:1px solid var(--lr-line)}.lr-row{color:inherit;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px 0;text-decoration:none;display:grid}.lr-n{font-family:var(--font-mono);color:var(--lr-mut);font-size:13px}.lr-t{flex-direction:column;gap:4px;display:flex}.lr-t b{font-size:var(--text-h4);letter-spacing:-.015em;color:var(--lr-ink);font-weight:600;transition:color .3s}.lr-t small{font-size:var(--text-sm);color:var(--lr-mut);line-height:1.5}.lr-go{width:42px;height:42px;color:var(--lr-ink);border:1px solid var(--lr-line);border-radius:50%;place-items:center;transition:background .3s,color .3s,border-color .3s,transform .5s cubic-bezier(.34,1.56,.64,1);display:grid}.lr-row:hover .lr-go{color:var(--ink);background:var(--action);border-color:var(--action);transform:rotate(45deg)}.lr-row:focus-visible{outline-offset:4px;border-radius:8px;outline:2px solid #7cc4ee}.pg-sec:is(.is-alt,.is-light) .lr{--lr-ink:#0a1b31;--lr-mut:#5e7088;--lr-line:#0a1b311f}@media (max-width:760px){.lr{grid-template-columns:minmax(0,1fr)}}.tl{--tl-line:#f3f8fc29;--tl-ink:#fff;--tl-mut:#9cb2cb;--tl-accent:#7cc4ee;--tl-bg:#0a1b31;grid-template-columns:repeat(var(--tl-n), minmax(0, 1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid;position:relative}.tl:before,.tl:after{content:"";left:var(--tl-x,28px);top:var(--tl-y,28px);width:var(--tl-len,0px);border-radius:2px;height:2px;margin-top:-1px;position:absolute}.tl:before{background:var(--tl-line)}.tl:after{background:linear-gradient(90deg, var(--action), var(--tl-accent));transform-origin:0;transform:scaleX(var(--tl-p,0));transition:transform .25s linear}.tl[data-dir=y]:before,.tl[data-dir=y]:after{width:2px;height:var(--tl-len,0px);margin:0 0 0 -1px}.tl[data-dir=y]:after{background:linear-gradient(180deg, var(--action), var(--tl-accent));transform-origin:top;transform:scaleY(var(--tl-p,0))}.tl-step{flex-direction:column;gap:22px;display:flex;position:relative}.tl-node{z-index:1;background:var(--tl-bg);border:2px solid var(--tl-line);border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .4s,border-color .4s,box-shadow .4s;display:grid;position:relative;box-shadow:0 0 0 6px #0000}.tl-node b{font-family:var(--font-mono);color:var(--tl-mut);font-size:14px;font-weight:600;transition:color .4s}.tl-step[data-lit] .tl-node{border-color:var(--tl-accent);box-shadow:0 0 0 6px var(--tl-halo,#7cc4ee1a)}.tl-step[data-lit] .tl-node b{color:var(--tl-accent)}.tl-step[data-now] .tl-node{background:var(--action);border-color:var(--action);transform:scale(1.08);box-shadow:0 0 0 8px #ffc24b38}.tl-step[data-now] .tl-node b{color:var(--ink)}.tl-copy{transition:opacity .4s}.tl-step:not([data-lit]) .tl-copy{opacity:.55}.tl-step:hover .tl-node{border-color:var(--action);transform:scale(1.1)}.tl-k{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tl-mut);font-size:12px}.tl-copy h3{font-size:var(--text-h4);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--tl-ink);margin:6px 0 8px;font-weight:600}.tl-copy p{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--tl-mut);margin:0}.st{--st-line:#f3f8fc24;--st-ink:#fff;--st-mut:#9cb2cb;--st-num:#7cc4ee8c;border-top:1px solid var(--st-line)}.st-row{border-bottom:1px solid var(--st-line);grid-template-columns:120px minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:12px 40px;padding:34px 0;display:grid}.st-n{letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1.5px var(--st-num);font-size:clamp(56px,6vw,88px);font-weight:700;line-height:.9;transition:color .5s,-webkit-text-stroke-color .5s}.st-row h3{font-size:var(--text-h2);line-height:var(--lh-heading);letter-spacing:var(--ls-heading);color:var(--st-ink);margin:0;font-weight:600;transition:transform .6s cubic-bezier(.16,1,.3,1)}.st-row p{max-width:46ch;font-size:var(--text-body);line-height:var(--lh-body);color:var(--st-mut);margin:0}.st-row:hover .st-n{color:var(--action);-webkit-text-stroke-color:var(--action)}.st-row:hover h3{transform:translate(8px)}.pg-sec:not(.is-alt):not(.is-light) .pc{--pc-ink:#f3f8fc;--pc-mut:#9cb2cb;--pc-line:#f3f8fc1a;--pc-bg:#10284a;--pc-them:#f3f8fc12;--pc-accent:#7cc4ee}.pg-sec:is(.is-alt,.is-light) .tl{--tl-line:#0a1b3124;--tl-ink:#0a1b31;--tl-mut:#5e7088;--tl-accent:#1f6fb2;--tl-bg:#fff;--tl-halo:#1f6fb214}.pg-sec:is(.is-alt,.is-light) .st{--st-line:#0a1b311f;--st-ink:#0a1b31;--st-mut:#5e7088;--st-num:#1f6fb280}@media (max-width:1000px){.tl{grid-template-columns:minmax(0,1fr);gap:0}.tl-step{flex-direction:row;gap:22px;padding-bottom:30px}.tl-step:last-child{padding-bottom:0}.tl-node{flex:none}.tl-copy{padding-top:4px}.st-row{grid-template-columns:90px minmax(0,1fr)}.st-row p{grid-column:2}}@media (max-width:760px){.sb-band{grid-template-columns:minmax(0,1fr);min-height:0}.sb-before{padding:24px 22px 40px}.sb-after{clip-path:polygon(0 30px,100% 0,100% 100%,0 100%);margin:-30px 0 0;padding:50px 22px 24px}.sb-arrow{display:none}.rv-on .sb-band[data-rv]{transform:translate(-60px)}}@media (max-width:640px){.pc{border-radius:22px}.pc-head{padding:14px 16px}.pc-log{gap:28px;padding:22px 12px 26px}.pc-topic{text-align:center;justify-content:center;align-self:stretch}.pc-bubble{max-width:84%;padding:12px 14px;font-size:15.5px}.pc-avatar{width:28px;height:28px}.pc-typing{right:38px}.tl-node{width:48px;height:48px}.st-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:26px 0}.st-row p{grid-column:auto}.st-n{font-size:48px}}@media (prefers-reduced-motion:reduce){.tl-node,.tl-copy,.tl:after,.st-row h3,.st-n,.pc-thread .is-them,.pc-thread .is-us .pc-bubble,.pc-thread .is-us .pc-avatar{transition:none}.pc-typing i,.pc-thread.is-in .pc-typing{animation:none}.sb-after,.sb-arrow,.sb-band{transition:none}}
.sx{--sx-ink:#f3f8fc;--sx-mut:#9cb2cb;--sx-line:#f3f8fc1f;--sx-accent:#7cc4ee;--sx-hover:#f3f8fc0a;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:20px clamp(28px,4vw,56px);display:grid}.sx-list{border-top:1px solid var(--sx-line);margin:0;padding:0;list-style:none}.sx-item{border-bottom:1px solid var(--sx-line)}.sx-row{all:unset;box-sizing:border-box;cursor:pointer;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:18px 12px 18px 4px;transition:background .3s,padding .45s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.sx-row:before{content:"";background:var(--action);border-radius:3px;width:3px;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;top:22%;bottom:22%;left:-12px;transform:scaleY(0)}.sx-n{font-family:var(--font-mono);letter-spacing:.1em;color:var(--sx-mut);font-size:13px;transition:color .3s}.sx-t{font-size:var(--text-h4);letter-spacing:-.015em;color:var(--sx-mut);font-weight:600;line-height:1.3;transition:color .3s}.sx-go{color:var(--sx-mut);opacity:0;transition:opacity .3s,transform .45s cubic-bezier(.16,1,.3,1),color .3s;transform:translate(-8px)}.sx-row:hover{background:var(--sx-hover)}.sx-row:focus-visible{outline:2px solid var(--sx-accent);outline-offset:2px}.sx-item[data-on] .sx-row{padding-left:14px}.sx-item[data-on] .sx-row:before{transform:scaleY(1)}.sx-item[data-on] .sx-n{color:var(--action)}.sx-item[data-on] .sx-t{color:var(--sx-ink)}.sx-item[data-on] .sx-go{opacity:1;color:var(--action);transform:none}.sx-inline{display:none}.sx-detail{color:#fff;background:radial-gradient(60% 70% at 80% 10%,#7cc4ee3d,#0000 70%),linear-gradient(#1d3f6b,#11294a);border:1px solid #7cc4ee2e;border-radius:30px;min-height:380px;position:sticky;top:110px;overflow:hidden;box-shadow:0 40px 80px -46px #0a1b3199}.sx-detail-in{flex-direction:column;gap:14px;min-height:380px;padding:36px;animation:.55s cubic-bezier(.16,1,.3,1) sx-in;display:flex;position:relative}@keyframes sx-in{0%{opacity:0;transform:translateY(14px)}}.sx-big{letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1.5px #7cc4ee38;pointer-events:none;font-size:150px;font-weight:700;line-height:1;position:absolute;top:6px;right:24px}.sx-ic{width:64px;height:64px;color:var(--ink);background:var(--action);border-radius:20px;place-items:center;display:grid;box-shadow:0 0 34px -8px #ffc24b99}.sx-detail h3{font-size:var(--text-h3);line-height:var(--lh-tight);letter-spacing:-.025em;margin:18px 0 0;font-weight:600}.sx-detail p{max-width:46ch;font-size:var(--text-body);line-height:var(--lh-body);color:#b7c7d9;margin:0}.sx-count{font-family:var(--font-mono);letter-spacing:.14em;color:#7cc4ee;margin-top:auto;font-size:12px}.sx-index{--sx-ink:#f3f8fc;--sx-mut:#9cb2cb;--sx-line:#f3f8fc1f;--sx-accent:#7cc4ee;counter-reset:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:0;padding:0;list-style:none;display:grid}.sx-index li{border-top:1px solid var(--sx-line);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:22px 0;display:grid}.sx-index li:nth-last-child(-n+2){border-bottom:1px solid var(--sx-line)}.sx-index-ic{width:48px;height:48px;color:var(--sx-accent);background:#7cc4ee1a;border:1px solid #7cc4ee38;border-radius:15px;place-items:center;transition:background .35s,color .35s,border-color .35s,transform .6s cubic-bezier(.34,1.56,.64,1);display:grid}.sx-index-t{font-size:var(--text-h4);letter-spacing:-.015em;color:var(--sx-ink);font-weight:600;transition:transform .5s cubic-bezier(.16,1,.3,1)}.sx-index li:hover .sx-index-ic{color:var(--ink);background:var(--action);border-color:var(--action);transform:rotate(-8deg)scale(1.06)}.sx-index li:hover .sx-index-t{transform:translate(6px)}.pg-sec:is(.is-alt,.is-light) .sx-index{--sx-ink:#0a1b31;--sx-mut:#5e7088;--sx-line:#0a1b311f;--sx-accent:#1f6fb2}.pg-sec:is(.is-alt,.is-light) .sx-index-ic{background:#1f6fb214;border-color:#1f6fb233}@media (max-width:700px){.sx-index{grid-template-columns:minmax(0,1fr)}.sx-index li:nth-last-child(2){border-bottom:0}.sx-index li{padding:16px 0}}.pg-sec:is(.is-alt,.is-light) .sx{--sx-ink:#0a1b31;--sx-mut:#5e7088;--sx-line:#0a1b311f;--sx-accent:#1f6fb2;--sx-hover:#0a1b310a}@media (max-width:900px){.sx{grid-template-columns:minmax(0,1fr)}.sx-detail{display:none}.sx-inline{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1);display:grid}.sx-inline>div{align-items:flex-start;gap:12px;display:flex;overflow:hidden}.sx-item[data-on] .sx-inline{grid-template-rows:1fr}.sx-inline p{color:var(--sx-mut);margin:0 0 18px;font-size:15.5px;line-height:1.6}.sx-inline-ic{width:34px;height:34px;color:var(--ink);background:var(--action);border-radius:11px;flex:none;place-items:center;margin-left:4px;display:grid}.sx-go{display:none}}@media (prefers-reduced-motion:reduce){.sx-detail-in{animation:none}.sx-row,.sx-row:before,.sx-go,.sx-inline{transition:none}}
.pfl{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.pfl>li{perspective:1400px;display:flex}.pfl-card{all:unset;box-sizing:border-box;cursor:pointer;border-radius:28px;flex:1;display:flex}.pfl-card:focus-visible{outline-offset:4px;outline:2px solid #7cc4ee}.pfl-inner{transform-style:preserve-3d;flex:1;transition:transform .8s cubic-bezier(.65,0,.35,1);display:grid}.pfl-face{backface-visibility:hidden;border-radius:26px;flex-direction:column;grid-area:1/1;gap:12px;min-height:340px;padding:24px;display:flex}.pfl-face.is-front{color:#fff;background:radial-gradient(70% 80% at 85% 0,#7cc4ee3d,#0000 70%),linear-gradient(#1d3f6b,#11294a);border:1px solid #7cc4ee2e;box-shadow:0 30px 60px -40px #0a1b31b3}.pfl-face.is-back{color:var(--ink);background:var(--action);transform:rotateY(180deg);box-shadow:0 30px 60px -36px #ffaa1eb3}.pfl-top{justify-content:space-between;align-items:center;display:flex}.pfl-top b{letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1.5px #7cc4ee80;font-size:40px;font-weight:700;line-height:1}.is-back .pfl-top b{-webkit-text-stroke-color:#0a1b3159}.pfl-k{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;display:inline-flex}.pfl-k.is-x{color:#ffb8bb;background:#e5484d29}.pfl-k.is-ok{color:var(--action);background:#0a1b31}.pfl-title{font-size:19px;font-weight:600;line-height:var(--lh-tight);letter-spacing:-.02em;margin-top:6px}.pfl-text{font-size:15px;line-height:1.6}.is-front .pfl-text{color:#b7c7d9}.is-back .pfl-text{font-weight:500}.pfl-hint{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-size:11.5px;display:inline-flex}.is-front .pfl-hint{color:#7cc4ee}.is-back .pfl-hint{color:#0a1b3199}.pfl-hint svg{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.pfl-card:hover .pfl-hint svg{transform:rotate(-180deg)}.pfl-card[data-flip] .pfl-inner{transform:rotateY(180deg)}@media (hover:hover){.pfl-card:hover .pfl-inner,.pfl-card:focus-visible .pfl-inner,.pfl-card[data-flip]:hover .pfl-inner{transform:rotateY(180deg)}}@media (max-width:1100px){.pfl{grid-template-columns:repeat(2,minmax(0,1fr))}.pfl-face{min-height:280px}}@media (max-width:760px){.pfl{grid-template-columns:minmax(0,1fr);gap:14px}.pfl-face{border-radius:24px;min-height:0;padding:24px}.pfl-top b{font-size:38px}}@media (prefers-reduced-motion:reduce){.pfl-inner{transition:none;transform:none!important}.pfl-face.is-back{visibility:hidden;transform:none}.pfl-card[data-flip] .is-back{visibility:visible}.pfl-card[data-flip] .is-front{visibility:hidden}}
.ts{isolation:isolate;background:linear-gradient(90deg,#ffc24b14,#7cc4ee0f 60%,#f3f8fc08);border-radius:999px;align-items:center;gap:20px 36px;margin:8px 0 clamp(24px,4vw,48px);padding:18px 28px;display:flex;position:relative}.ts:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--ts-a,0deg), #f3f8fc14 0deg, #ffc24bcc 40deg, #7cc4ee80 80deg, #f3f8fc14 140deg, #f3f8fc14 360deg);-webkit-mask-composite:xor;padding:1px;animation:6s linear infinite ts-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --ts-a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ts-spin{to{--ts-a:360deg}}.ts-label{color:#f3f8fc;flex:0 260px;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600;line-height:1.35;display:flex}.ts-dot{background:var(--action);border-radius:50%;flex:none;width:9px;height:9px;animation:2s ease-out infinite ts-ping;box-shadow:0 0 #ffc24b99}@keyframes ts-ping{70%,to{box-shadow:0 0 0 10px #ffc24b00}}.ts-list{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ts-list li{border-left:1px solid #f3f8fc1f;flex-direction:column;gap:4px;padding:2px 22px;display:flex}.ts-list b{letter-spacing:-.04em;color:var(--action);font-variant-numeric:tabular-nums;font-size:clamp(24px,2.2vw,32px);font-weight:700;line-height:1}.ts-list span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#9cb2cb;font-size:11.5px}.ts-list li.is-word b{background:linear-gradient(100deg, var(--action) 40%, #fff3d6 50%, var(--action) 60%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:3.2s ease-in-out infinite ts-sheen}@keyframes ts-sheen{0%{background-position:100% 0}to{background-position:-150% 0}}.ts .ts-list li{opacity:0;transition:opacity .6s,transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * .12s);transform:translateY(12px)}.ts.is-run .ts-list li{opacity:1;transform:none}@media (max-width:1000px){.ts{border-radius:26px;flex-direction:column;align-items:stretch;padding:20px}.ts-label{flex:none}.ts-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}.ts-list li:nth-child(odd){border-left:0;padding-left:0}}@media (prefers-reduced-motion:reduce){.ts:before,.ts-dot,.ts-list li.is-word b{animation:none}.ts .ts-list li{opacity:1;transition:none;transform:none}}
.tm{background:radial-gradient(60% 120% at 50% 0,#7cc4ee1a,#0000 70%),#0a1b31;border-block:1px solid #f3f8fc14;padding:clamp(40px,5vw,64px) 0;position:relative;overflow:hidden}.tm-head{text-align:center;font-size:var(--text-h4);letter-spacing:-.02em;color:#f3f8fc;margin:0 0 26px;font-weight:600}.tm-rows{flex-direction:column;gap:14px;display:flex}.tm-row{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;padding-left:max(16px,50vw - 608px);display:grid}.tm-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ink);background:var(--action);border-radius:999px;justify-self:start;padding:7px 14px;font-size:11.5px}.tm-row.is-rev .tm-label{color:#0a1b31;background:#7cc4ee}.tm-view{flex:1;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 6% 90%,#0000);mask:linear-gradient(90deg,#0000,#000 6% 90%,#0000)}.tm-track{width:max-content;animation:linear infinite tm-left;display:flex}.tm-row.is-rev .tm-track{animation-name:tm-right}.tm-row:hover .tm-track{animation-play-state:paused}@keyframes tm-left{to{transform:translate(-50%)}}@keyframes tm-right{0%{transform:translate(-50%)}to{transform:none}}.tm-set{gap:12px;margin:0;padding:0 6px;list-style:none;display:flex}.tm-set li{white-space:nowrap;color:#dce6f0;background:#f3f8fc0a;border:1px solid #f3f8fc1a;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:16px;font-weight:600;transition:border-color .3s,color .3s;display:inline-flex}.tm-set li i{background:var(--action);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #ffc24b99}.tm-row.is-rev .tm-set li i{background:#7cc4ee;box-shadow:0 0 10px #7cc4ee99}.tm-set li:hover{color:#fff;border-color:#ffc24b80}@media (max-width:640px){.tm-head{margin-bottom:18px;font-size:19px}.tm-row{grid-template-columns:minmax(0,1fr);gap:10px;padding-left:0}.tm-label{margin-left:16px}.tm-set li{padding:10px 16px;font-size:14.5px}}@media (prefers-reduced-motion:reduce){.tm-track{width:auto;animation:none}.tm-set{flex-wrap:wrap;justify-content:center}.tm-set[aria-hidden],.tm-set li[aria-hidden]{display:none}.tm-view{-webkit-mask:none;mask:none}}
.rb{--rb-ink:#0a1b31;--rb-mut:#5e7088;--rb-line:#0a1b311f;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:stretch;gap:20px clamp(32px,5vw,72px);display:grid}.rb-lead{text-align:center;background:radial-gradient(60% 60% at 50% 40%,#7cc4ee42,#0000 70%),linear-gradient(#1d3f6b,#11294a);border:1px solid #7cc4ee2e;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:40px 32px;display:flex;box-shadow:0 40px 80px -46px #0a1b3199}.rb-ring{aspect-ratio:1;width:min(260px,70%);position:relative}.rb-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.rb-ring circle{fill:none;stroke-width:12px}.rb-ring-bg{stroke:#f3f8fc1a}.rb-ring-fg{stroke:var(--action);stroke-linecap:round;filter:drop-shadow(0 0 10px #ffc24b8c);transition:stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1)}.rb-ring b{letter-spacing:-.05em;color:#fff;font-variant-numeric:tabular-nums;place-items:center;font-size:clamp(48px,5vw,68px);font-weight:700;display:grid;position:absolute;inset:0}.rb-lead-copy h3{font-size:var(--text-h3);line-height:var(--lh-tight);letter-spacing:-.02em;color:#fff;margin:0 0 8px;font-weight:600}.rb-lead-copy p{max-width:34ch;font-size:var(--text-sm);line-height:var(--lh-body);color:#b7c7d9;margin:0 auto}.rb-rows{border-top:1px solid var(--rb-line);flex-direction:column;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.rb-rows li{opacity:0;grid-template-columns:minmax(130px,200px) minmax(0,1fr);align-items:center;gap:8px 28px;padding:28px 0;transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1);display:grid;position:relative;transform:translate(24px)}.rb.is-run .rb-rows li{opacity:1;transform:none}.rb-rows b{letter-spacing:-.05em;color:#1f6fb2;font-variant-numeric:tabular-nums;font-size:clamp(44px,4.4vw,64px);font-weight:700;line-height:1}.rb-rows h3{font-size:var(--text-h4);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--rb-ink);margin:0 0 6px;font-weight:600}.rb-rows p{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--rb-mut);margin:0}.rb-rule{background:var(--rb-line);height:1px;position:absolute;bottom:0;left:0;right:0}.rb-rule:after{content:"";background:linear-gradient(90deg, var(--action), #7cc4ee);transform-origin:0;width:100%;height:3px;transition:transform 1.2s cubic-bezier(.22,1,.36,1);transition-delay:inherit;border-radius:3px;position:absolute;top:-1px;left:0;transform:scaleX(0)}.rb.is-run .rb-rule:after{transform:scaleX(1)}.pg-sec:not(.is-alt):not(.is-light) .rb{--rb-ink:#f3f8fc;--rb-mut:#9cb2cb;--rb-line:#f3f8fc1f}.pg-sec:not(.is-alt):not(.is-light) .rb-rows b{color:var(--action)}@media (max-width:960px){.rb{grid-template-columns:minmax(0,1fr)}.rb-lead{text-align:left;flex-direction:row;padding:28px}.rb-ring{flex:none;width:170px}.rb-lead-copy p{margin:0}}@media (max-width:560px){.rb-lead{text-align:center;flex-direction:column}.rb-lead-copy p{margin:0 auto}.rb-ring{width:190px}.rb-rows li{grid-template-columns:minmax(0,1fr);padding:22px 0}}@media (prefers-reduced-motion:reduce){.rb-ring-fg,.rb-rows li,.rb-rule:after{transition:none}}
.ro{grid-template-columns:repeat(var(--ro-n,4), minmax(0, 1fr));background:radial-gradient(50% 80% at 50% 0,#7cc4ee2e,#0000 70%),linear-gradient(#1d3f6b,#0f2546);border:1px solid #7cc4ee2e;border-radius:30px;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -46px #0a1b31b3}.ro:has(>:nth-child(3):last-child){--ro-n:3}.ro-col{color:#fff;flex-direction:column;gap:10px;padding:40px 30px 44px;display:flex;position:relative}.ro-col+.ro-col{border-left:1px solid #f3f8fc1a}.ro-num{letter-spacing:-.04em;height:1em;color:var(--action);font-variant-numeric:tabular-nums;filter:drop-shadow(0 0 18px #ffc24b59);align-items:flex-end;margin-bottom:14px;font-size:clamp(48px,5vw,76px);font-weight:700;line-height:1;display:flex}.ro-reel{height:1em;display:inline-block;overflow:hidden}.ro-strip{transform:translateY(calc(var(--d) * -1em));transition:transform 1.8s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--c) * .15s + var(--k) * 90ms);flex-direction:column;display:flex}.ro-strip span{height:1em;line-height:1}.ro-ch{display:inline-block}.rv-on .ro:not(.is-run) .ro-strip{transition:none;transform:none}.ro-col h3{font-size:var(--text-h4);line-height:var(--lh-tight);letter-spacing:-.02em;margin:0;font-weight:600}.ro-col p{font-size:var(--text-sm);line-height:var(--lh-body);color:#b7c7d9;margin:0}.ro-credit{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#7cc4ee;background:#7cc4ee1a;border:1px solid #7cc4ee38;border-radius:999px;align-self:flex-start;margin-top:auto;padding:5px 11px;font-size:11px}.ro-bar{background:#f3f8fc1a;border-radius:3px;height:3px;position:absolute;bottom:22px;left:30px;right:30px;overflow:hidden}.ro-bar:after{content:"";background:linear-gradient(90deg, var(--action), #7cc4ee);transform-origin:0;transition:transform 1.4s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--c) * .15s + .4s);position:absolute;inset:0}.rv-on .ro:not(.is-run) .ro-bar:after{transform:scaleX(0)}.ro-col:hover .ro-num{color:#ffd27a}@media (max-width:1000px){:is(.ro,.ro:has(>:nth-child(3):last-child)){grid-template-columns:repeat(2,minmax(0,1fr))}.ro-col:nth-child(odd){border-left:0}.ro-col:nth-child(n+3){border-top:1px solid #f3f8fc1a}}@media (max-width:560px){:is(.ro,.ro:has(>:nth-child(3):last-child)){border-radius:24px;grid-template-columns:minmax(0,1fr)}.ro-col{padding:30px 24px 38px}.ro-col+.ro-col{border-top:1px solid #f3f8fc1a;border-left:0}.ro-bar{bottom:18px;left:24px;right:24px}}@media (prefers-reduced-motion:reduce){.ro-strip,.ro-bar:after{transition:none}}