:root{
  --violet-900:#25004d;
  --violet-800:#3a0a75;
  --violet-700:#4a15a1;
  --violet-600:#5b2cff;
  --violet-500:#6f45ff;
  --yellow-500:#ffd447;
  --yellow-400:#ffe57e;
  --ink:#0d0b14;
  --text:#151226;
  --muted:#5c5870;
  --bg:#0b0812;
  --card:rgba(255,255,255,.08);
  --stroke:rgba(255,255,255,.14);
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --shadow-soft: 0 10px 30px rgba(0,0,0,.22);
  --radius: 22px;
  --radius-sm: 14px;
  --container: 1160px;
}

*{box-sizing:border-box}
html{font-size:16px; scroll-behavior:smooth;}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 520px at 15% -10%, rgba(111,69,255,.35), transparent 55%),
    radial-gradient(900px 520px at 85% 0%, rgba(255,212,71,.22), transparent 60%),
    linear-gradient(180deg, #0a0711 0%, #0f0a1a 50%, #0a0711 100%);
  min-height:100vh;
}
img{max-width:100%; display:block; border:0}
a{color:inherit}
p{line-height:1.7; margin:0 0 14px}
h1,h2,h3{line-height:1.15; margin:0 0 12px}
h1{font-size: clamp(2rem, 3vw + 1rem, 3.3rem)}
h2{font-size: clamp(1.6rem, 1.4vw + 1rem, 2.3rem)}
h3{font-size: 1.12rem}

.container{
  width:min(var(--container), calc(100% - 40px));
  margin:0 auto;
}
.skip-link{
  position:absolute; left:-999px; top:10px;
  background:#fff; color:#000; padding:10px 12px; border-radius:10px; z-index:9999;
}
.skip-link:focus{left:10px}

.site-header{
  position:sticky; top:0; z-index:50;
  backdrop-filter: blur(10px);
  background: linear-gradient(180deg, rgba(11,8,18,.92) 0%, rgba(11,8,18,.68) 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.site-header .container{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 0;
  gap:14px;
}
.brand__logo{
  display:flex; align-items:center; gap:12px;
  text-decoration:none;
}
.brand__mark{
  width:44px; height:44px;
  border-radius:14px;
  display:grid; place-items:center;
  background:
    radial-gradient(120% 120% at 30% 20%, rgba(255,212,71,.55), rgba(255,212,71,.06)),
    linear-gradient(135deg, rgba(91,44,255,.9), rgba(58,10,117,.9));
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.12);
  color:#0a0711;
}
.brand__name{font-weight:800; letter-spacing:.2px; color:#fff}
.brand__sub{display:block; font-size:.85rem; color:rgba(255,255,255,.72)}
.site-nav{display:flex; gap:10px; align-items:center}
.nav-link{
  text-decoration:none;
  color:rgba(255,255,255,.82);
  padding:10px 12px;
  border-radius:14px;
  transition: transform .18s ease, background .18s ease, color .18s ease;
}
.nav-link:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
  transform: translateY(-1px);
}
.nav-toggle{
  display:none;
  width:44px; height:44px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:#fff;
}
.nav-toggle__bar{
  display:block; width:18px; height:2px; margin:4px auto;
  background:#fff; border-radius:4px;
}

.hero{
  position:relative;
  color:#fff;
  padding: 64px 0 46px;
  overflow:hidden;
}
.hero--parallax{
  background-size:cover;
  background-position:center;
  background-attachment: fixed;
}
.hero:before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 520px at 20% 10%, rgba(255,212,71,.22), transparent 60%),
    radial-gradient(900px 520px at 80% 30%, rgba(91,44,255,.38), transparent 60%),
    linear-gradient(180deg, rgba(10,7,17,.55), rgba(10,7,17,.88));
}
.hero-grid{
  position:relative;
  display:grid;
  grid-template-columns: 1.25fr .9fr;
  gap:26px;
  align-items:start;
}
.pill{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  box-shadow: var(--shadow-soft);
  color: rgba(255,255,255,.92);
  margin-bottom:12px;
}
.lead{font-size:1.06rem; color:rgba(255,255,255,.88)}
.hero-cta{display:flex; gap:12px; flex-wrap:wrap; margin:18px 0 8px}
.hero-badges{
  margin-top:18px;
  display:grid; grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
.badge-card{
  border-radius: var(--radius-sm);
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  padding:12px;
  transition: transform .18s ease, border-color .18s ease;
}
.badge-card:hover{
  transform: translateY(-2px);
  border-color: rgba(255,212,71,.40);
}
.badge-card__top{display:flex; gap:10px; align-items:center; font-weight:700}
.badge-card__bottom{margin-top:6px; font-size:.9rem; color:rgba(255,255,255,.72)}
.hero-card{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.14);
  background: rgba(12,9,21,.62);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.hero-card__header{
  padding:18px 18px 0;
}
.hero-card__title{font-weight:800; letter-spacing:.2px}
.hero-card__hint{color:rgba(255,255,255,.72); font-size:.92rem; margin-top:6px}
.hero-wave{
  position:absolute; left:0; right:0; bottom:-2px;
  height:70px;
  background: linear-gradient(180deg, transparent, rgba(10,7,17,.95));
}

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px;
  text-decoration:none;
  cursor:pointer;
  border-radius: 16px;
  padding:12px 14px;
  font-weight:800;
  letter-spacing:.2px;
  border:1px solid transparent;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
  user-select:none;
}
.btn--sm{padding:9px 12px; border-radius:14px; font-weight:800}
.btn--block{width:100%}
.btn--primary{
  background:
    radial-gradient(120% 140% at 20% 10%, rgba(255,212,71,.92), rgba(255,212,71,.20)),
    linear-gradient(135deg, rgba(91,44,255,1), rgba(58,10,117,1));
  color:#0b0812;
  border-color: rgba(255,212,71,.35);
  box-shadow: 0 14px 40px rgba(91,44,255,.25), 0 10px 26px rgba(255,212,71,.10);
}
.btn--primary:hover{transform: translateY(-2px); box-shadow: 0 18px 50px rgba(91,44,255,.30), 0 12px 30px rgba(255,212,71,.14);}
.btn--ghost{
  background: rgba(255,255,255,.06);
  color:#fff;
  border-color: rgba(255,255,255,.16);
}
.btn--ghost:hover{transform: translateY(-2px); border-color: rgba(255,212,71,.35);}

