:root{--bg:#0b0d0f;--panel:#111417;--ink:#f1efe9;--muted:#999a98;--red:#c51618;--line:#2a2d30;--soft:#181b1e;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.01em}a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.scan{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.045;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px)}
header{position:sticky;top:0;z-index:10;background:rgba(11,13,15,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:.04em}.brand b,.red{color:var(--red)}.navlinks{display:flex;gap:24px;color:#c8c8c4;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.navlinks a:hover,.navlinks a.active{color:#fff}
.hero{min-height:calc(100svh - 76px);display:grid;align-items:center;padding:56px 0 70px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -10% 7% 45%;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);transform:rotate(-8deg);opacity:.7}
.eyebrow{font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#aaa;text-transform:uppercase}.eyebrow i{display:inline-block;width:34px;height:2px;background:var(--red);vertical-align:middle;margin:0 10px}
.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:64px;align-items:center}.hero h1,.pagehero h1{font-size:clamp(56px,8vw,118px);line-height:.82;margin:20px 0 28px;text-transform:uppercase;letter-spacing:-.055em}.hero h1 span,.pagehero h1 span{display:block;color:transparent;-webkit-text-stroke:1px #777}
.tag{font-size:clamp(22px,3vw,42px);font-weight:800;line-height:1.05;max-width:650px}.tag em{color:var(--red);font-style:normal}.sub{max-width:660px;color:#b6b6b2;font-size:17px;line-height:1.65;margin-top:22px}
.cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{padding:13px 17px;border:1px solid #3a3d40;text-transform:uppercase;font:800 12px ui-monospace,monospace;letter-spacing:.12em}.btn.primary{background:var(--red);border-color:var(--red)}.btn:hover{border-color:#777}
.hero-card{position:relative;border:1px solid #282b2e;background:#050607;box-shadow:0 30px 80px rgba(0,0,0,.45);width:min(100%,460px);justify-self:end;overflow:hidden}.hero-card img{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%)}.hero-card:after,.hero-card:before{content:"";position:absolute;width:42px;height:42px;border-color:var(--red);z-index:3}.hero-card:before{left:-1px;top:-1px;border-left:2px solid var(--red);border-top:2px solid var(--red)}.hero-card:after{right:-1px;bottom:10px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);opacity:.7}.hero-id{position:absolute;left:18px;top:16px;z-index:4;padding:7px 9px;background:rgba(5,6,7,.78);border-left:2px solid var(--red);font:800 10px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#d6d6d2}.hero-id span{color:#777;margin-left:8px}
.statusbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1012}.status{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:700 11px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#8f908e}.live{color:#ddd}.dot{width:8px;height:8px;background:var(--red);border-radius:50%;display:inline-block;margin-right:9px;box-shadow:0 0 14px var(--red)}
section{padding:100px 0}.pagehero{padding:86px 0 58px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0d1012,#0b0d0f)}.pagehero h1{font-size:clamp(52px,8vw,100px);margin-bottom:22px}.pagehero .sub{margin-top:0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2{font-size:clamp(42px,6vw,76px);margin:0;text-transform:uppercase;letter-spacing:-.045em;line-height:.9}.section-head p{max-width:480px;color:#a5a6a3;line-height:1.6;margin:0}
.nodes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.node{min-height:270px;padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,#121518,#0d0f11);position:relative;overflow:hidden;transition:.2s transform,.2s border-color}.node:hover{transform:translateY(-3px);border-color:#555}.node:before{content:attr(data-id);position:absolute;right:22px;top:18px;font:700 11px ui-monospace,monospace;color:#5e6061;letter-spacing:.12em}.node .icon{font-size:31px}.node h3{font-size:30px;text-transform:uppercase;margin:58px 0 8px;letter-spacing:-.03em}.node p{color:#9fa09e;line-height:1.55;max-width:500px}.node .go{position:absolute;right:24px;bottom:20px;color:var(--red);font-size:24px}
.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1012}.quote{font-size:clamp(34px,6vw,78px);line-height:1.03;font-weight:850;letter-spacing:-.045em;max-width:1000px;margin:0}.small{margin-top:28px;color:#8e8f8d;font:700 11px ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}
.log{display:grid;grid-template-columns:220px 1fr;gap:42px}.log aside{font:700 11px ui-monospace,monospace;color:#777;letter-spacing:.12em;text-transform:uppercase}.entries{border-left:1px solid var(--line)}.entry{padding:0 0 38px 28px;position:relative}.entry:before{content:"";width:9px;height:9px;background:var(--bg);border:2px solid var(--red);border-radius:50%;position:absolute;left:-6px;top:5px}.entry time{font:700 11px ui-monospace,monospace;color:#777;letter-spacing:.12em}.entry h4{font-size:23px;margin:6px 0}.entry p{color:#a5a6a3;line-height:1.6;margin:0;max-width:760px}
.panelgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.panel{border:1px solid var(--line);background:#0e1012;padding:26px;min-height:210px}.panel .code{font:700 10px ui-monospace,monospace;color:#666;letter-spacing:.12em}.panel h3{font-size:25px;margin:34px 0 10px;text-transform:uppercase}.panel p{color:#a5a6a3;line-height:1.6}
.terminal{border:1px solid var(--line);background:#070809;padding:22px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:#b7b8b5;min-height:280px}.prompt{color:var(--red)}.cursor{display:inline-block;width:8px;height:15px;background:#aaa;vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.quickcmds{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.quickcmd{border:1px solid #34383b;background:#111417;color:#d7d7d3;font:800 11px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;padding:11px 13px;cursor:pointer}.quickcmd:hover{border-color:var(--red)}
footer{padding:38px 0 50px;color:#737472;border-top:1px solid var(--line);font:700 11px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.paw{color:var(--red)}
@media(max-width:850px){.navlinks{gap:12px;font-size:11px}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-card{order:-1;width:min(82vw,390px);justify-self:center}.nodes,.panelgrid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:18px}.log{grid-template-columns:1fr;gap:20px}.log aside{display:none}.status{align-items:flex-start;flex-direction:column;padding:14px 0;gap:6px}}
@media(max-width:620px){.navlinks{display:none}.hero{min-height:auto;padding-top:42px}.hero h1{font-size:clamp(55px,18vw,84px)}section{padding:72px 0}.pagehero{padding:60px 0 44px}.wrap{width:min(var(--max),calc(100% - 28px))}}