:root{
  --bg:#0b0b0c;--fg:#ffffff;--muted:#b7b9c0;--accent:#e0ff72;--card:#121214;--stroke:#1b1c20
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font-family:'Inter',system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:var(--fg);text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:rgba(11,11,12,.7);backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--stroke);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.2px}
.logo img{filter:drop-shadow(0 2px 12px rgba(224,255,114,.25))}
nav a{margin-left:18px;color:var(--muted)}nav a:hover{color:var(--fg)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 16px;border:1px solid var(--stroke);transition:.2s ease}
.btn-primary{background:var(--fg);color:#0b0b0c;border-color:transparent;font-weight:700}
.btn-outline{border-color:var(--fg);color:var(--fg)}
.btn-ghost{background:transparent}
.btn-small{padding:8px 12px;border-radius:10px}
.accent{color:var(--accent)}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;min-height:72vh;padding-top:40px}
.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.05;margin:0 0 14px}
.hero p{color:var(--muted);max-width:56ch;margin:0 0 20px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-art{display:flex;align-items:center;justify-content:center}
.chest{position:relative;width:min(360px,90%);height:220px;background:linear-gradient(180deg,#1a1b1e,#0e0f12);border:1px solid var(--stroke);border-radius:18px;box-shadow:inset 0 2px 12px rgba(255,255,255,.04),0 20px 80px rgba(0,0,0,.45)}
.chest .lid{position:absolute;top:-36px;left:4%;width:92%;height:48px;background:linear-gradient(180deg,#eaeaea,#cfcfcf);border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.chest .box{position:absolute;inset:10px;border-radius:12px;background:radial-gradient(120% 80% at 50% -20%, rgba(224,255,114,.35), transparent 45%),linear-gradient(180deg,#15161a,#0e0f12)}
.chest .shine{position:absolute;inset:auto 10% 10% 10%;height:3px;background:linear-gradient(90deg,transparent,rgba(224,255,114,.6),transparent);filter:blur(1px)}
.section{padding:72px 0;border-top:1px solid var(--stroke)}
.section h2{font-size:clamp(26px,3.6vw,38px);margin:0 0 8px}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:start}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:20px}
.bullets{margin:14px 0 0 0;padding:0 0 0 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:10px}
.product{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:18px}
.product.soon{opacity:.85}
.links{display:flex;gap:10px;margin-top:10px}
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.pillar{background:var(--card);border:1px solid var(--stroke);border-radius:14px;padding:16px}
.contact-cards{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.card.link{padding:14px 16px}
.micro{color:var(--muted);font-size:.9rem}
.site-footer{border-top:1px solid var(--stroke);padding:22px 0;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.brand{display:flex;gap:10px;align-items:center;font-weight:700}
.foot-nav a{margin:0 10px;color:var(--muted)}
.copy{text-align:right}
@media (max-width:920px){
  .hero{grid-template-columns:1fr;gap:24px}
  .split{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:6px}
  .copy{text-align:left}
}