:root{--bg: #07090d;--bg-1: #0b0e14;--bg-2: #10141c;--bg-3: #161b24;--line: rgba(240, 246, 252, .08);--line-2: rgba(240, 246, 252, .14);--text: #e6edf3;--text-2: #b6c0cc;--muted: #7d8793;--cyan: #79c0ff;--blue: #388bfd;--green: #3fb950;--green-2: #56d364;--yellow: #e3b341;--orange: #f0883e;--purple: #bc8cff;--red: #f78166;--sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "SFMono-Regular", "Cascadia Code", Consolas, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--r: 14px;--r-lg: 22px;--gutter: clamp(18px, 4vw, 40px);--max: 1200px;--dur: .52s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body.lp{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}#main{overflow-x:clip}:where(.lp) img{max-width:100%;display:block}:where(.lp) a{color:inherit;text-decoration:none}:where(.lp) :where(h1,h2,h3,p,ul,ol,figure,blockquote){margin:0;padding:0}:where(.lp) :where(ul,ol){list-style:none}:where(.lp) button{font:inherit;color:inherit}.lp code{font-family:var(--mono);font-size:.92em;color:var(--cyan)}.lp b.ok,.lp .ok{color:var(--green-2)}::selection{background:#79c0ff47}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--cyan);color:#051018;padding:8px 14px;border-radius:8px;font-weight:600}.skip:focus{top:12px}.btn{--h: 44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 20px;border-radius:999px;font-weight:600;font-size:.95rem;letter-spacing:-.01em;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:transform .16s var(--ease),background-color .2s,border-color .2s,color .2s,box-shadow .3s var(--ease)}.btn:active{transform:scale(.97)}.btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}.btn:hover svg{transform:translate(3px)}.btn-primary{background:var(--cyan);color:#04121f;box-shadow:0 0 0 1px #79c0ff66,0 8px 30px -8px #79c0ff8c,inset 0 1px #ffffff73}.btn-primary:hover{background:#9bd1ff;box-shadow:0 0 0 1px #9bd1ff99,0 12px 40px -8px #79c0ffbf,inset 0 1px #ffffff80}.btn-ghost{background:#f0f6fc0a;border-color:var(--line-2);color:var(--text)}.btn-ghost:hover{background:#f0f6fc14;border-color:#f0f6fc42}.btn-quiet{color:var(--text-2);padding:0 12px}.btn-quiet:hover{color:var(--text)}.btn-sm{--h: 36px;padding:0 16px;font-size:.875rem}.btn-lg{--h: 54px;padding:0 26px;font-size:1rem}.btn-chip{--h: 34px;padding:0 14px;font-size:.82rem;font-family:var(--mono);font-weight:500;background:#79c0ff1a;color:var(--cyan);border-color:#79c0ff47}.btn-chip:hover{background:#79c0ff2e}.btn-chip.ghost{background:transparent;color:var(--muted);border-color:var(--line-2)}.nav{position:fixed;inset:0 0 auto 0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background-color .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}.nav.scrolled,.nav.solid{background:#07090db8;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom-color:var(--line)}.nav-in{max-width:var(--max);margin:0 auto;height:64px;padding:0 var(--gutter);display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.02em;font-size:1.02rem}.brand b{font-weight:600;color:var(--muted);margin-left:1px}.brand-mark{width:26px;height:26px}.brand-mark rect{fill:var(--cyan)}.brand-mark rect:nth-child(1){fill:#3a6ea8}.brand-mark rect:nth-child(2){fill:#58a0e8}.brand-mark path{fill:var(--green-2)}.brand-mark rect,.brand-mark path{transform-box:fill-box}.brand-mark rect{transform-origin:50% 100%}.brand-mark path{transform-origin:0 50%}.brand b{transition:color .25s}.brand:hover b,.brand:focus-visible b{color:var(--text-2)}@media (prefers-reduced-motion: no-preference){.nav .brand:not(.ready) .brand-mark rect{animation:brand-rise .65s var(--ease) both}.nav .brand:not(.ready) .brand-mark rect:nth-child(2){animation-delay:90ms}.nav .brand:not(.ready) .brand-mark rect:nth-child(3){animation-delay:.18s}.nav .brand:not(.ready) .brand-mark path{animation:brand-play .5s var(--ease) .38s both}.brand.sorting .brand-mark rect:nth-child(1){animation:brand-sort-1 .76s var(--ease-io) both}.brand.sorting .brand-mark rect:nth-child(2){animation:brand-sort-2 .76s var(--ease-io) both}.brand.sorting .brand-mark rect:nth-child(3){animation:brand-sort-3 .76s var(--ease-io) both}.brand.sorting .brand-mark path{animation:brand-nudge .76s var(--ease) both}}.brand .bl{display:inline-block;font-style:normal}@media (prefers-reduced-motion: no-preference){.nav .brand:not(.ready) .bl{animation:brand-letter .52s var(--ease) both;animation-delay:calc(.26s + var(--i) * 30ms)}.brand.sorting .bl{animation:brand-scan .46s var(--ease) both;animation-delay:calc(var(--i) * 36ms)}}@keyframes brand-letter{0%{transform:translateY(.55em);opacity:0;filter:blur(3px)}}@keyframes brand-scan{40%{transform:translateY(-3px);color:var(--cyan)}}@keyframes brand-rise{0%{transform:scaleY(0);opacity:0}40%{opacity:1}}@keyframes brand-play{0%{transform:translate(-5px) scale(.4);opacity:0}}@keyframes brand-sort-1{40%,55%{transform:scaleY(2.4);fill:var(--yellow)}}@keyframes brand-sort-2{40%,55%{transform:scaleY(.59)}}@keyframes brand-sort-3{40%,55%{transform:scaleY(.71);fill:var(--yellow)}}@keyframes brand-nudge{60%{transform:translate(0)}78%{transform:translate(3px)}}.nav-links{display:flex;gap:4px;margin-left:12px}.nav-links a{padding:6px 12px;border-radius:999px;color:var(--text-2);font-size:.9rem;white-space:nowrap;transition:color .16s,background-color .16s}.nav-links a:hover{color:var(--text);background:#f0f6fc0f}.nav-links .nav-ext{display:inline-flex;align-items:center;gap:5px}.nav-links .nav-ext svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.nav-cta{margin-left:auto;display:flex;align-items:center;gap:6px}@media (max-width: 960px){.nav-links{display:none}}@media (max-width: 420px){.nav-cta .btn-quiet{display:none}}@media (scripting: enabled) and (prefers-reduced-motion: no-preference){.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease) var(--d, 0ms),transform .9s var(--ease) var(--d, 0ms)}.reveal.in{opacity:1;transform:none}}.section{max-width:var(--max);margin:0 auto;padding:clamp(88px,12vw,150px) var(--gutter) 0}main>.section:last-child{padding-bottom:clamp(90px,12vw,140px)}.sec-head{max-width:780px;margin-bottom:clamp(36px,5vw,60px)}.kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px}.kicker:before{content:"";width:18px;height:1px;background:currentColor;opacity:.7}:where(.lp) h2{font-size:clamp(2rem,4.4vw,3.5rem);line-height:1.04;letter-spacing:-.04em;font-weight:700;text-wrap:balance}.sec-sub{margin-top:18px;color:var(--text-2);font-size:clamp(1rem,1.4vw,1.15rem);max-width:620px;text-wrap:pretty}.muted-em{color:var(--muted)}.hero{position:relative;max-width:calc(var(--max) + 120px);margin:0 auto;padding:calc(110px + env(safe-area-inset-top,0px)) var(--gutter) 70px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(32px,4vw,56px);align-items:center;min-height:min(100vh,920px)}.hero-bg{position:absolute;top:0;right:-30vw;bottom:0;left:-30vw;z-index:-1;pointer-events:none;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(240,246,252,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(240,246,252,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 60% 55% at 60% 42%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 60% 55% at 60% 42%,#000 20%,transparent 75%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}.hero-glow.g1{width:520px;height:420px;left:55%;top:12%;background:radial-gradient(circle,rgba(56,139,253,.55),transparent 70%)}.hero-glow.g2{width:380px;height:340px;left:38%;top:48%;background:radial-gradient(circle,rgba(63,185,80,.28),transparent 70%)}@media (prefers-reduced-motion: no-preference){.hero-glow.g1{animation:drift 18s var(--ease-io) infinite alternate}.hero-glow.g2{animation:drift 22s var(--ease-io) infinite alternate-reverse}}@keyframes drift{to{transform:translate(-60px,40px) scale(1.12)}}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;border-radius:999px;border:1px solid var(--line-2);background:#f0f6fc08;font-family:var(--mono);font-size:.78rem;color:var(--text-2);margin-bottom:26px}.rec{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 #f7816699}@media (prefers-reduced-motion: no-preference){.rec{animation:rec 2s infinite}}@keyframes rec{70%{box-shadow:0 0 0 7px #f7816600}to{box-shadow:0 0 #f7816600}}.hero-copy{container-type:inline-size}.hero h1{font-size:clamp(2.4rem,9.6cqi,4.9rem);line-height:.98;letter-spacing:-.055em;font-weight:700}.h1-em{color:var(--muted)}.h1-think{color:transparent;background:linear-gradient(100deg,var(--cyan) 10%,#b7f0ff 45%,var(--green-2) 90%);-webkit-background-clip:text;background-clip:text}.h1-rot{white-space:nowrap}.h1-rot:after{content:"";display:inline-block;width:.07em;height:.78em;margin-left:.05em;vertical-align:-.04em;background:var(--cyan);border-radius:2px}@media (prefers-reduced-motion: no-preference){.h1-rot:after{animation:caret 1.1s steps(1) infinite}.h1-rot.typing:after{animation:none}}@keyframes caret{50%{opacity:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.lede{margin-top:26px;font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--text-2);max-width:540px;text-wrap:pretty}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.cta-row.center{justify-content:center}.hero-proof{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;font-size:.88rem;color:var(--muted)}.hero-proof li{display:flex;align-items:center;gap:8px}.hero-proof li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green)}.hero-proof b{color:var(--text);font-weight:600}.player{outline:none}.player:focus-visible{box-shadow:0 0 0 2px var(--cyan)}.hero-demo,.pg-panel{position:relative;background:linear-gradient(180deg,#161b24eb,#0b0e14f5);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:0 0 0 1px #0009,0 40px 120px -30px #000000e6,0 30px 80px -40px #388bfd59,inset 0 1px #ffffff0f}.hero-demo{transform-origin:50% 60%}@media (prefers-reduced-motion: no-preference) and (min-width: 1081px){.hero-demo{transform:perspective(1600px) rotateY(-7deg) rotateX(3deg);transition:transform .9s var(--ease)}.hero-demo:hover,.hero-demo:focus-within{transform:perspective(1600px) rotateY(0) rotateX(0)}}.win-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.dots{display:inline-flex;gap:6px;margin-right:4px}.dots i{width:10px;height:10px;border-radius:50%;background:#2a313c}.win-title{font-family:var(--mono);font-size:.8rem;color:var(--text-2);margin-right:auto}.chip{font-family:var(--mono);font-size:.68rem;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;border:1px solid}.chip-med{color:var(--yellow);border-color:#e3b34159;background:#e3b34114}.chip-hard{color:var(--red);border-color:#f7816659;background:#f7816614}.chip-tag{color:var(--purple);border-color:#bc8cff59;background:#bc8cff14;text-transform:none}.demo-body{display:grid;grid-template-rows:auto auto}.stage{position:relative;height:250px;padding:22px 22px 8px}.stage-lg{height:330px}.code{counter-reset:ln;font-family:var(--mono);font-size:12.5px;line-height:1.75;padding:12px 0;margin:0;border-top:1px solid var(--line);overflow-x:auto;color:#c9d1d9;scrollbar-width:thin}.code li{counter-increment:ln;white-space:pre;padding:0 18px 0 0;position:relative;transition:background-color .24s,color .24s}.code li:before{content:counter(ln);display:inline-block;width:42px;padding-right:14px;text-align:right;color:#3d4652;-webkit-user-select:none;user-select:none;transition:color .24s}.code li.on{background:linear-gradient(90deg,rgba(121,192,255,.16),rgba(121,192,255,.04) 70%,transparent);color:#fff}.code li.on:before{color:var(--cyan)}.code li.on:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.tk-k{color:#ff7b72}.tk-n{color:#79c0ff}.tk-f{color:#d2a8ff}.tk-c{color:#8b949e}.caption{min-height:3.3em;padding:12px 20px;border-top:1px solid var(--line);font-size:.92rem;color:var(--text-2);line-height:1.55}.caption b{color:var(--text);font-weight:600}.pl-bar{display:flex;align-items:center;gap:6px;padding:10px 14px 14px}.pl-btn{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:transparent;border:1px solid transparent;cursor:pointer;color:var(--text-2);transition:background-color .16s,color .16s,transform .14s var(--ease)}.pl-btn:hover:not(:disabled){background:#f0f6fc12;color:var(--text)}.pl-btn:active:not(:disabled){transform:scale(.92)}.pl-btn:disabled{opacity:.35;cursor:default}.pl-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pl-play{width:40px;height:40px;border-radius:50%;background:var(--text);color:var(--bg)}.pl-play:hover:not(:disabled){background:#fff;color:var(--bg)}.pl-play svg{fill:currentColor;stroke-width:2.2}.pl-play .i-pause{display:none;fill:none;stroke-width:2.6}.pl-play[data-state=playing] .i-play{display:none}.pl-play[data-state=playing] .i-pause{display:block}.pl-scrub{--p: 0%;flex:1;min-width:60px;height:20px;margin:0 8px;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.pl-scrub::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--cyan) var(--p),rgba(240,246,252,.12) var(--p))}.pl-scrub::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--cyan) var(--p),rgba(240,246,252,.12) var(--p))}.pl-scrub::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #79c0ff40}.pl-scrub::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #79c0ff40}.pl-counter{font-family:var(--mono);font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;min-width:58px;text-align:right}.pl-speed{font-family:var(--mono);font-size:.75rem;min-width:42px;height:28px;border-radius:8px;cursor:pointer;background:#f0f6fc0d;border:1px solid var(--line-2);color:var(--text-2)}.pl-speed:hover{color:var(--text);border-color:#f0f6fc47}.ptr{position:absolute;top:4px;transform:translate(-50%);font-family:var(--mono);font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:6px;color:#04121f;background:var(--cyan);white-space:nowrap;transition:left var(--dur) var(--ease),opacity .24s,background-color .24s}.ptr:before{content:"";position:absolute;left:50%;top:-5px;margin-left:-5px;border:5px solid transparent;border-top:0;border-bottom-color:inherit;border-bottom-color:var(--ptr-c, var(--cyan))}.ptr-l{--ptr-c: var(--cyan);background:var(--cyan)}.ptr-r{--ptr-c: var(--orange);background:var(--orange)}.ptr-mid{--ptr-c: var(--yellow);background:var(--yellow)}.ptr.hide{opacity:0}.vars{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.var{font-family:var(--mono);font-size:.74rem;color:var(--muted);padding:3px 9px;border-radius:6px;background:#f0f6fc0a;border:1px solid var(--line)}.var b{color:var(--text);font-weight:600}.var-best b{color:var(--green-2)}.var.pulse{border-color:#56d3648c;background:#3fb95024}@media (prefers-reduced-motion: no-preference){.var.pulse{animation:pop .5s var(--ease)}}@keyframes pop{40%{transform:scale(1.12)}}.cw{height:100%;display:flex;flex-direction:column}.cw-plot{position:relative;flex:1;display:grid;grid-template-columns:repeat(var(--n),1fr);margin-bottom:20px}.cw-col{position:relative;height:100%}.cw-bar{position:absolute;bottom:0;left:18%;right:18%;z-index:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#3b4553,#2a313c);transition:background .3s,box-shadow .3s,opacity .3s}.cw-val{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.7rem;color:var(--muted);transition:color .3s}.cw-idx{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.65rem;color:#454e5a}.cw-col.is-l .cw-bar{background:linear-gradient(180deg,var(--cyan),#2f7fd4);box-shadow:0 0 24px -4px #79c0ffb3}.cw-col.is-r .cw-bar{background:linear-gradient(180deg,#ffab70,#c96a28);box-shadow:0 0 24px -4px #f0883eb3}.cw-col.is-l .cw-val,.cw-col.is-r .cw-val{color:var(--text)}.cw-col.is-out .cw-bar{opacity:.28}.cw-col.is-best .cw-bar{background:linear-gradient(180deg,var(--green-2),#238636);box-shadow:0 0 28px -4px #56d364cc}.cw-water{position:absolute;bottom:0;z-index:0;opacity:0;background:linear-gradient(180deg,#388bfd6b,#388bfd1f);border-top:2px solid rgba(121,192,255,.9);transition:left var(--dur) var(--ease),width var(--dur) var(--ease),height var(--dur) var(--ease),opacity .3s,background .3s,border-color .3s}.cw-water.on{opacity:1}.cw-water.best{background:linear-gradient(180deg,#3fb9506b,#3fb9501a);border-top-color:var(--green-2)}.cw-area{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-weight:600;font-size:.95rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}.cw-lane{position:relative;height:26px}.cw-lane.done .ptr{opacity:.35}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:18px 0;margin-top:10px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;width:max-content;gap:0}.marquee-track span{font-family:var(--mono);font-size:.85rem;color:var(--muted);padding:0 26px;position:relative;white-space:nowrap}.marquee-track span:after{content:"◆";position:absolute;right:-5px;top:50%;transform:translateY(-50%);font-size:.45rem;color:#36404c}@media (prefers-reduced-motion: no-preference){.marquee-track{animation:marquee 60s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}}@keyframes marquee{to{transform:translate(-50%)}}.story-grid{display:grid;gap:14px;align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);grid-template-areas:"text live" "code live"}.story-textbook{grid-area:text;display:flex;flex-direction:column;gap:14px;padding:clamp(20px,3vw,30px);border-radius:var(--r-lg);background:#0c0f14;border:1px dashed var(--line-2)}.tb-label{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tb-label em{font-style:normal;color:var(--cyan);text-transform:none;letter-spacing:0}.story-textbook p{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.8;color:#7f8a95}.tb-ph{border-radius:4px;padding:1px 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:color .3s,background-color .3s,box-shadow .3s}.tb-ph.on{color:#fff;background:#79c0ff29;box-shadow:0 0 0 2px #79c0ff29}.story-live{grid-area:live;display:flex;flex-direction:column;min-height:0;border-radius:var(--r-lg);border:1px solid var(--line-2);background:linear-gradient(180deg,var(--bg-2),var(--bg-1))}.story-live .stage{flex:1;height:auto;min-height:260px}.story .code-card{grid-area:code;margin:0;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--bg-1);padding:14px 0;font-size:13px;line-height:1.9}.ll{position:relative;height:100%;min-height:200px}.ll-node{position:absolute;top:50%;width:clamp(40px,5.4vw,72px);height:clamp(40px,5.4vw,72px);transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:14px;font-family:var(--mono);font-weight:600;font-size:clamp(.95rem,1.6vw,1.25rem);background:var(--bg-3);border:1.5px solid #34404e;color:var(--text);z-index:2;transition:border-color .3s,background-color .3s,box-shadow .3s,transform .3s var(--ease)}.ll-node.focus{border-color:var(--yellow);box-shadow:0 0 0 4px #e3b34126,0 0 30px -6px #e3b34199;transform:translate(-50%,-50%) scale(1.06)}.ll-node.done{border-color:#56d364b3;background:#2386362e}.ll-null{position:absolute;top:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:.72rem;color:var(--muted);padding:6px 8px;border:1px dashed #3a4450;border-radius:8px}.ll-arrow{position:absolute;top:50%;width:calc(100% / var(--slots, 7) - clamp(40px,6.6vw,84px));min-width:14px;height:14px;transform:translate(-50%,-50%);z-index:1;color:#5b6776;transition:left var(--dur) var(--ease),transform .48s var(--ease),color .3s}.ll-arrow svg{width:100%;height:100%;overflow:visible}.ll-arrow path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ll-arrow.rev{transform:translate(-50%,-50%) scaleX(-1);color:var(--green-2)}.ll-arrow.hot{color:var(--yellow);filter:drop-shadow(0 0 6px rgba(227,179,65,.8))}.ll .ptr{top:calc(50% - clamp(58px,7vw,80px));font-size:.8rem}.ll .ptr:before{display:none}.ptr-curr{background:var(--yellow)}.ll .ptr-next{background:var(--purple);top:calc(50% - clamp(88px,10vw,112px))}.ll .ptr-prev{background:var(--cyan);top:calc(50% + clamp(38px,4.6vw,54px))}.pg-tabs{display:flex;gap:6px;padding:6px;margin-bottom:14px;border-radius:16px;width:max-content;max-width:100%;background:var(--bg-1);border:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.pg-tabs::-webkit-scrollbar{display:none}.pg-tab{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 16px;border-radius:11px;background:transparent;border:0;cursor:pointer;text-align:left;white-space:nowrap;transition:background-color .2s,box-shadow .2s}.pg-tab-t{font-weight:600;font-size:.92rem;color:var(--text-2);transition:color .2s}.pg-tab-o{font-family:var(--mono);font-size:.7rem;color:var(--muted)}.pg-tab:hover .pg-tab-t{color:var(--text)}.pg-tab[aria-selected=true]{background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line-2),0 4px 16px -6px #000c}.pg-tab[aria-selected=true] .pg-tab-t{color:var(--text)}.pg-tab[aria-selected=true] .pg-tab-o{color:var(--cyan)}.pg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line);min-height:64px}.pg-hint{color:var(--muted);font-size:.88rem}.pg-inputs,.field-form{display:flex;align-items:center;gap:8px}.field{display:inline-flex;align-items:center;height:34px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);overflow:hidden}.field span{font-family:var(--mono);font-size:.72rem;color:var(--muted);padding:0 8px 0 12px}.field input{width:64px;height:100%;border:0;background:transparent;color:var(--text);font-family:var(--mono);font-size:.85rem;outline:none;padding-right:10px;-moz-appearance:textfield}.field input::-webkit-inner-spin-button,.field input::-webkit-outer-spin-button{-webkit-appearance:none}.field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #79c0ff2e}.pg-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.pg-body .code{border-top:0;border-left:1px solid var(--line);padding:18px 0}.bs{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px}.bs-row{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:clamp(3px,.6vw,8px)}.bs-cell{position:relative;aspect-ratio:.8;min-width:0;border-radius:10px;cursor:pointer;display:grid;place-items:center;align-content:center;gap:2px;background:var(--bg-3);border:1.5px solid #2f3945;color:var(--text);transition:opacity .4s var(--ease),transform .4s var(--ease),border-color .25s,background-color .25s,box-shadow .25s}.bs-cell b{font-family:var(--mono);font-size:clamp(.72rem,1.3vw,1rem);font-weight:600}.bs-cell i{font-family:var(--mono);font-size:.6rem;font-style:normal;color:#4a5461}.bs-cell:hover{border-color:var(--line-2);transform:translateY(-2px)}.bs-cell.out{opacity:.18;transform:scale(.92)}.bs-cell.mid{border-color:var(--yellow);background:#e3b3411f;box-shadow:0 0 26px -6px #e3b341b3;transform:translateY(-4px)}.bs-cell.found{border-color:var(--green-2);background:#3fb95033;box-shadow:0 0 34px -4px #56d364cc;transform:translateY(-6px) scale(1.08)}.bs-lane{position:relative;height:30px}.bs-lane .ptr{top:6px}.qs{position:relative;height:100%}.qs-zone{position:absolute;bottom:-6px;height:calc(100% + 12px);border-radius:12px;background:#79c0ff0d;border:1px solid rgba(121,192,255,.18);opacity:0;transition:left var(--dur) var(--ease),width var(--dur) var(--ease),opacity .3s}.qs-zone.on{opacity:1}.qs-bar{position:absolute;left:0;bottom:0;height:100%;display:flex;align-items:flex-end;transition:transform var(--dur) var(--ease)}.qs-fill{position:relative;width:100%;margin:0 clamp(2px,.5vw,5px);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#465262,#2c3440);transition:background .26s,box-shadow .26s,opacity .26s}.qs-fill span{position:absolute;top:6px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:clamp(.62rem,1vw,.78rem);font-weight:600;color:#ffffffd9}.qs-bar.dim .qs-fill{opacity:.3}.qs-bar.small .qs-fill{background:linear-gradient(180deg,#4d8fd6,#2b5c93)}.qs-bar.cmp .qs-fill{background:linear-gradient(180deg,var(--yellow),#a77a17);box-shadow:0 0 22px -4px #e3b341b3}.qs-bar.hot .qs-fill{background:linear-gradient(180deg,var(--cyan),#2f7fd4);box-shadow:0 0 22px -4px #79c0ffcc}.qs-bar.pivot .qs-fill{background:linear-gradient(180deg,var(--purple),#7443c7);box-shadow:0 0 26px -4px #bc8cffcc}.qs-bar.sorted .qs-fill{background:linear-gradient(180deg,var(--green-2),#1f7a33);opacity:1}.qs-bar.sorted .qs-fill span{color:#06200c}.gr{height:100%;display:flex;flex-direction:column;gap:10px}.gr svg{flex:1;width:100%;min-height:0;overflow:visible}.gr-edge{stroke:#2d3642;stroke-width:2.5;transition:stroke .3s,stroke-width .3s}.gr-edge.tree{stroke:#79c0ffbf;stroke-width:3}.gr-edge.hot{stroke:var(--yellow);stroke-width:4;filter:drop-shadow(0 0 5px rgba(227,179,65,.9))}.gr-node{cursor:pointer;outline:none}.gr-node .dot{fill:var(--bg-3);stroke:#3a4552;stroke-width:2;transition:fill .3s,stroke .3s}.gr-node .ring{fill:none;stroke:transparent;stroke-width:2;transition:stroke .3s}.gr-node .lbl{fill:var(--text);font-family:var(--mono);font-size:13px;font-weight:600;text-anchor:middle;pointer-events:none}.gr-node .dist{fill:var(--cyan);font-family:var(--mono);font-size:11px;text-anchor:middle;pointer-events:none}.gr-node:hover .ring,.gr-node:focus-visible .ring{stroke:#f0f6fc59}.gr-node.queued .dot{fill:#e3b34129;stroke:var(--yellow)}.gr-node.cur .dot{fill:var(--cyan);stroke:var(--cyan)}.gr-node.cur .lbl{fill:#04121f}.gr-node.cur .ring{stroke:#79c0ff80}.gr-node.done .dot{fill:#3fb95040;stroke:var(--green-2)}.gr-queue{display:flex;align-items:center;gap:10px;min-height:32px}.gr-qlabel{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.gr-qitems{display:flex;gap:6px;flex-wrap:wrap}.gr-q{font-family:var(--mono);font-size:.8rem;font-weight:600;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e3b3411f;border:1px solid rgba(227,179,65,.45);color:var(--yellow)}@media (prefers-reduced-motion: no-preference){.gr-q.new{animation:slidein .4s var(--ease)}}@keyframes slidein{0%{transform:translate(10px);opacity:0}}.gr-empty{font-family:var(--mono);font-size:.75rem;color:#4a5461}.bst{position:relative;height:100%}.bst-node{position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;z-index:2;display:grid;place-items:center;font-family:var(--mono);font-size:.82rem;font-weight:600;background:var(--bg-3);border:1.5px solid #3a4552;color:var(--text);transition:transform var(--dur) var(--ease),border-color .25s,background-color .25s,box-shadow .25s}.bst-node.cmp{border-color:var(--yellow);background:#e3b34126;box-shadow:0 0 24px -4px #e3b341b3}.bst-node.placed{border-color:var(--green-2);background:#3fb95040;box-shadow:0 0 28px -4px #56d364cc}@media (prefers-reduced-motion: no-preference){.bst-node.placed{animation:grow .5s var(--ease)}}@keyframes grow{0%{scale:.3;opacity:0}}.bst-edge{position:absolute;left:0;top:0;height:2px;background:#34404d;transform-origin:0 50%;z-index:1;transition:transform var(--dur) var(--ease),width var(--dur) var(--ease),background-color .3s}.bst-edge.hot{background:var(--green-2)}.bst-probe{position:absolute;left:0;top:0;z-index:3;padding:3px 9px;border-radius:999px;opacity:0;font-family:var(--mono);font-size:.78rem;font-weight:700;background:var(--yellow);color:#1d1400;transition:transform var(--dur) var(--ease),opacity .2s}.bst-probe.on{opacity:1}.an-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}.an-mock{border-radius:var(--r-lg);border:1px solid var(--line-2);background:linear-gradient(180deg,var(--bg-2),var(--bg-1));overflow:hidden;box-shadow:0 30px 90px -40px #000000e6}.an-body{padding:16px;display:grid;gap:10px}.an-row{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.an-block{position:relative;border-radius:12px;padding:14px;border:1px solid var(--line);background:#f0f6fc05;display:flex;flex-wrap:wrap;gap:7px;align-content:flex-start;transition:border-color .35s,background-color .35s,box-shadow .35s,opacity .35s;opacity:.55}.an-block.on{opacity:1;border-color:#79c0ff99;background:#79c0ff0d;box-shadow:0 0 0 4px #79c0ff14}.an-block .n{position:absolute;top:-9px;right:-9px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:.7rem;font-style:normal;font-weight:700;background:var(--bg-3);border:1px solid var(--line-2);color:var(--muted);transition:background-color .3s,color .3s}.an-block.on .n{background:var(--cyan);color:#04121f;border-color:var(--cyan)}.sk{display:block;height:8px;border-radius:4px;background:#f0f6fc1a}.sk.hl{background:#79c0ff73}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}.w95{width:95%}.an-pill{font-family:var(--mono);font-size:.66rem;padding:4px 8px;border-radius:6px;border:1px solid var(--line-2);color:var(--muted)}.an-pill.on{color:var(--cyan);border-color:#79c0ff73;background:#79c0ff14}.an-pill.ghost{border-style:dashed}.an-viz{flex-direction:column;flex-wrap:nowrap}.an-bars{display:flex;align-items:flex-end;gap:3px;height:70px;width:100%}.an-bars span{flex:1;height:calc(12% + var(--h) * 29%);border-radius:3px 3px 1px 1px;background:#3a4452}.an-bars span:nth-child(odd){background:#3a4452}.an-block.on .an-bars span:nth-child(3),.an-block.on .an-bars span:nth-child(6){background:linear-gradient(180deg,#388bfdcc,#388bfd4d);height:38%}.an-ctrl{display:flex;align-items:center;gap:6px;margin-top:8px;width:100%}.an-ctrl span{width:14px;height:14px;border-radius:4px;background:#f0f6fc1f}.an-ctrl .play{width:18px;height:18px;border-radius:50%;background:var(--text)}.an-ctrl .track{flex:1;height:3px;background:linear-gradient(90deg,var(--cyan) 40%,rgba(240,246,252,.12) 40%)}.an-code{flex-direction:column;flex-wrap:nowrap}.an-code .sk{width:auto}.an-tabs{display:flex;gap:6px;margin-bottom:4px;font-family:var(--mono);font-size:.62rem}.an-tabs b{padding:2px 6px;border-radius:4px;background:#79c0ff24;color:var(--cyan);font-weight:500}.an-tabs b.off{background:transparent;color:var(--muted)}.an-status{font-size:.68rem;padding:4px 8px;border-radius:6px;background:#3fb95024;color:var(--green-2)}.an-status.b{background:#e3b3411f;color:var(--yellow)}.an-note{font-size:.68rem;color:var(--muted);padding:4px 8px;border-radius:6px;border:1px dashed var(--line-2)}.an-list{display:grid;gap:6px}.an-list li{display:flex;gap:16px;padding:16px 18px;border-radius:var(--r);border:1px solid transparent;transition:background-color .3s,border-color .3s;cursor:default}.an-list li .n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:.78rem;border:1px solid var(--line-2);color:var(--muted);transition:all .3s}.an-list h3{font-size:1.05rem;letter-spacing:-.01em;font-weight:600;color:var(--text-2);transition:color .3s}.an-list p{margin-top:4px;color:var(--muted);font-size:.93rem;line-height:1.55}.an-list li.on{background:#f0f6fc08;border-color:var(--line)}.an-list li.on .n{background:var(--cyan);color:#04121f;border-color:var(--cyan)}.an-list li.on h3{color:var(--text)}.topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.topics a{position:relative;display:flex;flex-direction:column;gap:2px;height:100%;padding:18px 18px 22px;border-radius:var(--r);background:var(--bg-1);border:1px solid var(--line);overflow:hidden;transition:border-color .25s,background-color .25s,transform .25s var(--ease)}.topics a:hover{border-color:#79c0ff73;background:var(--bg-2);transform:translateY(-3px)}.t-n{font-family:var(--mono);font-size:1.6rem;font-weight:500;letter-spacing:-.03em;color:var(--text);line-height:1.2}.t-name{font-weight:600;font-size:.98rem;color:var(--text-2)}.t-sample{font-size:.8rem;color:var(--muted);margin-top:6px;line-height:1.45}.t-bar{position:absolute;left:0;bottom:0;height:3px;width:calc(var(--w) * 100%);background:linear-gradient(90deg,var(--blue),var(--cyan));transform-origin:0 50%}@media (scripting: enabled) and (prefers-reduced-motion: no-preference){.topics .t-bar{transform:scaleX(0);transition:transform 1.1s var(--ease) calc(var(--i) * 45ms + .2s)}.topics.in .t-bar{transform:scaleX(1)}}@media (hover: hover){.topics a:hover .t-bar{background:linear-gradient(90deg,var(--green),var(--green-2))}}.free-strip{margin-top:18px;padding:22px;border-radius:var(--r-lg);border:1px solid rgba(63,185,80,.3);background:radial-gradient(120% 140% at 0% 0%,rgba(63,185,80,.1),transparent 55%),var(--bg-1)}.free-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.free-head p{color:var(--text-2)}.free-badge{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px;background:#3fb95029;color:var(--green-2);border:1px solid rgba(63,185,80,.4)}.free-list{display:flex;flex-wrap:wrap;gap:8px}.free-list a{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:#f0f6fc08;border:1px solid var(--line-2);font-size:.88rem;color:var(--text-2);transition:border-color .2s,color .2s,background-color .2s}.free-list a:hover{color:var(--text);border-color:#56d3648c;background:#3fb95014}.free-list i{font-style:normal;font-family:var(--mono);font-size:.7rem;padding:2px 7px;border-radius:999px;background:var(--bg-3);color:var(--muted)}.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--line);transition:border-color .3s,transform .4s var(--ease)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(600px circle at var(--mx, 50%) var(--my, 0%),rgba(121,192,255,.08),transparent 40%);opacity:0;transition:opacity .3s}.card:hover{border-color:var(--line-2);transform:translateY(-3px)}.card:hover:after{opacity:1}.card-copy{padding:26px 26px 0;position:relative;z-index:1}.card-k{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card h3{margin-top:10px;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.15;letter-spacing:-.03em;font-weight:600}.card h3 b{color:var(--cyan);font-weight:700}.card p{margin-top:10px;color:var(--muted);font-size:.93rem;line-height:1.55}.card-go{display:inline-block;margin-top:16px;font-size:.88rem;font-weight:600;color:var(--text-2);transition:color .2s,transform .2s var(--ease)}.card:hover .card-go{color:var(--cyan);transform:translate(3px)}.card-art{margin-top:auto;padding:22px 26px 26px;position:relative}.card-sd{grid-column:span 4;grid-row:span 2}.card-pat{grid-column:span 2;grid-row:span 2}.card-iq,.card-java,.card-jobs{grid-column:span 2}.sd-art{padding:20px 0 0 26px}.sd-art img{width:100%;height:auto;border-radius:12px 0 0;border:1px solid var(--line-2);border-right:0;border-bottom:0;background:#0d1117;transform-origin:0 0;transition:transform .7s var(--ease);mask-image:linear-gradient(180deg,#000 55%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent)}.card-sd:hover .sd-art img{transform:scale(1.03) translate(-6px,-4px)}.iq-art{display:grid;gap:8px}.iq-q,.iq-a{font-size:.82rem;padding:10px 12px;border-radius:12px;line-height:1.45}.iq-q{background:var(--bg-3);color:var(--text-2);border-radius:12px 12px 12px 4px}.iq-a{background:#79c0ff1a;color:var(--cyan);font-family:var(--mono);font-size:.74rem;border-radius:12px 12px 4px;margin-left:18px}.java-art{display:flex;gap:6px;flex-wrap:wrap}.java-art span{font-family:var(--mono);font-size:.74rem;padding:6px 10px;border-radius:8px;border:1px solid var(--line-2);color:var(--text-2)}.java-art span:nth-child(1){border-color:#3fb95066;color:var(--green-2)}.java-art span:nth-child(2){border-color:#e3b34166;color:var(--yellow)}.java-art span:nth-child(3){border-color:#f7816666;color:var(--red)}.jobs-art{display:grid;gap:6px}.job{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-2);padding:8px 10px;border-radius:10px;background:var(--bg-3)}.job i{width:7px;height:7px;border-radius:50%;background:var(--green-2)}@media (prefers-reduced-motion: no-preference){.job i{animation:blink 2.4s infinite}.job:nth-child(2) i{animation-delay:.8s}.job:nth-child(3) i{animation-delay:1.6s}}@keyframes blink{50%{opacity:.25}}[data-trial][hidden]{display:none!important}.trial-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px 16px 22px;margin-bottom:14px;border-radius:var(--r);border:1px solid rgba(121,192,255,.35);background:linear-gradient(90deg,#79c0ff1a,#79c0ff05)}.trial-bar p{flex:1;min-width:240px;color:var(--text-2);font-size:.95rem}.trial-bar b{color:var(--text)}.trial-dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.plan{position:relative;display:flex;flex-direction:column;padding:26px 22px 22px;border-radius:var(--r-lg);background:var(--bg-1);border:1px solid var(--line)}.plan h3{font-size:.95rem;font-weight:600;color:var(--text-2)}.plan-price{margin-top:14px;font-size:2.6rem;font-weight:700;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}.plan-price [data-sym]{font-size:1.3rem;vertical-align:.9rem;margin-right:2px;color:var(--text-2);font-weight:500}.plan-per{margin-top:8px;font-size:.85rem;color:var(--muted)}.plan ul{margin:22px 0 24px;display:grid;gap:10px;flex:1}.plan li{position:relative;padding-left:24px;font-size:.9rem;color:var(--text-2)}.plan li:before{content:"";position:absolute;left:2px;top:.45em;width:11px;height:6px;border-left:2px solid var(--green-2);border-bottom:2px solid var(--green-2);transform:rotate(-45deg)}.plan .btn{width:100%}.plan-free{background:transparent;border-style:dashed}.plan-hot{border-color:transparent;background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box,linear-gradient(160deg,var(--cyan),rgba(121,192,255,.1) 45%,var(--green) 100%) border-box;box-shadow:0 30px 80px -30px #388bfd73}.plan-flag{position:absolute;top:-11px;left:22px;font-family:var(--mono);font-size:.66rem;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:var(--cyan);color:#04121f;font-weight:600}.price-note{margin-top:18px;text-align:center;color:var(--muted);font-size:.88rem}.price-note a{color:var(--text-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}.faq-list{max-width:820px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);interpolate-size:allow-keywords}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px;font-size:clamp(1rem,1.6vw,1.15rem);font-weight:500;letter-spacing:-.01em;transition:color .2s}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";flex:none;width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center/100% 1.6px no-repeat,linear-gradient(currentColor,currentColor) center/1.6px 100% no-repeat;color:var(--muted);transition:transform .3s var(--ease)}.faq details[open] summary:after{transform:rotate(45deg);color:var(--cyan)}.faq summary:hover{color:var(--cyan)}.faq details p{padding:0 4px 24px;color:var(--text-2);max-width:700px}.faq details::details-content{block-size:0;overflow:hidden;transition:block-size .35s var(--ease),content-visibility .35s allow-discrete}.faq details[open]::details-content{block-size:auto}.final{max-width:var(--max);margin:0 auto;padding:clamp(88px,12vw,150px) var(--gutter) 0;text-align:center;position:relative}.final:before{content:"";position:absolute;inset:0 10% auto;height:420px;z-index:-1;background:radial-gradient(ellipse at center,rgba(56,139,253,.22),transparent 65%);filter:blur(30px)}.final h2{font-size:clamp(2.2rem,5.4vw,4.4rem)}.final>p{margin:18px auto 0;color:var(--text-2);font-size:1.1rem}.sort-word{--tw: clamp(34px, 7.4vw, 70px);position:relative;height:var(--tw);width:calc(var(--slots, 8.55) * var(--tw));margin:0 auto 46px}.tile{position:absolute;left:0;top:0;width:calc(var(--tw) - 6px);height:calc(var(--tw) - 6px);display:grid;place-items:center;border-radius:calc(var(--tw) * .2);font-family:var(--mono);font-weight:600;font-size:calc(var(--tw) * .46);background:var(--bg-3);border:1.5px solid #34404e;color:var(--text-2);transition:transform .3s var(--ease),background-color .25s,border-color .25s,color .25s,box-shadow .25s}.tile.hot{border-color:var(--yellow);color:var(--yellow);background:#e3b3411a}.sort-word-hero{--tw: min(46px, calc(100cqi / 12.2));margin:30px 0 0}.sort-word-hero+.cta-row{margin-top:26px}.sort-word-hero .tile{width:calc(var(--tw) - 4px);height:calc(var(--tw) - 4px);font-size:calc(var(--tw) * .46);border-radius:calc(var(--tw) * .22)}.sort-word-hero.sorted .tile:nth-child(-n+3){border-color:#79c0ffbf;color:var(--cyan);background:linear-gradient(180deg,#79c0ff38,#388bfd14)}.sort-word-hero.sorted .tile:nth-child(n+4){border-color:#f0f6fc33;color:var(--text);background:linear-gradient(180deg,#f0f6fc14,#f0f6fc05);box-shadow:none}.sort-word.sorted .tile{border-color:#79c0ff99;color:#fff;background:linear-gradient(180deg,#79c0ff33,#388bfd14);box-shadow:0 10px 30px -12px #79c0ffb3}@media (prefers-reduced-motion: no-preference){.sort-word.sorted .tile{animation:wave .7s var(--ease) both;animation-delay:calc(var(--i, 0) * 50ms)}}@keyframes wave{40%{translate:0 -10px}}.sort-word-brands{--tw: clamp(60px, 16vw, 116px);--th: clamp(46px, 10vw, 70px);height:var(--th);perspective:800px}.sort-word-brands .tile{height:var(--th);font-size:calc(var(--th) * .48);transform-style:preserve-3d;transition:transform .3s var(--ease),rotate .7s var(--ease),background-color .25s,border-color .4s,color .25s,box-shadow .4s}.sort-word-brands .face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(1px)}.sort-word-brands .face.b{transform:rotateX(180deg) translateZ(1px);color:var(--brand)}.sort-word-brands .face.b svg{width:auto;height:56%;aspect-ratio:1;fill:currentColor;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--brand) 45%,transparent))}.sort-word-brands .face.b.word{font-family:var(--sans);font-weight:800;font-size:calc(var(--tw) * .2);letter-spacing:-.03em}.sort-word-brands.sorted .tile.flip{rotate:x 180deg;border-color:color-mix(in srgb,var(--brand) 65%,transparent);background:color-mix(in srgb,var(--brand) 12%,var(--bg-3));box-shadow:0 10px 30px -12px var(--brand)}.foot{border-top:1px solid var(--line)}.foot-in{max-width:var(--max);margin:0 auto;padding:36px var(--gutter) calc(36px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px}.foot nav{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.88rem;color:var(--muted)}.foot nav a:hover,.foot-meta a:hover{color:var(--text)}.foot-meta{width:100%;font-size:.82rem;color:#56606b}.foot-support button{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}.foot-support button:hover{color:var(--text)}.foot-support button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.mobile-cta{display:none}@media (max-width: 760px){.mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;transform:translateY(150%);transition:transform .42s var(--ease)}.mobile-cta.show{transform:none}.mobile-cta .btn{width:100%;height:50px;box-shadow:0 10px 40px -6px #000000e6,0 0 0 1px #79c0ff66}}@media (max-width: 1080px){.hero{grid-template-columns:1fr;min-height:0;padding-top:108px;text-align:left}.hero-copy{max-width:680px}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.card-sd{grid-column:span 2;grid-row:auto}.card-pat,.card-iq,.card-java,.card-jobs{grid-column:span 1;grid-row:auto}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.pg-body{grid-template-columns:1fr}.pg-body .code{border-left:0;border-top:1px solid var(--line)}.an-grid{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr;grid-template-areas:"text" "live" "code"}.story .code-card{font-size:12px;line-height:1.7;padding:10px 0}.story-live .stage{min-height:200px}}@media (max-width: 640px){body.lp{font-size:15px}.hero h1{font-size:clamp(2.5rem,11.5vw,3.4rem)}.eb-more{display:none}.cta-row .btn-lg{width:100%}.stage{height:230px;padding:18px 14px 6px}.stage-lg{height:280px}.pg-panel[data-algo=bs] .stage-lg{height:170px}.code{font-size:11px}.code li:before{width:32px;padding-right:10px}.caption{padding:10px 14px;font-size:.86rem}.pl-bar{padding:8px 8px 12px;gap:2px}.pl-counter,.pl-btn[data-pl=reset]{display:none}.bento{grid-template-columns:1fr}.card-sd,.card-pat,.card-iq,.card-java,.card-jobs{grid-column:auto}.plans{grid-template-columns:1fr}.topics{grid-template-columns:repeat(2,minmax(0,1fr))}.topics a{padding:14px 14px 18px}.t-sample{display:none}.an-row{grid-template-columns:1fr}.pg-toolbar{padding:12px 14px}.pg-hint{font-size:.82rem}.gr-node .lbl{font-size:15px}.foot{padding-bottom:70px}}.fams{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.fam{display:flex;flex-direction:column;gap:12px;padding:18px 18px 20px;border-radius:var(--r-lg);background:var(--bg-1);border:1px solid var(--line);transition:border-color .25s,background-color .25s,transform .3s var(--ease)}.fam:hover{border-color:#79c0ff66;background:var(--bg-2);transform:translateY(-3px)}.fam h3{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;display:flex;align-items:baseline;gap:8px}.fam h3 span{font-family:var(--mono);font-size:.72rem;font-weight:500;color:var(--muted);padding:1px 7px;border-radius:999px;border:1px solid var(--line-2)}.fam ul{display:flex;flex-wrap:wrap;gap:6px}.fam li{font-size:.78rem;color:var(--text-2);padding:3px 9px;border-radius:7px;background:#f0f6fc0a;border:1px solid var(--line)}.fam-glyph{display:flex;align-items:flex-end;gap:5px;height:46px}.fam-glyph i{flex:1;height:var(--h, 60%);border-radius:5px 5px 2px 2px;background:#2c3440;transition:background-color .38s var(--ease),box-shadow .38s,opacity .38s,transform .38s var(--ease)}.fam-glyph.round{align-items:center}.fam-glyph.round i{height:auto;aspect-ratio:1;border-radius:50%}.fam-glyph i.a{background:var(--cyan);box-shadow:0 0 14px -2px #79c0ffb3}.fam-glyph i.b{background:var(--yellow);box-shadow:0 0 14px -2px #e3b341b3;transform:translateY(-3px)}.fam-glyph i.g{background:var(--green-2)}.fam-glyph i.d{opacity:.25}.fam-glyph i.x{opacity:0;transform:translateY(8px)}.fam-cta{justify-content:center;gap:6px;border-style:dashed;border-color:#79c0ff59;background:radial-gradient(120% 120% at 100% 0%,rgba(121,192,255,.1),transparent 60%),var(--bg-1)}.fam-cta-n{font-size:2.6rem;font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--cyan)}.fam-cta h3{display:block;color:var(--text-2);font-weight:500}.fam-cta .card-go{margin-top:4px}.fam-cta:hover .card-go{color:var(--cyan)}.tips-art{display:grid;gap:8px}.tips-art code{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:.72rem;color:var(--text-2);padding:8px 10px;border-radius:9px;background:var(--bg-3);border-left:2px solid var(--cyan)}.tips-art code i{font-style:normal;color:#ff7b72}.tips-art code em{font-style:normal;color:var(--muted)}.edge{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.edge span{font-family:var(--mono);font-size:.66rem;padding:3px 7px;border-radius:6px;color:var(--yellow);border:1px dashed rgba(227,179,65,.4)}.ship{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:30px}.ship:before{content:"";position:absolute;top:6px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),rgba(121,192,255,.15));transform-origin:0 50%}@media (scripting: enabled) and (prefers-reduced-motion: no-preference){.ship:before{transform:scaleX(0);transition:transform 1.4s var(--ease) .2s}.ship.in:before{transform:scaleX(1)}}.ship li{position:relative;padding:18px;border-radius:var(--r);background:var(--bg-1);border:1px solid var(--line)}.ship li:before{content:"";position:absolute;top:-30px;left:18px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid rgba(121,192,255,.6)}.ship li.latest{border-color:#79c0ff73;background:linear-gradient(180deg,rgba(121,192,255,.08),var(--bg-1))}.ship li.latest:before{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 5px #79c0ff2e}.ship time{font-family:var(--mono);font-size:.72rem;color:var(--cyan)}.ship h3{margin-top:8px;font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.ship p{margin-top:6px;font-size:.86rem;color:var(--muted);line-height:1.5}.ship-next{margin-top:22px;display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:.95rem}.ship-dot{width:9px;height:9px;border-radius:50%;background:var(--green-2);box-shadow:0 0 #56d36499}@media (prefers-reduced-motion: no-preference){.ship-dot{animation:live 2s infinite}}@keyframes live{70%{box-shadow:0 0 0 8px #56d36400}to{box-shadow:0 0 #56d36400}}.voices h2 em{font-style:normal;color:var(--cyan)}.voices .sec-head{margin-bottom:36px}.reviews{display:grid;gap:14px;outline:none}.rv-row{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.rv-track{display:flex;gap:14px;width:max-content;padding:4px 0}.review{width:clamp(290px,30vw,380px);flex:none;display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:24px;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--line);transition:border-color .25s,transform .3s var(--ease)}.review:hover{border-color:var(--line-2);transform:translateY(-3px)}.review blockquote{font-size:.98rem;line-height:1.6;color:var(--text);text-wrap:pretty}.review figcaption{display:flex;align-items:center;gap:10px}.rv-avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:.74rem;font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);background:conic-gradient(from 200deg,var(--blue),var(--cyan),var(--green),var(--blue))}.review:nth-child(5n+2) .rv-avatar{background:conic-gradient(from 90deg,var(--purple),var(--cyan),var(--purple))}.review:nth-child(5n+3) .rv-avatar{background:conic-gradient(from 30deg,var(--orange),var(--yellow),var(--orange))}.review:nth-child(5n+4) .rv-avatar{background:conic-gradient(from 300deg,var(--green),var(--cyan),var(--green))}.review:nth-child(5n+5) .rv-avatar{background:conic-gradient(from 150deg,#f778ba,var(--purple),#f778ba)}.rv-who{display:flex;flex-direction:column;min-width:0}.rv-who b{font-size:.86rem;font-weight:600}.rv-who i{font-style:normal;font-size:.72rem;color:var(--muted)}.rv-tag{margin-left:auto;font-family:var(--mono);font-size:.66rem;white-space:nowrap;padding:3px 8px;border-radius:6px;color:var(--cyan);background:#79c0ff14;border:1px solid rgba(121,192,255,.22)}@media (prefers-reduced-motion: no-preference){.rv-track{animation:rv 70s linear infinite}.rv-rev .rv-track{animation-direction:reverse;animation-duration:80s}.reviews:hover .rv-track,.reviews:focus-within .rv-track{animation-play-state:paused}}@keyframes rv{to{transform:translate(calc(-50% - 7px))}}@media (prefers-reduced-motion: reduce){.rv-row{overflow-x:auto;mask-image:none;-webkit-mask-image:none;padding:0 var(--gutter)}.review[aria-hidden=true]{display:none}}.included{margin-bottom:22px;padding:clamp(20px,3vw,30px);border-radius:var(--r-lg);background:var(--bg-1);border:1px solid var(--line-2)}.inc-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;margin-bottom:20px}.inc-head h3{font-size:clamp(1.2rem,2vw,1.45rem);font-weight:600;letter-spacing:-.02em}.inc-head p{color:var(--muted);font-size:.9rem}.inc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.inc-grid li{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 14px 14px 38px;border-radius:12px;background:#f0f6fc06;border:1px solid var(--line)}.inc-grid li:before{content:"";position:absolute;left:15px;top:19px;width:10px;height:5px;border-left:2px solid var(--green-2);border-bottom:2px solid var(--green-2);transform:rotate(-45deg)}.inc-grid b{font-size:.9rem;font-weight:600;line-height:1.3}.inc-grid span{font-size:.78rem;color:var(--muted);line-height:1.4}.inc-grid li.inc-new{border-color:#56d36459;background:#3fb9500f}.inc-grid li.inc-new b{color:var(--green-2)}@media (max-width: 1080px){.inc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ship{grid-template-columns:1fr;padding-top:0;padding-left:28px}.ship:before{top:0;bottom:0;left:5px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--cyan),rgba(121,192,255,.15));transform-origin:50% 0}.ship li:before{top:22px;left:-28px}}@media (scripting: enabled) and (prefers-reduced-motion: no-preference) and (max-width: 1080px){.ship:before{transform:scaleY(0)}.ship.in:before{transform:scaleY(1)}}@media (max-width: 640px){.inc-grid,.fams{grid-template-columns:1fr}.review{width:82vw;padding:20px}}html.auth-open{overflow:hidden}dialog.auth{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;margin:auto;padding:28px clamp(20px,5vw,32px) 26px;border:1px solid var(--line-2);border-radius:24px;background:radial-gradient(120% 60% at 50% 0%,rgba(56,139,253,.14),transparent 60%),linear-gradient(180deg,#121722,#0b0e14);color:var(--text);font-family:var(--sans);box-shadow:0 0 0 1px #0009,0 50px 120px -20px #000000e6,inset 0 1px #ffffff0f}dialog.auth::backdrop{background:#030509b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@media (prefers-reduced-motion: no-preference){dialog.auth[open]{animation:auth-in .38s var(--ease)}dialog.auth[open]::backdrop{animation:auth-fade .3s ease}}@keyframes auth-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}@keyframes auth-fade{0%{opacity:0}}.auth-x{position:absolute;top:14px;right:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:0;background:transparent;color:var(--muted);cursor:pointer}.auth-x:hover{background:#f0f6fc12;color:var(--text)}.auth-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 44px 22px 0;border-radius:12px;background:#f0f6fc0a;border:1px solid var(--line)}.auth-tabs button{height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:600;font-size:.88rem;cursor:pointer;transition:background-color .2s,color .2s}.auth-tabs button[aria-selected=true]{background:var(--bg-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}dialog.auth[data-view=onboard] .auth-tabs,dialog.auth[data-view=done] .auth-tabs{display:none}.auth-view h2{font-size:1.55rem;line-height:1.15;letter-spacing:-.035em;font-weight:700}.auth-sub{margin-top:8px;color:var(--text-2);font-size:.93rem;line-height:1.5}.auth-step{display:inline-block;margin-bottom:10px;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--green-2)}.auth-google{display:flex;justify-content:center;min-height:44px;margin-top:22px;transition:opacity .2s}.auth-google.loading{opacity:.45;pointer-events:none}.auth-google .auth-err{text-align:center}.auth-perks{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:18px;font-size:.8rem;color:var(--muted)}.auth-perks li{display:flex;align-items:center;gap:6px}.auth-perks li:before{content:"";width:9px;height:5px;margin-top:-3px;border-left:2px solid var(--green-2);border-bottom:2px solid var(--green-2);transform:rotate(-45deg)}.auth-fine{margin-top:18px;font-size:.76rem;color:#5f6974;text-align:center}.auth-switch{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);text-align:center;font-size:.88rem;color:var(--muted)}.auth-switch button{border:0;background:none;padding:0;color:var(--cyan);font-weight:600;cursor:pointer}.auth-switch button:hover{text-decoration:underline;text-underline-offset:3px}.auth-or{display:flex;align-items:center;gap:12px;margin:20px 0 14px;font-size:.76rem;color:var(--muted)}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line-2)}.auth-form{display:grid;gap:12px;margin-top:4px}[data-form=onboard].auth-form{margin-top:20px}.auth-field{display:grid;gap:6px}.auth-field>span:first-child{font-size:.8rem;font-weight:500;color:var(--text-2)}.auth-field i{font-style:normal;color:var(--muted);font-weight:400;margin-left:4px}.auth-field input,.auth-field select{width:100%;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line-2);background:#080a0f;color:var(--text);font:inherit;font-size:.95rem;outline:none;transition:border-color .16s,box-shadow .16s}.auth-field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 19px,calc(100% - 15px) 19px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}.auth-field select:invalid{color:var(--muted)}.auth-field input:focus,.auth-field select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #79c0ff2e}.auth-pw{position:relative;display:block}.auth-pw input{padding-right:64px}.auth-eye{position:absolute;right:6px;top:6px;height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:600;cursor:pointer}.auth-eye:hover{color:var(--text);background:#f0f6fc0f}.auth-err{min-height:0;font-size:.84rem;line-height:1.45;color:#ff9b85}.auth-err:empty{display:none}.auth-view>.auth-err{margin-top:12px;text-align:center}.auth-submit{width:100%;height:46px;margin-top:2px}.auth-submit:disabled{opacity:.7;cursor:progress}.auth-hint{margin-top:14px;font-size:.8rem;line-height:1.5;color:var(--muted);text-align:center}.auth-done{display:grid;justify-items:center;gap:4px;padding:26px 0 14px;text-align:center}.auth-spinner{width:34px;height:34px;margin-bottom:12px;border-radius:50%;border:3px solid rgba(121,192,255,.2);border-top-color:var(--cyan)}@media (prefers-reduced-motion: no-preference){.auth-spinner{animation:spin .8s linear infinite}}@keyframes spin{to{transform:rotate(360deg)}}dialog.sup{width:min(480px,calc(100vw - 24px))}.sup h2{font-size:1.45rem;line-height:1.2;letter-spacing:-.03em;font-weight:700;padding-right:40px}.sup .auth-sub b{color:var(--text)}.sup .auth-hint a,.sup .auth-sub a{color:var(--cyan)}.sup-mail{margin-top:20px;width:100%;height:46px}.sup-form{margin-top:18px}.sup-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 460px){.sup-row{grid-template-columns:1fr}}.auth-field textarea{width:100%;min-height:110px;padding:12px 14px;border-radius:12px;border:1px solid var(--line-2);background:#080a0f;resize:vertical;color:var(--text);font:inherit;font-size:.95rem;line-height:1.5;outline:none;transition:border-color .16s,box-shadow .16s}.auth-field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #79c0ff2e}.sup-ok{font-size:.86rem;color:var(--green-2)}.sup-ok:empty{display:none}