:root{--ink:#10221a;--deep:#07130f;--deep-2:#0c2117;--paper:#f1f4ea;--paper-2:#e7eddf;--muted:#607267;--muted-dark:#a5b9a8;--line:#cbd7c9;--line-dark:#c1e8bc33;--lime:#b9fa70;--lime-soft:#dfffc3;--cyan:#99e6d2;--orange:#f6ae65;--mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}code,pre{font-family:var(--mono)}pre{white-space:pre-wrap;margin:0}.site-shell{min-height:100svh;overflow:hidden}.site-header{color:var(--paper);z-index:20;background:#07130ff5;border-bottom:1px solid #c1e8bc24;justify-content:space-between;align-items:center;gap:30px;min-height:68px;padding:14px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand,.footer-brand{font-family:var(--mono);letter-spacing:-.04em;white-space:nowrap;font-size:1rem;font-weight:700}.brand:before,.footer-brand:before{color:var(--lime);content:"[";margin-right:3px}.brand:after,.footer-brand:after{color:var(--lime);content:"]";margin-left:3px}.brand b,.footer-brand b{color:var(--lime);font-weight:700}.site-nav{gap:clamp(12px,2.5vw,30px);margin-left:auto;display:flex}.site-nav a,.format-badge{color:var(--muted-dark);font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;font-size:.69rem}.site-nav a{transition:color .16s}.site-nav a:hover{color:var(--lime)}.format-badge{border:1px solid var(--line-dark);color:var(--lime);white-space:nowrap;border-radius:999px;padding:7px 10px}.hero{background-color:var(--deep);color:var(--paper);background-image:linear-gradient(#aff9840f 1px,#0000 1px),linear-gradient(90deg,#aff9840f 1px,#0000 1px),radial-gradient(circle at 86% 20%,#5bb77d33,#0000 32%);background-size:44px 44px,44px 44px,auto;grid-template-columns:minmax(0,.93fr) minmax(420px,.72fr);gap:clamp(42px,7vw,104px);padding:clamp(72px,10vw,140px) clamp(20px,8vw,120px) clamp(74px,10vw,132px);display:grid}.hero-copy{align-self:center;max-width:730px}.eyebrow,.section-kicker,.mini-kicker,.hero-note,.terminal-prompt,.diagram-card-header,.file-card-top,.example-panel-header,.implementation-panel-header,.skill-note>span,.brief-result span,.footer-meta{font-family:var(--mono);letter-spacing:.075em;text-transform:uppercase;font-size:.7rem}.eyebrow{color:var(--lime);align-items:center;gap:10px;margin:0 0 25px;display:flex}.eyebrow-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 5px #b9fa701f}.hero h1,.content-section h2{letter-spacing:-.075em;text-wrap:balance;max-width:790px;margin:0;font-size:clamp(3.25rem,7.5vw,7.2rem);font-weight:560;line-height:.94}.hero h1 em,.content-section h2 em{color:var(--lime);font-style:normal}.hero-lede{color:#d5e3d5;max-width:600px;margin:31px 0 0;font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:23px;margin-top:34px;display:flex}.button{font-family:var(--mono);letter-spacing:.025em;text-transform:uppercase;border-radius:5px;align-items:center;gap:16px;padding:13px 15px;font-size:.76rem;font-weight:700;transition:background .16s,color .16s,transform .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:var(--deep)}.button-primary:hover{background:#d2ff9f}.text-link{color:var(--paper);font-family:var(--mono);text-transform:uppercase;font-size:.76rem}.text-link span{color:var(--lime);margin-left:5px}.hero-note{color:var(--muted-dark);margin:42px 0 0}.hero-note span{color:var(--orange);margin-right:10px}.terminal-card{background:#0a2217e8;border:1px solid #b9fa7059;border-radius:8px;align-self:center;min-width:0;transform:rotate(1.3deg);box-shadow:18px 22px #0000002e}.terminal-bar{color:var(--muted-dark);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #b9fa7038;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;font-size:.67rem;display:flex}.terminal-lights{gap:5px;margin-right:auto;display:flex}.terminal-lights i{background:var(--orange);opacity:.85;border-radius:50%;width:7px;height:7px;display:block}.terminal-lights i:nth-child(2){background:var(--lime)}.terminal-lights i:nth-child(3){background:var(--cyan)}.terminal-state{color:var(--lime)}.terminal-body{padding:27px clamp(18px,4vw,34px) 29px}.terminal-prompt{color:var(--muted-dark);margin:0 0 16px}.terminal-prompt span{color:var(--lime);margin-right:9px}.terminal-body pre{color:var(--lime-soft);font-size:clamp(.78rem,1.4vw,.95rem);line-height:1.75}.terminal-divider{border-top:1px solid #b9fa702e;margin:26px 0 20px}.terminal-readout{gap:13px;display:grid}.terminal-readout div{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.terminal-readout span{color:var(--cyan);font-family:var(--mono);letter-spacing:.08em;font-size:.63rem}.terminal-readout strong{color:#dcefd8;text-align:right;font-size:.76rem;font-weight:500}.signal-strip{background:var(--lime);color:var(--deep);grid-template-columns:repeat(3,1fr);padding:0 clamp(20px,8vw,120px);display:grid}.signal-strip>div{border-right:1px solid #07130f3d;min-height:146px;padding:25px clamp(12px,2.5vw,32px) 25px 0}.signal-strip>div+div{padding-left:clamp(12px,2.5vw,32px)}.signal-strip>div:last-child{border-right:0}.signal-strip span{font-family:var(--mono);opacity:.7;margin-bottom:13px;font-size:.68rem;display:block}.signal-strip strong{letter-spacing:-.02em;font-size:1.05rem;font-weight:700;display:block}.signal-strip p{opacity:.76;margin:4px 0 0;font-size:.88rem}.content-section{padding:clamp(76px,10vw,140px) clamp(20px,8vw,120px)}.dark-section{background:var(--deep);color:var(--paper)}.light-section{background:var(--paper);color:var(--ink)}.green-section{background:var(--deep-2);color:var(--paper)}.section-heading{max-width:880px}.split-heading{grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr);align-items:end;gap:50px;max-width:1120px;display:grid}.section-kicker{color:var(--lime);align-items:center;gap:12px;margin:0 0 27px;display:flex}.section-kicker span{color:var(--orange)}.light-section .section-kicker{color:#38805c}.light-section .section-kicker span{color:#ca6c2b}.section-heading h2{max-width:850px;font-size:clamp(2.75rem,5.5vw,5.7rem)}.light-section h2 em{color:#39845f}.green-section h2 em{color:var(--cyan)}.section-intro{color:var(--muted-dark);max-width:430px;margin:0;font-size:1.05rem;line-height:1.65}.light-section .section-intro{color:var(--muted);max-width:630px;margin-top:25px}.diagram-card,.package-map-card{background:var(--deep-2);border:1px solid var(--line-dark);border-radius:8px;margin-top:clamp(48px,7vw,84px);overflow:hidden}.diagram-card-header{color:var(--muted-dark);justify-content:space-between;padding:16px 20px;display:flex}.diagram-card-header span:last-child{color:var(--lime)}.intent-diagram,.package-diagram{width:100%;height:auto;display:block}.intent-diagram{min-height:280px;padding:0 1.2%}.diagram-connector,.package-connector{fill:none;stroke:#b9fa70b3;stroke-width:1.5px}.diagram-connector path,.package-connector path{fill:var(--lime)}.diagram-return{stroke-dasharray:5 5;stroke:#99e6d29e}.diagram-node rect{fill:#07130f9e;stroke:#b9fa7075;stroke-width:1px}.diagram-node-accent rect{fill:#b9fa701a;stroke:var(--lime)}#intent-arrow path,#package-arrow path{fill:var(--lime)}.diagram-number,.package-node-path{fill:var(--lime);font-family:var(--mono);letter-spacing:1px;font-size:10px}.diagram-label{fill:var(--paper);font-size:16px;font-weight:700}.diagram-sub,.package-node-label{fill:var(--muted-dark);font-size:11px}.diagram-loop-label{fill:var(--cyan);font-family:var(--mono);letter-spacing:.3px;font-size:10px}.distinction-callout{border-top:1px solid var(--line-dark);align-items:baseline;gap:25px;margin-top:28px;padding-top:18px;display:flex}.distinction-callout span,.mini-kicker{color:var(--orange);flex:none;font-weight:700}.distinction-callout p{color:#d5e3d5;margin:0}.distinction-callout strong{color:var(--lime)}.file-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(48px,7vw,84px);display:grid}.file-card{border:1px solid var(--line);background:#f9fbf5;border-radius:7px;min-height:300px;padding:21px 23px 26px;position:relative;overflow:hidden}.file-card-top{color:var(--muted);justify-content:space-between;display:flex}.file-card-top span:first-child{color:var(--ink);font-weight:700}.file-path{color:#38805c;font-family:var(--mono);margin:49px 0 14px;font-size:.77rem}.file-card h3{letter-spacing:-.035em;margin:0;font-size:1.25rem}.file-card>p:last-of-type{color:var(--muted);margin:12px 0 0;font-size:.94rem;line-height:1.6}.file-card-line{background:#81cf69;height:5px;position:absolute;bottom:0;left:0;right:0}.file-card-cyan .file-card-line{background:#6bcab5}.file-card-orange .file-card-line{background:var(--orange)}.file-card-cyan .file-path{color:#2e867a}.file-card-orange .file-path{color:#b35e32}.package-map-card{border-color:var(--line);color:var(--ink);background:#f9fbf5;margin-top:50px}.package-map-card .diagram-card-header{border-bottom:1px solid var(--line);color:var(--muted)}.package-map-card .diagram-card-header span:last-child{color:#39845f}.package-connector{stroke:#81ae8f;stroke-dasharray:4 4}.package-node rect{fill:#eef5e7;stroke:#a8c3aa;stroke-width:1px}.package-node-optional rect{fill:#f8f0e4;stroke:#ddb78a}.package-node-path{fill:#2d7955;font-size:11px}.package-node-label{fill:#607267;font-size:10px}.package-center rect{fill:var(--deep-2);stroke:#81cf69;stroke-width:1.5px}.package-center text{fill:var(--lime);font-family:var(--mono);letter-spacing:1px;font-size:12px;font-weight:700}.package-center .package-center-sub{fill:var(--muted-dark);letter-spacing:0;font-size:9px;font-weight:400}.optional-artifacts{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.5fr) minmax(0,1fr);gap:40px;margin-top:50px;padding-top:27px;display:grid}.optional-artifacts h3{letter-spacing:-.025em;max-width:220px;margin:0;font-size:1.05rem;line-height:1.25}.optional-artifacts .mini-kicker{color:#39845f;margin:0 0 11px}.optional-list{grid-template-columns:repeat(2,1fr);gap:0 30px;display:grid}.optional-list div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;display:flex}.optional-list code{color:#2d7955;white-space:nowrap;font-size:.78rem}.optional-list span{color:var(--muted);text-align:right;font-size:.78rem}.steps-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:clamp(48px,7vw,84px);display:grid}.step-card{border:1px solid var(--line-dark);background:#07130f7a;border-radius:7px;padding:23px}.step-number{color:var(--lime);font-family:var(--mono);letter-spacing:-.08em;margin-bottom:54px;font-size:1.7rem}.step-card .mini-kicker{margin:0 0 12px}.step-card h3{letter-spacing:-.03em;margin:0;font-size:1.22rem;line-height:1.15}.step-card>p:not(.mini-kicker){color:var(--muted-dark);margin:13px 0 0;font-size:.9rem;line-height:1.58}.code-block,.yaml-block{color:var(--lime-soft);background:#06110c;border:1px solid #b9fa702b;border-radius:4px;min-height:112px;margin-top:26px;padding:15px;font-size:.68rem;line-height:1.65;overflow-x:auto}.skill-note{border-top:1px solid var(--line-dark);align-items:baseline;gap:27px;margin-top:27px;padding-top:19px;display:flex}.skill-note>span{color:var(--orange);flex:none}.skill-note p{color:#d5e3d5;margin:0}.project-section{padding-bottom:clamp(80px,10vw,145px)}.example-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);gap:16px;margin-top:clamp(48px,7vw,84px);display:grid}.example-panel,.implementation-panel{border:1px solid var(--line);border-radius:7px;min-width:0;overflow:hidden}.example-panel-header,.implementation-panel-header{background:var(--deep-2);color:var(--paper);justify-content:space-between;padding:15px 20px;display:flex}.example-panel-header span:last-child,.implementation-panel-header span:last-child{color:var(--lime)}.yaml-block{color:var(--lime-soft);background:#0a1e14;border:0;border-radius:0;min-height:420px;margin:0;padding:24px;font-size:clamp(.67rem,1vw,.79rem);line-height:1.72}.implementation-panel{background:#f9fbf5}.implementation-panel-header{background:#315e46}.brief-list{margin:0;padding:14px 21px 2px;list-style:none}.brief-list li{border-bottom:1px solid var(--line);grid-template-columns:26px minmax(0,1fr);align-items:flex-start;gap:14px;padding:18px 0;display:grid}.brief-list li>span{color:#39845f;font-family:var(--mono);padding-top:3px;font-size:.68rem}.brief-list p{color:var(--muted);margin:0;font-size:.91rem;line-height:1.55}.brief-list code{color:#2d7955;font-size:.8rem}.brief-result{gap:7px;padding:21px;display:grid}.brief-result span{color:#ca6c2b}.brief-result strong{color:var(--ink);font-size:.95rem}.project-loop{border-top:1px solid var(--line);margin-top:42px;padding-top:20px}.project-loop-label{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.project-loop-track{justify-content:space-between;align-items:center;gap:18px;margin-top:21px;display:flex}.project-loop-track>div{grid-template-columns:27px auto;align-items:center;gap:1px 10px;min-width:0;display:grid}.project-loop-track>div span{color:#39845f;font-family:var(--mono);grid-row:1/span 2;font-size:.7rem}.project-loop-track strong{font-size:.92rem}.project-loop-track small{color:var(--muted);font-size:.73rem}.project-loop-track i{color:#8ab18f;font-style:normal}.guardrail-list{border-top:1px solid var(--line-dark);margin-top:clamp(48px,7vw,84px)}.guardrail-list article{border-bottom:1px solid var(--line-dark);grid-template-columns:50px minmax(0,1fr) 25px;align-items:center;gap:25px;padding:20px 0;display:grid}.guardrail-number{color:var(--orange);font-family:var(--mono);font-size:.72rem}.guardrail-list h3{letter-spacing:-.02em;margin:0;font-size:1.1rem}.guardrail-list p{color:var(--muted-dark);margin:3px 0 0;font-size:.92rem}.guardrail-mark{color:var(--lime);text-align:right;font-size:1.2rem}.site-footer{background:var(--deep);color:var(--paper);grid-template-columns:1fr auto auto;align-items:end;gap:25px;padding:38px clamp(20px,8vw,120px) 42px;display:grid}.footer-brand{font-size:1.1rem;display:inline-block}.footer-brand p{color:var(--muted-dark);font-family:var(--sans);letter-spacing:0;margin:10px 0 0;font-size:.78rem}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--muted-dark);font-family:var(--mono);text-transform:uppercase;font-size:.68rem}.footer-links a:hover{color:var(--lime)}.footer-meta{color:var(--muted-dark);text-align:right;margin:0}.footer-meta span{color:var(--orange);margin:0 7px}@media (max-width:980px){.hero{grid-template-columns:1fr;gap:54px}.hero-copy{max-width:720px}.terminal-card{justify-self:start;width:100%;max-width:650px}.split-heading,.example-grid{grid-template-columns:1fr}.section-intro{max-width:620px}}@media (max-width:760px){.site-header{gap:15px;min-height:62px;padding:12px 17px}.site-nav{gap:12px;padding-bottom:2px;overflow-x:auto}.site-nav a{white-space:nowrap;font-size:.61rem}.format-badge{display:none}.hero{padding-top:73px}.hero h1{font-size:clamp(3.15rem,14vw,5.6rem)}.signal-strip{padding:12px 20px 21px;display:block}.signal-strip>div,.signal-strip>div+div{border-bottom:1px solid #07130f3d;border-right:0;min-height:0;padding:17px 0}.signal-strip>div:last-child{border-bottom:0}.signal-strip span{margin:0 12px 0 0;display:inline-block}.signal-strip strong{display:inline}.signal-strip p{margin-left:35px}.content-section{padding-top:78px;padding-bottom:78px}.content-section h2,.section-heading h2{font-size:clamp(2.65rem,12vw,4.8rem)}.file-grid,.steps-grid{grid-template-columns:1fr}.file-card{min-height:0}.file-path{margin-top:35px}.intent-diagram,.package-diagram{min-height:0;padding:0}.diagram-card,.package-map-card{overflow-x:auto}.intent-diagram{min-width:700px}.package-diagram{min-width:680px}.optional-artifacts{grid-template-columns:1fr;gap:21px}.optional-artifacts h3{max-width:none}.optional-list{grid-template-columns:1fr}.skill-note,.distinction-callout{align-items:flex-start;gap:8px;display:grid}.yaml-block{min-height:0}.project-loop-track{grid-template-columns:1fr;align-items:stretch;gap:0;display:grid}.project-loop-track>div{border-left:1px solid #8ab18f;padding:10px 0 10px 15px}.project-loop-track i{display:none}.guardrail-list article{grid-template-columns:32px minmax(0,1fr);gap:13px;padding:18px 0}.guardrail-mark{display:none}.site-footer{grid-template-columns:1fr;align-items:start}.footer-meta{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.site-nav a{transition:none}}