:root{
  color-scheme:dark;
  --bg:#14100e;
  --bg2:#1f1a17;
  --card:#2a2320;
  --line:#4a4038;
  --text:#e8dcc8;
  --muted:#9a8c7a;
  --rust:#c45508;
  --ember:#e8801a;
  --cyan:#3fb6b2;
  --ok:#1bff80;
  --warn:#ffb641;
  --crit:#ff4b33;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:3;background:linear-gradient(rgba(255,255,255,.025) 50%,transparent 50%);background-size:100% 4px;mix-blend-mode:overlay;opacity:.36}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.hero{position:relative;min-height:96vh;overflow:hidden;background:#090706}
.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.08)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,16,14,.92) 0%,rgba(20,16,14,.68) 42%,rgba(20,16,14,.18) 100%),linear-gradient(0deg,rgba(20,16,14,.96) 0%,transparent 42%)}
.noise{position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 12px);opacity:.32}
.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px clamp(18px,4vw,56px);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}
.brand{font-weight:900;color:var(--warn);letter-spacing:.04em}
.brand:before{content:"// ";color:var(--cyan)}
.nav__links{display:flex;gap:18px;flex-wrap:wrap;color:#cfc0a8;font-size:13px}
.nav__links a{border-bottom:1px solid transparent}.nav__links a:hover{border-color:var(--ember);color:var(--text)}
.hero__content{position:relative;z-index:2;max-width:820px;padding:12vh clamp(18px,4vw,56px) 8vh}
.eyebrow{margin:0 0 12px;color:var(--cyan);font:800 13px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.12em}
h1,h2,h3{margin:0;line-height:.98;text-transform:uppercase}
h1{max-width:760px;font-size:clamp(48px,8vw,118px);letter-spacing:-.03em;text-shadow:0 0 32px rgba(196,85,8,.5)}
h2{font-size:clamp(34px,5vw,70px);letter-spacing:-.025em}
h3{font-size:22px;color:var(--warn)}
.lead{max-width:690px;margin:24px 0 0;color:#e6d7bd;font-size:clamp(18px,2vw,23px)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid var(--line);border-radius:4px;background:rgba(31,26,23,.9);font:900 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;box-shadow:inset 0 -3px 0 rgba(0,0,0,.35)}
.button--hot{border-color:#934507;background:linear-gradient(180deg,var(--ember),var(--rust));color:#1b0e06}
.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:900px;margin-top:42px}
.status-strip span,.panel,.gauge,.repo__panel{border:1px solid var(--line);border-left:4px solid var(--rust);border-radius:4px;background:linear-gradient(180deg,rgba(42,35,32,.86),rgba(20,16,14,.92));box-shadow:0 20px 50px rgba(0,0,0,.22)}
.status-strip span{padding:12px;color:var(--muted);font:13px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}
.status-strip b{display:block;color:var(--text)}
.section{padding:clamp(56px,8vw,112px) clamp(18px,4vw,56px)}
.section__head{max-width:900px;margin-bottom:28px}.section__head p:not(.eyebrow){max-width:820px;color:var(--muted);font-size:19px}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.panel{padding:22px}.panel p{margin:12px 0 0;color:#c7b8a2}.panel--warning{border-left-color:var(--crit)}
.image-band{position:relative;min-height:540px;overflow:hidden;border-block:1px solid var(--line)}.image-band img{width:100%;height:70vh;min-height:540px;object-fit:cover;filter:saturate(.9) contrast(1.06)}.image-band:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,16,14,.92),rgba(20,16,14,.18) 55%,rgba(20,16,14,.92))}
.image-band__caption{position:absolute;left:clamp(18px,4vw,56px);bottom:36px;z-index:1;max-width:620px}.image-band__caption b{display:block;font-size:36px;text-transform:uppercase}.image-band__caption span{color:#d5c4aa}
.cockpit{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:14px;align-items:stretch}.telemetry{border:1px solid var(--line);border-top:4px solid var(--cyan);border-radius:4px;background:#0b0c0a;padding:14px;min-height:560px}.telemetry__top{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:4px;padding:6px 9px;font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.chip--ok{color:var(--ok)}.chip--warn{color:var(--warn)}
.gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.gauge{padding:16px;border-left-color:var(--cyan)}.gauge b{display:block;font:900 36px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--warn)}.gauge span{color:var(--muted);text-transform:uppercase;font-size:12px}
.bars{display:grid;gap:8px}.bar{display:grid;grid-template-columns:48px 1fr 64px;gap:8px;align-items:center;font:12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted)}.bar i{height:12px;border:1px solid #33413a;background:#050705;overflow:hidden}.bar i:before{content:"";display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--ok),var(--warn),var(--cyan))}
.terminal{margin-top:14px;height:148px;overflow:hidden;border:1px solid #2b342d;background:#050705;padding:10px;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#b7c5b7}.terminal div{border-bottom:1px solid rgba(255,255,255,.05);padding:3px 0}.terminal b{color:var(--cyan);font-weight:800}
.cockpit__art{margin:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#000}.cockpit__art img{height:100%;width:100%;object-fit:cover}
.build__grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:16px}.build__image{border:1px solid var(--line);border-radius:4px;overflow:hidden}.build__image img{width:100%;height:100%;object-fit:cover}.steps{display:grid;gap:10px}.step{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;border:1px solid var(--line);border-left:4px solid var(--ember);border-radius:4px;background:rgba(31,26,23,.86);padding:14px}.step b{font:900 26px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--warn)}.step span{color:#d4c3aa}
.artifact__frame{position:relative;margin:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#090706;box-shadow:0 28px 70px rgba(0,0,0,.32)}
.artifact__frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(20,16,14,.82)),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 14px);mix-blend-mode:overlay;opacity:.55}
.artifact__frame img{width:100%;aspect-ratio:1672/941;object-fit:cover}
.artifact__frame figcaption{position:absolute;left:clamp(16px,3vw,34px);right:clamp(16px,3vw,34px);bottom:clamp(16px,3vw,30px);display:flex;justify-content:space-between;gap:18px;align-items:end;color:#d5c4aa;font:13px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}
.artifact__frame figcaption b{color:var(--warn);font-size:18px}.artifact__frame figcaption span{max-width:620px;text-align:right}
.repo__panel{max-width:960px;margin:auto;padding:26px;border-left-color:var(--cyan)}pre{overflow:auto;border:1px solid #3b332d;background:#070605;padding:16px;border-radius:4px;color:var(--ok)}
.credits{padding-top:0}.credits__inner{border-top:1px solid var(--line);padding-top:clamp(34px,5vw,64px)}
.credits__inner p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:19px}
.credits__links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.credits__links a{border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:4px;background:rgba(31,26,23,.78);padding:11px 14px;font:900 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}.credits__links a:hover{border-left-color:var(--warn);color:var(--warn)}
.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px clamp(18px,4vw,56px);border-top:1px solid var(--line);color:var(--muted);font:12px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}.footer a{color:var(--warn);border-bottom:1px solid rgba(255,182,65,.5)}
@media(max-width:920px){.status-strip,.story-grid,.cockpit,.build__grid{grid-template-columns:1fr}.hero__content{padding-top:8vh}.nav{display:block}.nav__links{margin-top:12px}.gauges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){h1{font-size:44px}.section{padding-block:54px}.status-strip,.gauges{grid-template-columns:1fr}.bar{grid-template-columns:42px 1fr 56px}.image-band,.image-band img{min-height:420px}.step{grid-template-columns:52px 1fr}.artifact__frame figcaption{position:static;display:block;padding:14px;background:#090706}.artifact__frame figcaption span{display:block;max-width:none;margin-top:8px;text-align:left}}