@import url('assets/tokens.css');
@font-face{font-family:Inter;src:url('assets/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hn-color-paper);color:var(--hn-color-ink);font:16px/1.65 var(--hn-font-sans)}a{color:inherit;text-underline-offset:4px}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2563eb;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.06;letter-spacing:-.055em;font-weight:550;margin-bottom:1.5rem}h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.15;letter-spacing:-.045em;font-weight:550}h3{font-size:1.15rem;line-height:1.3}.wrap{max-width:1184px;margin:auto;padding:0 32px}.skip{position:absolute;top:-80px;padding:12px;background:white;z-index:20}.skip:focus{top:12px}.draft{background:#dce5dd;color:#102019;font-size:.8rem;text-align:center;padding:8px 16px}.nav{display:flex;align-items:center;gap:26px;min-height:100px}.brand{display:flex;gap:16px;align-items:center;text-decoration:none;white-space:nowrap;font-size:1.15rem;font-weight:550}.brand img{height:32px;width:auto;padding:0}.nav nav{margin-left:auto;display:flex;gap:26px;align-items:center;font-size:.9rem}.nav nav a{text-decoration:none}.nav nav a[aria-current]{text-decoration:underline}.hero{background:var(--hn-color-night);color:var(--hn-color-paper);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding-top:65px;padding-bottom:86px;position:relative}.eyebrow{font:12px/1.5 var(--hn-font-mono);letter-spacing:.1em;text-transform:uppercase;color:#506759;margin-bottom:20px}.hero .eyebrow{color:var(--hn-color-mint)}.intro{max-width:520px;font-size:1.15rem;color:var(--hn-color-mist)}.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:28px 0 18px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 22px;border:1px solid transparent;background:var(--hn-color-jade);color:var(--hn-color-night);border-radius:7px;text-decoration:none;font-weight:550}.button.secondary{background:transparent;color:inherit;border-color:#6c8175}.small{font-size:.85rem}.muted{color:#506759}.hero .muted{color:#a0b0a5}.receipt{background:#102019;border:1px solid #2b4033;border-radius:12px;padding:28px;box-shadow:0 24px 70px #0003}.receipt-top{display:flex;justify-content:space-between;gap:10px;padding-bottom:20px;border-bottom:1px solid #2b4033;font:12px var(--hn-font-mono);color:#a0b0a5}.receipt h3{margin:24px 0 12px}.receipt code{color:#9af2c0}.receipt pre{font:13px/1.8 var(--hn-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0;padding:16px;background:#07110c;border-radius:6px}.severity{font:12px var(--hn-font-mono);color:#efc276}.receipt .verdict{border-top:1px solid #2b4033;padding-top:18px;color:#9af2c0;margin-bottom:0}.section{padding:80px 0;border-bottom:1px solid #d0d9d0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}.section-head h2{max-width:640px;margin-bottom:0}.section-head p{max-width:350px;margin-bottom:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{border-top:1px solid #b8c6ba;padding-top:22px}.feature p{color:#506759}.number{display:block;color:#506759;font:12px var(--hn-font-mono);margin-bottom:28px}.demo{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{border:1px solid #cbd6cc;border-radius:10px;padding:26px;background:#fff9}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}select{max-width:100%;background:white;border:1px solid #829589;padding:10px;border-radius:6px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 var(--hn-font-mono)}.demo pre{background:#e8eee6;padding:20px;min-height:156px;border-radius:6px}.demo .button{background:#102019;color:#f2f4ef}.demo .secondary{background:transparent;color:#102019;border-color:#829589}button:disabled{cursor:default;opacity:.45}.badge{font:12px var(--hn-font-mono);padding:5px 9px;border:1px solid #b5c9ba;border-radius:20px;display:inline-block}.prices h3{margin-bottom:10px}.amount{font-size:2.6rem;letter-spacing:-.05em;line-height:1.2}.prices ul{padding-left:20px;min-height:110px}.notice{padding:18px 22px;border-left:3px solid #102019;background:#dce5dd}.resource-list{display:flex;gap:20px;flex-wrap:wrap}.access{background:#102019;color:#f2f4ef}.access .muted{color:#a0b0a5}.access select{color:#07110c}.access h2{max-width:680px}footer{padding:36px 0;font-size:.85rem}.footer-row{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.sibling-hero{min-height:530px}.sibling-hero h1{max-width:850px}.sibling-hero .intro{max-width:690px}.portfolio .panel{text-decoration:none;display:block}.portfolio a.panel:hover{border-color:#102019}.abstract{height:270px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #2b4033;border-radius:10px;background:radial-gradient(ellipse at center,#163a26,#07110c 70%)}.abstract .lane{position:absolute;border:1px solid #82958955;border-radius:50%;width:80%;height:45%;transform:rotate(-25deg)}.abstract .lane:nth-child(2){transform:rotate(25deg)}.abstract .lane:nth-child(3){width:55%;height:75%;transform:rotate(90deg)}.abstract span{z-index:1;background:#102019;padding:18px;color:#9af2c0;font:14px var(--hn-font-mono)}dialog{max-width:540px;width:calc(100% - 32px);border:1px solid #829589;border-radius:12px;padding:32px;background:#f2f4ef;color:#07110c}dialog::backdrop{background:#07110cbb}.comparison-bar{display:flex;gap:18px;flex-wrap:wrap;padding:14px 0;font-size:.8rem}.comparison-bar a{color:#dce5dd}.blackhole-art{display:none;position:absolute;inset:0;opacity:.68;pointer-events:none}.blackhole .blackhole-art{display:block}.blackhole .hero-grid{grid-template-columns:1.2fr 1fr}.blackhole .receipt{background:#102019e8}.singularity{position:absolute;right:5%;top:14%;width:520px;height:300px;background:radial-gradient(ellipse at center,#000 0 20%,#53e59a22 25%,transparent 64%);transform:rotate(-16deg)}.singularity:before,.singularity:after{content:'';position:absolute;inset:15% 0;border:3px solid #9af2c0;border-radius:50%;box-shadow:0 0 30px #53e59a88,inset 0 0 24px #53e59a66;transform:rotate(-9deg) scaleY(.44)}.singularity:after{inset:0 30%;border:1px solid #dce5dd;transform:rotate(18deg);box-shadow:0 0 45px #53e59a44}.dust{position:absolute;right:4%;top:15%;width:520px;height:300px;background:radial-gradient(circle at 20% 30%,#f2f4ef 0 1px,transparent 2px),radial-gradient(circle at 70% 50%,#9af2c0 0 1px,transparent 2px),radial-gradient(circle at 60% 80%,#f2f4ef 0 1px,transparent 2px);animation:drift 24s linear infinite}.paused .dust,.offscreen .dust{animation-play-state:paused}.motion-control{display:none}.blackhole .motion-control{display:inline-flex}.blackhole .hero h1{font-size:clamp(2.8rem,6vw,5.5rem)}@keyframes drift{to{transform:rotate(360deg)}}@media(max-width:760px){.wrap{padding:0 22px}.nav{min-height:88px;flex-wrap:wrap;gap:14px;padding-top:22px;padding-bottom:22px}.nav nav{margin:0;width:100%;gap:18px;font-size:.85rem}.hero-grid,.blackhole .hero-grid{grid-template-columns:1fr;gap:32px;padding-top:42px;padding-bottom:48px}.receipt{padding:22px}h1{font-size:3.1rem}.section{padding:52px 0}.section-head{display:block}.section-head p{margin-top:22px}.grid3,.demo{grid-template-columns:1fr}.prices ul{min-height:0}.footer-row{display:block}.footer-row p{margin-top:20px}.sibling-hero{min-height:0}.singularity,.dust{right:-180px;top:120px;opacity:.55}.hero .intro{font-size:1.05rem}.panel{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dust{animation:none}.motion-control{display:none!important}}

.static .dust{animation:none}.static .motion-control{display:none!important}
.blackhole .receipt{margin-top:190px}.blackhole .singularity,.blackhole .dust{top:125px}@media(max-width:760px){.blackhole .receipt{margin-top:0}.blackhole .singularity,.blackhole .dust{top:160px;right:-210px}}

body:not(.js) .demo-controls,body:not(.js) .demo-options,body:not(.js) [data-access],body:not(.js) #scenario{display:none}
/* Revision 2: artwork stays in a bounded evidence column, never behind copy. */
.review .hero h1{font-size:clamp(2.7rem,5.5vw,4.6rem)}
.hero-evidence{min-width:0}.blackhole-frame{display:none}.blackhole .blackhole-frame{display:block;position:relative;overflow:hidden;height:230px;margin-bottom:20px;border:1px solid var(--hn-color-line);border-radius:12px;background:var(--hn-color-night)}
.blackhole .hero-grid{grid-template-columns:1.15fr 1fr}.blackhole .receipt{margin-top:0;background:var(--hn-color-forest)}
.blackhole .blackhole-art{position:absolute;inset:0;opacity:.65}.blackhole .singularity,.blackhole .dust{width:90%;height:180px;right:5%;top:0;opacity:1}.blackhole-frame>p{position:absolute;top:12px;left:16px;right:16px;background:var(--hn-color-night);padding:4px 0;margin:0;font-size:12px;z-index:1}.blackhole-frame>.motion-control{position:absolute;bottom:12px;left:16px;min-height:40px;padding:6px 14px;background:var(--hn-color-night);z-index:1}
details{border-top:1px solid #b8c6ba;padding:18px 0}summary{cursor:pointer;font-weight:550}details p{margin-top:16px;max-width:850px}
@media(max-width:760px){.blackhole .hero-grid{grid-template-columns:1fr}.review .hero h1{font-size:2.7rem}.blackhole .blackhole-frame{height:210px}.blackhole .singularity,.blackhole .dust{right:5%;top:0;width:90%;height:170px;opacity:1}}