/* amd.rip — no frameworks, no external assets, no tracking */
:root {
  --bg: #090d0b;
  --bg2: #101713;
  --panel: #141c17;
  --panel2: #19211b;
  --text: #e8f0e6;
  --muted: #a7b4a6;
  --subtle: #7b9181;
  --acid: #bdff50;
  --acid-dim: #8dbb4b;
  --red: #ff665b;
  --line: rgba(177, 220, 178, .19);
  --line-strong: rgba(192, 247, 178, .34);
  --display: Impact, Haettenschweiler, 'Arial Narrow Bold', 'Roboto Condensed', 'Arial Black', sans-serif;
  --mono: 'SFMono-Regular', Consolas, 'Liberation Mono', 'DejaVu Sans Mono', monospace;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --wrap: 1376px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:92px; }
body { margin:0; color:var(--text); background:var(--bg); font-family:var(--sans); overflow-x:hidden; -webkit-font-smoothing:antialiased; }
body:before { content:""; position:absolute; inset:0 0 auto; height:920px; pointer-events:none; z-index:-1; background:radial-gradient(ellipse 52% 45% at 89% 25%,rgba(108,171,82,.15),transparent 82%),radial-gradient(ellipse 48% 47% at 7% 1%,rgba(52,91,64,.11),transparent); }
body:after { content:""; position:fixed; inset:0; z-index:50; pointer-events:none; opacity:.045; background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".92" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)"/%3E%3C/svg%3E'); }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--acid); }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid var(--acid); outline-offset:4px; }
button { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
img { max-width:100%; height:auto; }
::selection { color:var(--bg); background:var(--acid); }
.shell { width:min(calc(100% - 96px),var(--wrap)); margin-inline:auto; }
.skip-link { position:absolute; left:18px; top:-100px; z-index:99; color:var(--bg); background:var(--acid); padding:12px 16px; font-weight:800; }
.skip-link:focus { top:16px; }
.red { color:var(--red); }
.dim { color:var(--subtle); }
.small-acid { color:var(--acid); }
.pulse-dot { width:7px; height:7px; background:var(--acid); border-radius:50%; display:inline-block; box-shadow:0 0 14px rgba(189,255,80,.5); }
code,kbd,pre { font-family:var(--mono); }
code { color:#d3f49a; font-size:.9em; overflow-wrap:anywhere; }
kbd { font-size:.8em; border:1px solid var(--line-strong); border-bottom-width:2px; border-radius:3px; padding:1px 5px; color:var(--text); background:#1d271f; white-space:nowrap; }
.top-rail { height:30px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 max(48px,calc((100% - var(--wrap))/2)); background:var(--acid); color:#101809; font-family:var(--mono); font-size:9px; font-weight:800; letter-spacing:.12em; white-space:nowrap; overflow:hidden; }
.site-header { position:sticky; top:0; z-index:40; background:rgba(9,13,11,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); }
.nav-wrap { display:flex; align-items:center; justify-content:space-between; min-height:81px; gap:26px; }
.brand { display:flex; align-items:center; gap:12px; flex-shrink:0; color:var(--text); }
.brand img { width:45px; height:45px; border:1px solid var(--line-strong); }
.brand-type { display:flex; flex-direction:column; gap:3px; }
.brand-type strong { font-family:var(--mono); font-size:28px; letter-spacing:-.08em; line-height:1; }
.brand-type small { font-family:var(--mono); font-weight:700; font-size:7px; letter-spacing:.18em; color:var(--subtle); white-space:nowrap; }
.nav { display:flex; align-items:center; gap:clamp(12px,1.65vw,28px); margin-left:auto; }
.nav a { font:700 10px/1.5 var(--mono); color:#afbdaf; letter-spacing:.005em; white-space:nowrap; transition:color .18s ease; }
.nav a:hover, .nav a:focus-visible { color:var(--acid); }
.nav .nav-github { display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:13px 15px; border:1px solid var(--line-strong); color:var(--text); margin-left:6px; }
.nav .nav-github:hover { background:var(--acid); color:var(--bg); border-color:var(--acid); }
.nav-toggle { display:none; }
.hero { position:relative; display:grid; grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr); column-gap:clamp(36px,3.6vw,76px); min-height:660px; padding-top:85px; padding-bottom:93px; }
.hero:before { content:""; position:absolute; inset:0 -32px; pointer-events:none; z-index:-1; background-image:linear-gradient(rgba(182,223,145,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(182,223,145,.03) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(90deg,transparent,#000 30%,#000 90%,transparent); }
.hero-left { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.eyebrow { font:700 10px/1.4 var(--mono); color:var(--acid); letter-spacing:.11em; display:flex; align-items:center; gap:12px; margin-top:14px; }
.eyebrow-number { margin-left:12px; color:var(--subtle); }
.hero h1 { margin:29px 0 23px; width:100%; font-family:var(--display); font-stretch:condensed; font-weight:900; font-size:clamp(4.35rem,7.15vw,8.15rem); line-height:.95; letter-spacing:-.028em; }
.hero-line { display:block; white-space:nowrap; }
.hero-outline { color:transparent; -webkit-text-stroke:1.6px #cbe2c2; text-shadow:0 0 35px rgba(189,255,80,.045); }
.hero-outline .punct { color:var(--red); -webkit-text-stroke:0; }
.hero-lead { font-size:clamp(18px,1.6vw,24px); line-height:1.42; max-width:575px; font-weight:600; letter-spacing:-.025em; margin:13px 0 10px; }
.hero-lead em { color:var(--acid); font-style:normal; }
.hero-copy { max-width:565px; color:#a4b6a8; line-height:1.8; font-size:14px; margin:10px 0 23px; }
.hero-copy a { color:var(--acid); border-bottom:1px dotted var(--acid-dim); }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin:9px 0 28px; }
.btn { display:inline-flex; justify-content:space-between; align-items:center; min-height:54px; gap:36px; padding:14px 19px; font:800 11px/1.4 var(--mono); letter-spacing:.02em; border:1px solid var(--line-strong); transition:background .2s,color .2s,transform .2s,border-color .2s; }
.btn span:last-child { font-size:19px; line-height:1; }
.btn:hover { transform:translateY(-2px); }
.btn-acid { color:var(--bg); background:var(--acid); border-color:var(--acid); }
.btn-acid:hover { color:var(--bg); background:#d1ff82; }
.btn-ghost { color:var(--text); background:rgba(16,24,20,.55); }
.btn-ghost:hover { color:var(--acid); border-color:var(--acid); }
.hero-metadata { margin-top:auto; display:flex; flex-wrap:wrap; gap:22px; color:var(--subtle); font:600 10px/1.5 var(--mono); }
.hero-metadata span { display:inline-flex; flex-direction:column; gap:3px; }
.hero-metadata b { color:var(--text); font-size:17px; font-weight:700; }
.hero-right { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:stretch; min-width:0; padding-top:35px; }
.signal-rings { position:absolute; inset:2% -5% 3% -15%; overflow:hidden; opacity:.55; pointer-events:none; }
.signal-rings i { position:absolute; border:1px solid rgba(142,224,109,.25); width:510px; height:510px; border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); }
.signal-rings i:nth-child(2){ width:650px; height:650px; }
.signal-rings i:nth-child(3){ width:790px; height:790px; }
.window { position:relative; border:1px solid #5d745d; background:rgba(13,20,15,.95); box-shadow:18px 20px 0 rgba(40,66,37,.11), 0 0 70px rgba(156,255,120,.025); }
.hero-terminal { width:100%; max-width:568px; align-self:center; transform:rotate(-1.2deg); }
.window-top,.code-heading { display:flex; align-items:center; justify-content:space-between; padding:13px 16px; border-bottom:1px solid var(--line-strong); gap:10px; font:600 10px var(--mono); letter-spacing:.01em; color:var(--subtle); }
.window-lights { display:flex; gap:5px; flex-shrink:0; }
.window-lights i { width:6px; height:6px; border:1px solid #708675; }
.window-lights i:first-child { background:var(--red); border-color:var(--red); }
.window-lights i:nth-child(2) { background:#9d8443; }
.window-lights i:nth-child(3) { background:var(--acid-dim); }
.window-top .status { color:var(--acid); font-size:9px; white-space:nowrap; }
.terminal-inner { min-height:347px; padding:26px 22px 27px; font:12px/1.95 var(--mono); overflow-x:auto; white-space:nowrap; }
.term-comment { color:#718476; }
.term-prompt,.term-caret { color:var(--acid); }
.prompt-mark { color:var(--red); margin-right:8px; font-weight:900; }
.term-white { color:var(--text); }
.term-divider { height:1px; width:100%; margin:15px 0; border-top:1px dashed var(--line); }
.term-row { display:grid; grid-template-columns:52px minmax(100px,1fr) 18px minmax(115px,1fr); gap:6px; }
.term-num { color:#667c6d; }
.term-key { color:#e1e6d5; }
.term-operator { color:var(--red); }
.term-val { color:var(--acid); }
.term-muted { color:#90a793; }
.term-green { color:var(--acid); }
.term-red { color:var(--red); }
.blink-block { display:inline-block; background:var(--acid); width:8px; height:15px; vertical-align:middle; animation:blink 1.2s steps(1) infinite; }
@keyframes blink { 50% { opacity:0; } }
.window-foot { border-top:1px solid var(--line); padding:11px 16px; color:#738975; display:flex; justify-content:space-between; gap:10px; font:700 8px var(--mono); }
.hero-stamp { align-self:end; width:max-content; text-align:right; margin-top:24px; padding-right:20px; color:var(--subtle); font:600 9px/1.65 var(--mono); letter-spacing:.075em; }
.hero-stamp span { margin-left:15px; font-size:25px; color:var(--red); vertical-align:middle; }
.hero-bottom { display:flex; align-items:center; justify-content:space-between; position:absolute; bottom:22px; left:0; right:0; padding-top:17px; border-top:1px solid var(--line); color:var(--subtle); font:700 9px var(--mono); letter-spacing:.08em; }
.down-arrow { display:block; font-size:20px; color:var(--acid); }
.ticker { overflow:hidden; border-top:1px solid var(--acid-dim); border-bottom:1px solid var(--acid-dim); padding:12px 0; background:var(--acid); color:#101809; }
.ticker-track { display:flex; width:max-content; animation:marquee 44s linear infinite; }
.ticker-track > span { white-space:nowrap; flex-shrink:0; padding-right:25px; font:900 12px var(--mono); letter-spacing:.15em; }
.ticker-track b { color:#d64c38; margin:0 30px; }
@keyframes marquee { to { transform:translateX(-50%); } }
.section { padding-block:112px 128px; scroll-margin-top:86px; }
.section-alt { background:#111712; box-shadow:inset 0 1px 0 rgba(183,230,161,.04),inset 0 -1px 0 rgba(183,230,161,.04); }
.section-head { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:64px; padding-bottom:16px; border-bottom:1px solid var(--line-strong); font:700 11px var(--mono); }
.index { display:flex; align-items:baseline; gap:15px; color:var(--muted); }
.section-num { color:var(--acid); font-size:22px; letter-spacing:-.05em; }
.section-aside { color:var(--subtle); font:600 9px var(--mono); letter-spacing:.09em; }
.kicker { margin:0 0 21px; color:var(--acid); font:800 10px var(--mono); letter-spacing:.1em; }
.display-title { margin:0; font:900 clamp(4.2rem,6.25vw,7.5rem)/.94 var(--display); letter-spacing:-.028em; }
.display-title span { color:transparent; -webkit-text-stroke:1.25px var(--acid); }
.display-small { font-size:clamp(4rem,6vw,7.5rem); }
.intro-grid { display:grid; grid-template-columns:1fr minmax(360px,.84fr); gap:8%; align-items:start; }
.intro-copy { padding-top:15px; max-width:610px; color:#b5c2b4; font-size:14px; line-height:1.95; }
.intro-copy p:first-child { margin-top:0; }
.intro-copy p { margin:0 0 22px; }
.intro-copy strong { color:var(--text); font-weight:700; }
.feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:70px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.feature { padding:26px 24px 27px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); min-height:265px; position:relative; background:rgba(14,22,17,.35); transition:background .2s; }
.feature:hover { background:#19251b; }
.feature-icon { font:400 32px var(--mono); color:var(--acid); display:block; min-height:50px; }
.feature-number { color:var(--subtle); font:800 9px var(--mono); margin:13px 0 22px; }
.feature h3 { margin:0 0 13px; font:800 14px/1.35 var(--mono); letter-spacing:-.05em; }
.feature p { margin:0; font-size:12px; line-height:1.78; color:var(--muted); }
.feature-red .feature-icon { color:var(--red); }
.section-title-row { display:flex; justify-content:space-between; align-items:end; gap:60px; margin-bottom:50px; }
.section-title-row > p { max-width:355px; color:var(--muted); margin:0 0 5px; font-size:14px; line-height:1.8; }
.section-title-row > p strong { color:var(--text); }
.target-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.target-card { display:flex; flex-direction:column; min-height:487px; padding:29px 26px 29px; background:#0b100d; border:1px solid var(--line-strong); position:relative; overflow:hidden; }
.target-card:before { position:absolute; content:""; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,transparent,var(--acid-dim),transparent); opacity:.5; }
.target-upper { font:700 10px var(--mono); letter-spacing:.01em; color:var(--subtle); display:flex; justify-content:space-between; gap:15px; }
.target-counter { color:#657c68; }
.target-code { margin:40px 0 23px; font:900 clamp(3.3rem,5.5vw,5.8rem)/.87 var(--display); letter-spacing:-.01em; white-space:nowrap; }
.slash { color:var(--red); }
.target-status { padding:9px 0; color:var(--acid); font:700 10px var(--mono); border-block:1px solid var(--line); letter-spacing:-.035em; }
.target-card p { position:relative; z-index:2; color:var(--muted); line-height:1.85; font-size:12px; margin:21px 0 26px; }
.target-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; z-index:2; }
.target-tags span { border:1px solid var(--line-strong); color:#9fbd97; padding:7px 8px; font:700 9px/1 var(--mono); }
.target-featured { border-color:#759c4d; background:radial-gradient(ellipse at 94% 25%,rgba(100,160,46,.17),transparent 58%),#101b10; }
.target-featured:before { background:var(--acid); height:3px; opacity:1; }
.target-watermark { position:absolute; bottom:80px; right:-9px; z-index:0; color:transparent; -webkit-text-stroke:2px rgba(173,245,107,.12); font:900 240px/1 var(--display); transform:rotate(-14deg); }
.quiet-note { color:var(--subtle); display:flex; align-items:start; gap:12px; font:600 11px/1.75 var(--mono); border-top:1px solid var(--line); margin-top:18px; padding-top:23px; }
.note-symbol { color:var(--red); border:1px solid var(--red); padding:1px 6px; font-weight:900; }
.layout-frame { border:1px solid var(--line-strong); background:#101611; }
.layout-head { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line-strong); padding:15px 24px; gap:15px; }
.layout-label { color:var(--text); font:700 10px var(--mono); white-space:nowrap; }
.layout-label .dim { margin-left:6px; }
.tablist { display:flex; flex-wrap:wrap; align-items:center; gap:4px; }
.tab { background:transparent; color:var(--subtle); padding:10px 13px; border:1px solid transparent; cursor:pointer; font:800 10px var(--mono); white-space:nowrap; transition:background .2s,color .2s; }
.tab:hover { color:var(--text); border-color:var(--line); }
.tab.is-active { color:#0b120a; background:var(--acid); border-color:var(--acid); }
.layout-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); }
.layout-content[hidden] { display:none; }
.map-pane { padding:24px 26px; border-right:1px solid var(--line-strong); background:linear-gradient(180deg,rgba(170,252,100,.03),transparent 70%); }
.map-caption { display:flex; justify-content:space-between; gap:8px; color:var(--subtle); font:700 9px var(--mono); margin-bottom:17px; }
.map-caption span:nth-child(2) { color:var(--acid); }
.segment-list { display:flex; flex-direction:column; gap:3px; }
.segment { display:grid; grid-template-columns:72px 1fr auto; align-items:center; gap:10px; padding:11px 14px; color:#a3c29d; border-left:3px solid #668763; border-bottom:1px solid rgba(184,230,160,.09); background:#1a281d; font:600 9px/1.3 var(--mono); letter-spacing:.02em; min-height:42px; }
.seg-offset { color:#93a595; }
.seg-size { color:#e9f4e4; text-align:right; white-space:nowrap; }
.segment b { color:#d3e8d0; }
.segment em { grid-column:2/-1; font-size:9px; color:#c3e896; font-style:normal; }
.seg-slim { min-height:32px; padding-block:8px; }
.seg-medium { min-height:42px; }
.seg-sm { min-height:41px; }
.seg-options { background:#1c2b21; }
.seg-body { min-height:110px; background:#3b572f; border-left-color:var(--acid); align-content:center; }
.seg-body b { color:var(--acid); }
.seg-body .seg-size { color:var(--acid); }
.seg-padding { min-height:48px; background:repeating-linear-gradient(-45deg,#151c17,#151c17 6px,#1b261d 6px,#1b261d 12px); border-left-color:#5c765e; }
.seg-mirror { background:#263d3c; }
.map-foot { display:flex; justify-content:space-between; gap:20px; margin-top:16px; color:var(--subtle); font:700 8px/1.6 var(--mono); letter-spacing:.01em; }
.table-pane { padding:24px 27px 27px; min-width:0; }
.pane-title { color:var(--acid); font:800 16px var(--mono); margin-bottom:25px; }
.pane-title span { color:var(--subtle); font:600 10px var(--mono); }
.table-scroll { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-color:#5e7c55 transparent; }
.data-table,.mini-table { width:100%; border-collapse:collapse; text-align:left; font:11px/1.55 var(--mono); }
.data-table th,.data-table td,.mini-table th,.mini-table td { padding:9px 12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.data-table th,.mini-table th { color:var(--subtle); font:800 9px var(--mono); letter-spacing:.08em; background:rgba(65,91,63,.17); }
.data-table th:first-child,.data-table td:first-child { padding-left:0; }
.data-table td { color:#b4c5b2; }
.data-table td:first-child { color:var(--acid); white-space:nowrap; }
.data-table td:nth-child(2) { overflow-wrap:anywhere; }
.data-table td:last-child { white-space:nowrap; }
.data-table tr.highlight-row { background:rgba(171,249,68,.1); }
.pane-description { color:var(--muted); line-height:1.88; font-size:12px; margin-top:25px; }
.pane-description b { color:var(--text); }
.command-list { border-top:1px solid var(--line-strong); }
.command-item { display:grid; grid-template-columns:125px minmax(0,1fr) 205px; align-items:start; gap:38px; padding:29px 8px; border-bottom:1px solid var(--line); }
.command-id { font:800 20px var(--mono); color:var(--acid); display:flex; flex-direction:column; gap:8px; }
.command-id span { color:var(--subtle); font:700 9px var(--mono); }
.command-item h3 { margin:1px 0 11px; font:800 16px var(--mono); color:var(--text); }
.command-item p { max-width:670px; margin:0; color:var(--muted); font-size:12px; line-height:1.85; }
.command-item > code { color:var(--subtle); font-size:10px; text-align:right; overflow-wrap:break-word; padding-top:7px; }
.experimental-box { margin-top:33px; border:1px solid #8c5a4d; background:rgba(126,50,45,.08); padding:25px 30px; display:grid; grid-template-columns:235px 1fr; gap:22px; }
.experimental-box > div { color:#ffaaa1; font:800 12px/1.6 var(--mono); }
.red-bracket { color:var(--red); margin-right:10px; }
.experimental-box p { margin:0; color:#bbbbb2; font:12px/1.85 var(--sans); }
.cli-grid { display:grid; grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr); gap:10%; align-items:center; }
.cli-desc { max-width:440px; margin:31px 0 17px; color:var(--muted); font-size:14px; line-height:1.95; }
.tiny-note { color:var(--subtle); font:600 11px/1.85 var(--mono); }
.code-window { border:1px solid var(--line-strong); background:#0e140f; min-width:0; }
.code-heading { color:var(--text); font-weight:800; padding:15px 21px; }
.copy-btn { border:1px solid var(--line-strong); padding:8px 10px; background:transparent; color:var(--acid); cursor:pointer; font:700 9px var(--mono); min-height:34px; white-space:nowrap; }
.copy-btn:hover { background:var(--acid); color:var(--bg); }
.code-window pre { margin:0; padding:26px 25px 31px; font:12px/2 var(--mono); overflow-x:auto; color:#d6edd0; white-space:pre; tab-size:2; }
.code-window pre code { font:inherit; color:inherit; overflow-wrap:normal; }
.code-comment { color:#819485; }
.code-foot { display:flex; justify-content:space-between; gap:10px; padding:12px 21px; border-top:1px solid var(--line); color:var(--subtle); font:700 9px var(--mono); }
.reference-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ref { min-width:0; background:#0c120e; border:1px solid var(--line-strong); align-self:start; }
.ref[open] { border-color:#749366; background:#0f1911; }
.ref summary { display:grid; grid-template-columns:35px minmax(0,1fr) 22px; align-items:center; gap:12px; padding:21px 19px; cursor:pointer; list-style:none; min-height:85px; font:800 14px/1.4 var(--mono); }
.ref summary::-webkit-details-marker { display:none; }
.ref-code { color:var(--acid); font:700 11px var(--mono); }
.ref summary small { display:block; margin-top:6px; color:var(--subtle); font:500 10px var(--mono); }
.ref-plus { position:relative; display:block; width:14px; height:14px; }
.ref-plus:before,.ref-plus:after { content:""; position:absolute; background:var(--acid); top:6px; left:0; width:14px; height:2px; transition:transform .2s; }
.ref-plus:after { transform:rotate(90deg); }
.ref[open] .ref-plus:after { transform:rotate(0deg); }
.ref-body { padding:7px 21px 24px 66px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.9; }
.ref-body p { margin:15px 0; }
.mini-table { font-size:10px; }
.mini-table th,.mini-table td { padding:7px 10px; }
.mini-table td { color:#c5d2c1; }
.mini-table td:first-child { color:var(--acid); white-space:nowrap; }
.mini-table td:nth-child(2) { overflow-wrap:anywhere; }
.ref-wide { grid-column:1/-1; }
.op-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
.types-note { color:var(--subtle); font:600 10px/1.8 var(--mono); margin:25px 0 0; }
.install-grid { display:grid; grid-template-columns:1fr minmax(0,.78fr); gap:10%; align-items:start; }
.install-step { display:grid; grid-template-columns:64px 1fr; gap:18px; border-bottom:1px solid var(--line); padding:20px 0 27px; }
.install-step:first-child { padding-top:4px; }
.install-step > span { font:900 22px var(--mono); color:var(--acid); }
.install-step h3 { margin:5px 0 13px; font:800 15px var(--mono); }
.install-step p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }
.paths { margin-top:18px; border:1px solid var(--line); }
.paths > div { display:flex; align-items:baseline; gap:12px; justify-content:space-between; padding:13px 13px; border-bottom:1px solid var(--line); }
.paths > div:last-child { border:0; }
.paths b { font:800 10px var(--mono); color:var(--acid); white-space:nowrap; }
.paths code { color:#cfddc9; font:10px/1.5 var(--mono); overflow-wrap:anywhere; text-align:right; }
.install-side .code-window pre { padding:28px 20px; font-size:12px; }
.repo-panel { position:relative; display:flex; flex-direction:column; gap:18px; padding:26px; border:1px solid var(--line-strong); margin-top:15px; background:radial-gradient(ellipse at 85% 0,rgba(137,216,88,.1),transparent 65%),#152017; transition:border-color .2s, background .2s; }
.repo-panel:hover { border-color:var(--acid); }
.repo-panel > span,.repo-panel em { color:var(--subtle); font:800 9px var(--mono); font-style:normal; }
.repo-panel b { font:800 clamp(20px,2vw,29px) var(--mono); letter-spacing:-.05em; overflow-wrap:anywhere; }
.repo-panel b span { color:var(--red); }
.repo-panel em { color:var(--acid); }
.install-requirements { margin-top:25px; padding:23px 0; border-top:1px solid var(--line); }
.install-requirements b { font:800 12px var(--mono); color:var(--acid); }
.install-requirements p { margin:12px 0 0; color:var(--muted); font-size:12px; line-height:1.85; }
.install-requirements a { color:var(--acid); }
.workflow-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-left:1px solid var(--line-strong); border-top:1px solid var(--line-strong); }
.workflow-grid article { padding:26px 23px 30px; border-right:1px solid var(--line-strong); border-bottom:1px solid var(--line-strong); min-height:265px; }
.workflow-grid article > span { color:var(--acid); font:800 10px var(--mono); }
.workflow-grid h3 { margin:34px 0 13px; font:800 15px/1.4 var(--mono); }
.workflow-grid p { margin:0; color:var(--muted); font-size:12px; line-height:1.8; }
.truth-box { display:grid; grid-template-columns:75px 1fr; gap:10px; padding:33px; margin-top:29px; border:1px solid #74493c; background:rgba(104,46,44,.12); }
.truth-icon { display:flex; align-items:center; justify-content:center; color:var(--red); border:1px solid var(--red); width:47px; height:47px; font:900 22px var(--mono); }
.truth-box h3 { color:#ffaea4; margin:4px 0 11px; font:900 16px var(--mono); }
.truth-box p { color:#b8b7af; margin:0; font-size:13px; line-height:1.9; }
.outro { padding-block:105px 120px; }
.outro-tag { border-top:1px solid var(--line-strong); padding-top:18px; font:800 10px var(--mono); color:var(--acid); }
.outro-main { display:flex; justify-content:space-between; align-items:end; gap:40px; padding-top:25px; }
.outro h2 { margin:0; font:900 clamp(4.5rem,8.5vw,10.5rem)/.86 var(--display); letter-spacing:-.015em; }
.outro h2 span { color:transparent; -webkit-text-stroke:1px var(--acid); }
.outro p { color:var(--muted); font-size:16px; margin:28px 0 0; }
.outro-actions { display:flex; flex-direction:column; min-width:235px; gap:10px; }
.footer { border-top:1px solid var(--acid); background:#070a08; }
.footer-inner { display:grid; grid-template-columns:2fr .8fr .8fr 1.65fr; gap:35px; padding-top:58px; padding-bottom:66px; }
.footer-brand { display:flex; align-items:start; gap:11px; font:800 26px var(--mono); letter-spacing:-.08em; }
.footer-brand span { padding-top:5px; }
.footer-brand span span { color:var(--red); }
.footer-inner > div:not(:first-child) { display:flex; flex-direction:column; gap:13px; }
.footer-label { font:800 10px var(--mono); color:var(--acid); margin:0 0 11px; }
.footer-inner a { font:600 12px var(--mono); color:#b7c3b2; }
.footer-inner a:hover { color:var(--acid); }
.footer-legal p { max-width:350px; color:var(--subtle); font-size:12px; line-height:1.85; margin:0; }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid var(--line); padding-top:23px; padding-bottom:25px; color:var(--subtle); font:700 9px/1.6 var(--mono); }
.footer-bottom a { color:var(--acid); }

@media (max-width:1300px) {
  .shell { width:min(calc(100% - 72px),var(--wrap)); }
  .top-rail { padding-inline:36px; }
  .hero h1 { font-size:clamp(4.5rem,7.2vw,7.2rem); }
  .hero { gap:27px; }
  .terminal-inner { padding-inline:15px; font-size:10.5px; }
  .feature { padding-inline:18px; }
  .target-card { padding-inline:19px; }
  .target-code { font-size:clamp(3.1rem,5vw,5rem); }
  .display-title { font-size:clamp(3.9rem,6.1vw,6.5rem); }
  .outro h2 { font-size:clamp(4.3rem,7.7vw,9rem); }
}
@media (max-width:1050px) {
  .nav-toggle { display:flex; width:48px; height:47px; border:1px solid var(--line-strong); background:#101810; color:var(--acid); justify-content:center; flex-direction:column; align-items:center; gap:6px; cursor:pointer; flex-shrink:0; }
  .nav-toggle span { display:block; width:22px; height:2px; background:var(--acid); transition:transform .2s,opacity .2s; }
  .nav-toggle[aria-expanded="true"] span:first-child { transform:translateY(8px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .nav-toggle[aria-expanded="true"] span:last-child { transform:translateY(-8px) rotate(-45deg); }
  .nav { position:absolute; top:calc(100% + 1px); left:0; right:0; padding:15px max(36px,calc((100% - var(--wrap))/2)) 25px; border-bottom:1px solid var(--line-strong); background:#0b100e; box-shadow:0 20px 30px rgba(0,0,0,.5); display:none; flex-direction:column; align-items:stretch; gap:0; }
  .nav.is-open { display:flex; }
  .nav a { padding:13px 5px; border-bottom:1px solid var(--line); font-size:12px; }
  .nav .nav-github { width:100%; margin:16px 0 0; padding:15px; }
  .hero { padding-top:65px; min-height:630px; }
  .hero h1 { font-size:clamp(4.15rem,7.1vw,6.6rem); }
  .terminal-inner { font-size:9.5px; }
  .display-title { font-size:clamp(3.8rem,6vw,6rem); }
  .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .feature { min-height:215px; }
  .target-card { min-height:525px; }
  .target-code { margin-top:45px; font-size:clamp(2.8rem,5vw,4.4rem); }
  .target-tags span { font-size:8px; }
  .layout-content { grid-template-columns:1fr; }
  .map-pane { border-right:0; border-bottom:1px solid var(--line-strong); }
  .map-foot { justify-content:start; }
  .layout-frame { max-width:850px; }
  .command-item { grid-template-columns:75px 1fr 150px; gap:24px; }
  .reference-grid { gap:10px; }
  .ref summary { padding-inline:13px; }
  .ref-body { padding-left:58px; padding-right:16px; }
}
@media (max-width:800px) {
  .shell { width:min(calc(100% - 42px),var(--wrap)); }
  .top-rail { padding-inline:21px; font-size:8px; }
  .top-rail span:nth-child(2) { display:none; }
  .nav-wrap { min-height:73px; }
  .brand img { width:41px; height:41px; }
  .hero { display:flex; flex-direction:column; gap:15px; padding-top:50px; padding-bottom:83px; }
  .hero-left { width:100%; }
  .hero h1 { font-size:clamp(4rem,10.2vw,6.3rem); }
  .hero-copy { max-width:620px; }
  .hero-metadata { margin-top:9px; }
  .hero-right { width:min(100%,640px); align-self:center; padding-top:35px; padding-bottom:18px; }
  .hero-terminal { transform:rotate(-.7deg); }
  .terminal-inner { font-size:12px; }
  .signal-rings { top:0; }
  .section { padding-block:85px 94px; }
  .section-head { margin-bottom:44px; }
  .intro-grid { grid-template-columns:1fr; gap:25px; }
  .intro-copy { max-width:770px; }
  .display-title { font-size:clamp(4.3rem,10vw,6.3rem); }
  .section-title-row { flex-direction:column; align-items:start; gap:22px; }
  .section-title-row > p { max-width:570px; }
  .target-grid { grid-template-columns:1fr; }
  .target-card { min-height:auto; padding:28px 28px 32px; }
  .target-code { margin-block:30px 22px; font-size:clamp(4.8rem,13vw,7rem); }
  .target-card p { max-width:670px; }
  .target-tags { margin-top:5px; }
  .target-watermark { bottom:20px; }
  .layout-head { flex-direction:column; align-items:start; padding:17px 22px; }
  .tablist { width:100%; }
  .tab { flex:1; }
  .experimental-box { grid-template-columns:1fr; gap:10px; }
  .cli-grid { grid-template-columns:1fr; gap:26px; }
  .cli-desc { max-width:690px; }
  .install-grid { grid-template-columns:1fr; gap:25px; }
  .install-side { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
  .install-side .code-window { grid-column:1/-1; }
  .install-side .repo-panel { margin-top:0; }
  .install-side .install-requirements { margin-top:0; border-top:0; }
  .workflow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workflow-grid article { min-height:215px; }
  .outro-main { flex-direction:column; align-items:start; gap:40px; }
  .outro h2 { font-size:clamp(5rem,11.5vw,8.5rem); }
  .outro-actions { flex-direction:row; }
  .footer-inner { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
  .shell { width:calc(100% - 34px); }
  .top-rail { justify-content:center; height:27px; padding-inline:12px; }
  .top-rail span:last-child { display:none; }
  .nav-wrap { min-height:69px; }
  .nav { padding-inline:17px; }
  .brand-type strong { font-size:25px; }
  .brand-type small { font-size:6.5px; }
  .hero { padding-top:43px; }
  .eyebrow { font-size:9px; gap:8px; letter-spacing:0; }
  .eyebrow-number { margin-left:3px; }
  .hero h1 { font-size:clamp(3.25rem,11.05vw,4.8rem); letter-spacing:-.025em; margin-top:28px; }
  .hero-outline { -webkit-text-stroke:1px #cbe2c2; }
  .hero-lead { font-size:21px; }
  .hero-copy { font-size:13px; }
  .hero-actions { width:100%; gap:8px; }
  .hero-actions .btn { flex:1 1 auto; min-height:51px; padding:12px; font-size:10px; gap:10px; }
  .hero-metadata { gap:24px; margin-top:14px; }
  .hero-metadata span { font-size:9px; }
  .hero-metadata b { font-size:14px; }
  .hero-right { padding-top:20px; }
  .terminal-inner { padding:17px 12px; font-size:10px; min-height:315px; }
  .term-row { grid-template-columns:42px minmax(85px,1fr) 12px minmax(94px,1fr); gap:3px; }
  .window-top { font-size:9px; padding-inline:10px; }
  .window-top .status { display:none; }
  .window-foot { font-size:7px; }
  .hero-bottom { font-size:8px; }
  .ticker-track > span { font-size:10px; }
  .section { padding-block:68px 77px; }
  .section-head { margin-bottom:37px; }
  .section-aside { display:none; }
  .display-title { font-size:clamp(3.8rem,12vw,5.8rem); }
  .display-small { font-size:clamp(4.7rem,13.7vw,6.1rem); }
  .intro-copy { font-size:13px; }
  .feature-grid { grid-template-columns:1fr; margin-top:36px; }
  .feature { min-height:auto; padding:22px 20px 27px; }
  .feature-icon { font-size:27px; min-height:37px; }
  .feature-number { margin:8px 0 14px; }
  .target-code { font-size:clamp(4.6rem,14vw,6.3rem); }
  .target-card { padding:22px; }
  .target-tags span { font-size:8px; }
  .layout-label { white-space:normal; line-height:1.5; }
  .layout-label .dim { display:none; }
  .map-pane { padding:18px 12px; }
  .map-caption { font-size:7px; }
  .segment { grid-template-columns:65px 1fr auto; padding:9px 8px; font-size:8px; gap:7px; }
  .segment em { font-size:8px; }
  .map-foot { flex-direction:column; gap:5px; }
  .table-pane { padding:19px 14px; }
  .data-table { font-size:10px; }
  .data-table th,.data-table td { padding:8px 7px; }
  .command-item { grid-template-columns:52px minmax(0,1fr); gap:13px; padding:24px 0; }
  .command-id { font-size:17px; }
  .command-id span { font-size:8px; }
  .command-item h3 { font-size:13px; }
  .command-item p { font-size:12px; }
  .command-item > code { grid-column:2; text-align:left; padding:0; }
  .experimental-box { padding:22px 17px; }
  .code-window pre { font-size:10px; padding:20px 15px; }
  .code-heading { padding:12px 13px; font-size:9px; }
  .code-foot { padding:12px 13px; font-size:8px; }
  .reference-grid { grid-template-columns:1fr; }
  .ref summary { min-height:71px; grid-template-columns:29px 1fr 17px; padding:15px; font-size:12px; gap:10px; }
  .ref-body { padding:2px 15px 18px 54px; }
  .ref-wide { grid-column:auto; }
  .op-grid { grid-template-columns:1fr; gap:15px; }
  .mini-table { font-size:9.5px; }
  .install-step { grid-template-columns:40px minmax(0,1fr); gap:7px; }
  .install-step > span { font-size:17px; }
  .install-step h3 { font-size:13px; }
  .paths > div { flex-direction:column; align-items:start; gap:5px; }
  .paths code { text-align:left; }
  .install-side { display:block; }
  .repo-panel,.install-requirements { margin-top:15px; }
  .workflow-grid { grid-template-columns:1fr; }
  .workflow-grid article { min-height:unset; padding:20px 22px 25px; }
  .workflow-grid h3 { margin-top:22px; }
  .truth-box { grid-template-columns:1fr; padding:21px; }
  .outro { padding-block:80px 90px; }
  .outro h2 { font-size:clamp(4.15rem,12.4vw,6.75rem); }
  .outro-actions { flex-direction:column; width:100%; }
  .outro-actions .btn { width:100%; }
  .footer-inner { grid-template-columns:1fr 1fr; padding-top:38px; gap:32px 16px; }
  .footer-brand { grid-column:1/-1; }
  .footer-legal { grid-column:1/-1; }
  .footer-bottom { flex-wrap:wrap; font-size:8px; }
}
@media (max-width:370px) {
  .hero h1 { font-size:11.2vw; }
  .hero-actions .btn { flex-basis:100%; }
  .terminal-inner { font-size:8.5px; }
  .term-row { grid-template-columns:36px minmax(84px,1fr) 10px minmax(84px,1fr); }
  .display-title { font-size:11.6vw; }
  .target-code { font-size:15vw; }
  .outro h2 { font-size:11.8vw; }
  .tab { padding:9px; }
  .code-window pre { font-size:9px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*:before,*:after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}
/* Grid children containing long platform paths must be allowed to shrink.
   Otherwise intrinsic min-content sizing overflows 320–768px viewports. */
.install-steps, .install-side, .install-step > div { min-width:0; }
.install-grid { grid-template-columns:minmax(0,1fr) minmax(0,.78fr); }
@media (max-width:800px) { .install-grid { grid-template-columns:minmax(0,1fr); } }
.paths, .paths > div { min-width:0; max-width:100%; }
.paths code { min-width:0; overflow-wrap:anywhere; word-break:break-word; }
/* Ambient grid should end at the viewport rather than creating page-wide
   horizontal scroll on narrow devices. */
@media (max-width:800px) { .hero:before { inset:0 -21px; } }
@media (max-width:600px) { .hero:before { inset:0 -17px; } }
@media (max-width:600px) { .signal-rings { right:0; } }

/* Branded 404 / unmapped jump target */
    body { min-height:100vh; min-height:100svh; display:flex; flex-direction:column; }
    .lost-header { border-bottom:1px solid var(--line); padding-block:23px; }
    .lost { flex:1; display:flex; flex-direction:column; justify-content:center; padding-block:80px 110px; }
    .lost-code { font:800 12px var(--mono); color:var(--acid); }
    .lost h1 { font:900 clamp(5.5rem,14vw,14rem)/.87 var(--display); margin:20px 0 30px; }
    .lost h1 span { color:transparent; -webkit-text-stroke:1.4px var(--acid); }
    .lost p { max-width:600px; color:var(--muted); line-height:1.85; font-size:17px; margin-bottom:38px; }
    .lost .btn { width:max-content; }
    .lost-footer { border-top:1px solid var(--line); padding-block:22px; font:700 10px var(--mono); color:var(--subtle); }
    @media (max-width:600px) { .lost h1 { font-size:clamp(3.6rem,13.5vw,5.5rem); } }