:root{color-scheme:dark;--bg:#0b1117;--bg-soft:#101921;--surface:#131e27;--surface-2:#17242e;--text:#f1f5f3;--muted:#9daaa8;--line:#26353d;--accent:#76e0bd;--accent-strong:#9af1d3;--ink:#07110e;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 75% 5%, #76e0bd14, transparent 30rem), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.skip-link{background:var(--accent);color:var(--ink);z-index:100;padding:.7rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header{width:min(calc(100% - 2rem), var(--max));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;margin:0 auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:.7rem;font-weight:720;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--accent);background:linear-gradient(145deg,#16231e,#0c1512);border:1px solid #395047;border-radius:9px;place-items:center;display:grid}nav{color:var(--muted);align-items:center;gap:1.35rem;font-size:.92rem;display:flex}nav a{text-decoration:none}nav a:hover,nav a:focus-visible{color:var(--text)}.nav-cta{color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.45rem .8rem}.section-shell{width:min(calc(100% - 2rem), var(--max));margin:0 auto}.compact{max-width:850px;margin-left:auto;margin-right:auto}.eyebrow{color:var(--accent);letter-spacing:.14em;margin:0 0 .8rem;font-size:.76rem;font-weight:750}h1,h2,h3{letter-spacing:-.035em;line-height:1.08}h1{max-width:11ch;margin:0;font-size:clamp(3rem,7vw,6.9rem);font-weight:680}h2{margin:0;font-size:clamp(2.2rem,4.8vw,4.3rem);font-weight:650}h3{margin:0;font-size:1.3rem}p{color:var(--muted)}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:3.5rem;min-height:calc(100svh - 76px);padding:5rem 0 6rem;display:grid}.hero-lede{max-width:690px;font-size:clamp(1.08rem,1.6vw,1.3rem)}.hero-actions,.guide-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.button{border-radius:9px;justify-content:center;align-items:center;min-height:48px;padding:0 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.primary{color:var(--ink);background:var(--accent)}.primary:hover,.primary:focus-visible{background:var(--accent-strong)}.secondary{border:1px solid var(--line);background:#ffffff05}.hero-meta{color:#8fa09c;flex-wrap:wrap;gap:.6rem;margin-top:2.7rem;font:600 .75rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.hero-meta span{border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem}.twin-window{background:#0e171d;border:1px solid #2c3f47;border-radius:18px;overflow:hidden;box-shadow:0 28px 70px #00000047}.window-bar,.terminal-bar{border-bottom:1px solid var(--line);color:#758580;align-items:center;gap:.45rem;min-height:43px;padding:0 .9rem;display:flex}.window-bar span,.terminal-bar span{background:#34464a;border-radius:50%;width:8px;height:8px}.window-bar code,.terminal-bar code{margin-left:.4rem;font-size:.72rem}.scene{background:linear-gradient(135deg,#76e0bd0a,#0000 45%);min-height:410px;position:relative;overflow:hidden}.room-grid{opacity:.28;transform-origin:50% 90%;background-image:linear-gradient(#21323a 1px,#0000 1px),linear-gradient(90deg,#21323a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;transform:perspective(440px)rotateX(58deg)scale(1.4)}.room-card{backdrop-filter:blur(10px);background:#111d22e6;border:1px solid #365049;border-radius:10px;width:170px;padding:.85rem;position:absolute;box-shadow:0 14px 28px #0003}.room-card small{color:var(--accent);letter-spacing:.12em;font-size:.6rem;display:block}.room-card strong,.room-card span{display:block}.room-card strong{margin-top:.2rem}.room-card span{color:#8ea09b;font-size:.75rem}.room-card-a{top:17%;left:11%}.room-card-b{bottom:16%;right:8%}.scene-node{border:3px solid var(--accent);background:#0d1715;border-radius:50%;width:16px;height:16px;position:absolute;box-shadow:0 0 0 7px #76e0bd1a}.node-a{top:57%;left:29%}.node-b{top:42%;left:54%}.node-c{top:60%;right:22%}.node-line{transform-origin:0;background:linear-gradient(90deg,#0000,#58776e,#0000);height:1px;position:absolute}.line-a{width:32%;top:58%;left:31%;transform:rotate(-18deg)}.line-b{width:27%;top:44%;left:55%;transform:rotate(27deg)}.window-footer{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.window-footer span{text-align:center;color:#72837f;padding:.7rem;font:600 .66rem ui-monospace,SFMono-Regular,Menlo,monospace}.window-footer span+span{border-left:1px solid var(--line)}.manifesto{border-top:1px solid var(--line);background:linear-gradient(#ffffff05,#0000);padding:8rem 0 5rem}.section-intro{max-width:720px;font-size:1.16rem}.architecture{padding:3rem 0 9rem}.layer-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.layer-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;min-height:275px;padding:1.5rem}.step-index{color:#52645f;margin-bottom:3.6rem;font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.layer-card h3{font-size:2rem}.flow{border:1px solid var(--line);color:#6f817c;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;display:flex;overflow-x:auto}.flow-source,.flow-core,.flow-targets span{white-space:nowrap;color:#bcc7c4;background:#121e24;border:1px solid #26383e;border-radius:7px;padding:.6rem .8rem;font:650 .72rem ui-monospace,SFMono-Regular,Menlo,monospace}.flow-core{color:var(--accent);border-color:#477063}.flow-targets{gap:.4rem;display:flex}.principles{border-block:1px solid var(--line);background:#0d151b;padding:8rem 0}.section-heading{grid-template-columns:1fr .55fr;align-items:end;gap:4rem;display:grid}.section-heading>p{margin:0 0 .5rem}.principle-grid{grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:5rem;display:grid}.principle-grid article{border-top:1px solid var(--line);padding-top:1.2rem}.principle-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-bottom:2rem}.principle-grid h3{font-size:1.15rem}.principle-grid p{font-size:.92rem}.onboarding-cta{background:linear-gradient(125deg,#12231e,#10191e 65%);border:1px solid #315047;border-radius:16px;justify-content:space-between;align-items:end;gap:2rem;margin-block:8rem;padding:2rem;display:flex}.onboarding-cta h2{max-width:14ch;font-size:clamp(2rem,4vw,3.5rem)}.onboarding-cta p{max-width:700px}.site-footer{width:min(calc(100% - 2rem), var(--max));border-top:1px solid var(--line);justify-content:space-between;gap:2rem;margin:0 auto;padding:2.5rem 0 3.5rem;display:flex}.site-footer p{margin:.3rem 0 0;font-size:.85rem}.footer-links{color:var(--muted);align-items:start;gap:1.2rem;font-size:.85rem;display:flex}.footer-links a{text-decoration:none}.guide-hero{padding:7rem 0 5rem}.guide-hero h1{max-width:13ch;font-size:clamp(3rem,7vw,5.8rem)}.back-link{color:var(--muted);margin-bottom:4rem;font-size:.9rem;text-decoration:none;display:inline-block}.guide-grid{grid-template-columns:220px 1fr;gap:5rem;padding-bottom:8rem;display:grid}.guide-index{border-top:1px solid var(--line);align-self:start;gap:.55rem;padding:1rem 0;display:grid;position:sticky;top:2rem}.guide-index strong{margin-bottom:.5rem;font-size:.82rem}.guide-index a{color:var(--muted);font-size:.84rem;text-decoration:none}.guide-content{min-width:0}.guide-section{padding:1rem 0 6rem;scroll-margin-top:2rem}.guide-section+.guide-section{border-top:1px solid var(--line);padding-top:5rem}.guide-section h2{max-width:14ch;font-size:clamp(2.1rem,4vw,3.7rem)}.step-stack{margin-top:3rem}.guide-step{border-top:1px solid var(--line);grid-template-columns:64px 1fr;gap:1rem;padding:1.5rem 0;display:grid}.guide-step>span{color:var(--accent);font:700 .76rem ui-monospace,SFMono-Regular,Menlo,monospace}.guide-step p{margin-bottom:0}.choice-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:3rem;display:grid}.choice-grid article{border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;padding:1.3rem}.choice-label{color:var(--accent);margin-bottom:3.3rem;font:700 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.choice-grid p{font-size:.9rem}.terminal{border:1px solid var(--line);background:#080e12;border-radius:12px;margin-top:3rem;overflow:hidden}.terminal pre{color:#c9d3d0;margin:0;padding:1.4rem;font-size:.84rem;overflow-x:auto}.note{font-size:.86rem}.dependency-strip{border:1px solid var(--line);color:#b3c0bc;border-radius:10px;align-items:center;gap:.55rem;margin-top:3rem;padding:1rem;font:650 .74rem ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;overflow-x:auto}.dependency-strip span{white-space:nowrap}.dependency-strip b{color:var(--accent)}.do-dont{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem;display:grid}.do-dont article{border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;padding:1.4rem}.do-dont ul{color:var(--muted);padding-left:1.2rem}.do-dont li+li{margin-top:.5rem}@media (width<=900px){nav a:not(.nav-cta):not(:last-child){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:5rem}.twin-window{max-width:680px}.layer-grid,.principle-grid{grid-template-columns:1fr 1fr}.section-heading{grid-template-columns:1fr;gap:1rem}.guide-grid{grid-template-columns:1fr;gap:2rem}.guide-index{grid-template-columns:repeat(4,max-content);gap:1rem;position:static;overflow-x:auto}.guide-index strong{display:none}}@media (width<=620px){h1{font-size:clamp(2.8rem,14vw,4.5rem)}.site-header{min-height:68px}nav{gap:.7rem}.hero{gap:2.5rem;padding:4rem 0}.scene{min-height:340px}.room-card{width:145px}.layer-grid,.principle-grid,.choice-grid,.do-dont{grid-template-columns:1fr}.layer-card{min-height:220px}.step-index{margin-bottom:2.4rem}.flow{justify-content:flex-start}.onboarding-cta,.site-footer{flex-direction:column;align-items:stretch}.footer-links{flex-direction:column;gap:.5rem}.guide-hero{padding-top:4rem}.back-link{margin-bottom:3rem}.guide-step{grid-template-columns:45px 1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.workflow-grid{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));margin:4rem 0 1.2rem;padding:0;list-style:none;display:grid;overflow:hidden}.workflow-grid li{background:var(--bg-soft);min-width:0;padding:1.35rem}.workflow-grid li+li{border-left:1px solid var(--line)}.workflow-grid li>span,.ambition-grid article>span,.status-grid article>span{color:var(--accent);margin-bottom:2.5rem;font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.workflow-grid p{font-size:.9rem}.workflow-line,.example-flow{border:1px solid var(--line);color:var(--muted);border-radius:12px;align-items:center;gap:.65rem;padding:1rem;font:650 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;overflow-x:auto}.workflow-line span,.example-flow span{color:#bec9c6;background:#111c22;border:1px solid #2b3c43;border-radius:8px;flex:none;padding:.55rem .75rem}.workflow-line b,.example-flow b{color:var(--accent)}.capabilities-section{padding:8rem 0}.capabilities-section>h2{max-width:18ch}.capability-columns{grid-template-columns:1fr 1fr;gap:1rem;margin-top:4rem;display:grid}.capability-columns>div{border:1px solid var(--line);background:var(--bg-soft);border-radius:16px;overflow:hidden}.capability-heading{border-bottom:1px solid var(--line);padding:1.35rem}.capability-heading>span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font:750 .75rem ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.capability-heading p{margin-bottom:0}.capability-list article{padding:1.35rem}.capability-list article+article{border-top:1px solid var(--line)}.capability-list article>div{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.capability-list p{margin-bottom:0;font-size:.92rem}.status-chip{color:#9eb6ae;text-align:center;border:1px solid #365047;border-radius:999px;flex:none;max-width:13rem;padding:.25rem .5rem;font:650 .63rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.graph-section{border-block:1px solid var(--line);background:#0d151b;padding:8rem 0}.capability-graph{margin:0}.capability-graph figcaption{grid-template-columns:1fr .55fr;align-items:end;gap:4rem;display:grid}.capability-graph figcaption .eyebrow{grid-column:1/-1;margin-bottom:-2rem}.capability-graph figcaption p:last-child{margin:0 0 .5rem}.graph-canvas{border:1px solid var(--line);background-color:#0b1217;background-image:linear-gradient(#20303752 1px,#0000 1px),linear-gradient(90deg,#20303752 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:18px;margin-top:3.5rem;overflow:hidden}.graph-canvas svg{width:100%;height:auto;display:block}.graph-edges path{fill:none;stroke:#3a5a50;stroke-width:2px}.graph-nodes rect{fill:#121e24;stroke:#31464d;stroke-width:2px}.graph-nodes .core rect{fill:#143027;stroke:var(--accent)}.graph-nodes text{fill:#d8e1de;text-anchor:middle;font:650 14px ui-sans-serif,system-ui,sans-serif}.graph-nodes .core text{fill:var(--accent-strong)}.graph-details{border-top:1px solid var(--line);color:var(--muted);margin-top:1rem;padding-top:1rem}.graph-details summary{cursor:pointer;color:var(--text);font-weight:650}.graph-details li+li{margin-top:.45rem}.history-section{padding:8rem 0}.project-timeline{margin:4rem 0 0;padding:0;list-style:none}.project-timeline>li{grid-template-columns:42px 1fr;gap:1rem;min-height:170px;display:grid}.timeline-rail{position:relative}.timeline-rail:after{content:"";background:var(--line);width:1px;position:absolute;top:15px;bottom:-15px;left:10px}.project-timeline>li:last-child .timeline-rail:after{display:none}.timeline-dot{z-index:1;background:var(--accent);border:5px solid #143027;border-radius:50%;width:21px;height:21px;display:block;position:relative;box-shadow:0 0 0 1px #3e6659}.timeline-dot.in-progress{background:var(--bg);border-color:var(--accent)}.project-timeline article{border-bottom:1px solid var(--line);padding:0 0 2.6rem}.timeline-meta{color:#788984;text-transform:uppercase;align-items:center;gap:.7rem;font:650 .7rem ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.timeline-meta span{border:1px solid var(--line);border-radius:999px;padding:.2rem .45rem}.timeline-meta b{color:#50605c;margin-left:auto}.project-timeline h3{margin-top:.8rem;font-size:1.55rem}.project-timeline p{max-width:760px;margin-bottom:0}.ambition-section,.onboarding-model{border-block:1px solid var(--line);background:#0d151b;padding:8rem 0}.ambition-grid,.model-grid,.status-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:4rem;display:grid}.ambition-grid article,.model-grid article,.status-grid article{border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;padding:1.4rem}.ambition-grid p,.model-grid p,.status-grid p{font-size:.92rem}.user-journey{padding:1rem 0 8rem}.journey-intro h2{max-width:14ch}.journey-steps{border-top:1px solid var(--line);margin:4rem 0 0;padding:0;list-style:none}.journey-steps li{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:1.5rem;padding:2rem 0;display:grid}.journey-number{color:var(--accent);font:700 .76rem ui-monospace,SFMono-Regular,Menlo,monospace}.journey-steps h3{font-size:1.55rem}.journey-steps p{max-width:800px;margin-bottom:0}.status-section{padding:8rem 0}.status-section>h2{max-width:16ch}.status-grid{grid-template-columns:repeat(3,1fr)}.experience-example{background:linear-gradient(125deg,#12231e,#10191e 65%);border:1px solid #315047;border-radius:16px;margin-block:0 8rem;padding:2rem}.experience-example>div:first-child{grid-template-columns:.8fr 1.2fr;align-items:end;gap:3rem;display:grid}.experience-example>div:first-child .eyebrow{grid-column:1/-1;margin-bottom:-1rem}.experience-example>div:first-child p:last-child{margin:0}.experience-example .example-flow{margin-top:2rem}@media (width<=1000px){.workflow-grid{grid-template-columns:1fr 1fr}.workflow-grid li+li{border-left:0}.workflow-grid li{border-bottom:1px solid var(--line)}.capability-graph figcaption{grid-template-columns:1fr;gap:1rem}.capability-graph figcaption .eyebrow{margin-bottom:0}.ambition-grid,.model-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.capability-columns,.status-grid{grid-template-columns:1fr}.experience-example>div:first-child{grid-template-columns:1fr;gap:1rem}.experience-example>div:first-child .eyebrow{margin-bottom:0}}@media (width<=620px){.workflow-grid,.ambition-grid,.model-grid{grid-template-columns:1fr}.capability-list article>div{flex-direction:column}.status-chip{max-width:none}.project-timeline>li{grid-template-columns:32px 1fr}.journey-steps li{grid-template-columns:44px 1fr}}