:root{
  --bg:#0b0c10;
  --bg2:#0f1117;
  --txt:#e6eef7;
  --muted:#9fb1c6;
  --orange:#de4c2f;
  --orange2:#ff7a59;
  --green:#49d17d;
  --card:rgba(255,255,255,.04);
  --line:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;scroll-behavior:smooth}
.pixel{font-family:'Press Start 2P', monospace}
.accent{color:var(--orange)}
a{color:var(--orange2);text-decoration:none}
.container{width:min(1120px,92%);margin:0 auto}
.w100{width:100%}
#noise,#spark{position:fixed;inset:0;z-index:-1}
#noise{mix-blend-mode:soft-light;opacity:.25}
#spark{pointer-events:none}
.site-header{position:sticky;top:0;z-index:40;background:rgba(15,17,23,.7);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;color:var(--txt);font-weight:800}
.brand-logo{width:28px;height:28px}
.nav a{margin:0 10px;color:var(--muted)}
.nav a:hover{color:var(--txt)}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt);font-weight:700;letter-spacing:.2px;transition:.15s;box-shadow:0 8px 30px rgba(0,0,0,.25)}
.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.06)}
.btn-primary{background:linear-gradient(180deg,#ff7a59,#de4c2f);border-color:#c93f23}
.btn-accent{background:linear-gradient(180deg,#6fb0ff,#2f6fde);border-color:#2055bb}
.btn-ghost{background:transparent;border-color:var(--line)}
.hero{min-height:88vh;display:flex;align-items:center;padding:90px 0 40px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{font-size:48px;line-height:1.05;margin:0 0 12px}
.lead{font-size:18px;color:var(--muted);margin:0 0 18px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.status{display:flex;align-items:center;gap:8px;color:var(--muted)}
.led{display:inline-block;width:10px;height:10px;background:var(--green);filter:drop-shadow(0 0 6px var(--green));animation:blink .9s steps(2,end) infinite}
@keyframes blink{50%{opacity:.35}}
.hero-scene{position:relative;height:420px}
.parallax{position:absolute;inset:0;transform-style:preserve-3d;perspective:800px}
.layer{position:absolute;inset:auto;will-change:transform}
.l1{left:0;bottom:0;width:100%;opacity:.7;transform:translateZ(-90px)}
.l2{left:10%;bottom:10%;width:42%;opacity:.9;transform:translateZ(-30px)}
.l3{right:6%;top:6%;width:16%;animation:heli 4.2s ease-in-out infinite}
.l4{left:50%;top:20%;width:14%;opacity:.8;animation:sizzle 1.1s linear infinite}
@keyframes heli{50%{transform:translate3d(-12px,6px,0) rotate(-2deg)}}
@keyframes sizzle{50%{transform:translate3d(0,-6px,0) scale(1.1)}}
.shake{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:14px}
.crate,.barrel{width:88px;filter:drop-shadow(0 16px 26px rgba(0,0,0,.35));animation:shake 2.6s cubic-bezier(.36,.07,.19,.97) infinite both}
.barrel{animation-delay:.2s}
@keyframes shake{10%,90%{transform:translate(-1px,0)} 20%,80%{transform:translate(2px,0)} 30%,50%,70%{transform:translate(-4px,0)} 40%,60%{transform:translate(4px,0)}}
.scroll-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);opacity:.55;font-size:12px}
section{padding:80px 0;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(255,255,255,.03) 60%,transparent)}
h2{font-size:32px;margin:0 0 18px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;transition:.2s}
.card:hover{transform:translateY(-6px)}
.card.pop{outline:1px solid rgba(222,76,47,.45)}
.join-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}
.steps{line-height:1.7}
.ip-chip{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);padding:10px 12px;border-radius:12px;margin-top:8px}
.chip-btn{padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--txt);cursor:pointer}
.term{background:#0e1015;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.3)}
.term-bar{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--line)}
.term-bar .dot{width:10px;height:10px;border-radius:50%;background:#444}
#term{padding:16px 18px 22px;margin:0;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;white-space:pre-wrap}
.dim{opacity:.6}
.info .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kv{display:grid;grid-template-columns:160px 1fr;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}
.price-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:16px;padding:20px;position:relative}
.price-card .tag{position:absolute;top:10px;left:-6px;background:#2f6fde;color:#fff;padding:6px 12px;border-radius:10px;transform:skewX(-10deg)}
.price-card .tag.orange{background:#de4c2f}
.price-card.pop{outline:2px solid rgba(255,122,89,.35)}
.hint{opacity:.75;margin-top:10px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:700}
.site-footer{padding:28px 0 12px;border-top:1px solid var(--line);background:rgba(12,14,18,.85)}
.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.foot-logo{width:20px}
.foot-links a{margin:0 10px;color:var(--muted)}
.copyright{text-align:center;opacity:.6;font-size:12px;margin:10px 0 0}
@media (max-width:980px){
  .hero-grid,.join-grid{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr)}
  .pricing-grid,.info .grid{grid-template-columns:1fr}
  .nav{display:none}
}