/* ============================================================
   minda.live — eSIM / travel internet portal
   Design: "Aurora travel-tech" — midnight indigo + aurora glow
   Georgian: FiraGO (self-hosted) · Latin display: Bricolage Grotesque
   ============================================================ */

/* ---------- Fonts ---------- */
@font-face{font-family:"FiraGO";src:url("../fonts/FiraGO-ExtraLight.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"FiraGO";src:url("../fonts/FiraGO-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"FiraGO";src:url("../fonts/FiraGO-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"FiraGO";src:url("../fonts/FiraGO-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"FiraGO";src:url("../fonts/FiraGO-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"FiraGO";src:url("../fonts/FiraGO-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

/* ---------- Design tokens ---------- */
:root{
  --ink:#0A0E27;
  --ink-2:#0E1433;
  --ink-3:#161d45;
  --surface:#f4f6fc;
  --card:#ffffff;
  --line:#e6e9f5;
  --text:#111634;
  --text-soft:#4a5478;
  --text-mute:#8890b0;

  --violet:#7c6cff;
  --cyan:#25d6ee;
  --pink:#ff5c8a;
  --coral:#ff6a45;
  --coral-2:#ff8a5c;
  --mint:#31e0a8;

  --grad-cta:linear-gradient(120deg,#ff6a45,#ff4d6d);
  --grad-aurora:radial-gradient(60% 80% at 15% 10%,rgba(124,108,255,.55),transparent 60%),
                radial-gradient(50% 70% at 85% 5%,rgba(37,214,238,.45),transparent 60%),
                radial-gradient(55% 90% at 70% 90%,rgba(255,92,138,.42),transparent 60%);

  --shadow-sm:0 2px 8px rgba(16,22,52,.06);
  --shadow:0 12px 30px rgba(16,22,52,.10);
  --shadow-lg:0 30px 70px rgba(16,22,52,.18);
  --shadow-glow:0 20px 60px rgba(124,108,255,.35);

  --r-sm:12px; --r:18px; --r-lg:26px; --r-xl:34px;
  --wrap:1200px;
  --sans:"FiraGO",-apple-system,system-ui,"Segoe UI",sans-serif;
  --disp:"Bricolage Grotesque","FiraGO",sans-serif;
}

/* ---------- Reset ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);
  color:var(--text);
  background:var(--surface);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul{list-style:none}
::selection{background:var(--violet);color:#fff}

.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}
.disp{font-family:var(--disp);letter-spacing:-.02em}
.tnum{font-family:var(--disp);font-feature-settings:"tnum" 1;letter-spacing:-.03em}
section{position:relative}

/* section headers */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--violet);
}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--grad-cta)}
.sec-head{margin-bottom:38px}
.sec-head h2{
  font-family:var(--disp);font-weight:700;letter-spacing:-.03em;line-height:1.05;
  font-size:clamp(1.8rem,4vw,2.9rem);margin-top:12px;
}
.sec-head p{color:var(--text-soft);max-width:52ch;margin-top:12px;font-size:1.02rem}
.sec-head .row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-weight:600;font-size:.98rem;padding:14px 26px;border-radius:999px;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,color .25s;
  white-space:nowrap;
}
.btn-primary{background:var(--grad-cta);color:#fff;box-shadow:0 12px 26px rgba(255,77,109,.35)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(255,77,109,.45)}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.btn-ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-3px)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.btn-line{border:1.5px solid var(--line);color:var(--text);background:#fff}
.btn-line:hover{border-color:var(--violet);color:var(--violet);transform:translateY(-3px)}

/* =====================================================
   Announce bar
   ===================================================== */
.announce{
  background:var(--ink);color:#dfe3ff;font-size:.82rem;text-align:center;
  padding:9px 16px;position:relative;overflow:hidden;
}
.announce b{color:#fff}
.announce .spark{color:var(--cyan)}

/* =====================================================
   Header
   ===================================================== */
.site-head{
  position:sticky;top:0;z-index:60;
  background:rgba(244,246,252,.72);backdrop-filter:blur(14px) saturate(1.4);
  border-bottom:1px solid transparent;transition:border-color .3s,background .3s;
}
.site-head.scrolled{border-color:var(--line);background:rgba(244,246,252,.9)}
.nav{display:flex;align-items:center;gap:26px;height:72px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:1.4rem;letter-spacing:-.04em}
.brand .mark{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  background:var(--ink);position:relative;overflow:hidden;flex:0 0 auto;
}
.brand .mark::after{content:"";position:absolute;inset:0;background:var(--grad-aurora);opacity:.9}
.brand .mark svg{position:relative;z-index:1}
.brand .live{color:var(--text-mute);font-weight:400}
.nav-links{display:flex;align-items:center;gap:24px;margin-inline:auto}
.nav-links a{font-size:.95rem;font-weight:500;color:var(--text-soft);position:relative;transition:color .2s}
.nav-links a:hover{color:var(--text)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--grad-cta);border-radius:2px;transition:width .3s}
.nav-links a:hover::after{width:100%}
.nav-actions{display:flex;align-items:center;gap:12px}
.lang-pill{
  display:flex;align-items:center;gap:7px;font-size:.85rem;font-weight:600;
  padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--text-soft);
}
.lang-pill b{color:var(--text)}
.icon-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--text-soft);transition:.2s}
.icon-btn:hover{color:var(--violet);border-color:var(--violet)}
.burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff}
.burger span{display:block;width:19px;height:2px;background:var(--text);margin:4px auto;border-radius:2px;transition:.3s}

