*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Onest,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:5px}a:hover{text-decoration:underline}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:22px;letter-spacing:-.8px}.brand-mark{background:var(--text);color:var(--spark);width:36px;height:36px;display:grid;place-items:center;border-radius:8px;font-size:30px}.beta,.eyebrow,.caption,.art-coordinate,.line-sample,.roadmap-status{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.045em}.beta{font-size:9px;letter-spacing:0;color:var(--text-2);margin-left:12px}.header nav{display:flex;gap:30px;font-size:14px}.header nav a,.footer a{padding:12px 0;min-height:44px}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:35px;padding-top:66px;padding-bottom:92px;align-items:center}.eyebrow{font-weight:500;margin:0 0 24px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:9px}h1{font-family:Unbounded,system-ui,sans-serif;font-size:clamp(36px,4.4vw,64px);font-weight:550;line-height:1.19;letter-spacing:-2.5px;margin:0 0 30px}.highlight{background:var(--spark);box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.6;font-size:.79em;padding:5px 9px}.intro{font-size:18px;max-width:465px;color:var(--text-2);margin:22px 0 30px;line-height:1.65}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;min-height:56px;padding:16px 22px;background:var(--primary);color:var(--on-primary);border-radius:8px;box-shadow:0 4px 0 var(--primary-step);font-size:14px;font-weight:650}.button:hover{background:var(--primary-hover);text-decoration:none}.button span{font-size:23px;line-height:1}.caption{color:var(--text-2);font-size:10px;margin-top:18px}.hero-art{position:relative;padding:25px 0 45px;min-width:0}.hero-art svg{width:100%;display:block}.art-coordinate{color:var(--text-2);font-size:9px;position:absolute;left:16px}.top{top:0}.bottom{bottom:0}.art-note{position:absolute;right:0;bottom:53px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 25px;box-shadow:var(--shadow);transform:rotate(-4deg)}.art-note span{font-family:"JetBrains Mono",monospace;font-size:9px;color:var(--spark-text)}.art-note strong{display:block;font-size:20px;line-height:1.3;margin-top:9px}.ticker{background:var(--text);color:var(--bg);font-size:11px;letter-spacing:1.3px;padding:20px 0}.ticker .wrap{display:flex;justify-content:space-between;gap:12px;align-items:center}.ticker span{font-size:23px;color:var(--spark)}.section{padding-top:95px;padding-bottom:95px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:85px;align-items:start;margin-bottom:50px}h2{font-family:Unbounded,system-ui,sans-serif;font-weight:500;font-size:clamp(25px,2.8vw,38px);line-height:1.4;letter-spacing:-1.3px;margin:0 0 20px}h3{font-size:21px;line-height:1.35;letter-spacing:-.5px}.section-heading p{color:var(--text-2);max-width:410px;margin:4px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid var(--border-strong);padding-top:25px}.step-number{font-family:Unbounded,system-ui,sans-serif;font-size:30px;color:var(--accent)}.steps p{color:var(--text-2);font-size:15px;min-height:104px}.line-sample{display:block;margin-top:28px;padding-top:13px}.estimate{border-top:2px dashed var(--accent);color:var(--accent)}.target{border-top:2px dotted var(--text-2);color:var(--text-2)}.confirmed{border-top:2px solid var(--text)}.demo-section{background:var(--accent-soft)}.demo-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:110px;align-items:center}.demo-card{padding:30px;background:var(--surface);border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.card-top .eyebrow{font-size:9px}.sample-badge{font-size:10px;background:var(--surface-2);padding:3px 7px;border-radius:4px}.demo-card h3{font-size:25px;margin:0 0 22px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{border:1px solid var(--border-strong);border-radius:8px;background:transparent;padding:10px 12px;font-size:12px;min-height:44px;cursor:pointer}.tabs button[aria-pressed=true]{background:var(--text);color:var(--surface);border-color:var(--text)}.level-display{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:22px;min-height:155px}.level strong{font-family:Unbounded,system-ui,sans-serif;font-size:76px;line-height:1}.level span{margin-left:8px;font-size:12px;color:var(--text-2)}.level-display p{font-size:14px;color:var(--text-2)}.level-bars{display:flex;gap:9px;border:0}.level-bars i{height:10px;flex:1;background:var(--surface-2)}.level-bars.estimate i:nth-child(-n+3){border:2px dashed var(--accent);background:var(--accent-soft)}.level-bars.confirmed i:nth-child(-n+2){background:var(--text)}.level-bars.target i{border:2px dotted var(--text-2)}.next-step{background:var(--spark);border-radius:14px;padding:20px;margin-top:28px;color:var(--on-spark)}.next-step .eyebrow{display:block;font-size:9px;margin-bottom:12px}.next-step strong{font-size:17px}.next-step p{font-size:13px;margin:6px 0 0}.manifesto{max-width:900px;text-align:center}.manifesto h2{font-size:clamp(30px,4.5vw,58px);line-height:1.35}.manifesto h2 span{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:12px}.manifesto>p:not(.eyebrow){max-width:530px;margin:30px auto;color:var(--text-2)}.progress-line{display:flex;align-items:center;margin:45px auto 0;max-width:550px;gap:0}.progress-line:before{content:"";flex:1;border-top:3px dashed var(--accent)}.progress-line span{flex:1;border-top:4px solid var(--text)}.progress-line b{width:45px;height:45px;display:grid;place-items:center;background:var(--spark);font-size:25px;border-radius:50%}.roadmap-section{background:var(--text);color:var(--bg)}.roadmap-section .section-heading p{color:#b9bdca}.roadmap{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 50px}.roadmap li{position:relative;padding:28px 0 35px;border-top:2px dotted #8d909a}.roadmap li.done{border-top:2px solid var(--spark)}.roadmap li.current{border-top:2px dashed #8ea2ff}.roadmap-status{font-size:10px;color:#b9bdca}.done .roadmap-status{color:var(--spark)}.current .roadmap-status{color:#b3c0ff}.roadmap p{font-size:15px;color:#b9bdca;max-width:460px}.roadmap h3{margin-top:17px}.roadmap-footer{border-top:1px solid #5a5d68;padding-top:30px;margin-top:20px;display:flex;justify-content:space-between;gap:30px;align-items:center}.roadmap-footer strong{font-size:18px;max-width:480px}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:120px}.footer span,.footer>a:last-child{font-size:12px;color:var(--text-2)}.skip{position:absolute;top:-100px;left:20px;z-index:5;padding:12px;background:var(--surface)}.skip:focus{top:12px}
@media(min-width:1100px){.steps{grid-template-columns:1fr 1fr}.steps article:last-child{grid-column:1/-1;display:grid;grid-template-columns:80px 1fr 1.3fr;gap:20px;align-items:start}.steps article:last-child p{margin-top:0;min-height:0}.steps article:last-child h3{margin-top:4px}.steps article:last-child .line-sample{grid-column:2/-1;margin-top:0}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.header{min-height:85px;flex-wrap:wrap;gap:8px;padding-top:20px;padding-bottom:20px}.brand{font-size:19px}.beta{font-size:8px;margin-left:3px}.header nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:40px;gap:30px;padding-bottom:60px}h1{font-size:clamp(35px,7.5vw,60px)}.hero-art{max-width:520px;width:100%;margin:auto}.section{padding-top:65px;padding-bottom:65px}.section-heading{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.steps{grid-template-columns:1fr;gap:30px}.steps p{min-height:0}.demo-grid{grid-template-columns:1fr;gap:30px}.demo-card{padding:23px}.ticker{font-size:9px}.ticker .wrap{flex-wrap:wrap;justify-content:center}.roadmap{gap:0 25px}.roadmap-footer{align-items:start;flex-direction:column;gap:12px}.footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px;gap:10px}.footer .brand{width:100%}}
@media(max-width:480px){.roadmap{grid-template-columns:1fr}.level-display{grid-template-columns:90px 1fr;gap:14px}.level strong{font-size:64px}.tabs button{padding:10px 8px;font-size:11px}.hero-art .art-note{padding:15px;bottom:45px}.art-note strong{font-size:16px}.art-note span{font-size:8px}.button{font-size:12px;gap:12px;padding:15px}.eyebrow{font-size:9px}h1{letter-spacing:-1.6px}.manifesto h2{letter-spacing:-1px}.ticker .wrap{gap:7px}.ticker span:last-of-type{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Editorial details follow the project's Ink / Cobalt / Lime tokens. */
[hidden]{display:none!important}
::selection{background:var(--spark);color:var(--on-spark)}
.hero-copy,.section-heading>*,.demo-grid>*{min-width:0}
.hero-art:before,.hero-art:after{content:"+";position:absolute;color:var(--border-strong);font:20px "JetBrains Mono",monospace;line-height:1}
.hero-art:before{left:0;top:37px}.hero-art:after{right:0;bottom:24px}
.hero-art svg{aspect-ratio:520/480}
.art-note{max-width:85%}
.caption{font-size:12px;letter-spacing:0}
.beta{font-size:10px}
.art-coordinate{font-size:10px}
.art-note span,.card-top .eyebrow,.next-step .eyebrow{font-size:11px}
.ticker ul{list-style:none;margin:0 auto;padding:0;display:flex;justify-content:space-between;gap:24px}
.ticker li{display:flex;align-items:center;gap:22px;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.ticker li:before{content:"↗";font-size:23px;color:var(--spark)}
.steps article{position:relative}
.step-number{display:inline-flex;gap:12px;align-items:center}
.step-number:after{content:"";display:block;width:8px;height:8px;border:1.5px solid var(--accent);border-radius:50%}
.steps article:last-child .step-number:after{border-radius:0;background:var(--text);border-color:var(--text)}
.demo-section{position:relative;background-image:radial-gradient(var(--border-strong) .6px,transparent .6px);background-size:22px 22px}
.demo-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--accent-soft) 28%,transparent);pointer-events:none}
.demo-grid{position:relative;gap:clamp(32px,6vw,90px)}
.demo-card{position:relative}
.demo-card:before{content:"";position:absolute;left:-1px;top:35px;width:4px;height:48px;background:var(--accent);border-radius:0 3px 3px 0}
.demo-hint{font-size:12px;color:var(--text-2);line-height:1.5;margin:12px 0 0}
.level-display{min-height:170px;grid-template-columns:115px minmax(0,1fr)}
.level{display:flex;align-items:baseline;white-space:nowrap}
.level-bars i{border-radius:2px}
.tabs button{transition:background-color .15s,color .15s,border-color .15s}
.tabs button:hover:not([aria-pressed=true]){background:var(--accent-soft);border-color:var(--accent)}
.button{transition:transform .15s,box-shadow .15s}
.button:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--primary-step)}
.button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--primary-step)}
.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,100px);border-top:1px solid var(--border);padding-top:70px}
.faq-aside{color:var(--text-2);max-width:300px}
.faq-symbol{font:80px Unbounded,system-ui,sans-serif;color:var(--accent);display:block;line-height:1.3;transform:rotate(-12deg);transform-origin:left center;margin-top:25px}
.faq-list{border-top:1px solid var(--border-strong)}
.faq-list details{border-bottom:1px solid var(--border-strong)}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;cursor:pointer;font-size:18px;font-weight:600;line-height:1.5;min-height:64px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);font-size:20px;color:var(--accent)}
.faq-list details[open] summary:after{content:"−";background:var(--spark);color:var(--on-spark)}
.faq-list summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.faq-list details p{margin:0 0 24px;font-size:15px;color:var(--text-2);max-width:510px}
.faq-list .text-link{margin-bottom:20px;color:var(--accent)}
.roadmap{counter-reset:stage;gap:0 60px}
.roadmap li{padding-right:45px;counter-increment:stage}
.roadmap li:after{content:"0" counter(stage);position:absolute;right:0;top:24px;font:28px Unbounded,system-ui,sans-serif;color:#8d909a}
.roadmap li.done:after{color:var(--spark)}
.roadmap li.current:after{color:#b3c0ff}
.roadmap-status{font-size:11px;letter-spacing:0}
.roadmap-section{position:relative;border-top:5px solid var(--accent)}
.roadmap-section:before{content:"";position:absolute;top:-5px;left:0;width:25%;height:5px;background:var(--spark)}
.footer{min-height:110px}
@media(min-width:851px) and (max-width:1099px){.steps{grid-template-columns:1fr 1fr}.steps article:last-child{grid-column:1/-1}.steps p{min-height:0}.line-sample{margin-top:auto}.steps article{display:flex;flex-direction:column}.steps h3{min-height:56px}.steps article:last-child h3{min-height:0}}
@media(max-width:850px){.ticker ul{display:grid;justify-content:start;gap:10px}.ticker li{font-size:11px;gap:14px}.ticker li:before{font-size:18px}.demo-section:before{background:linear-gradient(var(--accent-soft) 15%,transparent)}.faq-section{grid-template-columns:1fr;gap:28px}.faq-symbol{display:none}.caption{font-size:12px}.art-coordinate{font-size:9px}.beta{font-size:9px}}
@media(max-width:480px){.level-display{grid-template-columns:90px minmax(0,1fr);min-height:185px}.level-display p{font-size:14px}.demo-card{padding:22px 18px}.card-top .eyebrow{font-size:10px}.art-note span{font-size:9px}.next-step .eyebrow{font-size:10px}.hero .caption{max-width:260px}.faq-list summary{font-size:17px}.roadmap{gap:0}.roadmap li{padding-right:35px}.roadmap li:after{font-size:23px}.roadmap-status{font-size:10px}.brand-mark{flex-shrink:0}.art-note{right:4px}.section{padding-top:60px;padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,.button:active{transform:none}}