:root { color-scheme: dark; --green:#00ff00; --green-soft:rgba(0,255,0,.14); --ink:#eef7f2; --muted:#9aaba2; --line:rgba(255,255,255,.14); background:#030705; font-family:Inter,system-ui,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 82% 9%,rgba(0,255,0,.12),transparent 25rem),#030705; }
a { color:inherit; }
.site-nav { min-height:78px; padding:14px clamp(20px,5vw,72px); display:flex; align-items:center; gap:28px; border-bottom:1px solid var(--line); background:rgba(3,7,5,.88); }
.lockup img { width:142px; display:block; }
.nav-links { display:flex; gap:22px; margin-left:auto; }
.nav-links a { color:#b8c6bf; text-decoration:none; font-size:14px; }
.nav-links a:hover,.nav-links a:focus-visible { color:var(--green); }
.not-live-badge { padding:7px 10px; border:1px solid rgba(0,255,0,.55); color:var(--green); font:700 10px/1 'Space Grotesk',sans-serif; letter-spacing:.1em; }
main { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.back-link { display:inline-block; margin:34px 0 18px; color:#b8c6bf; text-decoration:none; font-size:14px; }
.back-link:hover,.back-link:focus-visible { color:var(--green); }
.product-hero { min-height:560px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:clamp(32px,7vw,100px); padding:40px 0 76px; }
.eyebrow,.section-label { margin:0 0 16px; color:var(--green); font:700 12px/1 'Space Grotesk',sans-serif; letter-spacing:.16em; text-transform:uppercase; }
h1,h2,h3 { font-family:'Space Grotesk',sans-serif; }
h1 { margin:0; max-width:12ch; font-size:clamp(46px,7vw,92px); line-height:.95; letter-spacing:-.055em; }
.lead { max-width:42ch; margin:28px 0 0; color:#c5d1ca; font-size:clamp(18px,2vw,23px); line-height:1.55; }
.price-row { display:flex; align-items:baseline; gap:14px; margin-top:34px; }
.price-row strong { font:500 34px/1 'Space Grotesk',sans-serif; }
.price-row span { color:var(--muted); font-size:13px; }
.product-image { width:100%; aspect-ratio:1; object-fit:cover; border:1px solid rgba(0,255,0,.28); box-shadow:0 26px 90px rgba(0,0,0,.48); }
.product-details { padding:86px 0; border-top:1px solid var(--line); display:grid; grid-template-columns:.8fr 1.2fr; gap:34px 70px; }
.product-details h2,.preview-gate h2 { margin:0; font-size:clamp(30px,4vw,52px); line-height:1.04; letter-spacing:-.035em; }
.product-details>p { margin:32px 0 0; color:#c5d1ca; font-size:18px; line-height:1.7; }
.detail-list { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:24px; }
.detail-list article { min-height:0; padding:28px 0; border-top:1px solid var(--line); background:transparent; }
.detail-list span { color:var(--green); font:700 12px/1 'Space Grotesk',sans-serif; }
.detail-list h3 { margin:34px 0 12px; font-size:20px; }
.detail-list p,.preview-gate p { color:var(--muted); line-height:1.65; }
.preview-gate { margin:0 0 80px; padding:52px 0; border:1px solid rgba(0,255,0,.34); border-width:1px 0; background:transparent; display:flex; justify-content:space-between; align-items:end; gap:40px; }
.preview-gate>div { max-width:650px; }
.preview-gate a { flex:none; min-height:48px; padding:0 20px; display:inline-flex; align-items:center; border:1px solid var(--green); text-decoration:none; color:#00150a; background:var(--green); font:700 12px/1 'Space Grotesk',sans-serif; letter-spacing:.06em; text-transform:uppercase; }
@media (max-width:800px) { .site-nav { flex-wrap:wrap; gap:14px; } .nav-links { order:3; width:100%; overflow:auto; } .not-live-badge { margin-left:auto; } .product-hero { grid-template-columns:1fr; min-height:0; padding-top:20px; } .product-image { max-width:560px; } .product-details { grid-template-columns:1fr; } .detail-list { grid-template-columns:1fr; gap:0; } .preview-gate { padding:34px 0; align-items:flex-start; flex-direction:column; } }
@media (max-width:480px) { main { width:min(100% - 28px,1180px); } .site-nav { padding:12px 14px; } .lockup img { width:124px; } .not-live-badge { font-size:8px; } .product-hero { padding-bottom:54px; } h1 { font-size:44px; } .price-row { align-items:flex-start; flex-direction:column; } .product-details { padding:58px 0; } .detail-list article { min-height:0; } .preview-gate a { width:100%; justify-content:center; text-align:center; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
.product-page { background: transparent; }
.product-page .site-nav { min-height: 86px; padding: 14px 6vw; background: rgba(3,5,4,.68); }
.product-page .product-image { border-color: rgba(0,255,0,.34); box-shadow: 0 26px 90px rgba(0,0,0,.62); }
.product-page .detail-list article { background:transparent; backdrop-filter:none; }
.product-page .preview-gate { background:transparent; backdrop-filter:none; }