/* =====================================================
   Hero
   ===================================================== */
.hero{
  background:var(--ink);color:#fff;position:relative;overflow:hidden;
  padding:70px 0 110px;
}
.hero::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:120%;background:var(--grad-aurora);filter:blur(10px);opacity:.85;z-index:0}
.hero::after{ /* subtle grid */
  content:"";position:absolute;inset:0;z-index:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:56px 56px;mask-image:radial-gradient(120% 90% at 50% 0%,#000 40%,transparent 85%);
}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.hero-badge{
  display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;
  padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);
  color:#e7e9ff;margin-bottom:22px;
}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(49,224,168,.6);animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(49,224,168,.55)}70%{box-shadow:0 0 0 10px rgba(49,224,168,0)}100%{box-shadow:0 0 0 0 rgba(49,224,168,0)}}
.hero h1{
  font-family:var(--disp);font-weight:700;letter-spacing:-.035em;line-height:1.02;
  font-size:clamp(2.4rem,5.4vw,4.3rem);
}
.hero h1 .grad{background:linear-gradient(100deg,var(--cyan),var(--violet) 55%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lede{color:#c3c8ef;font-size:1.12rem;max-width:44ch;margin:22px 0 30px;font-weight:300}
.hero .lede b{color:#fff;font-weight:600}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.stores{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.store-badge{
  display:flex;align-items:center;gap:11px;padding:9px 17px 9px 15px;border-radius:14px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);transition:.25s;
}
.store-badge:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}
.store-badge small{display:block;font-size:.62rem;color:#aeb4dd;letter-spacing:.06em;text-transform:uppercase}
.store-badge span{font-family:var(--disp);font-weight:600;font-size:1rem;line-height:1.1}
.hero-stats{display:flex;gap:30px;margin-top:38px;flex-wrap:wrap}
.hero-stats .st b{font-family:var(--disp);font-size:1.7rem;font-weight:700;display:block;line-height:1}
.hero-stats .st span{font-size:.82rem;color:#a9afdb}

/* Phone mockup */
.phone-wrap{position:relative;display:grid;place-items:center}
.phone-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:var(--grad-cta);filter:blur(70px);opacity:.5}
.phone{
  position:relative;width:290px;height:590px;border-radius:44px;
  background:linear-gradient(160deg,#1b2250,#0c1130);
  border:1.5px solid rgba(255,255,255,.14);padding:14px;
  box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.12);
}
.phone-screen{
  width:100%;height:100%;border-radius:32px;overflow:hidden;position:relative;
  background:radial-gradient(120% 60% at 50% 0%,#1e2a63,#0b1030);
  display:flex;flex-direction:column;color:#fff;
}
.phone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:96px;height:24px;background:#05070f;border-radius:14px;z-index:3}
.ps-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 6px;font-size:.7rem;color:#cfd4ff;font-weight:600}
.ps-hd{padding:34px 22px 0}
.ps-hd .flag{font-size:2rem}
.ps-hd h3{font-family:var(--disp);font-size:1.3rem;font-weight:700;margin-top:6px}
.ps-hd p{font-size:.78rem;color:#a7adde}
.ps-ring{margin:14px auto 0;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative}
.ps-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.ps-ring .amt{font-family:var(--disp);font-size:2rem;font-weight:700;line-height:1}
.ps-ring .amt small{display:block;font-size:.68rem;color:#a7adde;font-weight:500;margin-top:3px}
.ps-info{margin:auto 16px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.ps-info .lbl{font-size:.68rem;color:#a7adde}
.ps-info .val{font-family:var(--disp);font-weight:600;font-size:.95rem}
.ps-btn{margin:0 16px 20px;background:var(--grad-cta);border-radius:16px;text-align:center;padding:13px;font-weight:600;font-size:.95rem;box-shadow:0 10px 24px rgba(255,77,109,.4)}
.chip-float{
  position:absolute;background:rgba(255,255,255,.95);color:var(--text);border-radius:16px;
  padding:11px 15px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-size:.82rem;font-weight:600;
  backdrop-filter:blur(6px);
}
.chip-float .ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:1rem}
.chip-1{top:60px;left:-40px;animation:float1 5s ease-in-out infinite}
.chip-2{bottom:110px;right:-46px;animation:float2 6s ease-in-out infinite}
.chip-3{bottom:24px;left:-24px;animation:float1 5.5s ease-in-out infinite .5s}
@keyframes float1{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes float2{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}

/* wave divider */
.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;z-index:1;line-height:0}
.hero-wave svg{width:100%;height:70px;display:block}

/* =====================================================
   Trust strip
   ===================================================== */
.trust{background:var(--surface);padding:36px 0}
.trust .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust .item{display:flex;gap:14px;align-items:center}
.trust .ic{width:48px;height:48px;border-radius:14px;flex:0 0 auto;display:grid;place-items:center;background:#fff;box-shadow:var(--shadow-sm);color:var(--violet);font-size:1.25rem}
.trust h4{font-size:1rem;font-weight:600;line-height:1.2}
.trust p{font-size:.82rem;color:var(--text-mute)}

/* =====================================================
   Section shell (light)
   ===================================================== */
.sec{padding:78px 0}
.sec.tight{padding:56px 0}

/* Package day-plan pills (region featured) */
.region-hero{
  background:linear-gradient(120deg,var(--ink),var(--ink-3));color:#fff;border-radius:var(--r-xl);
  padding:40px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center;
  box-shadow:var(--shadow-lg);
}
.region-hero::before{content:"";position:absolute;inset:0;background:var(--grad-aurora);opacity:.5}
.region-hero>*{position:relative;z-index:1}
.region-hero .rh-flags{font-size:2.4rem;letter-spacing:2px}
.region-hero h3{font-family:var(--disp);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;letter-spacing:-.03em;margin:12px 0 8px;line-height:1.05}
.region-hero p{color:#c3c8ef;max-width:40ch;font-weight:300}
.day-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.day-plan{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);
  padding:18px 20px;transition:.25s;cursor:pointer;position:relative;overflow:hidden;
}
.day-plan:hover{background:rgba(255,255,255,.13);transform:translateY(-4px);border-color:rgba(255,255,255,.3)}
.day-plan .days{font-family:var(--disp);font-size:1.5rem;font-weight:700}
.day-plan .days small{font-size:.8rem;font-weight:400;color:#b7bdea}
.day-plan .unl{display:inline-block;font-size:.7rem;font-weight:600;color:var(--mint);margin:6px 0 12px;letter-spacing:.04em}
.day-plan .price{display:flex;align-items:baseline;gap:4px}
.day-plan .price b{font-family:var(--disp);font-size:1.6rem;font-weight:700}
.day-plan .price span{font-size:.85rem;color:#b7bdea}
.day-plan .buy{margin-top:10px;font-size:.8rem;color:#fff;opacity:.8;display:flex;align-items:center;gap:5px}

/* =====================================================
   Country / offer cards grid
   ===================================================== */
.offers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.offer{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;
  position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;overflow:hidden;
}
.offer::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(130deg,var(--violet),var(--cyan));opacity:0;transition:.3s;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.offer:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.offer:hover::after{opacity:1}
.offer .flag{font-size:2.4rem;line-height:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}
.offer .disc{position:absolute;top:16px;right:16px;background:var(--grad-cta);color:#fff;font-size:.72rem;font-weight:700;padding:5px 10px;border-radius:999px;font-family:var(--disp)}
.offer h4{font-size:1.12rem;font-weight:600;margin:16px 0 3px}
.offer .region{font-size:.78rem;color:var(--text-mute);display:flex;align-items:center;gap:6px}
.offer .plan-meta{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}
.offer .tag{font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:8px;background:var(--surface);color:var(--text-soft)}
.offer .tag.unl{background:rgba(49,224,168,.14);color:#12a878}
.offer .foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}
.offer .from{font-size:.72rem;color:var(--text-mute)}
.offer .price b{font-family:var(--disp);font-size:1.5rem;font-weight:700}
.offer .price .old{font-size:.82rem;color:var(--text-mute);text-decoration:line-through;margin-left:6px}
.offer .price span.cur{font-size:.85rem;color:var(--text-soft)}
.offer .go{width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;transition:.25s;flex:0 0 auto}
.offer:hover .go{background:var(--grad-cta)}

/* popular chips */
.pop-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.pop{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;
  display:flex;align-items:center;gap:13px;transition:.25s;
}
.pop:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:var(--violet)}
.pop .flag{font-size:1.9rem}
.pop h5{font-size:.98rem;font-weight:600}
.pop p{font-size:.76rem;color:var(--text-mute)}
.pop .arr{margin-left:auto;color:var(--text-mute);transition:.25s}
.pop:hover .arr{color:var(--violet);transform:translateX(3px)}

/* =====================================================
   Regional big plans
   ===================================================== */
.regions{background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:56px 44px;position:relative;overflow:hidden}
.regions::before{content:"";position:absolute;inset:0;background:var(--grad-aurora);opacity:.4}
.regions>*{position:relative;z-index:1}
.regions .sec-head h2,.regions .sec-head p{color:#fff}
.regions .sec-head p{color:#c3c8ef}
.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rg{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);
  padding:24px;transition:.3s;cursor:pointer;position:relative;overflow:hidden;
}
.rg:hover{background:rgba(255,255,255,.12);transform:translateY(-6px)}
.rg .emoji{font-size:2rem}
.rg h4{font-family:var(--disp);font-size:1.15rem;font-weight:600;margin:14px 0 6px}
.rg p{font-size:.82rem;color:#b7bdea;margin-bottom:16px}
.rg .cover{font-size:.74rem;color:#9aa0d3;display:flex;align-items:center;gap:6px;margin-bottom:14px}
.rg .price{display:flex;align-items:baseline;gap:5px}
.rg .price b{font-family:var(--disp);font-size:1.5rem;font-weight:700}
.rg .price span{font-size:.8rem;color:#b7bdea}
.rg .spark{position:absolute;top:20px;right:20px;color:var(--cyan);opacity:.5;font-size:1.1rem}

/* =====================================================
   App download
   ===================================================== */
.appcta{
  background:linear-gradient(120deg,#fff,#f0f3ff);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:52px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;overflow:hidden;position:relative;
  box-shadow:var(--shadow);
}
.appcta::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--grad-aurora);filter:blur(30px);opacity:.25;top:-140px;right:-80px}
.appcta>*{position:relative;z-index:1}
.appcta h2{font-family:var(--disp);font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.05}
.appcta p{color:var(--text-soft);margin:14px 0 24px;max-width:44ch}
.appcta .qr{width:118px;height:118px;border-radius:18px;background:#fff;box-shadow:var(--shadow);padding:10px;display:grid;place-items:center}
.appcta .app-visual{display:flex;justify-content:center;gap:18px;align-items:center}
.qr-wrap{display:flex;align-items:center;gap:16px;margin-top:8px}
.qr-wrap small{font-size:.82rem;color:var(--text-soft);max-width:16ch}

/* =====================================================
   How it works
   ===================================================== */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:step}
.step{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:34px 28px;position:relative;
  transition:.3s;overflow:hidden;
}
.step:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.step .num{
  counter-increment:step;font-family:var(--disp);font-size:3.2rem;font-weight:700;line-height:1;
  background:linear-gradient(135deg,var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9;
}
.step .num::before{content:"0" counter(step)}
.step .ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--surface);color:var(--violet);font-size:1.4rem;margin:18px 0 16px}
.step h4{font-size:1.2rem;font-weight:600;margin-bottom:8px}
.step p{font-size:.92rem;color:var(--text-soft)}
.step .line{position:absolute;top:52px;right:-11px;color:var(--line);z-index:2;display:none}

/* =====================================================
   FAQ
   ===================================================== */
.faq-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.25s}
.faq-item.open{box-shadow:var(--shadow-sm);border-color:var(--violet)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;text-align:left;font-weight:600;font-size:1.02rem}
.faq-q .pm{width:28px;height:28px;border-radius:9px;background:var(--surface);display:grid;place-items:center;flex:0 0 auto;transition:.3s;color:var(--violet)}
.faq-item.open .pm{background:var(--grad-cta);color:#fff;transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;color:var(--text-soft)}
.faq-a p{padding:0 22px 22px;font-size:.94rem}
.faq-side{background:linear-gradient(150deg,var(--ink),var(--ink-3));color:#fff;border-radius:var(--r-lg);padding:36px;position:relative;overflow:hidden}
.faq-side::before{content:"";position:absolute;inset:0;background:var(--grad-aurora);opacity:.45}
.faq-side>*{position:relative;z-index:1}
.faq-side h3{font-family:var(--disp);font-size:1.5rem;font-weight:700;margin:16px 0 10px}
.faq-side p{color:#c3c8ef;font-size:.95rem;margin-bottom:22px}
.faq-side .big-ic{font-size:2.6rem}

/* =====================================================
   Support
   ===================================================== */
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sup{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;transition:.3s;
}
.sup:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.sup .ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:1.5rem;color:#fff;margin-bottom:18px}
.sup h4{font-size:1.15rem;font-weight:600;margin-bottom:6px}
.sup p{font-size:.9rem;color:var(--text-soft);margin-bottom:16px}
.sup a{font-weight:600;color:var(--violet);display:inline-flex;align-items:center;gap:6px;font-size:.92rem}
.sup a:hover{gap:10px}

/* =====================================================
   Footer
   ===================================================== */
.site-foot{background:var(--ink);color:#c3c8ef;padding:64px 0 30px;position:relative;overflow:hidden;margin-top:6px}
.site-foot::before{content:"";position:absolute;inset:0 0 auto 0;height:60%;background:var(--grad-aurora);opacity:.25}
.site-foot .wrap{position:relative;z-index:1}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-brand .brand{color:#fff;margin-bottom:16px}
.foot-brand p{font-size:.92rem;max-width:34ch;font-weight:300}
.foot-social{display:flex;gap:10px;margin-top:20px}
.foot-social a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;transition:.25s}
.foot-social a:hover{background:var(--grad-cta);transform:translateY(-3px);border-color:transparent}
.foot-col h5{color:#fff;font-family:var(--disp);font-weight:600;font-size:1rem;margin-bottom:16px}
.foot-col a{display:block;font-size:.9rem;padding:6px 0;color:#a9afdb;transition:.2s}
.foot-col a:hover{color:#fff;transform:translateX(3px)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;flex-wrap:wrap;font-size:.84rem;color:#8890b0}
.foot-bottom .pays{display:flex;gap:8px;align-items:center}
.foot-bottom .pay{padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.07);font-size:.72rem;font-weight:600;color:#c3c8ef}

/* =====================================================
   Reveal animations
   ===================================================== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.hero .reveal{transition-delay:calc(var(--i,0) * .09s)}

/* =====================================================
   Responsive
   ===================================================== */
@media(max-width:1000px){
  .hero .wrap{grid-template-columns:1fr;gap:60px}
  .phone-wrap{order:-1}
  .region-hero,.appcta,.faq-wrap{grid-template-columns:1fr;gap:30px}
  .offers-grid{grid-template-columns:repeat(2,1fr)}
  .pop-grid{grid-template-columns:repeat(2,1fr)}
  .region-grid{grid-template-columns:repeat(2,1fr)}
  .trust .grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr}
  .support-grid{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .nav-links{display:none}
  .nav-actions .lang-pill,.nav-actions .btn-dark{display:none}
  .burger{display:block}
  .offers-grid,.pop-grid,.region-grid,.trust .grid{grid-template-columns:1fr}
  .day-plans{grid-template-columns:1fr}
  .region-hero,.regions,.appcta,.faq-side{padding:30px 22px}
  .hero-stats{gap:20px}
  .foot-top{grid-template-columns:1fr}
  .sec{padding:56px 0}
  .chip-1{left:-10px} .chip-2{right:-14px}
}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}