/* Green Kit visual system: night-vision glass, chart signal, mint phosphor. */
:root{--bg:#050d0a;--panel:#0b1912;--green:#c4ff46;--hot:#28f08a;--text:#f2ffe9;--muted:#a5bdae;--line:#3d5946;--mint:#b6ffe0;--amber:#ffc66d}
body{background:radial-gradient(ellipse 65% 35% at 80% 5%,#16492a 0%,transparent 70%),radial-gradient(ellipse 48% 25% at 0 45%,#113825 0%,transparent 70%),var(--bg)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:29;background:repeating-linear-gradient(0deg,transparent 0 4px,#b9ffd006 5px 6px);mix-blend-mode:screen}
.topbar{border-color:#496951;background:linear-gradient(90deg,#071a11aa,#0d291933)}
.brand-mark{background:linear-gradient(135deg,#d6ff6b 8%,#75ed8e 90%);box-shadow:0 0 18px #a8ff4877}
.hero{position:relative}
.hero::before{content:"";position:absolute;width:min(65vw,750px);height:min(65vw,750px);right:-12%;top:0;border:1px solid #a6ff5422;border-radius:50%;box-shadow:0 0 0 100px #a6ff5405,0 0 0 200px #a6ff5404;pointer-events:none}
.eyebrow{color:var(--mint)}
.eyebrow::after{content:"SIGNAL 01";color:var(--amber);border:1px solid #ffc66d80;padding:5px 7px;margin-left:4px;letter-spacing:.06em}
h1 em{color:var(--green);text-shadow:0 0 45px #a3ff4350}
h1 .asterisk{color:var(--amber);text-shadow:0 0 22px #ffc66dbb}
.hero-lede{color:#dceee1}
.hero-small{max-width:520px;margin-top:23px;padding:11px 0 11px 15px;border-left:3px solid var(--amber);color:#d9f4d8;font-size:13px;line-height:1.5;letter-spacing:.035em;text-transform:uppercase}
.button-primary{background:linear-gradient(110deg,#d1ff62,#acff63);box-shadow:5px 5px 0 #277c4b,0 0 28px #b2ff4440}
.button-primary:hover{box-shadow:8px 8px 0 #277c4b,0 0 42px #b2ff4470}
.button-outline{border-color:#80d69b;background:#0e231880}
.button-outline:hover{background:#1a4930}
.ca-button{background:linear-gradient(100deg,#142d1e,#0d1b13);border-color:#78b789}
.ca-button:hover{box-shadow:0 0 22px #a6ff4930}
.ca-label,.copy-hint{color:#a9ccb3}
.hero-art{--mx:50%;--my:50%}
.art-halo{background:radial-gradient(circle at 50% 50%,#83ff7145 0%,#38cb8d1b 38%,transparent 72%)}
.art-frame{isolation:isolate;border-color:#9aff82;box-shadow:0 0 0 12px #163c28,0 0 85px #3bff7980}
.art-frame::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle 120px at var(--mx) var(--my),#d6ffe010,transparent 90%),linear-gradient(180deg,transparent 73%,#031008ad);mix-blend-mode:screen}
.art-frame::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#03100842 6px 7px);opacity:.7}
.night-scan{position:absolute;z-index:4;left:0;right:0;top:-15%;height:18%;background:linear-gradient(180deg,transparent,#c6ffd912 55%,#c6ffd95c 97%,transparent);filter:blur(1px);animation:scan 7s ease-in-out infinite;pointer-events:none}
.sight{position:absolute;z-index:5;width:25px;height:25px;border-color:#d1ffc4;opacity:.85;pointer-events:none}.sight-tl{left:20px;top:20px;border-left:2px solid;border-top:2px solid}.sight-tr{right:20px;top:20px;border-right:2px solid;border-top:2px solid}.sight-bl{left:20px;bottom:20px;border-left:2px solid;border-bottom:2px solid}.sight-br{right:20px;bottom:20px;border-right:2px solid;border-bottom:2px solid}
.image-readout{position:absolute;bottom:22px;left:55px;right:55px;z-index:5;display:flex;justify-content:space-between;gap:8px;color:#d9ffe2;font:500 10px 'DM Mono',monospace;letter-spacing:.08em;text-shadow:0 1px 5px #031008}
.sticker-top{background:var(--amber);box-shadow:5px 6px 0 #a37322,0 0 24px #ffc66d55}
.sticker-bottom{background:var(--mint);box-shadow:5px 6px 0 #309368}
.ticker{background:linear-gradient(90deg,#b4ff50,#8df2a5 52%,#b4ff50)}
.lore{position:relative}.lore::after{content:"◉";position:absolute;right:0;bottom:20px;color:#8df2a515;font-size:290px;line-height:1;pointer-events:none}
.lore h2 span,.section-head h2 span,.community h2 span{color:var(--green)}
.lore-stamp{border-color:var(--mint);color:var(--mint);box-shadow:0 0 25px #8bf5b139}
.chart-section{background:linear-gradient(135deg,#0c1d15,#102a1b 53%,#091b14);border-color:#4a7255}
.chart-shell{border-color:#7aa680;box-shadow:12px 12px 0 #235338,0 0 60px #42fb8430}
.chart-await{background:radial-gradient(circle at 50% 48%,#2c684632,transparent 49%),repeating-linear-gradient(0deg,transparent,transparent 47px,#1b3824 48px),repeating-linear-gradient(90deg,transparent,transparent 79px,#1b3824 80px)}
.chart-cat{color:var(--mint);text-shadow:0 0 20px #89f4bc}
.road-card{background:linear-gradient(145deg,#10271a,#0a1b12);border-color:#456f4d;position:relative;overflow:hidden}
.road-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--mint),transparent);transform:translateX(-105%);transition:transform .5s}
.road-card:hover::before{transform:translateX(105%)}
.road-card:hover{background:#1b3b27;border-color:var(--mint);box-shadow:0 13px 30px #59f77d1d}
.road-icon{color:var(--mint)}
.community{background:linear-gradient(115deg,#c7ff65 0%,#a3f4a0 58%,#7deab3 100%)}
.community h2 span{color:#1a8654}
.community-links a:hover{background:#d2ff77a0}
.toast{background:var(--mint);box-shadow:5px 5px 0 #3d9e67}
.spark{font-family:'DM Mono';font-size:14px;font-weight:700;color:var(--mint);text-shadow:0 0 12px #bbffe0}
.spark.wick{width:5px;height:18px;background:var(--hot);border:1px solid #d5ffcf;box-shadow:0 -7px 0 -2px var(--hot),0 7px 0 -2px var(--hot),0 0 12px var(--hot);border-radius:1px}
@keyframes scan{0%{top:-20%;opacity:0}10%{opacity:.8}85%{opacity:.8}100%{top:105%;opacity:0}}
@media(max-width:760px){.hero::before{width:480px;height:480px;right:-210px;top:20px}.eyebrow::after{font-size:9px}.image-readout{font-size:8px;left:35px;right:35px}.sight{width:18px;height:18px}.sight-tl,.sight-bl{left:14px}.sight-tr,.sight-br{right:14px}.sight-tl,.sight-tr{top:14px}.sight-bl,.sight-br{bottom:14px}}
@media(prefers-reduced-motion:reduce){.night-scan{animation:none;top:48%;opacity:.3}}