.trust{padding:18px 0; background: rgba(255,255,255,.03); border-bottom:1px solid rgba(255,255,255,.06)}
.trust-row{display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between}
.trust-item{
  display:flex; gap:10px; align-items:center;
  padding:10px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.82);
  font-weight:700;
}

.section{padding: 58px 0; color:rgba(255,255,255,.92)}
.section--soft{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.section-head{max-width:860px; margin:0 auto 26px; text-align:center}
.section-head p{color:rgba(255,255,255,.75)}
.section--parallax{
  position:relative;
  background-size:cover;
  background-position:center;
  background-attachment: fixed;
  overflow:hidden;
}
.section--parallax:before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(800px 460px at 18% 12%, rgba(255,212,71,.18), transparent 60%),
    radial-gradient(880px 520px at 84% 20%, rgba(91,44,255,.35), transparent 60%),
    linear-gradient(180deg, rgba(10,7,17,.70), rgba(10,7,17,.88));
}
.section--parallax > .container{position:relative}
.section-head--light h2{color:#fff}
.section-head--light p{color:rgba(255,255,255,.80)}
.parallax-fade{
  position:absolute; left:0; right:0; bottom:0;
  height:80px;
  background: linear-gradient(180deg, transparent, rgba(10,7,17,.95));
}
.parallax-fade--bottom{height:110px}

.grid{display:grid; gap:14px}
.grid--3{grid-template-columns: repeat(3, 1fr)}
.grid--4{grid-template-columns: repeat(4, 1fr)}
.card{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  padding:18px;
  box-shadow: var(--shadow-soft);
}
.card--tilt{transform: perspective(800px) rotateX(0deg) rotateY(0deg); transition: transform .25s ease, border-color .25s ease, background .25s ease}
.card--tilt:hover{transform: perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(-2px); border-color: rgba(255,212,71,.35); background: rgba(255,255,255,.06)}
.card--accent{
  background:
    radial-gradient(120% 140% at 20% 10%, rgba(255,212,71,.10), transparent 55%),
    rgba(255,255,255,.05);
  border-color: rgba(255,212,71,.14);
}
.card__icon{
  width:50px; height:50px; border-radius:18px;
  display:grid; place-items:center;
  background: rgba(255,212,71,.14);
  border:1px solid rgba(255,212,71,.20);
  color: var(--yellow-500);
  margin-bottom:12px;
}
.card p{color:rgba(255,255,255,.74)}
.feature{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  padding:16px;
  transition: transform .18s ease, border-color .18s ease;
  box-shadow: var(--shadow-soft);
}
.feature:hover{transform: translateY(-2px); border-color: rgba(255,212,71,.36)}
.feature__top{display:flex; gap:10px; align-items:center}
.feature__top i{color: var(--yellow-500)}
.feature p{color:rgba(255,255,255,.78); margin-top:8px}

.media-row{margin-top:16px; display:grid; grid-template-columns: 1fr 1fr; gap:14px}
.media-card{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  overflow:hidden;
  box-shadow: var(--shadow-soft);
}
.media-card__img{height:180px; width:100%; object-fit:cover}
.media-card__body{padding:14px}
.media-card__title{font-weight:900; color:#fff}
.media-card__body p{color:rgba(255,255,255,.76)}

.steps{list-style:none; padding:0; margin:0; display:grid; gap:12px; max-width:920px; margin-inline:auto}
.step{
  display:grid; grid-template-columns: 54px 1fr;
  gap:14px;
  padding:16px 16px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow-soft);
}
.step__num{
  width:46px; height:46px; border-radius:18px;
  display:grid; place-items:center;
  font-weight:1000;
  color:#0b0812;
  background: linear-gradient(135deg, rgba(255,212,71,1), rgba(255,229,126,1));
}
.step__body p{color:rgba(255,255,255,.76)}

.tile{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  padding:18px;
  box-shadow: var(--shadow-soft);
  transition: transform .18s ease, border-color .18s ease;
}
.tile:hover{transform: translateY(-2px); border-color: rgba(255,212,71,.36)}
.tile__icon{color: var(--yellow-500); font-size:1.25rem}
.tile__title{margin-top:10px; font-weight:900; color:#fff}
.tile__text{margin-top:8px; color:rgba(255,255,255,.76)}

.split{display:grid; grid-template-columns: 1.1fr .9fr; gap:18px; align-items:start}
.checklist{padding:0; margin:16px 0 0; list-style:none; display:grid; gap:10px}
.checklist li{display:flex; gap:10px; align-items:flex-start; color:rgba(255,255,255,.82)}
.checklist i{color: var(--yellow-500); margin-top:3px}
.checklist--compact li{gap:10px}
.panel{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  padding:18px;
  box-shadow: var(--shadow);
}
.panel--glow{
  background:
    radial-gradient(120% 160% at 20% 10%, rgba(255,212,71,.18), transparent 55%),
    radial-gradient(120% 160% at 80% 30%, rgba(91,44,255,.34), transparent 55%),
    rgba(255,255,255,.06);
}
.panel--dark{
  background: rgba(0,0,0,.25);
  border-color: rgba(255,255,255,.14);
}
.panel__kicker{color:rgba(255,255,255,.76); font-weight:800; letter-spacing:.2px}
.panel__title{margin:10px 0 10px; color:#fff}
.panel__chips{display:flex; flex-wrap:wrap; gap:10px; margin:12px 0 10px}
.chip{
  padding:8px 10px;
  border-radius:999px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.82);
  font-weight:800;
  font-size:.9rem;
}
.panel__text{color:rgba(255,255,255,.78)}
.panel__mini{display:grid; grid-template-columns: repeat(3, 1fr); gap:10px; margin-top:14px}
.mini{
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  padding:12px;
}
.mini__label{color:rgba(255,255,255,.72); font-weight:800; font-size:.9rem}
.mini__value{font-weight:1000; margin-top:6px}

.quote{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  padding:18px;
  box-shadow: var(--shadow-soft);
}
.quote blockquote{margin:0; color:rgba(255,255,255,.86); line-height:1.75}
.quote__name{display:block; margin-top:14px; font-weight:900; color:#fff}
.quote__meta{display:block; color:rgba(255,255,255,.68); margin-top:4px; font-size:.92rem}

.accordion{max-width:900px; margin:0 auto; display:grid; gap:10px}
.accordion-item{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  padding:12px 14px;
}
.accordion-item summary{
  cursor:pointer;
  font-weight:900;
  color:#fff;
}
.accordion-body{margin-top:10px; color:rgba(255,255,255,.78); line-height:1.7}

.form{padding:18px}
.form--panel{padding:18px}
.form--wide{
  max-width:920px; margin:0 auto;
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  box-shadow: var(--shadow-soft);
}
.field{display:block; margin:12px 0}
.field__label{display:block; font-weight:900; color:rgba(255,255,255,.90); margin-bottom:6px}
.field__input{
  width:100%;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.20);
  color:#fff;
  padding:12px 12px;
  outline:none;
  font-size: 1rem;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.field__input:focus{
  border-color: rgba(255,212,71,.42);
  box-shadow: 0 0 0 4px rgba(255,212,71,.12);
  transform: translateY(-1px);
}
textarea.field__input{resize:vertical}
.form-row{display:grid; grid-template-columns: 1fr 1fr; gap:12px}
.check{display:flex; gap:10px; align-items:flex-start; color:rgba(255,255,255,.78); margin:10px 0}
.check input{margin-top:4px}
.fineprint{color:rgba(255,255,255,.62); font-size:.9rem; margin:12px 0 0}

.contact{
  position:relative;
  display:grid; grid-template-columns: 1.05fr .95fr;
  gap:16px; align-items:start;
}
.contact__cards{display:grid; gap:12px; margin-top:18px}
.info-card{
  display:flex; gap:12px; align-items:center;
  padding:14px;
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  box-shadow: var(--shadow-soft);
}
.info-card i{color: var(--yellow-500)}
.info-card__label{color:rgba(255,255,255,.70); font-weight:900; font-size:.92rem}
.info-card__value a{color:#fff; text-decoration:none; border-bottom:1px dashed rgba(255,255,255,.35)}
.info-card__value a:hover{border-bottom-color: rgba(255,212,71,.55)}
.contact__form .form--panel{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.12);
  background: rgba(12,9,21,.62);
  box-shadow: var(--shadow);
}

.page-hero{
  position:relative;
  padding: 64px 0 40px;
  color:#fff;
  background-size:cover;
  background-position:center;
  background-attachment: fixed;
  overflow:hidden;
}
.page-hero:before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(860px 520px at 18% 10%, rgba(255,212,71,.18), transparent 60%),
    radial-gradient(900px 560px at 80% 30%, rgba(91,44,255,.40), transparent 60%),
    linear-gradient(180deg, rgba(10,7,17,.60), rgba(10,7,17,.92));
}
.page-hero__inner{position:relative; max-width:980px}
.kicker{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  color:rgba(255,255,255,.90);
  font-weight:900;
  margin-bottom:12px;
}
.page-hero__cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:16px}
.page-hero--alt:before{background:
  radial-gradient(860px 520px at 12% 16%, rgba(255,229,126,.18), transparent 62%),
  radial-gradient(900px 560px at 76% 26%, rgba(58,10,117,.55), transparent 60%),
  linear-gradient(180deg, rgba(10,7,17,.60), rgba(10,7,17,.92));
}

.mosaic{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
.mosaic img{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.12);
  height:180px;
  width:100%;
  object-fit:cover;
  box-shadow: var(--shadow-soft);
  filter: saturate(1.04) contrast(1.02);
}

.cta-banner{
  display:flex; align-items:center; justify-content:space-between;
  gap:18px;
  padding:18px;
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(120% 160% at 20% 10%, rgba(255,212,71,.14), transparent 55%),
    rgba(255,255,255,.05);
  box-shadow: var(--shadow-soft);
}
.cta-banner__text p{color:rgba(255,255,255,.78)}

.prose{max-width:920px; margin:0 auto; color:rgba(255,255,255,.86)}
.prose h2{margin-top:18px}
.prose ul{padding-left:18px}
.prose li{margin:8px 0}

.site-footer{
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.60));
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.88);
}
.footer-grid{
  padding:34px 0 18px;
  display:grid;
  grid-template-columns: 1.2fr .9fr .7fr .7fr;
  gap:18px;
}
.footer-title{font-weight:1000; color:#fff; margin-bottom:10px}
.footer-list{list-style:none; padding:0; margin:0; display:grid; gap:10px}
.footer-list a{color:rgba(255,255,255,.88); text-decoration:none; border-bottom:1px dashed rgba(255,255,255,.28)}
.footer-list a:hover{border-bottom-color: rgba(255,212,71,.55)}
.footer-note{color:rgba(255,255,255,.72); max-width:52ch}
.footer-brand{display:flex; gap:12px; align-items:flex-start}
.footer-brand__icon{
  width:44px; height:44px; border-radius:16px;
  display:grid; place-items:center;
  background: rgba(255,212,71,.12);
  border:1px solid rgba(255,212,71,.18);
  color: var(--yellow-500);
}
.footer-brand__name{font-weight:1000; color:#fff}
.footer-brand__tag{color:rgba(255,255,255,.70); margin-top:4px}
.footer-bottom{
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 0 24px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.70);
}
.back-top{
  width:42px; height:42px; border-radius:16px;
  display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color:#fff;
  text-decoration:none;
}
.back-top:hover{border-color: rgba(255,212,71,.35); transform: translateY(-1px)}

.modal{
  position:fixed; inset:0;
  display:none;
  z-index:200;
}
.modal.is-open{display:block}
.modal__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.62);
}
.modal__panel{
  position:relative;
  width:min(520px, calc(100% - 34px));
  margin: 10vh auto 0;
  padding:20px;
  border-radius: var(--radius);
  background:
    radial-gradient(120% 160% at 20% 10%, rgba(255,212,71,.14), transparent 55%),
    rgba(12,9,21,.92);
  border:1px solid rgba(255,255,255,.14);
  box-shadow: var(--shadow);
  color:#fff;
  text-align:center;
}
.modal__icon{
  width:62px; height:62px; border-radius:22px;
  display:grid; place-items:center;
  margin:0 auto 12px;
  background: rgba(255,212,71,.14);
  border:1px solid rgba(255,212,71,.20);
  color: var(--yellow-500);
  font-size:1.35rem;
}
.modal__title{margin:0 0 8px}
.modal__text{color:rgba(255,255,255,.78); margin:0 0 16px}

