:root{color-scheme:dark;--bg:#10120f;--panel:#171a15;--line:#333a2c;--muted:#b9c0b1;--ink:#f2f5ed;--accent:#c4ff6b;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:"Helvetica Neue",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--sans)}
a{color:inherit;text-decoration:none}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.skip{position:absolute;top:12px;left:12px;padding:10px;background:var(--accent);color:#10120f;transform:translateY(-150%)}
.skip:focus{transform:none}
.shell{width:min(1280px,calc(100% - 96px));margin:auto}
.top,.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.mark{display:inline-flex;align-items:center;gap:9px;font:700 14px var(--mono);letter-spacing:.08em;white-space:nowrap}
.mark img{margin-right:3px}.mark span{color:#9eaf89}
nav{display:flex;align-items:center;gap:25px;font-size:13px}
.navlink{color:var(--muted)}.navlink:hover{color:var(--accent)}
.outline{border:1px solid #4c5842;border-radius:4px;padding:8px 13px;white-space:nowrap}
.outline:hover{border-color:var(--accent)}.outline .arrow{color:var(--accent);margin-left:5px;vertical-align:-2px}
.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:clamp(20px,4.4vw,70px);align-items:center;padding:clamp(49px,7vw,105px) 0 clamp(54px,7vw,100px)}
.eyebrow,.figure-foot,figcaption,.card-code,.terminal-bar,.badge,dt,.footer>span{font:600 11px/1.4 var(--mono);letter-spacing:.10em}
.eyebrow{color:var(--accent);margin:0 0 20px}
i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:1px;box-shadow:0 0 12px #c4ff6b52}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(56px,7vw,110px);line-height:.91;font-weight:600;letter-spacing:-.081em;margin-bottom:26px}
h1 em{color:var(--accent);font-style:normal}
.intro{font-size:clamp(16px,1.48vw,21px);line-height:1.55;color:var(--muted);max-width:470px;margin-bottom:28px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px 17px}
.button{display:inline-flex;align-items:center;gap:23px;padding:13px 17px;background:var(--accent);color:#11170b;font-weight:700;font-size:14px;border-radius:4px}
.button:hover{background:#d8ff9b}
.hero-actions .outline{font-size:14px;padding:12px 16px}
.hero-visual{margin:0;background:#131710;border:1px solid #414d35;border-radius:7px;overflow:hidden}
.hero-visual svg{display:block;width:100%;height:auto}
figcaption,.figure-foot,.terminal-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;color:#bfcbb2;background:#191e16}
figcaption{border-bottom:1px solid var(--line)}.figure-foot{border-top:1px solid var(--line)}
.svg-mono,.svg-label text{font:600 12px var(--mono);letter-spacing:.065em}
.svg-label rect{fill:#192115;stroke:#536743}.svg-label text{fill:#dceacb}
.targets{border-top:1px solid var(--line);padding:clamp(28px,4vw,52px) 0}
.targets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.targets article{display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding:clamp(16px,2.4vw,32px);border:1px solid #414d35;border-radius:5px;background:#181e14}
.targets strong{flex:none;color:var(--accent);font-size:clamp(46px,5.5vw,75px);font-weight:600;line-height:1;letter-spacing:-.07em;white-space:nowrap}
.targets strong span{font-size:.44em;letter-spacing:-.03em}
.targets h2{font-size:20px;line-height:1.18;letter-spacing:-.025em;margin:0 0 7px}
.targets article p{color:var(--muted);font-size:14px;margin:0}
.source-link{display:inline-block;margin-top:12px;color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-size:12px}
.source-link:hover{color:var(--ink)}
.capabilities,.indicators,.sample{padding:clamp(48px,6vw,85px) 0;border-top:1px solid var(--line);scroll-margin-top:12px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.section-head .eyebrow{margin-bottom:10px}
h2{font-size:clamp(37px,5.2vw,69px);font-weight:600;line-height:1;letter-spacing:-.068em;margin-bottom:0}
.section-head>p{color:var(--muted);margin:0 0 3px;max-width:300px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cards article{padding:20px;border:1px solid var(--line);border-radius:5px;background:var(--panel)}
.card-code{display:flex;justify-content:space-between;align-items:center;color:var(--accent);margin-bottom:28px}

h3{font-size:21px;line-height:1.15;letter-spacing:-.03em;margin-bottom:13px}
ul{margin:0;padding-left:16px;color:var(--muted);font-size:14px}
li+li{margin-top:8px}li::marker{color:var(--accent)}
.terminal{border:1px solid #414d35;border-radius:7px;overflow:hidden}
.terminal-bar{border-bottom:1px solid var(--line)}
.sample-grid{display:grid;grid-template-columns:minmax(170px,23%) 1fr;background:var(--panel)}
.steps{display:grid;align-content:start;gap:8px;padding:18px;border-right:1px solid var(--line)}
.steps button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;color:var(--ink);border:1px solid transparent;background:transparent;border-radius:3px;cursor:pointer}
.steps button:hover{background:#20291a}
.steps button[aria-pressed=true]{border-color:#566a42;background:#222e19}
.steps button span{color:var(--accent);font:600 11px var(--mono)}
.steps button .arrow{margin-left:auto;color:var(--accent)}
.sample-content{padding:clamp(18px,4vw,44px);min-height:290px}
.badge{display:inline-block;padding:5px 8px;background:#26351c;color:var(--accent);border-radius:3px;margin-bottom:13px}
.sample-content h3{font-size:clamp(24px,3vw,36px)}
.sample-content p{color:var(--muted);max-width:630px}
dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0}
dl div{border:1px solid var(--line);padding:10px 13px;border-radius:3px}
dt{color:var(--muted)}dd{margin:3px 0 0}
.closing{background:#181e14;border:1px solid #414d35;border-radius:7px;padding:clamp(25px,6vw,78px);margin-bottom:clamp(40px,6vw,80px)}
.footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted)}
@media(max-width:1000px){.shell{width:calc(100% - 56px)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;gap:32px}h1{font-size:clamp(49px,11vw,84px)}.hero-visual{max-width:610px;width:100%}.section-head{align-items:start;flex-direction:column;gap:11px}.section-head>p{max-width:unset}.sample-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid var(--line);padding:10px;gap:4px}.steps button{font-size:13px;gap:5px;padding:7px}.steps button .arrow{display:none}.sample-content{min-height:0}.targets-grid{grid-template-columns:1fr}}
@media(max-width:420px){.navlink{display:none}.mark{gap:4px}.mark img{margin-right:2px}.cards{grid-template-columns:1fr}.card-code{margin-bottom:15px}.footer>span{font-size:9px}.figure-foot,figcaption,.terminal-bar{font-size:9px;letter-spacing:.07em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.indicator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;overflow:hidden;border:1px solid #414d35;border-radius:7px;background:var(--panel)}
.indicator-grid>div{border:0;border-radius:0;padding:clamp(18px,3vw,35px)}
.indicator-grid>div:nth-child(even){border-left:1px solid var(--line)}
.indicator-grid>div:nth-child(n+3){border-top:1px solid var(--line)}
.indicator-grid span{display:block;color:var(--accent);font:600 11px/1.4 var(--mono);letter-spacing:.10em;margin-bottom:13px}
.indicator-grid dt{color:var(--ink);font:600 clamp(21px,2.6vw,33px)/1.15 var(--sans);letter-spacing:-.04em}
.indicator-grid dd{max-width:390px;margin:7px 0 0;color:var(--muted);font-size:14px}
@media(max-width:570px){.indicator-grid{grid-template-columns:1fr}.indicator-grid>div:nth-child(even){border-left:0}.indicator-grid>div+div{border-top:1px solid var(--line)}}

.contact-copy{max-width:560px;color:var(--muted);margin:18px 0 0}
.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:24px}
.contact-email{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.contact-email:hover{color:var(--ink)}
.footer>span{text-align:right}