:root{
  --bg: #ffffff;
  --bg2: #f7fbff;
  --text: rgba(9, 18, 33, .92);
  --muted: rgba(9, 18, 33, .66);
  --muted2: rgba(9, 18, 33, .52);
  --stroke: rgba(9, 18, 33, .10);
  --shadow: 0 18px 50px rgba(12, 18, 28, .10);
  --shadow2: 0 28px 70px rgba(12, 18, 28, .14);

  --green: #18C47A;
  --blue: #2E6BFF;
  --cyan: #26C6DA;

  --radius: 18px;
  --radius2: 26px;
  --container: 1120px;
  --ease: cubic-bezier(.2,.9,.2,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(46,107,255,.14), transparent 60%),
    radial-gradient(1000px 560px at 98% 8%, rgba(24,196,122,.12), transparent 58%),
    radial-gradient(900px 620px at 55% 110%, rgba(38,198,218,.10), transparent 55%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  overflow-x:hidden;
}

a{color:inherit; text-decoration:none}
button{font:inherit}

/* Prevent sticky header hiding section headings */
section[id]{scroll-margin-top: 92px}

/* Fixed header spacing */
body{padding-top: 74px}

.anchorTop{
  position:absolute;
  top:0;
  left:0;
  width:1px;
  height:1px;
}

.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:absolute;
  left:12px; top:-40px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.96);
  border:1px solid var(--stroke);
  transition: top .25s var(--ease);
  z-index:9999;
}
.skip-link:focus{top:12px}

.container{
  width:min(var(--container), calc(100% - 40px));
  margin-inline:auto;
}

.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  backdrop-filter: none;
  background: #ffffff;
  border-bottom: 1px solid rgba(9,18,33,.10);
  box-shadow: 0 14px 34px rgba(12,18,28,.10);
}

.nav{
  width:min(var(--container), calc(100% - 40px));
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width: 170px;
}
.brand__logo{
  width:36px;height:36px;
  border-radius:12px;
  box-shadow: 0 12px 30px rgba(12,18,28,.12);
}
.brand__text{
  font-weight:800;
  letter-spacing:.2px;
}

.nav__toggle{
  display:none;
  width:44px;height:44px;
  border-radius:14px;
  border:1px solid rgba(9,18,33,.12);
  background:rgba(255,255,255,.65);
  color:var(--text);
  align-items:center;
  justify-content:center;
}
.nav__toggleBars{
  width:18px;height:2px;
  background:rgba(9,18,33,.78);
  position:relative;
  display:block;
  border-radius:999px;
}
.nav__toggleBars::before,
.nav__toggleBars::after{
  content:"";
  width:18px;height:2px;
  background:rgba(9,18,33,.78);
  position:absolute; left:0;
  border-radius:999px;
}
.nav__toggleBars::before{top:-6px}
.nav__toggleBars::after{top:6px}

.nav__links{
  display:flex;
  gap:14px;
  align-items:center;
}
.nav__link{
  padding:10px 12px;
  border-radius:12px;
  color:rgba(9,18,33,.72);
  transition: background .25s var(--ease), color .25s var(--ease), transform .25s var(--ease);
}
.nav__link:hover{
  background:rgba(9,18,33,.04);
  color:rgba(9,18,33,.92);
  transform: translateY(-1px);
}

.nav__cta{
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(46,107,255,.28);
  background: linear-gradient(135deg, rgba(46,107,255,.16), rgba(24,196,122,.16));
  color:rgba(9,18,33,.92);
  box-shadow: 0 18px 50px rgba(12,18,28,.10);
  cursor:pointer;
  transition: transform .25s var(--ease), filter .25s var(--ease);
}
.nav__cta:hover{transform: translateY(-1px); filter:saturate(1.08)}
.nav__cta:active{transform: translateY(0px) scale(.99)}

/* Small, tasteful motion */
.nav__cta{
  position:relative;
  overflow:hidden;
}
.nav__cta::after{
  content:"";
  position:absolute;
  inset:-40% -60%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  transform: rotate(18deg) translateX(-60%);
  opacity:.55;
  transition: transform .7s var(--ease);
  pointer-events:none;
}
.nav__cta:hover::after{
  transform: rotate(18deg) translateX(60%);
}

