:root{--bg:#07090c;--panel:rgba(18,24,30,.7);--cyan:#3de6d0;--red:#ff3b47;--text:#d7e2e8;--mute:#7d8c96}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;line-height:1.6;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);z-index:50}
h1,h2,h3,.mono{font-family:'Share Tech Mono',monospace;letter-spacing:.04em}
a{color:inherit;text-decoration:none}
nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;z-index:20;background:linear-gradient(#07090cee,transparent);gap:12px}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:4px}
.hamburger span{display:block;width:24px;height:2px;background:var(--cyan);transition:.3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-menu{display:flex;align-items:center;gap:28px;list-style:none;font-size:.9rem;color:var(--mute)}
nav .logo{color:var(--cyan);font-family:'Share Tech Mono';font-size:1.1rem}
nav ul{display:flex;gap:28px;list-style:none;font-size:.9rem;color:var(--mute);align-items:center}
nav ul a:hover{color:var(--cyan)}
.lang{display:flex;border:1px solid #2a3a44}
.lang button{background:none;border:0;color:var(--mute);font-family:'Share Tech Mono';padding:6px 12px;cursor:pointer;transition:.25s}
.lang button:hover{color:var(--cyan)}
.lang button.on{background:var(--cyan);color:#000}
.hero{min-height:100vh;display:flex;align-items:center;padding:0 6vw;position:relative;background:linear-gradient(90deg,var(--bg) 15%,#07090c55 70%,var(--bg)),url(hero.jpg) center/cover}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:30vh;background:linear-gradient(transparent,var(--bg))}
.hero-inner{position:relative;z-index:2;max-width:640px;animation:rise 1.2s ease both}
.tag{color:var(--red);font-size:.85rem;animation:blink 2.4s infinite}
h1{font-size:clamp(2.6rem,7vw,5.5rem);line-height:1;margin:14px 0;color:#fff;text-shadow:0 0 30px rgba(61,230,208,.45)}
h1 span{color:var(--cyan)}
.hero p{font-size:1.15rem;color:var(--text);margin-bottom:32px}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-block;padding:14px 30px;border:1px solid var(--cyan);color:var(--cyan);font-family:'Share Tech Mono';transition:.3s;margin-right:0;background:rgba(61,230,208,.06)}
.btn:hover{background:var(--cyan);color:#000;box-shadow:0 0 30px var(--cyan)}
.btn.alt{border-color:var(--red);color:var(--red);background:rgba(255,59,71,.06)}
.btn.alt:hover{background:var(--red);color:#000;box-shadow:0 0 30px var(--red)}
section{padding:110px 6vw;max-width:1250px;margin:auto}
h2{font-size:clamp(1.8rem,4vw,2.8rem);color:#fff;margin-bottom:12px}
h2::before{content:"// ";color:var(--cyan)}
.lead{color:var(--mute);max-width:720px;margin-bottom:48px}
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:var(--panel);border:1px solid #1f2b33;padding:28px;backdrop-filter:blur(8px);transition:.35s;position:relative}
.card:hover{transform:translateY(-6px);border-color:var(--cyan);box-shadow:0 10px 40px rgba(61,230,208,.12)}
.card h3{color:var(--cyan);margin-bottom:10px;font-size:1.25rem}
.card.red:hover{border-color:var(--red);box-shadow:0 10px 40px rgba(255,59,71,.15)}
.card.red h3{color:var(--red)}
.card p,.card li{color:var(--mute);font-size:.95rem}
.card ul{padding-left:18px}
.num{font-family:'Share Tech Mono';font-size:2.4rem;color:#1d2a31;position:absolute;top:14px;right:20px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chips span{font-family:'Share Tech Mono';font-size:.78rem;padding:4px 10px;border:1px solid #2a3a44;color:var(--text)}
.chips .s{border-color:var(--red);color:var(--red)}
.terminal{background:#05080a;border:1px solid var(--cyan);padding:28px;font-family:'Share Tech Mono';font-size:.9rem;color:var(--cyan);box-shadow:0 0 50px rgba(61,230,208,.12);overflow-x:auto;white-space:pre}
.terminal .ok{color:#7dff9a}.terminal .no{color:var(--red)}
.stats{display:flex;gap:50px;flex-wrap:wrap;margin-top:40px}
.stats div b{display:block;font-family:'Share Tech Mono';font-size:2.4rem;color:var(--cyan)}
.stats div{color:var(--mute);font-size:.9rem}
.roadmap li{margin:8px 0;list-style:none;font-family:'Share Tech Mono'}
.cta{text-align:center;padding:140px 6vw;background:radial-gradient(circle at center,rgba(255,59,71,.12),transparent 60%)}
footer{text-align:center;padding:30px;color:var(--mute);font-size:.8rem;border-top:1px solid #151d23}
.reveal{opacity:0;transform:translateY(30px);transition:1s}
.reveal.in{opacity:1;transform:none}
@keyframes rise{from{opacity:0;transform:translateY(40px)}}
@keyframes blink{0%,92%,100%{opacity:1}94%{opacity:.2}97%{opacity:.8}}
/* ── Mobile ── */
@media(max-width:720px){
  .hamburger{display:flex}
  nav ul{
    display:none;position:fixed;top:0;left:0;right:0;bottom:0;
    flex-direction:column;justify-content:center;align-items:center;
    background:#07090cf5;gap:32px;font-size:1.2rem;z-index:19
  }
  nav ul.open{display:flex}
  .lang{margin-left:auto}
  section{padding:80px 5vw}
  .cta{padding:90px 5vw}
  .hero{padding:0 5vw;align-items:flex-end;padding-bottom:15vh}
  .hero p{font-size:1rem}
  .hero-btns{flex-direction:column;align-items:flex-start}
  .btn{width:100%;text-align:center;padding:14px 20px}
  .g4{grid-template-columns:1fr}
  .g2{grid-template-columns:1fr}
  .stats{gap:28px}
  .stats div b{font-size:1.8rem}
  .terminal{font-size:.75rem;padding:16px}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-item img{height:200px}
  .gallery-item figcaption{opacity:1;transform:none}
  .signup{max-width:100%}
}
.signup{max-width:520px;margin:50px auto 0}
.signup>p{color:var(--cyan);margin-bottom:12px;font-size:.85rem}
.signup-row{display:flex;gap:10px}
.signup input[type=email]{flex:1;min-width:0;background:#05080a;border:1px solid #2a3a44;color:var(--text);padding:14px 16px;font-family:'Share Tech Mono';font-size:.95rem;outline:0;transition:.25s}
.signup input[type=email]:focus{border-color:var(--cyan);box-shadow:0 0 20px rgba(61,230,208,.2)}
.signup .btn{margin:0;cursor:pointer}
.signup-msg{min-height:1.6em;margin-top:12px;font-size:.9rem;color:var(--mute)}
.signup-msg.ok{color:#7dff9a}.signup-msg.err{color:var(--red)}
@media(max-width:600px){.signup-row{flex-direction:column;}.signup input[type=email]{font-size:.85rem}}
.roadmap .rm-h{color:var(--cyan);font-size:.8rem;margin-top:18px;opacity:.8}
.roadmap .rm-h:first-child{margin-top:0}
.progress-wrap{margin-bottom:26px}
.progress-head{display:flex;justify-content:space-between;color:var(--mute);font-size:.85rem;margin-bottom:8px}
.progress-head b{color:var(--cyan);font-size:1.1rem}
.progress{height:10px;background:#0d1418;border:1px solid #1f2b33;overflow:hidden}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),#7dffe9);box-shadow:0 0 18px var(--cyan);transition:width 1.6s ease .3s}
.reveal.in .progress-fill{width:var(--p)}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.gallery-item{position:relative;overflow:hidden;border:1px solid #1f2b33;background:#0a0f14;cursor:pointer}
.gallery-item img{display:block;width:100%;height:220px;object-fit:cover;transition:transform .5s ease,filter .5s ease;filter:brightness(.75) saturate(.8)}
.gallery-item:hover img{transform:scale(1.07);filter:brightness(1) saturate(1)}
.gallery-item figcaption{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(transparent,rgba(7,9,12,.92));font-family:'Share Tech Mono',monospace;font-size:.8rem;color:var(--cyan);transform:translateY(4px);opacity:0;transition:.35s}
.gallery-item:hover figcaption{opacity:1;transform:none}