.cookie{
  position:fixed;
  left:14px; right:14px; bottom:14px;
  z-index:120;
  display:none;
}
.cookie.is-open{display:block}
.cookie__inner{
  width:min(980px, 100%);
  margin:0 auto;
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(12,9,21,.86);
  box-shadow: var(--shadow);
  padding:14px;
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
}
.cookie__text{
  color:rgba(255,255,255,.78);
  line-height:1.5;
}
.cookie__text a{color:#fff; border-bottom:1px dashed rgba(255,255,255,.30); text-decoration:none}
.cookie__text a:hover{border-bottom-color: rgba(255,212,71,.55)}
.cookie__actions{display:flex; gap:10px; flex-wrap:wrap}

.mini-list{list-style:none; padding:0; margin:12px 0 0; display:grid; gap:10px}
.mini-list li{display:flex; gap:10px; align-items:flex-start; color:rgba(255,255,255,.78)}
.mini-list i{color: var(--yellow-500); margin-top:3px}
.stats{display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; margin-top:14px}
.stat{border-radius: 18px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.05); padding:14px; box-shadow: var(--shadow-soft)}
.stat__num{font-weight:1000; font-size:1.55rem; color: var(--yellow-500)}
.stat__label{color:rgba(255,255,255,.72); margin-top:6px; font-weight:800}

@media (max-width: 980px){
  .hero-grid{grid-template-columns: 1fr; }
  .hero-badges{grid-template-columns: 1fr; }
  .grid--4{grid-template-columns: repeat(2, 1fr)}
  .grid--3{grid-template-columns: 1fr}
  .media-row{grid-template-columns: 1fr}
  .split{grid-template-columns: 1fr}
  .contact{grid-template-columns: 1fr}
  .footer-grid{grid-template-columns: 1fr 1fr; }
  .cta-banner{flex-direction:column; align-items:flex-start}
  .form-row{grid-template-columns: 1fr}
  .site-nav{
    position:absolute;
    right:20px;
    top:72px;
    width:min(320px, calc(100% - 40px));
    padding:12px;
    border-radius: 18px;
    border:1px solid rgba(255,255,255,.14);
    background: rgba(12,9,21,.92);
    box-shadow: var(--shadow);
    display:none;
    flex-direction:column;
    align-items:stretch;
  }
  .site-nav.is-open{display:flex}
  .nav-toggle{display:block}
}
@media (hover:none){
  .hero--parallax, .section--parallax, .page-hero{background-attachment: scroll;}
}