.hero{
  position:relative;
  padding: 56px 0 40px;
}
.hero__bg{
  position:absolute; inset:0;
  background:
    radial-gradient(900px 520px at 50% 20%, rgba(46,107,255,.12), transparent 60%),
    radial-gradient(900px 520px at 50% 35%, rgba(24,196,122,.10), transparent 62%),
    radial-gradient(900px 560px at 50% 70%, rgba(38,198,218,.10), transparent 60%);
  filter: blur(0px);
  pointer-events:none;
}
.hero__content{
  display:grid;
  grid-template-columns: 1fr;
  align-items:center;
}
.hero__center{
  text-align:center;
  width:min(860px, 100%);
  margin-inline:auto;
}
.pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(9,18,33,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 16px 40px rgba(12,18,28,.08);
  color: rgba(9,18,33,.70);
  margin:0 0 18px;
}
.pill strong{color: rgba(9,18,33,.88)}
.pill__dot{
  width:10px;height:10px;border-radius:50%;
  background: var(--green);
  box-shadow: 0 0 0 0 rgba(24,196,122,.35);
  animation: pulse 1.8s var(--ease) infinite;
}
.hero__title{
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.03;
  margin: 0 0 14px;
  letter-spacing:-.6px;
}
.hero__grad{
  -webkit-text-fill-color: transparent;
  background-clip:text;
  -webkit-background-clip:text;
}
.hero__grad--greenBlue{
  background-image: linear-gradient(90deg, var(--green), var(--blue));
}
.hero__grad--blueGreen{
  background-image: linear-gradient(90deg, var(--blue), var(--green));
}
.hero__sub{
  margin:0 0 22px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
  max-width: 66ch;
  margin-inline:auto;
}
.hero__actions{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  margin-bottom: 22px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(9,18,33,.12);
  background: rgba(255,255,255,.78);
  color: rgba(9,18,33,.92);
  transition: transform .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease);
}
.btn:hover{transform: translateY(-1px); background:rgba(255,255,255,.92); border-color: rgba(9,18,33,.16)}
.btn:active{transform: translateY(0px) scale(.99)}
.btn--primary{
  border-color: rgba(46,107,255,.28);
  background: linear-gradient(135deg, rgba(46,107,255,.18), rgba(24,196,122,.18));
}
.btn--soft{
  background: rgba(9,18,33,.04);
  border-color: rgba(9,18,33,.08);
}
.btn--soft:hover{
  background: rgba(9,18,33,.06);
}

.hero__stats{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 34px;
  flex-wrap:wrap;
  margin-top: 8px;
}
.stat{
  display:grid;
  place-items:center;
  gap:6px;
  min-width: 140px;
}
.stat__value{
  font-weight: 900;
  font-size: 22px;
  letter-spacing:-.2px;
}
.stat__label{
  color: var(--muted2);
  font-size: 12px;
}
.stat__icon{
  width:34px;height:34px;
  border-radius: 12px;
  border:1px solid rgba(9,18,33,.10);
  background: rgba(255,255,255,.75);
  box-shadow: 0 14px 34px rgba(12,18,28,.08);
  position:relative;
}
.stat__icon::after{
  content:"";
  position:absolute; inset:8px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(46,107,255,.35), rgba(24,196,122,.32));
}
.stat__icon--star::after{
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 2% 35%, 39% 35%);
}
.stat__icon--globe::after{
  border-radius: 999px;
}
.stat__icon--users::after{
  clip-path: polygon(50% 12%, 62% 22%, 66% 38%, 58% 48%, 58% 56%, 72% 62%, 82% 78%, 18% 78%, 28% 62%, 42% 56%, 42% 48%, 34% 38%, 38% 22%);
}

/* (Old dark hero card styles removed; hero is now centered like reference UI) */

.section{
  padding: 52px 0 74px;
}
.section__head{
  margin-bottom: 18px;
}
.section__title{
  margin:0 0 10px;
  font-size: clamp(26px, 3vw, 38px);
  letter-spacing:-.3px;
}
.section__sub{
  margin:0;
  color: var(--muted);
  line-height:1.65;
  max-width: 70ch;
}

.countries{
  display:grid;
  grid-template-columns: 360px 1fr;
  gap: 20px;
  align-items:start;
}
.countries--center{
  grid-template-columns: 360px 1fr;
}
.countries__left{
  position:sticky;
  top: 92px;
}

