:root {
  --bg: #07111f;
  --bg-alt: #0a1625;
  --surface: rgba(13, 28, 43, 0.82);
  --surface-solid: #0d1c2b;
  --surface-2: #102235;
  --line: rgba(126, 165, 195, 0.18);
  --line-strong: rgba(34, 211, 238, 0.34);
  --text: #f5f9fc;
  --muted: #9db1c5;
  --muted-2: #738ca3;
  --primary: #22d3ee;
  --primary-2: #2dd4bf;
  --danger: #fb7185;
  --warning: #fbbf24;
  --success: #34d399;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 30px;
  --container: 1180px;
  --header-height: 78px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 15% 0%, rgba(34, 211, 238, .08), transparent 30rem),
    radial-gradient(circle at 90% 15%, rgba(45, 212, 191, .06), transparent 28rem),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.nav-open { overflow: hidden; }
.site-noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 100;
  opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
a { color: var(--primary); text-decoration: none; }
a:hover { color: #8cefff; }
img, svg { max-width: 100%; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
::selection { background: rgba(34, 211, 238, .28); color: #fff; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.narrow { width: min(calc(100% - 40px), 820px); margin-inline: auto; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.skip-link {
  position: fixed; left: 16px; top: -100px; z-index: 999;
  background: #fff; color: #07111f; padding: 10px 16px; border-radius: 8px;
}
.skip-link:focus { top: 16px; }
.eyebrow {
  display: inline-flex; align-items: center; gap: 9px;
  color: #8debf4; font-size: .78rem; line-height: 1;
  font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
}
.eyebrow::before {
  content: ""; width: 22px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--primary));
}
h1, h2, h3, h4 { margin: 0 0 .55em; line-height: 1.12; letter-spacing: -.035em; }
h1 { font-size: clamp(2.8rem, 7vw, 5.8rem); }
h2 { font-size: clamp(2rem, 4vw, 3.4rem); }
h3 { font-size: clamp(1.2rem, 2vw, 1.55rem); }
p { margin: 0 0 1.15rem; color: var(--muted); }
.lead { font-size: clamp(1.05rem, 1.8vw, 1.28rem); line-height: 1.75; }
.text-gradient {
  color: transparent;
  background: linear-gradient(100deg, #f8fafc 5%, #89eff8 50%, #5eead4 95%);
  -webkit-background-clip: text; background-clip: text;
}
.section { padding: clamp(78px, 10vw, 132px) 0; position: relative; }
.section-sm { padding: 58px 0; }
.section-border { border-top: 1px solid var(--line); }
.section-heading { max-width: 760px; margin-bottom: 48px; }
.section-heading.center { margin-inline: auto; text-align: center; }
.section-heading p { font-size: 1.1rem; }
.grid { display: grid; gap: 24px; }
.grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.stack { display: grid; gap: 20px; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.gap-sm { gap: 12px; }
.gap-md { gap: 22px; }
.muted { color: var(--muted); }
.small { font-size: .88rem; }
.center { text-align: center; }
.card {
  position: relative; overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(150deg, rgba(18, 38, 57, .8), rgba(9, 21, 34, .78));
  box-shadow: 0 1px 0 rgba(255,255,255,.025) inset;
}
.card::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle at 0 0, rgba(34,211,238,.07), transparent 18rem);
}
.card-pad { padding: clamp(24px, 4vw, 36px); }
.card:hover { border-color: rgba(34,211,238,.28); }
.icon-box {
  width: 48px; height: 48px; display: grid; place-items: center;
  margin-bottom: 22px; border: 1px solid var(--line-strong); border-radius: 14px;
  color: var(--primary); background: rgba(34,211,238,.07);
}
.icon-box svg, .button svg, .inline-icon svg {
  width: 20px; height: 20px; fill: none; stroke: currentColor;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px; padding: 12px 21px; border: 1px solid transparent;
  border-radius: 12px; color: #03212a; background: linear-gradient(135deg, var(--primary), #5eead4);
  font-weight: 800; line-height: 1; box-shadow: 0 12px 30px rgba(34,211,238,.14);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.button:hover { color: #03212a; transform: translateY(-2px); filter: brightness(1.06); box-shadow: 0 16px 36px rgba(34,211,238,.2); }
.button-secondary {
  color: var(--text); background: rgba(255,255,255,.03); border-color: var(--line);
  box-shadow: none;
}
.button-secondary:hover { color: #fff; border-color: rgba(34,211,238,.35); background: rgba(34,211,238,.06); }
.button-small { min-height: 40px; padding: 9px 14px; border-radius: 10px; font-size: .88rem; }
.button-disabled, .button[aria-disabled="true"] { opacity: .5; cursor: not-allowed; filter: grayscale(.4); pointer-events: none; }
.badge {
  display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px;
  border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.025);
  color: #c4d7e7; font-size: .8rem; font-weight: 700;
}
.badge-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 13px var(--success); }
.site-header {
  position: sticky; top: 0; z-index: 50; height: var(--header-height);
  border-bottom: 1px solid transparent; background: rgba(7,17,31,.68);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  transition: border-color .2s ease, background .2s ease;
}
.site-header.scrolled { border-color: var(--line); background: rgba(7,17,31,.9); }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; font-size: 1.18rem; font-weight: 850; letter-spacing: -.035em; }
.brand:hover { color: #fff; }
.brand > span:last-child > span { color: var(--primary); }
.brand-mark {
  width: 38px; height: 38px; display: grid; place-items: center;
  border: 1px solid rgba(34,211,238,.35); border-radius: 11px;
  background: linear-gradient(145deg, rgba(34,211,238,.12), rgba(45,212,191,.04));
}
.brand-mark svg { width: 28px; height: 28px; fill: var(--primary); }
.brand-mark .brand-spark { fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.main-nav { display: flex; align-items: center; gap: 7px; }
.main-nav > a:not(.button) {
  padding: 9px 12px; border-radius: 9px; color: #a9bdce; font-size: .91rem; font-weight: 650;
}
.main-nav > a:not(.button):hover, .main-nav > a.active:not(.button) { color: #fff; background: rgba(255,255,255,.04); }
.main-nav .button { margin-left: 6px; color: #03212a; }
.nav-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 10px; background: transparent; }
.nav-toggle span:not(.sr-only) { display: block; width: 20px; height: 2px; margin: 4px auto; background: #fff; transition: .2s ease; }
.hero { min-height: calc(100vh - var(--header-height)); display: grid; align-items: center; padding: 76px 0 96px; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(38px, 6vw, 82px); align-items: center; }
.hero-copy h1 { max-width: 780px; margin-top: 22px; }
.hero-copy .lead { max-width: 680px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin: 31px 0 29px; }
.hero-points { display: flex; flex-wrap: wrap; gap: 13px 22px; color: #a8bdcf; font-size: .88rem; }
.hero-points span { display: inline-flex; align-items: center; gap: 7px; }
.hero-points svg { width: 16px; height: 16px; fill: none; stroke: var(--success); stroke-width: 2; }
.hero-visual { position: relative; }
.hero-visual::before {
  content: ""; position: absolute; inset: 15% 8%; z-index: -1;
  border-radius: 50%; background: rgba(34,211,238,.13); filter: blur(80px);
}
.hero-chart { display: block; width: 100%; filter: drop-shadow(0 28px 65px rgba(0,0,0,.32)); }
.floating-stat {
  position: absolute; min-width: 150px; padding: 13px 16px;
  border: 1px solid var(--line-strong); border-radius: 14px;
  background: rgba(7,17,31,.88); box-shadow: var(--shadow); backdrop-filter: blur(12px);
}
.floating-stat strong { display: block; color: #f7fcff; font-size: 1.05rem; }
.floating-stat span { color: var(--muted); font-size: .77rem; }
.stat-top { top: 9%; right: -4%; }
.stat-bottom { bottom: 9%; left: -5%; }
.trust-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.012); }
.trust-grid { display: grid; grid-template-columns: 1.25fr repeat(4,1fr); align-items: center; min-height: 110px; }
.trust-grid > * { padding: 20px 28px; border-left: 1px solid var(--line); }
.trust-grid > *:first-child { border-left: 0; padding-left: 0; }
.trust-label { color: var(--muted-2); font-size: .75rem; text-transform: uppercase; letter-spacing: .13em; font-weight: 800; }
.trust-item strong { display: block; color: #e9f4fa; }
.trust-item span { color: var(--muted-2); font-size: .8rem; }
.feature-card { padding: 30px; min-height: 255px; }
.feature-card p { margin-bottom: 0; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(42px, 8vw, 100px); align-items: center; }
.visual-card { padding: 16px; border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.list-check { list-style: none; padding: 0; margin: 25px 0 0; display: grid; gap: 13px; }
.list-check li { display: flex; align-items: flex-start; gap: 11px; color: #c3d4e1; }
.list-check svg { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 4px; fill: none; stroke: var(--success); stroke-width: 2.2; }
.steps { counter-reset: steps; }
.step { display: grid; grid-template-columns: 58px 1fr; gap: 20px; position: relative; padding-bottom: 34px; }
.step:not(:last-child)::after { content:""; position:absolute; left:28px; top:58px; bottom:6px; width:1px; background:linear-gradient(var(--line-strong), var(--line)); }
.step-number {
  width: 58px; height: 58px; display:grid; place-items:center; z-index:1;
  border:1px solid var(--line-strong); border-radius:17px; background:var(--surface-solid);
  color:var(--primary); font-weight:900;
}
.step p { margin-bottom: 0; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.metric { padding:28px; border-left:1px solid var(--line); background:rgba(255,255,255,.015); }
.metric:first-child { border-left:0; }
.metric strong { display:block; font-size:1.45rem; color:#eefaff; }
.metric span { color:var(--muted); font-size:.84rem; }
.callout {
  display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center;
  padding:clamp(30px, 5vw, 56px); border:1px solid var(--line-strong); border-radius:var(--radius-lg);
  background:
    radial-gradient(circle at 85% 0%, rgba(34,211,238,.13), transparent 22rem),
    linear-gradient(135deg, #0d2132, #091827);
  box-shadow:var(--shadow);
}
.callout h2 { max-width:720px; }
.page-hero { padding: 92px 0 72px; text-align: center; border-bottom: 1px solid var(--line); }
.page-hero h1 { font-size: clamp(2.5rem, 6vw, 4.6rem); max-width: 960px; margin: 19px auto 20px; }
.page-hero p { max-width: 760px; margin-inline: auto; font-size: 1.14rem; }
.breadcrumbs { display:flex; justify-content:center; gap:8px; color:var(--muted-2); font-size:.84rem; }
.breadcrumbs a { color:var(--muted); }
.content-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:70px; align-items:start; }
.side-nav { position:sticky; top:calc(var(--header-height) + 28px); display:grid; gap:4px; }
.side-nav strong { color:#eaf7ff; margin-bottom:8px; font-size:.85rem; }
.side-nav a { padding:8px 11px; border-left:2px solid var(--line); color:var(--muted); font-size:.88rem; }
.side-nav a:hover { color:#fff; border-color:var(--primary); }
.prose { min-width:0; }
.prose h2 { margin-top: 2.1em; padding-top: .3em; font-size: clamp(1.65rem,3vw,2.25rem); }
.prose h2:first-child { margin-top:0; }
.prose h3 { margin-top:1.8em; }
.prose p, .prose li { color:#aabed0; }
.prose a { text-decoration:underline; text-decoration-color:rgba(34,211,238,.35); text-underline-offset:3px; }
.prose ul, .prose ol { padding-left:1.2rem; }
.prose li { margin:.55rem 0; }
.prose code {
  padding:.16em .42em; border:1px solid var(--line); border-radius:6px;
  background:#081522; color:#a5f3fc; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.9em;
}
.note, .warning, .success-box {
  margin:26px 0; padding:20px 22px; border-left:3px solid var(--primary);
  border-radius:0 13px 13px 0; background:rgba(34,211,238,.055);
}
.warning { border-left-color:var(--warning); background:rgba(251,191,36,.055); }
.success-box { border-left-color:var(--success); background:rgba(52,211,153,.055); }
.note strong, .warning strong, .success-box strong { display:block; color:#effaff; margin-bottom:4px; }
.table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:16px; margin:24px 0 34px; }
table { width:100%; border-collapse:collapse; min-width:620px; }
th, td { padding:16px 18px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:#dceaf3; background:rgba(255,255,255,.025); font-size:.82rem; text-transform:uppercase; letter-spacing:.06em; }
td { color:#aabed0; }
tr:last-child td { border-bottom:0; }
.code-block {
  position:relative; margin:22px 0; padding:22px; overflow:auto;
  border:1px solid var(--line); border-radius:14px; background:#050e18;
  color:#b8f3f8; font: .9rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;
}
.download-panel { max-width:850px; margin:0 auto; padding:clamp(28px,6vw,58px); text-align:center; }
.download-icon {
  width:78px; height:78px; display:grid; place-items:center; margin:0 auto 24px;
  border:1px solid var(--line-strong); border-radius:22px;
  background:rgba(34,211,238,.08); color:var(--primary);
}
.download-icon svg { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:1.6; }
.release-meta { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:24px 0 30px; }
.release-meta span { padding:7px 11px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:.82rem; }
.file-status {
  display:flex; align-items:flex-start; gap:12px; max-width:640px; margin:24px auto 0; padding:15px 17px;
  border:1px solid rgba(251,191,36,.25); border-radius:12px; background:rgba(251,191,36,.055); text-align:left;
}
.file-status svg { flex:0 0 auto; width:20px; height:20px; margin-top:2px; fill:none; stroke:var(--warning); stroke-width:1.9; }
.file-status p { margin:0; font-size:.87rem; }
.faq-list { display:grid; gap:12px; max-width:900px; margin:0 auto; }
.faq-item { border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.018); overflow:hidden; }
.faq-question {
  width:100%; display:flex; justify-content:space-between; align-items:center; gap:20px;
  padding:20px 22px; border:0; background:transparent; color:#edf8fd; text-align:left; font-weight:750;
}
.faq-question span:last-child { position:relative; flex:0 0 20px; width:20px; height:20px; }
.faq-question span:last-child::before, .faq-question span:last-child::after {
  content:""; position:absolute; top:9px; left:3px; width:14px; height:2px; background:var(--primary); transition:.2s ease;
}
.faq-question span:last-child::after { transform:rotate(90deg); }
.faq-item.open .faq-question span:last-child::after { transform:rotate(0); }
.faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .25s ease; }
.faq-answer > div { overflow:hidden; }
.faq-answer p { padding:0 22px 20px; margin:0; }
.faq-item.open .faq-answer { grid-template-rows:1fr; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.field { display:grid; gap:7px; }
.field-full { grid-column:1/-1; }
label { color:#dcebf4; font-size:.88rem; font-weight:700; }
input, textarea, select {
  width:100%; border:1px solid var(--line); border-radius:11px; outline:0;
  background:#081522; color:#f4fbff; padding:13px 14px;
}
textarea { min-height:160px; resize:vertical; }
input:focus, textarea:focus, select:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(34,211,238,.08); }
.form-help { color:var(--muted-2); font-size:.78rem; }
.timeline { position:relative; }
.timeline::before { content:""; position:absolute; left:17px; top:8px; bottom:8px; width:1px; background:var(--line); }
.timeline-item { position:relative; padding-left:54px; margin-bottom:38px; }
.timeline-dot { position:absolute; left:8px; top:5px; width:19px; height:19px; border:4px solid var(--bg); border-radius:50%; background:var(--primary); box-shadow:0 0 0 1px var(--line-strong); }
.timeline-date { color:var(--primary); font-size:.8rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.timeline-item h2 { margin-top:5px; font-size:1.55rem; }
.legal-placeholder {
  padding:18px 20px; border:1px dashed rgba(251,191,36,.45); border-radius:12px;
  background:rgba(251,191,36,.045); color:#e7c96d;
}
.legal-placeholder strong { color:#ffe396; }
.site-footer { padding:72px 0 24px; border-top:1px solid var(--line); background:rgba(4,12,22,.52); }
.footer-grid { display:grid; grid-template-columns:2.1fr repeat(3,1fr); gap:50px; }
.footer-brand { margin-bottom:19px; }
.footer-grid > div:first-child p { max-width:480px; }
.footer-grid h2 { font-size:.8rem; text-transform:uppercase; letter-spacing:.12em; color:#c9d9e4; }
.footer-grid > div:not(:first-child) { display:grid; align-content:start; gap:10px; }
.footer-grid > div:not(:first-child) a { color:var(--muted); font-size:.9rem; }
.footer-grid > div:not(:first-child) a:hover { color:#fff; }
.footer-risk { font-size:.76rem; color:#6f879b; }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:24px; margin-top:48px; border-top:1px solid var(--line); color:var(--muted-2); font-size:.79rem; }
[data-reveal] { opacity:0; transform:translateY(18px); transition:opacity .65s ease, transform .65s ease; }
[data-reveal].revealed { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
  [data-reveal] { opacity:1; transform:none; }
}
@media (max-width: 980px) {
  .grid-4 { grid-template-columns:repeat(2,1fr); }
  .grid-3 { grid-template-columns:repeat(2,1fr); }
  .hero-grid, .split { grid-template-columns:1fr; }
  .hero-copy { text-align:center; }
  .hero-copy .lead { margin-inline:auto; }
  .hero-actions, .hero-points { justify-content:center; }
  .hero-visual { max-width:760px; margin-inline:auto; }
  .trust-grid { grid-template-columns:repeat(2,1fr); padding:20px 0; }
  .trust-grid > * { border-left:0; }
  .trust-grid > *:nth-child(even) { border-left:1px solid var(--line); }
  .trust-grid > *:first-child { grid-column:1/-1; text-align:center; padding:10px; }
  .metric-grid { grid-template-columns:repeat(2,1fr); }
  .metric:nth-child(3) { border-left:0; border-top:1px solid var(--line); }
  .metric:nth-child(4) { border-top:1px solid var(--line); }
  .content-layout { grid-template-columns:1fr; gap:34px; }
  .side-nav { position:static; display:flex; overflow:auto; padding-bottom:7px; }
  .side-nav strong { display:none; }
  .side-nav a { flex:0 0 auto; border-left:0; border-bottom:2px solid var(--line); }
  .footer-grid { grid-template-columns:2fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column:2/4; }
}
@media (max-width: 760px) {
  :root { --header-height:70px; }
  .container, .narrow { width:min(calc(100% - 28px), var(--container)); }
  .nav-toggle { display:block; }
  .main-nav {
    position:fixed; inset:var(--header-height) 0 auto 0; height:calc(100dvh - var(--header-height));
    display:flex; flex-direction:column; align-items:stretch; gap:5px; padding:22px 18px;
    transform:translateX(100%); background:rgba(7,17,31,.98); border-top:1px solid var(--line);
    transition:transform .25s ease;
  }
  .nav-open .main-nav { transform:none; }
  .main-nav > a:not(.button) { padding:13px 14px; font-size:1rem; }
  .main-nav .button { margin:10px 0 0; }
  .nav-open .nav-toggle span:nth-child(2) { transform:translateY(6px) rotate(45deg); }
  .nav-open .nav-toggle span:nth-child(3) { opacity:0; }
  .nav-open .nav-toggle span:nth-child(4) { transform:translateY(-6px) rotate(-45deg); }
  .hero { padding-top:55px; }
  .hero h1 { font-size:clamp(2.7rem, 13vw, 4.3rem); }
  .stat-top { right:0; }
  .stat-bottom { left:0; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns:1fr; }
  .metric-grid { grid-template-columns:1fr; }
  .metric, .metric:nth-child(3) { border-left:0; border-top:1px solid var(--line); }
  .metric:first-child { border-top:0; }
  .callout { grid-template-columns:1fr; text-align:center; }
  .form-grid { grid-template-columns:1fr; }
  .field-full { grid-column:auto; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:38px 24px; }
  .footer-grid > div:first-child { grid-column:1/-1; }
  .footer-grid > div:last-child { grid-column:auto; }
  .footer-bottom { flex-direction:column; }
}
@media (max-width: 480px) {
  .hero-actions .button { width:100%; }
  .hero-points { display:grid; justify-content:start; text-align:left; max-width:280px; margin-inline:auto; }
  .floating-stat { position:static; display:inline-block; margin:12px 4px 0; }
  .hero-visual { text-align:center; }
  .trust-grid { grid-template-columns:1fr; text-align:center; }
  .trust-grid > *:nth-child(even) { border-left:0; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-grid > div:first-child, .footer-grid > div:last-child { grid-column:auto; }
}


.launch-banner {
  border-bottom: 1px solid var(--line-strong);
  background: linear-gradient(90deg, rgba(34,211,238,.08), rgba(45,212,191,.08));
}
.launch-banner-inner {
  min-height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #dffcff;
  font-size: .86rem;
  text-align: center;
}
.launch-banner strong { color: #7ff4ff; }
.countdown {
  display: grid;
  grid-template-columns: repeat(4, minmax(70px, 1fr));
  gap: 12px;
  max-width: 560px;
  margin: 28px auto 0;
}
.countdown-item {
  padding: 18px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}
.countdown-item strong {
  display: block;
  color: #f5fbff;
  font-size: clamp(1.5rem, 4vw, 2.2rem);
}
.countdown-item span {
  color: var(--muted);
  font-size: .74rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.coming-soon-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid rgba(251,191,36,.35);
  border-radius: 999px;
  background: rgba(251,191,36,.07);
  color: #ffe49a;
  font-size: .8rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.button-coming-soon {
  color: #dceaf3;
  background: rgba(255,255,255,.04);
  border-color: var(--line);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
@media (max-width: 520px) {
  .countdown { grid-template-columns: repeat(2, 1fr); }
}
