:root{--bg:#0a0a0b;--fg:#f4f4f5;--muted:#8a8a93;--accent:#7cf2c4;--tint:oklab(74.5814% -.0532153 .00685672);--panel:#131316;--line:#26262c;--gap:clamp(1rem, 2vw, 1.5rem);--pad-card:clamp(1.25rem, 2.4vw, 2rem)}*{box-sizing:border-box;margin:0}html{scroll-padding-top:5.5rem}body{background:var(--bg);color:var(--fg);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Helvetica Neue,sans-serif}header{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.25rem clamp(16px,5vw,64px);display:grid}.logo{letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:600;display:flex}.logo svg{width:22px;height:22px}a.logo{color:inherit;text-decoration:none}header{z-index:50;background:color-mix(in srgb, var(--bg) 80%, transparent);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);position:sticky;top:0}header .pill{justify-self:end}nav{align-items:center;gap:1.5rem;display:flex}.menu summary{cursor:pointer;color:var(--muted);align-items:center;gap:.3rem;padding:.45rem 0;font-weight:500;list-style:none;display:flex}.menu summary::-webkit-details-marker{display:none}.menu summary svg{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px;transition:transform .2s}.menu summary:hover,.menu[open] summary{color:var(--fg)}.navlink{color:var(--muted);padding:.45rem 0;font-weight:500;text-decoration:none}.navlink:hover,.navlink[aria-current]{color:var(--fg)}.menu[open] summary svg{transform:rotate(180deg)}.menu svg path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.mega{--r-ico:7px;--ipad:.55rem;--r-item:calc(var(--r-ico) + var(--ipad));--pad:.75rem;width:min(940px,100vw - 32px);padding:var(--pad);background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--r-item) + var(--pad));opacity:1;grid-template-columns:1fr 1fr 17rem;gap:.25rem .75rem;margin-inline:auto;transition:opacity .18s,translate .18s;display:grid;position:absolute;top:100%;left:0;right:0;translate:0;box-shadow:0 24px 64px #0000008c,inset 0 0 0 1px #ffffff05}@starting-style{.menu[open] .mega{opacity:0;translate:0 -6px}}.mega:before{content:"";position:absolute;inset:-1.25rem 0 100%}.group{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:.5rem var(--ipad) .35rem;font-size:.72rem;font-weight:600}.col ul{gap:.1rem;padding:0;list-style:none;display:grid}.col a{padding:var(--ipad);border-radius:var(--r-item);color:var(--fg);align-items:center;gap:.8rem;text-decoration:none;transition:background .15s;display:flex}.col a>span:last-child{display:grid}.col strong{font-size:.95rem;font-weight:600}.mega small{color:var(--muted);font-size:.82rem;line-height:1.35}.ico{border-radius:var(--r-ico);background:var(--bg);border:1px solid var(--line);width:38px;height:38px;color:var(--tint);flex:none;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid}.ico svg{width:19px;height:19px}.col a:hover,.col a:focus-visible,.col a[aria-current]{background:var(--line);outline:none}.col a:hover .ico,.col a:focus-visible .ico,.col a[aria-current] .ico{color:var(--bg);background:var(--tint);border-color:var(--tint)}.feature{border-radius:var(--r-item);color:var(--fg);border:1px solid color-mix(in srgb, var(--tint) 35%, var(--line));background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), var(--bg);flex-direction:column;grid-row:span 2;justify-content:center;gap:.4rem;padding:1rem;text-decoration:none;display:flex}.feature .chip{border:1px solid var(--tint);border-radius:var(--r-ico);background:color-mix(in srgb, var(--bg) 80%, transparent);align-items:center;gap:.6rem;padding:.6rem;display:flex}.feature .chip svg{width:26px;height:26px;color:var(--tint);flex:none}.feature .chip>span{display:grid}.feature .chip b{font:500 .8rem ui-monospace,monospace}.stats{gap:.1rem;margin-top:.9rem;display:grid}.stats div{border-bottom:1px solid var(--line);align-items:baseline;gap:.5rem;padding:.4rem 0;display:flex}.stats dt{letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums;min-width:4.2rem;font-size:1.15rem;font-weight:600}.stats dd{color:var(--muted);margin:0;font-size:.82rem}.feature>strong{letter-spacing:-.01em;margin-top:1rem;font-size:1.05rem}.feature .go{color:var(--accent);margin-top:.4rem;font-size:.9rem;font-weight:600}.feature:hover .go span{transition:translate .15s;display:inline-block;translate:3px}.pillars{border-top:1px solid var(--line);grid-column:1/3;grid-template-columns:repeat(3,1fr);gap:.25rem;margin-top:.5rem;padding-top:.6rem;display:grid}.pillars a{padding:var(--ipad);border-radius:var(--r-item);color:var(--fg);align-items:center;gap:.6rem;text-decoration:none;display:flex}.pillars a:hover{background:var(--line)}.pillars svg{width:18px;height:18px;color:var(--tint);flex:none}.pillars span{display:grid}.pillars strong{font-size:.88rem}@media (width<=860px){.mega{grid-template-columns:1fr;width:auto;max-height:calc(100dvh - 5rem);left:16px;right:16px;overflow-y:auto}.feature,.pillars{grid-area:auto}.feature>strong{margin-top:.75rem}.pillars{grid-template-columns:1fr}}footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:1.5rem clamp(16px,5vw,64px);font-size:.85rem}.pill{color:var(--bg);background:var(--accent);border-radius:999px;padding:.45rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none}main{gap:clamp(7rem,16vw,12.5rem);padding:0 clamp(16px,3vw,48px) 11rem;display:grid}main>section{width:100%;max-width:1120px;margin-inline:auto}main>section.demo{max-width:1760px}.hero{text-align:center;justify-items:center;gap:1.75rem;padding-top:clamp(2.5rem,10vh,6rem);display:grid}h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:600;line-height:1.05}h2{letter-spacing:-.03em;font-size:clamp(1.75rem,3.6vw,2.6rem);font-weight:600;line-height:1.1}.hero p{color:var(--muted);max-width:52ch;font-size:1.125rem}.eyebrow{color:var(--tint);text-align:center;margin-bottom:1rem;font-weight:500}section>h2{text-wrap:balance;max-width:24ch;margin-bottom:3rem}section>h2:has(+.lede){margin-bottom:1.25rem}.kicker{color:var(--tint);margin-bottom:1rem;font-weight:500}.muted{color:var(--muted)}.panel,.lane{--pad:var(--pad-card);--r-in:8px}.panel{border:1px solid var(--line);border-radius:calc(var(--r-in) + var(--pad));background:color-mix(in srgb, var(--panel) 92%, transparent);padding:var(--pad)}h3{letter-spacing:-.01em;font-size:1.15rem;font-weight:600}.lede{color:var(--muted);max-width:58ch;margin:0 0 3rem;font-size:1.125rem}.note{color:var(--muted);max-width:80ch;margin-top:1.25rem;font-size:.85rem}.acc{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.acc figure{gap:1rem;margin:0;display:grid}.acc figcaption{gap:.1rem;font-weight:600;display:grid}.acc figcaption span{color:var(--muted);font-size:.85rem;font-weight:400}.accbar{color:var(--muted);grid-template-columns:8rem 1fr 3rem;align-items:center;gap:.75rem;font-size:.9rem;display:grid}.accbar div{background:var(--line);border-radius:4px;height:14px;overflow:hidden}.accbar i{background:var(--muted);border-radius:0 4px 4px 0;height:100%;display:block}.accbar.on{color:var(--fg)}.accbar.on i{background:var(--tint)}.accbar b{text-align:right;font-variant-numeric:tabular-nums}.lanes{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.lane{border:1px solid var(--line);border-radius:calc(var(--r-in) + var(--pad));padding:var(--pad);background:color-mix(in srgb, var(--panel) 92%, transparent);margin:0}.lane.ours{border-color:color-mix(in srgb, var(--tint) 45%, var(--line))}.lane figcaption{margin-bottom:.5rem;font-weight:600}.lane svg{width:100%;height:auto;margin-bottom:.75rem}.lane svg text{fill:var(--fg);text-anchor:middle;font-size:12px}.lane .node rect{fill:var(--bg);stroke:var(--line)}.lane .node.far rect{stroke:#f2a37c}.lane .node.mine rect{stroke:var(--tint)}.lane .wire{stroke:var(--line);stroke-width:2px;stroke-dasharray:4 4}.lane .box{fill:none;stroke:var(--tint);stroke-opacity:.35;stroke-dasharray:3 3}.lane .boxlabel{fill:var(--muted)!important;font-size:10px!important}.lane .pkt{fill:var(--tint)}.lane:not(.ours) .pkt{fill:#f2a37c}.lane ul{color:var(--muted);gap:.3rem;padding-left:1.1rem;font-size:.95rem;display:grid}.lane.ours ul{color:var(--fg)}.steps{gap:var(--gap);grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.steps li{align-content:start;gap:1.1rem;display:grid;position:relative}.steps .n{color:var(--tint);font-family:ui-monospace,monospace;font-size:.85rem}.steps p{color:var(--muted);font-size:.95rem}.sample{color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-in);white-space:pre-wrap;padding:.75rem;font:.72rem/1.55 ui-monospace,monospace;overflow:hidden}.sample .dim{color:var(--muted)}.sample .ans{color:var(--tint)}.file{background:var(--bg);border:1px solid var(--tint);border-radius:var(--r-in);align-items:center;gap:.9rem;padding:1rem;display:flex}.file svg{width:36px;height:36px;color:var(--tint);flex:none}.file div{display:grid}.file strong{font-family:ui-monospace,monospace;font-weight:500}.file span{color:var(--muted);font-size:.85rem}.fit{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.fit ul{flex-wrap:wrap;align-content:start;gap:.75rem;padding:0;list-style:none;display:flex}.fit li{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:.45rem .9rem .45rem 2.1rem;position:relative}.fit li:before{font-weight:700;position:absolute;left:.85rem}.fit .yes li{border-color:color-mix(in srgb, var(--tint) 50%, var(--line))}.fit .yes li:before{content:"✓";color:var(--tint)}.fit .no li{color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent)}.fit .no li:before{content:"✕";color:var(--muted)}.proof-stats{gap:var(--gap);grid-template-columns:repeat(4,1fr);margin:0 0 clamp(3.5rem,7vw,5.5rem);display:grid}.proof-stats div{border-top:2px solid var(--tint);padding-top:.75rem}.proof-stats dt{letter-spacing:-.03em;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:600}.proof-stats dd{color:var(--muted);margin:.25rem 0 0;font-size:.92rem}.sub{margin-bottom:1.75rem}.timeline{gap:var(--gap);grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid;position:relative}.timeline li{border-top:1px solid var(--line);align-content:start;gap:.3rem;padding-top:1.5rem;display:grid;position:relative}.timeline li:before{content:"";background:var(--tint);border-radius:50%;width:11px;height:11px;position:absolute;top:-6px;left:0}.timeline time{color:var(--tint);font-family:ui-monospace,monospace;font-size:.85rem}.timeline small{color:var(--muted);font-size:.85rem}.sub.secure{margin-top:clamp(3.5rem,7vw,5.5rem)}.domains{gap:var(--gap);grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.domains li{border:1px solid var(--line);border-left:2px solid var(--tint);background:color-mix(in srgb, var(--panel) 92%, transparent);border-radius:0 8px 8px 0;gap:.25rem;padding:1rem 1.1rem;display:grid}.domains span{color:var(--muted);font-size:.9rem}.faq{border-top:1px solid var(--line);max-width:760px;display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:1.35rem 0;font-size:1.05rem;font-weight:500;list-style:none;display:flex}.faq summary:hover{color:var(--tint)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--tint);font-size:1.3rem;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{color:var(--muted);max-width:62ch;margin:-.4rem 0 1rem}.contact{text-align:center;justify-items:center;display:grid}.contact h2{max-width:20ch}.task{gap:.75rem;width:min(100%,640px);display:grid}.task textarea{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--line);resize:vertical;border-radius:12px;padding:1rem;font-size:1.05rem}.task textarea:focus{outline:2px solid var(--tint);outline-offset:-1px}.task button{font:inherit;color:var(--bg);background:var(--accent);cursor:pointer;border:0;border-radius:999px;justify-self:center;padding:.85rem 1.75rem;font-size:1.1rem;font-weight:600;transition:transform .2s}.task button:hover,.task button:focus-visible{outline:2px solid var(--fg);outline-offset:4px;transform:scale(1.04)}.contact .muted{margin-top:1rem;font-size:.92rem}.contact a{color:var(--fg)}@media (width<=860px){.lanes,.acc,.steps,.fit,.timeline,.domains{grid-template-columns:1fr}.proof-stats{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.lane .pkt{display:none}}