.field{
  display:block;
  padding: 16px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.70);
  border:1px solid rgba(9,18,33,.08);
  box-shadow: var(--shadow);
}
.field__label{
  display:block;
  font-size:13px;
  color: var(--muted2);
  margin-bottom: 10px;
}
.select{
  position:relative;
}
select{
  width:100%;
  appearance:none;
  border-radius: 14px;
  padding: 12px 40px 12px 12px;
  border:1px solid rgba(9,18,33,.12);
  background: rgba(255,255,255,.92);
  color: rgba(9,18,33,.92);
  outline:none;
  transition: border-color .25s var(--ease), transform .25s var(--ease);
}
select:focus{
  border-color: rgba(46,107,255,.45);
  box-shadow: 0 0 0 4px rgba(46,107,255,.14);
}
.select__chev{
  position:absolute;
  right:12px;
  top:50%;
  transform: translateY(-50%) rotate(45deg);
  width:10px;height:10px;
  border-right:2px solid rgba(9,18,33,.55);
  border-bottom:2px solid rgba(9,18,33,.55);
  pointer-events:none;
}

.countries__grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.country-card{
  position:relative;
  overflow:hidden;
  border-radius: 26px;
  background: rgba(255,255,255,.85);
  border:1px solid rgba(9,18,33,.08);
  box-shadow: var(--shadow2);
  transform-origin: center;
  transition: transform .35s var(--ease), border-color .35s var(--ease);
}
.country-card:hover{
  transform: translateY(-2px);
  border-color: rgba(46,230,255,.25);
}
.country-card.is-active{
  border-color: rgba(24,196,122,.38);
  transform: translateY(-2px) scale(1.01);
}
.country-card__glow{display:none}
.country-card__header{
  position:relative;
  padding: 18px 18px 10px;
  display:flex;
  gap: 14px;
  align-items:center;
}
.country-flag{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(9,18,33,.08);
  background: rgba(9,18,33,.03);
  display:grid;
  place-items:center;
  font-size: 22px;
  box-shadow: 0 16px 38px rgba(12,18,28,.10);
  flex: 0 0 auto;
}
.country-card__title{
  margin:0;
  font-size: 20px;
  letter-spacing:-.2px;
}
.country-card__meta{
  margin:4px 0 0;
  color: var(--muted2);
  font-size: 13px;
}
.badge{
  margin-left:auto;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(24,196,122,.30);
  background: rgba(24,196,122,.10);
  color: rgba(9,18,33,.92);
  font-size: 12px;
  font-weight: 700;
}

.country-card__visit{
  margin-left:auto;
  padding: 8px 10px;
  border-radius: 12px;
  border:1px solid rgba(9,18,33,.08);
  background: rgba(9,18,33,.03);
  color: rgba(9,18,33,.72);
  transition: transform .25s var(--ease), background .25s var(--ease);
}
.country-card__visit:hover{
  transform: translateY(-1px);
  background: rgba(9,18,33,.05);
}
.country-card__body{
  position:relative;
  padding: 0 18px 18px;
}
.country-card__downloadTitle{
  margin: 6px 0 6px;
  font-weight: 900;
  letter-spacing: -.2px;
}
.country-card__text{
  margin: 0 0 14px;
  color: var(--muted);
  line-height: 1.65;
}
.country-card__stores{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}

.storeBtn{
  min-width: 180px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(9,18,33,.10);
  background: rgba(9,18,33,.92);
  color: rgba(255,255,255,.92);
  display:flex;
  align-items:center;
  gap: 12px;
  transition: transform .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease);
}
.storeBtn:hover{transform: translateY(-1px); background: rgba(9,18,33,.96); border-color: rgba(9,18,33,.18)}
.storeBtn:active{transform: translateY(0px) scale(.99)}
.storeBtn__small{
  display:block;
  font-size: 11px;
  letter-spacing: .2px;
  color: rgba(255,255,255,.70);
  text-transform: uppercase;
}
.storeBtn__big{
  display:block;
  font-size: 16px;
  font-weight: 800;
  margin-top: 2px;
}
.storeBtn__icon{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  display:grid;
  place-items:center;
  flex: 0 0 auto;
}
.storeBtn__icon svg{
  width: 18px;
  height: 18px;
}
.storeBtn__labels{
  display:block;
  line-height: 1.05;
}
.storeBtn__soon{
  display:block;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .2px;
  color: #e11d48; /* red */
  text-transform: uppercase;
}
.storeBtn[aria-disabled="true"]{
  opacity: .86;
  cursor: not-allowed;
  pointer-events: none;
}
.storeBtn--apple{
  background: linear-gradient(135deg, rgba(9,18,33,.96), rgba(9,18,33,.86));
}
.storeBtn--google{
  background: linear-gradient(135deg, rgba(46,107,255,.24), rgba(24,196,122,.18));
  border-color: rgba(46,107,255,.22);
}

