:root{
  --bg:#04060a;
  --panel:rgba(8,11,18,.68);
  --panel-2:rgba(7,10,16,.88);
  --line:rgba(120,224,255,.18);
  --line-strong:rgba(120,224,255,.32);
  --red-line:rgba(255,31,70,.18);
  --text:#eef8ff;
  --muted:#a8b7c5;
  --blue:#18d8ff;
  --blue-2:#2464ff;
  --red:#ff1f46;
  --gold:#dbb163;
  --shadow:0 28px 90px rgba(0,0,0,.45);
  --radius:26px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block} button,input{font:inherit}
.wrapper{width:min(var(--max), calc(100% - 32px)); margin-inline:auto}

body::before{content:"";position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 50% 15%, rgba(22,33,54,.65), transparent 30%), linear-gradient(180deg, #08101b 0%, #030407 46%, #040507 100%)}
.page-noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.05;background:repeating-linear-gradient(0deg, rgba(255,255,255,.55) 0 1px, transparent 1px 4px);mix-blend-mode:overlay}
.page-vignette{position:fixed;inset:0;pointer-events:none;z-index:9;background:radial-gradient(circle at 0 100%, rgba(255,0,51,.12), transparent 24%),radial-gradient(circle at 100% 100%, rgba(255,0,51,.10), transparent 26%),radial-gradient(circle at 50% 50%, transparent 42%, rgba(0,0,0,.62) 100%)}

