.prod-section{background:var(--bg);border-bottom:1px solid var(--border-2);padding:90px 0 100px;position:relative;overflow:hidden}.prod-inner{z-index:1;grid-template-columns:1fr 1.1fr;align-items:center;gap:56px;margin:0 48px;display:grid;position:relative}.prod-inner .lab{align-items:center;gap:12px;margin-bottom:18px;display:inline-flex}.prod-inner .lab .id{color:var(--text);border:1px solid var(--border);letter-spacing:.08em;white-space:nowrap;border-radius:4px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10.5px}.prod-inner .lab .sub{color:var(--muted-2);letter-spacing:.14em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10.5px}.prod-inner h2{color:var(--text);letter-spacing:-.025em;margin:0 0 18px;font-family:Instrument Serif,serif;font-size:60px;font-weight:400;line-height:1}.prod-inner h2 .em{color:var(--purple);font-style:italic}.prod-inner .lead{color:var(--muted);max-width:520px;margin:0 0 24px;font-size:16px;line-height:1.6}.prod-inner .lead b{color:var(--text-2);font-weight:500}.step-list{counter-reset:step;border-top:1px dashed var(--rule);flex-direction:column;margin:0 0 28px;padding:0;list-style:none;display:flex}.step-list li{counter-increment:step;border-bottom:1px dashed var(--rule);color:var(--text-2);grid-template-columns:36px 1fr;align-items:baseline;gap:14px;padding:14px 0;font-size:14px;line-height:1.5;display:grid}.step-list li:before{content:counter(step,decimal-leading-zero);color:var(--purple);letter-spacing:.1em;padding-top:3px;font-family:JetBrains Mono,monospace;font-size:11px}.step-list li b{color:var(--text);font-weight:500}.step-list li .desc{color:var(--muted);margin-top:3px;font-size:13px}.prod-cta{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.mockup{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 30px 80px -30px #7c6fe04d,0 20px 40px -20px #0009}.mockup .head{border-bottom:1px solid var(--border);color:var(--muted-2);letter-spacing:.06em;background:var(--card-2);justify-content:space-between;align-items:center;padding:14px 18px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.mockup .head .left{align-items:center;gap:10px;display:inline-flex}.mockup .head .dots{gap:6px;display:inline-flex}.mockup .head .dots span{background:var(--rule);border-radius:999px;width:9px;height:9px}.mockup .head b{color:var(--text)}.mockup .body{padding:18px}.sim-body{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.sim-flow{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:4px;display:grid}.flow-card{border:1px solid var(--border);background:var(--card-2);color:var(--muted);letter-spacing:.04em;border-radius:8px;padding:12px;font-family:JetBrains Mono,monospace;font-size:11px}.flow-card .step{color:var(--purple);letter-spacing:.12em;margin-bottom:6px;font-size:10px;display:block}.flow-card .name{color:var(--text);letter-spacing:0;font-family:Instrument Serif,serif;font-size:13px;font-style:italic}.sim-table{border:1px solid var(--border);border-radius:10px;overflow:hidden}.sim-row{color:var(--text-2);border-bottom:1px dashed var(--rule);grid-template-columns:140px 1fr 100px 100px 100px;align-items:center;gap:8px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:11.5px;display:grid}.sim-row:last-child{border-bottom:none}.sim-row.head{background:var(--card-2);color:var(--muted-2);letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;font-size:10px}.sim-row .config{color:var(--text)}.sim-row .num.green{color:var(--pass)}.sim-row .num.red{color:var(--fail)}.sim-row.win{background:#4ade800a}.sim-row.fail-row{background:#f871710a}.sim-row .pill{letter-spacing:.06em;text-align:center;border:1px solid;border-radius:999px;padding:3px 8px;font-size:10px}.sim-row .pill.pass{color:var(--pass);background:#4ade8014;border-color:#4ade8066}.sim-row .pill.fail{color:var(--fail);background:#f8717114;border-color:#f8717166}.sim-caption{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);text-align:center;font-family:JetBrains Mono,monospace;font-size:12px}.paper{background:var(--bg);border-bottom:1px solid var(--border-2);padding:80px 0 60px;position:relative}.paper.alt{background:var(--bg-tint)}.paper.alt:before{content:"";pointer-events:none;background:radial-gradient(900px 360px at 80% 30%,#7c6fe00f,#0000 65%);position:absolute;inset:0}.paper-inner{z-index:1;grid-template-columns:220px 1fr;gap:56px;margin:0 48px;display:grid;position:relative}.paper-inner>*{min-width:0}.paper-num{color:var(--muted-2);letter-spacing:.14em;text-transform:uppercase;height:fit-content;padding-top:12px;font-family:JetBrains Mono,monospace;font-size:10.5px;position:sticky;top:24px}.paper-num .n{color:var(--purple);margin-bottom:6px;font-size:11px;display:block}.paper-num .h{color:var(--text);letter-spacing:-.01em;text-transform:none;font-family:Instrument Serif,serif;font-size:18px;line-height:1.2}.paper-num .d{border-top:1px dashed var(--rule);color:var(--muted-3);margin-top:12px;padding-top:10px;font-size:10px;line-height:1.5}.paper-body h2{color:var(--text);letter-spacing:-.022em;max-width:700px;margin:0 0 22px;font-family:Instrument Serif,serif;font-size:44px;font-weight:400;line-height:1.06}.paper-body h2 .em{color:var(--purple);font-style:italic}.paper-body h3{color:var(--text);letter-spacing:-.01em;margin:28px 0 10px;font-family:Instrument Serif,serif;font-size:22px;font-weight:400}.paper-body p{color:var(--text-2);max-width:720px;margin:0 0 16px;font-size:15px;line-height:1.65}.paper-body p b{color:var(--text);font-weight:500}.paper-body p em{color:var(--purple);font-style:italic}.annot{background:var(--card);border-left:2px solid var(--purple);color:var(--text-2);border-radius:0 8px 8px 0;max-width:720px;margin:22px 0 24px;padding:18px 22px;font-size:14px;line-height:1.6}.annot .l{color:var(--purple);letter-spacing:.12em;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:block}.annot b{color:var(--text);font-weight:500}.illus{color:var(--cream);letter-spacing:.12em;text-transform:uppercase;border:1px dashed var(--rule);border-bottom:none;border-radius:8px 8px 0 0;max-width:720px;margin:24px 0 0;padding:9px 14px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5}pre.code{background:var(--card);border:1px solid var(--border);color:var(--text-2);border-radius:10px;max-width:720px;margin:18px 0;padding:18px 20px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.65;overflow-x:auto}pre.code .c{color:var(--muted-2)}pre.code .k{color:var(--cream)}pre.code .s{color:var(--purple-2)}pre.code .v{color:var(--text)}.illus+pre.code{border-radius:0 0 10px 10px;margin-top:0}.round-table{border:1px solid var(--border);border-radius:10px;max-width:720px;margin:0 0 18px;overflow-x:auto}.illus+.round-table{border-radius:0 0 10px 10px}.round-row{min-width:460px;color:var(--text-2);border-bottom:1px dashed var(--rule);grid-template-columns:100px 80px 1fr 130px;align-items:center;gap:8px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:11.5px;display:grid}.round-row:last-child{border-bottom:none}.round-row.head{background:var(--card-2);color:var(--muted-2);letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;font-size:10px}.round-row .bad{color:var(--fail)}.round-row .mid{color:var(--cream)}.round-row .near{color:var(--purple-2)}.round-row .ok{color:var(--pass)}.concept-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:720px;margin:22px 0;display:grid}.concept{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px}.concept .l{color:var(--purple);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:10px}.concept .h{color:var(--text);letter-spacing:-.01em;margin-bottom:4px;font-family:Instrument Serif,serif;font-size:18px}.concept .b{color:var(--muted);font-size:12.5px;line-height:1.5}.diagram{background:var(--card);border:1px solid var(--border);border-radius:14px;max-width:720px;margin:24px 0;padding:24px 28px;position:relative;overflow-x:auto}.diagram .title{color:var(--muted-2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:10.5px}.diagram .title b{color:var(--text)}.diagram svg{width:100%;min-width:560px;height:auto;display:block}.changelog{border-top:1px dashed var(--rule);max-width:720px;margin-top:28px;padding-top:20px}.changelog .cl-row{border-bottom:1px dashed var(--rule);color:var(--text-2);grid-template-columns:104px 1fr;align-items:baseline;gap:14px;padding:10px 0;font-family:JetBrains Mono,monospace;font-size:12.5px;display:grid}.changelog .cl-row:last-child{border-bottom:none}.changelog .cl-row .t{text-align:center;letter-spacing:.08em;border:1px solid;border-radius:999px;justify-self:start;padding:3px 9px;font-size:12px}.changelog .cl-row .t.feat{color:var(--purple);background:#a78bfa0f;border-color:#a78bfa66}.changelog .cl-row .t.plan{color:var(--cream);background:#d6c39c0a;border-color:#d6c39c4d}.changelog .cl-row .nm{color:var(--text);font-weight:500}.compose{background:var(--bg);border-bottom:1px solid var(--border-2);padding:90px 0 100px;position:relative}.compose-inner{grid-template-columns:1fr 1fr;align-items:center;gap:36px;margin:0 48px;display:grid}.compose h2{color:var(--text);letter-spacing:-.025em;margin:16px 0 22px;font-family:Instrument Serif,serif;font-size:56px;font-weight:400;line-height:1.04}.compose h2 .em{color:var(--purple);font-style:italic}.compose p{color:var(--muted);max-width:480px;margin:0 0 26px;font-size:15.5px;line-height:1.6}.compose p b{color:var(--text-2);font-weight:500}.compose .sec-id{color:var(--text-2)}.compose .sec-id b{color:var(--purple);font-size:12px}.compose p b.roadmap-flag{color:var(--purple);font-weight:600}.compose-diag{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px 28px 26px;position:relative;overflow:hidden}.compose-diag:before{content:"";pointer-events:none;background:radial-gradient(500px 200px,#7c6fe014,#0000 65%);position:absolute;inset:0}.diag-stage{z-index:1;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;display:grid;position:relative}.diag-box{background:var(--card-2);border:1px solid var(--border);text-align:center;border-radius:10px;padding:16px 14px}.diag-box.kj{background:#7c6fe00d;border-color:#7c6fe066}.diag-box .l{color:var(--muted-2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:9.5px}.diag-box.kj .l{color:var(--purple)}.diag-box .v{color:var(--text);letter-spacing:-.01em;font-family:Instrument Serif,serif;font-size:20px;line-height:1.1}.diag-box.kj .v{color:var(--purple-2)}.diag-box .b{color:var(--muted);letter-spacing:.04em;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:10px}.diag-arrow{color:var(--purple);font-family:JetBrains Mono,monospace;font-size:18px}.diag-foot{border-top:1px dashed var(--rule);color:var(--muted-2);letter-spacing:.06em;z-index:1;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex;position:relative}.diag-foot b{color:var(--text)}.diag-foot span{font-size:12px}.cta-strip h2{color:#fff;letter-spacing:-.022em;text-align:center;text-wrap:balance;white-space:normal;margin:0;font-family:Instrument Serif,serif;font-size:52px;font-weight:400;line-height:1.1;position:relative}.cta-strip h2 em{color:var(--purple);font-style:italic}.cta-strip .fine{color:var(--text-2)}@media (max-width:1000px){.page-head .inner,.prod-inner,.sim-flow,.compose-inner,.diag-stage,.paper-inner,.concept-grid,.foot{grid-template-columns:1fr}.nav{height:auto;min-height:64px;padding:10px 20px}.nav-links{flex-wrap:wrap;gap:16px 20px}.page-head{padding:56px 20px 44px}.page-head h1{font-size:48px}.prod-section{padding:60px 0 64px}.prod-inner h2{font-size:38px}.compose{padding:60px 0 64px}.compose h2{font-size:38px}.cta-strip{padding:70px 20px 76px}.cta-strip h2{font-size:34px}.paper{padding:56px 0 48px}.paper-inner{gap:24px;margin:0 20px}.paper-num{position:static}.paper-body h2{font-size:32px}.changelog .cl-row{grid-template-columns:1fr;gap:8px}.diag-arrow{text-align:center;padding:4px 0;transform:rotate(90deg)}.sim-table{overflow-x:auto}.sim-row{min-width:560px}.mockup .head,.diag-foot{flex-wrap:wrap;gap:8px}.prod-inner{gap:36px;margin:0 20px}.compose-inner{gap:28px;margin:0 20px}.foot{gap:24px;padding:32px 20px 34px}.foot .brand-block{border-right:none;border-bottom:1px dashed var(--rule);padding-bottom:20px;padding-right:0}}