.flag{
  width:42px;height:42px;
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
}
.flag__dot{
  position:absolute;
  width:10px;height:10px;
  border-radius:50%;
  filter: blur(.2px);
}
.flag__dot--1{background: var(--blue); left:10px; top:12px; animation: floaty 5.5s var(--ease) infinite}
.flag__dot--2{background: var(--green); right:10px; top:16px; animation: floaty 6.2s var(--ease) infinite reverse}
.flag__dot--3{background: var(--cyan); left:16px; bottom:10px; animation: floaty 6.8s var(--ease) infinite}
@keyframes floaty{
  0%,100%{transform: translate(0,0)}
  50%{transform: translate(3px,-3px)}
}

.footer{
  padding: 26px 0 38px;
  border-top:1px solid rgba(9,18,33,.06);
  background: radial-gradient(900px 420px at 10% 0%, rgba(46,107,255,.10), transparent 60%),
              radial-gradient(900px 420px at 90% 0%, rgba(24,196,122,.10), transparent 60%),
              linear-gradient(180deg, rgba(9,18,33,.96), rgba(9,18,33,.92));
}
.footer__grid{
  display:grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 26px;
  padding: 18px 0 10px;
}
.footer__title{
  margin:0 0 12px;
  color: rgba(255,255,255,.88);
  font-weight: 800;
  letter-spacing: .2px;
}
.footer__linkRow{
  display:block;
  padding: 8px 0;
  color: rgba(255,255,255,.70);
}
.footer__linkRow:hover{color: rgba(255,255,255,.90)}
.footerBrand{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.footerBrand__logo{
  width:42px;height:42px;
  border-radius: 14px;
}
.footerBrand__name{
  margin:0;
  font-weight: 900;
  color: rgba(255,255,255,.92);
}
.footerBrand__tag{
  margin:6px 0 0;
  color: rgba(255,255,255,.66);
  max-width: 42ch;
  line-height:1.6;
}
.social{
  display:flex;
  gap:10px;
  margin-top: 14px;
}
.social__btn{
  width:38px;height:38px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.86);
}
.social__btn:hover{background: rgba(255,255,255,.10)}

.footer__bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.10);
  margin-top: 18px;
}
.footer__copy{
  margin:0;
  color: rgba(255,255,255,.60);
}
.footer__made{
  margin-left: 8px;
  color: rgba(255,255,255,.76);
  font-weight: 800;
}
.footer__backTop{
  padding: 10px 12px;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.86);
}
.footer__backTop:hover{background: rgba(255,255,255,.10)}

/* Reveal animation */
.reveal{
  opacity: 0;
  transform: translateY(14px) scale(.99);
  filter: blur(4px);
}
.reveal.is-in{
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0px);
  transition:
    opacity .7s var(--ease),
    transform .7s var(--ease),
    filter .7s var(--ease);
}

/* Features + About */
.features{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 18px;
}
.feature{
  border-radius: 22px;
  border: 1px solid rgba(9,18,33,.08);
  background: rgba(255,255,255,.82);
  box-shadow: var(--shadow);
  padding: 18px;
  transition: transform .25s var(--ease), border-color .25s var(--ease);
}
.feature:hover{
  transform: translateY(-2px);
  border-color: rgba(46,107,255,.18);
}
.feature__icon{
  width:44px;height:44px;
  border-radius: 16px;
  border:1px solid rgba(9,18,33,.08);
  background: linear-gradient(135deg, rgba(46,107,255,.12), rgba(24,196,122,.12));
  box-shadow: 0 16px 40px rgba(12,18,28,.10);
  margin-bottom: 12px;
  position:relative;
}
.feature__icon::after{
  content:"";
  position:absolute; inset:12px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(46,107,255,.40), rgba(24,196,122,.34));
}
.feature__title{
  margin:0 0 8px;
  font-size: 15px;
  letter-spacing: -.1px;
}
.feature__text{
  margin:0;
  color: var(--muted);
  line-height: 1.6;
  font-size: 13px;
}