.site-header{position:fixed;top:18px;left:0;right:0;z-index:20}
.nav-shell{width:min(var(--max), calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(6,9,14,.72);backdrop-filter:blur(16px);box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.06)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.brand-mark{width:38px;height:38px;object-fit:contain}
.main-nav{display:flex;gap:6px;align-items:center}.main-nav a{padding:10px 14px;border-radius:999px;color:#d2e7f2;font-size:14px;transition:.24s}.main-nav a:hover{background:rgba(24,216,255,.1);color:#fff}.nav-cta{background:linear-gradient(90deg, rgba(24,216,255,.18), rgba(255,31,70,.18));border:1px solid var(--line)}
.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0}.menu-toggle span{display:block;width:25px;height:2px;background:#dff7ff;border-radius:2px}

.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:140px 0 80px}
.hero-media,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media img{object-position:center center;filter:saturate(1.05) contrast(1.02)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(3,4,7,.25) 0%, rgba(3,4,7,.45) 28%, rgba(3,4,7,.82) 100%), radial-gradient(circle at center, rgba(0,0,0,.12), rgba(0,0,0,.4) 70%), linear-gradient(90deg, rgba(70,0,10,.2), rgba(5,10,30,.2))}
.hero-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(64,197,255,.25) 1px, transparent 1px),linear-gradient(90deg, rgba(64,197,255,.25) 1px, transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center, black, transparent 70%)}
.hero-content{position:relative;z-index:2;text-align:center;padding-top:20px}
.hero-badge-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(6,12,20,.55);border:1px solid var(--line);color:#d9f6ff;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900;box-shadow:0 0 24px rgba(24,216,255,.12)}
.eyebrow.alt{border-color:var(--red-line)}
.hero-logo{width:min(560px, 88vw);margin:10px auto -18px;filter:drop-shadow(0 0 30px rgba(24,216,255,.25)) drop-shadow(0 0 34px rgba(255,31,70,.18));animation:floaty 6s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
h1,h2,h3{margin:0;line-height:1.04} h1{font-size:clamp(42px,6.3vw,92px);letter-spacing:-.06em;text-wrap:balance;text-shadow:0 0 25px rgba(0,0,0,.35)} h2{font-size:clamp(32px,4.3vw,60px);letter-spacing:-.05em;text-wrap:balance} h3{font-size:24px}
.lead,.section-heading p,.split-copy p,.economy-copy p,.timeline-step p,.gallery-copy p,.beta-banner p{color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.75}
.lead{max-width:860px;margin:22px auto 0}
.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:32px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid var(--line);font-weight:900;letter-spacing:.02em;transition:.22s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-primary{background:linear-gradient(90deg, var(--blue-2), var(--blue), var(--red));color:#fff;box-shadow:0 16px 38px rgba(24,100,255,.28)}
.btn-ghost{background:rgba(255,255,255,.05)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:min(880px,100%);margin:0 auto}
.hero-stats article{padding:18px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(8,11,16,.55);backdrop-filter:blur(8px)}
.hero-stats strong{display:block;font-size:31px;background:linear-gradient(90deg,#fff,#82eeff,#ffc3cb);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stats span{display:block;margin-top:6px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}

.section{padding:96px 0;position:relative}.section-heading{max-width:820px;margin-bottom:34px}.section-heading.center{text-align:center;margin-inline:auto}
.glass-card{background:linear-gradient(145deg, rgba(9,13,20,.76), rgba(5,7,12,.62));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(14px)}

.overview-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:18px}.highlight-card,.overview-card{padding:26px}.progress-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.mini-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#95bfd0}.progress-top strong{font-size:54px;line-height:1}.progress-bar{height:14px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;margin:18px 0 16px;border:1px solid rgba(255,255,255,.05)}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--red));box-shadow:0 0 18px rgba(24,216,255,.38)}.highlight-card p,.overview-card p{color:var(--muted);line-height:1.7}.icon-mark{font-size:28px;display:inline-grid;place-items:center;width:54px;height:54px;margin-bottom:16px;border-radius:16px;background:linear-gradient(180deg, rgba(24,216,255,.12), rgba(255,31,70,.08));border:1px solid var(--line)}

.image-section{padding-top:40px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.hero-side-card{padding:12px}.image-frame{overflow:hidden}.image-frame img{width:100%;height:100%;object-fit:cover;border-radius:20px}.image-frame.large{min-height:430px}.image-frame.large img{min-height:430px}.check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}.check-list li{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#d7ecf7}.check-list li::before{content:"✦";color:var(--blue);margin-right:10px}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.gallery-card{padding:12px}.gallery-card img{aspect-ratio:4/3}.gallery-copy{padding:18px 10px 10px}.gallery-copy p{font-size:16px;margin-top:10px}

.economy-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}.rule-panel,.economy-copy{padding:28px}.rule-row{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.rule-row:last-child{border-bottom:0}.rule-row span{color:var(--muted)}.rule-row strong{text-align:right}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.pill{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:13px;font-weight:700;color:#d8f7ff}

.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.timeline-step{padding:24px;position:relative;overflow:hidden}.timeline-step::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg, var(--blue), var(--red))}.step-index{display:inline-block;margin-bottom:16px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#9fd5e5}.timeline-step.active{border-color:rgba(24,216,255,.32)}.timeline-step.current{border-color:rgba(255,31,70,.28);box-shadow:0 28px 90px rgba(0,0,0,.45), 0 0 0 1px rgba(255,31,70,.08), inset 0 1px 0 rgba(255,255,255,.05)}

.beta-banner{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;padding:36px;position:relative;overflow:hidden}.beta-banner::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 40%, rgba(24,216,255,.14), transparent 25%), radial-gradient(circle at 90% 0, rgba(255,31,70,.12), transparent 26%);pointer-events:none}.beta-banner>*{position:relative}
.notify-form{display:grid;grid-template-columns:1fr auto;gap:12px}.notify-form input:not(.hp-field){min-height:52px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:rgba(4,7,12,.76);color:#fff;outline:none}.notify-form input:focus{box-shadow:0 0 0 3px rgba(24,216,255,.15)}.notify-form small{grid-column:1/-1;min-height:18px;color:var(--blue)}.hp-field{display:none!important}
.site-footer{text-align:center;padding:20px 0 64px}.footer-mark{width:74px;margin:0 auto 12px}.muted{color:var(--muted);font-size:14px}

@media (max-width: 980px){
  .overview-grid,.timeline{grid-template-columns:1fr 1fr}
  .split,.economy-grid,.beta-banner,.gallery-grid{grid-template-columns:1fr}
}
@media (max-width: 840px){
  .menu-toggle{display:flex}
  .main-nav{position:absolute;top:70px;right:0;display:flex;flex-direction:column;align-items:stretch;width:240px;padding:12px;border:1px solid var(--line);border-radius:22px;background:rgba(5,8,13,.95);transform:scale(.96);opacity:0;pointer-events:none;transition:.2s}
  .main-nav.open{opacity:1;pointer-events:auto;transform:scale(1)}
  .overview-grid,.timeline,.hero-stats{grid-template-columns:1fr}
  .hero{padding-top:128px}
  .hero-logo{width:min(520px, 92vw)}
  .notify-form{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}