@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--accent:#f80000;--bg:#090a10;--panel:#151722;--ink:#f5f3ed;--muted:#a6a8b3;--line:#343642;--glow:color-mix(in srgb,var(--accent),transparent 55%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 8%,#24202a 0,transparent 34%),var(--bg);color:var(--ink);font:16px Inter,Arial,sans-serif}a{color:inherit}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px,transparent 5px)}.topbar{height:72px;padding:0 clamp(20px,5vw,84px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34333c;background:#0b0c12eF;position:sticky;top:0;z-index:4}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 19px 'Barlow Condensed',sans-serif;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:2px solid var(--accent);border-radius:10px;color:var(--accent);box-shadow:0 0 22px var(--glow)}nav{display:flex;gap:30px}nav a,.status{font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;color:#c8c8d0}.status{font:700 10px monospace;color:#8b8c97}.status i,.pixel-dot{display:inline-block;background:#64f5a4;width:8px;height:8px;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #64f5a4}.hero{min-height:520px;padding:70px clamp(24px,8vw,140px) 90px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(115deg,#11131c 0 48%,#14131a 48%)}.hero:after{content:"";position:absolute;width:520px;height:520px;right:9%;top:40px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 48px #ffffff08,0 0 0 96px #ffffff05}.hero-copy{position:relative;z-index:1;max-width:590px}.eyebrow{font:700 12px monospace;letter-spacing:.13em;color:#bec0c8}.pixel-dot{background:var(--accent);box-shadow:0 0 9px var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:.01em}h1{font-size:clamp(58px,8vw,112px);line-height:.9;margin:20px 0}h1 em,h2 em{font-style:normal;color:var(--accent);text-shadow:0 0 28px var(--glow)}.intro{color:#c3c4cb;font-size:18px;line-height:1.6;max-width:500px}.cta{display:inline-flex;gap:24px;align-items:center;text-decoration:none;font:800 13px monospace;letter-spacing:.06em;padding:16px 20px;margin-top:20px;border:1px solid var(--accent);border-radius:8px;box-shadow:0 0 24px var(--glow);background:#171821}.cta span{color:var(--accent);font-size:20px}.hero-art{height:350px;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;perspective:800px}.screen{position:absolute;width:310px;height:205px;left:7%;top:45px;border:8px solid #282a34;border-radius:13px;background:linear-gradient(130deg,#101d31,#07101e);box-shadow:0 22px 60px #000,0 0 0 1px #7f8494;transform:rotateY(-12deg) rotateZ(-3deg)}.screen:after{content:"";position:absolute;bottom:-35px;left:42%;width:50px;height:29px;background:#353743;clip-path:polygon(30% 0,70% 0,82% 100%,18% 100%)}.screen-label{position:absolute;top:12px;left:15px;color:#75f2b5;font:700 10px monospace;letter-spacing:.1em}.screen-grid{position:absolute;inset:40px 18px 18px;background:linear-gradient(90deg,transparent 49%,#ffffff12 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#ffffff12 50%,transparent 51%);background-size:28px 28px;border:1px solid #ffffff12}.screen-pixel{position:absolute;left:42%;top:40%;font-size:38px;color:var(--accent);text-shadow:0 0 20px var(--accent)}.tower{position:absolute;width:150px;height:252px;right:12%;top:57px;border:2px solid #6d707c;border-radius:13px;background:linear-gradient(100deg,#272a35,#14161d 55%,#252833);box-shadow:0 20px 60px #000,0 0 36px var(--glow);transform:rotateY(-8deg)}.tower-top{position:absolute;top:10px;left:13px;right:13px;height:14px;border:1px solid #454957;border-radius:4px}.fan{position:absolute;left:20px;width:98px;height:98px;border-radius:50%;top:42px;border:7px solid #434754;background:radial-gradient(circle,#1e2029 0 15%,var(--accent) 17% 21%,#20222b 23% 37%,#161821 39%);box-shadow:0 0 18px var(--glow)}.fan-two{top:150px;width:54px;height:54px;left:42px;border-width:4px;background:radial-gradient(circle,var(--accent),#171923 35%)}.tower-light{position:absolute;right:6px;top:45px;width:3px;height:150px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.art-caption{position:absolute;bottom:8px;left:17%;font:700 11px monospace;color:#a8a9b1}.art-caption b{color:#66f2a5;margin-left:12px}.art-floor{position:absolute;bottom:20px;left:5%;right:3%;height:1px;background:#696b75;box-shadow:0 10px 45px 4px var(--glow)}.hero-index{position:absolute;right:clamp(20px,5vw,80px);bottom:24px;font:800 13px monospace;color:#fff}.hero-index span{color:var(--accent)}.section-head{padding:70px clamp(24px,8vw,140px) 28px;display:flex;justify-content:space-between;align-items:end;gap:36px}.section-head h2,.bottom-panel h2{font-size:54px;margin:8px 0}.section-description{max-width:420px;color:var(--muted);line-height:1.65}.device-grid{padding:0 clamp(24px,8vw,140px) 35px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.device-card{position:relative;min-height:230px;border:1px solid #363844;border-radius:13px;background:linear-gradient(145deg,#1a1c27,#11121a);overflow:hidden;padding:23px;transition:transform .2s,border-color .2s}.device-card:hover{transform:translateY(-4px);border-color:var(--accent)}.device-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);box-shadow:0 0 15px var(--accent)}.device-category{font:700 10px monospace;letter-spacing:.13em;color:var(--accent);text-transform:uppercase}.device-card h3{font:800 26px 'Barlow Condensed',sans-serif;margin:16px 0 5px}.device-model{font-weight:700;color:#e0e0e5}.device-description{color:#aeb0bb;line-height:1.55;font-size:14px;min-height:44px;margin:13px 0}.device-card img{width:100%;height:115px;object-fit:contain;margin:-4px 0 12px;border-radius:7px}.device-link{font:700 11px monospace;color:#fff;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:4px}.empty-state{margin:8px clamp(24px,8vw,140px) 70px;padding:35px;text-align:center;border:1px dashed #41434e;border-radius:12px;background:#11121a;color:var(--muted)}.empty-state[hidden]{display:none}.empty-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 17px;border:1px solid var(--accent);border-radius:50%;font-size:25px;color:var(--accent)}.empty-state h3{color:#eee;font:800 23px 'Barlow Condensed',sans-serif}.bottom-panel{margin:0 clamp(24px,8vw,140px) 70px;padding:35px;display:flex;align-items:center;gap:40px;border:1px solid #383a45;border-radius:12px;background:linear-gradient(110deg,#191b26,#101117)}.bottom-panel>div{min-width:42%}.bottom-panel h2{font-size:38px}.bottom-panel>p{color:#b7b8c1;line-height:1.65;margin:0}.social-link{color:#fff;background:var(--accent);padding:14px 18px;border-radius:6px;font:700 11px monospace;text-decoration:none;white-space:nowrap}.social-link[hidden]{display:none}footer{padding:24px clamp(24px,5vw,84px);display:flex;justify-content:space-between;border-top:1px solid #343642;color:#9698a2;font:700 10px monospace;letter-spacing:.08em}.load-error{position:fixed;bottom:18px;right:18px;background:#650f16;padding:12px 18px;border-radius:6px;color:#fff}.load-error[hidden]{display:none}
@media(max-width:850px){.topbar{padding:0 18px}.topbar nav{display:none}.hero{grid-template-columns:1fr;min-height:780px;padding:70px 28px}.hero-art{margin-top:25px}.hero-index{right:25px}.section-head{padding:48px 25px 20px;display:block}.section-description{margin-top:15px}.device-grid{padding:0 25px 28px;grid-template-columns:repeat(2,minmax(0,1fr))}.empty-state{margin:10px 25px 45px}.bottom-panel{margin:0 25px 45px;display:block}.bottom-panel>p{margin:12px 0}.social-link{display:inline-block}footer{gap:15px;flex-wrap:wrap}}
@media(max-width:540px){.hero{min-height:700px}.hero-art{transform:scale(.78);transform-origin:top center;margin:50px -40px -20px}.device-grid{grid-template-columns:1fr}.section-head h2{font-size:45px}.bottom-panel h2{font-size:32px}footer{font-size:9px}}
.builds-section{padding-bottom:45px}.builds-section[hidden]{display:none}.builds-heading{padding-top:52px}.build-grid{padding:0 clamp(24px,8vw,140px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.build-card{--build-tone:#f80000;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--build-tone),#565966 42%);border-radius:15px;background:linear-gradient(145deg,#1a1c27,#101118);box-shadow:0 12px 35px #0007;transition:transform .2s,border-color .2s,box-shadow .2s}.build-card:hover{transform:translateY(-5px);border-color:var(--build-tone);box-shadow:0 14px 38px color-mix(in srgb,var(--build-tone),transparent 80%)}.theme-pulse{--build-tone:#3b86ff}.theme-boss{--build-tone:#ff5360}.build-art{height:178px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,color-mix(in srgb,var(--build-tone),transparent 70%),transparent 65%),#12141d}.build-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#11131be8)}.build-art img{width:100%;height:100%;object-fit:cover;display:block}.build-badge{position:absolute;z-index:1;top:13px;left:14px;padding:6px 9px;border:1px solid var(--build-tone);border-radius:4px;background:#0b0c12df;color:#fff;font:700 9px monospace;letter-spacing:.1em}.build-body{padding:17px 19px 19px}.build-body h3{font:800 27px/1.05 'Barlow Condensed',sans-serif;margin:0 0 8px}.build-description{min-height:42px;margin:0 0 14px;color:#b6b8c2;font-size:13px;line-height:1.55}.build-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9295a1;font:700 10px monospace;margin-bottom:13px}.build-meta strong{color:#fff;font:800 16px 'Barlow Condensed',sans-serif}.build-button{width:100%;min-height:43px;border:1px solid var(--build-tone);border-radius:6px;background:linear-gradient(100deg,color-mix(in srgb,var(--build-tone),#161821 18%),#191b25);color:#fff;font:800 11px monospace;letter-spacing:.06em;cursor:pointer;box-shadow:inset 0 1px #ffffff24,0 0 18px color-mix(in srgb,var(--build-tone),transparent 84%);transition:filter .15s,transform .15s}.build-button:hover{filter:brightness(1.2);transform:translateY(-1px)}.build-parts{margin-top:14px;border-top:1px solid #363844;padding-top:7px}.build-parts[hidden]{display:none}.build-part{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #ffffff0d;font-size:11px}.build-part span{color:#a8aab5}.build-part b,.build-part a{color:#f2f1ed;text-align:right;text-decoration:none}.build-part a:hover{color:var(--build-tone)}
@media(max-width:850px){.build-grid{padding:0 25px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.build-grid{grid-template-columns:1fr}.build-art{height:160px}}