.about{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items:center;
}
.about__bullets{
  margin-top: 14px;
  display:grid;
  gap: 10px;
}
.aboutBullet{
  margin:0;
  display:flex;
  gap:10px;
  align-items:flex-start;
  color: var(--muted);
}
.aboutBullet__dot{
  width:10px;height:10px;border-radius: 50%;
  margin-top: 6px;
  background: linear-gradient(135deg, var(--blue), var(--green));
  box-shadow: 0 0 0 4px rgba(46,107,255,.10);
  flex: 0 0 auto;
}
.aboutMedia{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
.aboutMedia__item{
  border-radius: 26px;
  border: 1px solid rgba(9,18,33,.08);
  background: rgba(255,255,255,.86);
  box-shadow: var(--shadow);
  padding: 14px;
  transition: transform .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);
}
.aboutMedia__item:hover{
  transform: translateY(-2px);
  border-color: rgba(46,107,255,.18);
  background: rgba(255,255,255,.92);
}
.aboutMediaCard{
  display:flex;
  gap: 12px;
  align-items:flex-start;
}
.aboutMediaCard__icon{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(9,18,33,.08);
  background: linear-gradient(135deg, rgba(46,107,255,.14), rgba(24,196,122,.14));
  position:relative;
  flex: 0 0 auto;
  box-shadow: 0 16px 40px rgba(12,18,28,.10);
}
.aboutMediaCard__icon::after{
  content:"";
  position:absolute;
  inset: 12px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(46,107,255,.42), rgba(24,196,122,.34));
}
.aboutMediaCard__icon--work{
  background: linear-gradient(135deg, rgba(24,196,122,.14), rgba(38,198,218,.14));
}
.aboutMediaCard__title{
  margin: 2px 0 6px;
  font-weight: 900;
}
.aboutMediaCard__text{
  margin:0;
  color: var(--muted);
  line-height: 1.6;
  font-size: 13px;
}

.aboutCTA{
  border-radius: 26px;
  border: 1px solid rgba(46,107,255,.18);
  background: linear-gradient(135deg, rgba(46,107,255,.10), rgba(24,196,122,.10));
  box-shadow: var(--shadow2);
  padding: 16px;
}
.aboutCTA__title{
  margin:0 0 6px;
  font-weight: 900;
  letter-spacing: -.2px;
}
.aboutCTA__text{
  margin:0 0 14px;
  color: var(--muted);
  line-height:1.6;
}
.about__actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}
.aboutCard{
  border-radius: 26px;
  border:1px solid rgba(9,18,33,.08);
  background: rgba(255,255,255,.82);
  box-shadow: var(--shadow2);
  padding: 18px;
}
.aboutCard__title{
  margin:0 0 8px;
  font-weight: 900;
  letter-spacing:-.2px;
}
.aboutCard__text{
  margin:0;
  color: var(--muted);
  line-height:1.65;
}
.aboutCard__swatches{
  display:flex;
  gap:10px;
  margin-top: 14px;
}
.swatch{
  width:42px;height:18px;
  border-radius:999px;
  border:1px solid rgba(9,18,33,.08);
}
.swatch--green{background: rgba(24,196,122,.85)}
.swatch--blue{background: rgba(46,107,255,.85)}
.swatch--white{background: rgba(255,255,255,.92)}

@media (max-width: 980px){
  .features{grid-template-columns: repeat(2, 1fr)}
  .about{grid-template-columns: 1fr}
}
@media (max-width: 560px){
  .features{grid-template-columns: 1fr}
  .hero__stats{gap: 18px}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important}
  .pulse-dot, .flag__dot{animation:none !important}
  .reveal, .reveal.is-in{transition:none !important; transform:none !important; filter:none !important; opacity:1 !important}
  .btn, .nav__link, .store, .storeBtn, .country-card, .nav__cta{transition:none !important}
}

/* Responsive */
@media (max-width: 980px){
  .hero__content{grid-template-columns: 1fr; gap:18px}
  .countries{grid-template-columns: 1fr}
  .countries__left{position:relative; top:auto}
  .footer__grid{grid-template-columns: 1fr; gap:18px}
}
@media (max-width: 740px){
  .nav__toggle{display:flex}
  .nav__links{
    position:absolute;
    left:20px; right:20px;
    top:66px;
    padding: 14px;
    border-radius: 18px;
    background: #ffffff;
    border:1px solid rgba(9,18,33,.10);
    box-shadow: 0 30px 80px rgba(12,18,28,.14);
    display:none;
    flex-direction:column;
    align-items:stretch;
  }
  .nav__links.is-open{display:flex}
  .nav__link{width:100%}
  .nav__cta{width:100%}
  .hero{padding-top: 40px}
}