/* ==========================================================================
   Rainbet Aviamasters CA — Aviamasters-inspired dark aviation theme
   Single lightweight stylesheet. System fonts only.
   ========================================================================== */

:root{
  --navy-900:#060f20;
  --navy-850:#0a1730;
  --navy-800:#0d1e3d;
  --navy-700:#122a52;
  --navy-600:#1b3a6e;
  --line:#1d3157;
  --sky:#38bdf8;
  --electric:#2f6bff;
  --cyan:#22d3ee;
  --gold-1:#f7a936;
  --gold-2:#ffca5f;
  --text:#eaf1ff;
  --muted:#9cb0d4;
  --muted-2:#6f85ad;
  --white:#ffffff;
  --good:#31c48d;
  --danger:#ff6b6b;
  --radius:16px;
  --radius-sm:10px;
  --shadow:0 18px 40px -18px rgba(0,0,0,.75);
  --shadow-glow:0 0 0 1px rgba(56,189,248,.14), 0 20px 44px -20px rgba(47,107,255,.55);
  --maxw:1160px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(47,107,255,.20), transparent 60%),
    radial-gradient(900px 500px at 0% 0%, rgba(34,211,238,.10), transparent 55%),
    var(--navy-900);
  line-height:1.65;
  font-size:17px;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--sky);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.2rem)}
h2{font-size:clamp(1.5rem,3.4vw,2.2rem)}
h3{font-size:clamp(1.15rem,2.2vw,1.4rem)}
p{margin:0 0 1rem}
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}
.section{padding:clamp(2.5rem,6vw,4.5rem) 0}
.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--cyan);margin-bottom:.7rem}
.muted{color:var(--muted)}
.center{text-align:center}
.lead{font-size:1.12rem;color:#cfdcf5;max-width:62ch}

/* Skip link + focus */
.skip-link{position:absolute;left:-999px;top:0;background:var(--gold-1);color:#20160a;padding:.6rem 1rem;border-radius:0 0 8px 0;z-index:200;font-weight:700}
.skip-link:focus{left:0}
:focus-visible{outline:3px solid var(--gold-2);outline-offset:2px;border-radius:6px}

/* ===== Header / nav ===== */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(6,15,32,.82);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:66px}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;color:var(--white);font-size:1.05rem}
.brand:hover{text-decoration:none}
.brand img{width:38px;height:38px;border-radius:9px;box-shadow:0 0 0 1px rgba(56,189,248,.35)}
.brand span b{color:var(--sky)}
.nav-links{display:flex;align-items:center;gap:.35rem;list-style:none;margin:0;padding:0}
.nav-links a{
  color:var(--text);padding:.55rem .85rem;border-radius:10px;font-weight:600;font-size:.98rem;
  transition:background .2s,color .2s;
}
.nav-links a:hover,.nav-links a[aria-current="page"]{background:var(--navy-700);color:var(--white);text-decoration:none}
.nav-cta{margin-left:.4rem}
.nav-toggle{
  display:none;background:var(--navy-700);border:1px solid var(--line);color:var(--white);
  width:46px;height:44px;border-radius:11px;cursor:pointer;align-items:center;justify-content:center;
}
.nav-toggle .bar{display:block;width:22px;height:2px;background:var(--white);margin:3px auto;transition:.25s;border-radius:2px}
.nav-toggle[aria-expanded="true"] .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .bar:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* ===== Buttons ===== */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;justify-content:center;
  font-weight:800;font-size:1rem;padding:.85rem 1.4rem;border-radius:12px;
  border:1px solid transparent;cursor:pointer;transition:transform .12s ease, box-shadow .2s, background .2s;
  text-align:center;
}
.btn:hover{text-decoration:none;transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:linear-gradient(135deg,var(--gold-1),var(--gold-2));color:#241703;box-shadow:0 12px 28px -12px rgba(247,169,54,.8)}
.btn-secondary{background:linear-gradient(135deg,var(--electric),var(--sky));color:#04121f;box-shadow:0 12px 28px -12px rgba(47,107,255,.75)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}
.btn-ghost:hover{background:var(--navy-700)}
.btn-lg{padding:1rem 1.7rem;font-size:1.08rem}
.btn-block{width:100%}

/* ===== Hero ===== */
.hero{position:relative;padding:clamp(2rem,5vw,3.6rem) 0 clamp(2.5rem,6vw,4rem);overflow:hidden}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(700px 340px at 78% 20%, rgba(47,107,255,.28), transparent 62%),
    radial-gradient(520px 300px at 8% 80%, rgba(34,211,238,.16), transparent 60%);
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.hero h1 span{color:var(--sky)}
.hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.hero-media{position:relative}
.trustline{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-top:1.2rem;color:var(--muted);font-size:.92rem}
.trustline span{display:inline-flex;align-items:center;gap:.4rem}
.trustline svg{flex:0 0 auto}

/* ===== Breadcrumbs ===== */
.breadcrumbs{padding:.9rem 0 0}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:0;font-size:.86rem;color:var(--muted)}
.breadcrumbs li::after{content:"›";margin-left:.4rem;color:var(--muted-2)}
.breadcrumbs li:last-child::after{content:""}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs [aria-current="page"]{color:var(--text)}

/* ===== Cards ===== */
.grid{display:grid;gap:1.1rem}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{
  background:linear-gradient(180deg,rgba(18,42,82,.55),rgba(10,23,48,.55));
  border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);
  position:relative;overflow:hidden;
}
.card h3{margin-top:.2rem}
.card .ic{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:.9rem;
  background:linear-gradient(135deg,rgba(47,107,255,.25),rgba(34,211,238,.18));border:1px solid var(--line);color:var(--sky)
}
.card.link-card:hover{border-color:rgba(56,189,248,.5);transform:translateY(-3px);transition:.2s}
.card-cta{margin-top:.6rem;font-weight:700;color:var(--sky)}

.panel{
  background:linear-gradient(180deg,rgba(13,30,61,.7),rgba(8,18,38,.7));
  border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.3rem,3vw,2.2rem);box-shadow:var(--shadow)
}

/* ===== Promo code component ===== */
.promo{
  background:
    radial-gradient(500px 200px at 15% 0%, rgba(34,211,238,.18), transparent 60%),
    linear-gradient(135deg,var(--navy-800),var(--navy-700));
  border:1px solid rgba(56,189,248,.35);border-radius:20px;padding:clamp(1.4rem,3vw,2.2rem);
  box-shadow:var(--shadow-glow);text-align:center;max-width:640px;margin-inline:auto
}
.promo .promo-label{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--cyan);font-weight:700}
.promo .promo-bonus{font-size:1.1rem;color:var(--gold-2);font-weight:700;margin:.3rem 0 1rem}
.code-box{
  display:flex;align-items:stretch;gap:.5rem;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center
}
.code-value{
  flex:1;min-width:180px;display:flex;align-items:center;justify-content:center;gap:.6rem;
  background:var(--navy-900);border:2px dashed var(--sky);border-radius:12px;padding:.9rem 1rem;
  font-size:1.6rem;font-weight:800;letter-spacing:.12em;color:var(--white);cursor:pointer;user-select:all;
}
.code-value:hover{border-color:var(--gold-2)}
.copy-btn{
  border:none;border-radius:12px;padding:.9rem 1.3rem;font-weight:800;font-size:1rem;cursor:pointer;
  background:linear-gradient(135deg,var(--gold-1),var(--gold-2));color:#241703;white-space:nowrap;
}
.copy-btn:hover{transform:translateY(-2px)}
.copy-toast{
  margin-top:.9rem;min-height:1.2rem;font-weight:700;color:var(--good);opacity:0;transition:opacity .25s
}
.copy-toast.show{opacity:1}
.promo .fineprint{font-size:.82rem;color:var(--muted);margin-top:.9rem}

/* ===== Callout / note ===== */
.note{border-left:4px solid var(--sky);background:rgba(47,107,255,.08);padding:1rem 1.1rem;border-radius:0 12px 12px 0;margin:1.2rem 0}
.note.warn{border-left-color:var(--gold-1);background:rgba(247,169,54,.08)}
.note.risk{border-left-color:var(--danger);background:rgba(255,107,107,.08)}
.note strong{color:var(--white)}

/* ===== Steps ===== */
.steps{counter-reset:step;display:grid;gap:1rem;margin:1.4rem 0}
.step{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1.1rem 1.2rem;background:rgba(13,30,61,.5);border:1px solid var(--line);border-radius:14px}
.step .num{counter-increment:step;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--electric),var(--cyan));color:#04121f}
.step .num::before{content:counter(step)}
.step h3{margin:.1rem 0 .3rem;font-size:1.1rem}

/* ===== Figures / screenshots ===== */
.figure{margin:1.6rem auto;max-width:760px}
.figure img{border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow);width:100%;height:auto;background:var(--navy-850)}
.figure.narrow{max-width:520px}
.figcaption{margin-top:.6rem;font-size:.9rem;color:var(--muted);text-align:center}
.figcaption b{color:var(--text)}

/* ===== Tables ===== */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin:1.4rem 0;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;min-width:520px}
caption{caption-side:top;text-align:left;padding:.9rem 1rem;color:var(--muted);font-size:.9rem}
th,td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--line);font-size:.96rem}
thead th{background:var(--navy-700);color:var(--white);font-weight:700;position:sticky;top:0}
tbody tr:hover{background:rgba(47,107,255,.06)}
tbody tr:last-child td{border-bottom:none}

/* ===== Multiplier chart (inline svg) ===== */
.chart{width:100%;height:auto;background:var(--navy-850);border:1px solid var(--line);border-radius:14px}

/* ===== FAQ accordion ===== */
.faq{display:grid;gap:.7rem;max-width:820px;margin-inline:auto}
.faq-item{border:1px solid var(--line);border-radius:14px;background:rgba(13,30,61,.5);overflow:hidden}
.faq-q{
  width:100%;text-align:left;background:none;border:none;color:var(--text);font-weight:700;font-size:1.03rem;
  padding:1.05rem 1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer
}
.faq-q .chev{flex:0 0 auto;width:22px;height:22px;transition:transform .3s;color:var(--sky)}
.faq-q[aria-expanded="true"] .chev{transform:rotate(180deg)}
.faq-a{overflow:hidden;max-height:0;transition:max-height .3s ease}
.faq-a-inner{padding:0 1.2rem 1.15rem;color:var(--muted)}
.faq-a-inner p:last-child{margin-bottom:0}

/* ===== CTA banner ===== */
.cta-banner{
  text-align:center;
  background:
    radial-gradient(600px 240px at 50% 0%, rgba(47,107,255,.3), transparent 65%),
    linear-gradient(135deg,var(--navy-800),var(--navy-700));
  border:1px solid rgba(56,189,248,.3);border-radius:20px;padding:clamp(1.8rem,4vw,3rem);box-shadow:var(--shadow-glow)
}
.cta-banner h2{margin-bottom:.4rem}
.cta-banner .btn{margin-top:1rem}

/* ===== Footer ===== */
.site-footer{border-top:1px solid var(--line);background:var(--navy-900);margin-top:2rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding:2.6rem 0 1.6rem}
.footer-grid h4{font-size:.95rem;color:var(--white);text-transform:uppercase;letter-spacing:.08em}
.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.footer-grid a{color:var(--muted)}
.footer-grid a:hover{color:var(--sky)}
.footer-brand p{color:var(--muted);font-size:.94rem;max-width:42ch}
.footer-bottom{border-top:1px solid var(--line);padding:1.2rem 0;color:var(--muted-2);font-size:.85rem;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between}
.footer-disclaimer{font-size:.82rem;color:var(--muted-2);padding-bottom:1.6rem;max-width:80ch}
.age-badge{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--gold-1);color:var(--gold-2);font-weight:800;font-size:.78rem}

/* ===== TOC / chips ===== */
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}
.chip{background:var(--navy-700);border:1px solid var(--line);color:var(--text);padding:.4rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600}
.chip:hover{background:var(--navy-600);text-decoration:none}

/* ===== Scroll reveal ===== */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ===== Responsive ===== */
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-media{order:-1}
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:1.4rem}
}
@media (max-width:760px){
  body{font-size:16px}
  .nav-toggle{display:inline-flex}

  /* Mobile dropdown: solid opaque block anchored directly under the header,
     no fixed height, no negative margins, layered above page content. */
  .nav-links{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:120;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    margin:0;
    padding:12px 16px 20px;
    background:var(--navy-900);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    box-shadow:0 26px 44px -22px rgba(0,0,0,.85);
    max-height:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transition:max-height .3s ease, opacity .25s ease, visibility .3s ease, padding .3s ease;
  }
  .nav-links.open{
    max-height:min(80vh,560px);
    overflow-y:auto;
    opacity:1;
    visibility:visible;
    -webkit-overflow-scrolling:touch;
  }
  .nav-links li{margin:0}
  /* Equal height and tap zone for every item, aligned in one column */
  .nav-links a{
    display:flex;
    align-items:center;
    min-height:52px;
    padding:0 14px;
    margin:0;
    font-size:1.02rem;
    font-weight:600;
    border-radius:10px;
    line-height:1.2;
  }
  /* Active item: same height as the rest, tidy subtle highlight */
  .nav-links a[aria-current="page"]{
    background:var(--navy-700);
    color:var(--white);
    box-shadow:inset 3px 0 0 var(--sky);
  }
  /* Clear separation before the CTA */
  .nav-links .nav-cta{
    margin-top:6px;
    padding-top:14px;
    border-top:1px solid var(--line);
  }
  .nav-links .nav-cta .btn{
    width:100%;
    min-height:52px;
  }
}
@media (max-width:560px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .step{grid-template-columns:1fr;gap:.5rem}
  .code-value{font-size:1.4rem}
  .btn{width:100%}
  .hero-cta .btn{width:100%}
}

/* ==========================================================================
   Aviamasters hero demo (auto-looping flight simulation)
   ========================================================================== */
.avia-demo{
  position:relative;display:block;width:100%;
  aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;cursor:pointer;
  border:1px solid rgba(56,189,248,.35);box-shadow:var(--shadow-glow);
  background:linear-gradient(180deg,#081832 0%,#0f2d59 52%,#17407c 100%);
  text-decoration:none;color:var(--text);
}
.avia-demo:hover{text-decoration:none;border-color:rgba(56,189,248,.6)}
.avia-demo:hover .demo-cta{transform:translateY(-2px)}
.avia-demo:focus-visible{outline:3px solid var(--gold-2);outline-offset:3px}

.demo-sky{position:absolute;inset:0;overflow:hidden}
.demo-sky .cloud{
  position:absolute;background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(255,255,255,0));
  border-radius:50%;opacity:.16;will-change:transform;
}
.demo-sky .c1{width:120px;height:120px;top:14%;left:-30%;animation:drift 26s linear infinite}
.demo-sky .c2{width:90px;height:90px;top:52%;left:-25%;animation:drift 34s linear infinite;animation-delay:-12s}
.demo-sky .c3{width:150px;height:150px;top:70%;left:-40%;animation:drift 44s linear infinite;animation-delay:-24s}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(360%)}}

.flight-path{position:absolute;inset:0;width:100%;height:100%}

.plane{position:absolute;left:0;bottom:14%;width:50px;height:50px;will-change:transform;transition:opacity .5s ease}
.plane .bob{transform-origin:center;animation:planebob 2.6s ease-in-out infinite}
.plane svg{display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
@keyframes planebob{0%,100%{transform:rotate(43deg) translateY(0)}50%{transform:rotate(47deg) translateY(-3px)}}

.demo-hud{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px;pointer-events:none}
.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;font-size:.78rem}
.demo-status{background:rgba(6,15,32,.6);border:1px solid var(--line);padding:.26rem .6rem;border-radius:999px;font-weight:700;color:var(--cyan);white-space:nowrap}
.demo-status.end{color:var(--gold-2);border-color:rgba(247,169,54,.5)}
.demo-bet{background:rgba(6,15,32,.5);border:1px solid var(--line);padding:.26rem .6rem;border-radius:999px;color:var(--muted);white-space:nowrap}
.hud-mult{text-align:center;line-height:1.05}
.hud-mult span{font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800;color:#fff;text-shadow:0 4px 20px rgba(47,107,255,.55);display:inline-block;transition:color .3s ease,transform .3s ease}
.hud-mult small{display:block;margin-top:.2rem;font-size:.82rem;color:var(--muted);font-weight:600}
.hud-mult.pop span{color:var(--gold-2);transform:scale(1.09)}
.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:.5rem;font-size:.8rem;color:var(--muted)}
.hud-bottom b{color:#fff}
.demo-cta{pointer-events:auto;align-self:center;margin-top:.4rem;padding:.6rem 1.15rem;font-size:.95rem}
.demo-note{margin:.7rem 0 0;font-size:.78rem;color:var(--muted-2);text-align:center}

@media (prefers-reduced-motion: reduce){
  .demo-sky .cloud,.plane .bob{animation:none}
}
@media (max-width:900px){
  /* Demo sits UNDER the text and CTA on tablet/mobile */
  .hero-media{order:0}
  .avia-demo{max-width:560px;margin-inline:auto}
}
@media (max-width:560px){
  .avia-demo{aspect-ratio:5/4}
  .plane{width:42px;height:42px}
  .demo-hud{padding:11px 12px}
  .hud-top,.hud-bottom{font-size:.72rem}
  .demo-cta{width:auto}
}

/* ==========================================================================
   CTA widgets (Boost card, mini aviation CTA, quick details, activate steps,
   strategy check, inline banner, mechanic cards) + compact buttons + sticky CTA
   ========================================================================== */

/* Compact button + active states (adds to existing .btn system) */
.btn-compact{padding:.55rem 1rem;font-size:.92rem;min-height:42px;border-radius:11px}
.btn:active{transform:translateY(0)}
.btn-primary:active{box-shadow:0 6px 16px -10px rgba(247,169,54,.8)}
.btn-secondary:active{box-shadow:0 6px 16px -10px rgba(47,107,255,.7)}

/* Widget 1 — BOOST20 promo card (compact) */
.boost-card{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;
  background:linear-gradient(135deg,var(--navy-800),var(--navy-700));
  border:1px solid rgba(56,189,248,.35);border-radius:16px;padding:1.1rem 1.2rem;box-shadow:var(--shadow)
}
.boost-card-info{display:flex;flex-direction:column;gap:.35rem;min-width:180px}
.boost-tag{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan)}
.boost-code{
  align-self:flex-start;font-size:1.5rem;font-weight:800;letter-spacing:.1em;color:#fff;
  background:var(--navy-900);border:2px dashed var(--sky);border-radius:10px;padding:.35rem .85rem;cursor:pointer;user-select:all
}
.boost-code:hover{border-color:var(--gold-2)}
.boost-card-actions{display:flex;flex-wrap:wrap;gap:.55rem}
.boost-card .copy-toast{margin:0;font-size:.82rem}

/* Widget 2 — Aviamasters quick-access mini CTA */
.mini-cta{
  display:grid;grid-template-columns:210px 1fr;gap:0;overflow:hidden;
  border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);
  background:linear-gradient(180deg,rgba(13,30,61,.6),rgba(8,18,38,.6))
}
.mini-cta-scene{
  position:relative;background:linear-gradient(180deg,#0a1c3a,#123056);overflow:hidden;min-height:150px;
  display:flex;align-items:flex-start;justify-content:space-between;padding:.7rem .8rem
}
.mini-status{font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--good);background:rgba(6,15,32,.55);border:1px solid var(--line);padding:.2rem .5rem;border-radius:999px}
.mini-mult{font-size:1.2rem;font-weight:800;color:var(--gold-2);text-shadow:0 3px 12px rgba(47,107,255,.5)}
.mini-path{position:absolute;inset:0;width:100%;height:100%}
.mini-plane{position:absolute;left:8%;bottom:16%;color:#7cc4ff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4));animation:miniFly 6s ease-in-out infinite}
@keyframes miniFly{0%{transform:translate(0,0) rotate(-8deg)}50%{transform:translate(96px,-46px) rotate(-4deg)}100%{transform:translate(0,0) rotate(-8deg)}}
.mini-cta-body{padding:1.2rem 1.3rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem}
.mini-cta-body h3{margin:0}
.mini-cta-body p{margin:0;color:var(--muted);font-size:.95rem}
.mini-cta-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.3rem}

/* Widget 3 — Quick details card */
.facts-card{
  max-width:420px;border:1px solid var(--line);border-radius:16px;padding:1.3rem;box-shadow:var(--shadow);
  background:linear-gradient(180deg,rgba(18,42,82,.5),rgba(10,23,48,.5))
}
.facts-card h3{margin-top:0}
.facts-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.1rem}
.facts-list li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line)}
.facts-list li:last-child{border-bottom:none}
.facts-list span{color:var(--muted)}
.facts-list b{color:#fff;text-align:right}

/* Widget 4 — Activate steps (compact) */
.activate-widget{border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.4rem;box-shadow:var(--shadow);
  background:linear-gradient(180deg,rgba(13,30,61,.55),rgba(8,18,38,.55))}
.activate-widget h3{margin-top:0}
.activate-steps{margin:0 0 1.1rem;padding-left:0;list-style:none;counter-reset:astep;display:grid;gap:.55rem}
.activate-steps li{counter-increment:astep;display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:center;color:var(--text)}
.activate-steps li::before{content:counter(astep);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;background:linear-gradient(135deg,var(--electric),var(--cyan));color:#04121f}
.activate-actions{display:flex;flex-wrap:wrap;gap:.55rem}

/* Widget 5 — Strategy check */
.strategy-check{border:1px solid rgba(56,189,248,.3);border-radius:18px;padding:clamp(1.3rem,3vw,1.8rem);box-shadow:var(--shadow-glow);
  background:linear-gradient(135deg,var(--navy-800),var(--navy-700))}
.strategy-check h3{margin-top:0}
.sc-options{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}
.sc-btn{flex:1 1 160px;min-height:46px;padding:.6rem .9rem;border-radius:12px;cursor:pointer;font-weight:700;font-size:.95rem;
  background:var(--navy-900);color:var(--text);border:1px solid var(--line);transition:border-color .2s,background .2s,transform .12s}
.sc-btn:hover{border-color:rgba(56,189,248,.6);transform:translateY(-1px)}
.sc-btn[aria-pressed="true"]{background:var(--navy-700);border-color:var(--sky);box-shadow:inset 0 0 0 1px var(--sky)}
.sc-advice{min-height:2.6rem;padding:.9rem 1rem;border-radius:12px;background:rgba(6,15,32,.4);border-left:3px solid var(--cyan);color:var(--muted);margin-bottom:1.1rem}
.sc-actions{display:flex;flex-wrap:wrap;gap:.55rem}

/* Widget 6 — Highlighted Aviamasters card (originals) */
.card.card-feature{border-color:rgba(56,189,248,.5);background:linear-gradient(135deg,rgba(47,107,255,.16),rgba(34,211,238,.1))}
.card .card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}

/* Widget 7 — Inline CTA banner */
.inline-cta{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  border:1px solid rgba(56,189,248,.32);border-radius:14px;padding:.9rem 1.2rem;
  background:linear-gradient(135deg,rgba(47,107,255,.14),rgba(13,30,61,.6))
}
.inline-cta-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.inline-cta-text b{color:#fff;font-size:1.02rem}
.inline-cta-text span{color:var(--muted);font-size:.9rem}
.inline-cta .btn{flex:0 0 auto}
@media (max-width:620px){
  .inline-cta{flex-direction:column;align-items:stretch;text-align:left}
  .inline-cta .btn{width:100%}
}

/* Mobile sticky CTA bar */
.sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;
  background:rgba(6,15,32,.96);border-top:1px solid var(--line);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom));
  box-shadow:0 -10px 26px -14px rgba(0,0,0,.8)
}
.sticky-cta-inner{display:flex;align-items:center;gap:.6rem;max-width:var(--maxw);margin-inline:auto}
.sticky-cta-text{font-size:.82rem;color:var(--text);flex:1;line-height:1.25;min-width:0}
.sticky-cta-text b{color:var(--gold-2)}
.sticky-cta .btn{flex:0 0 auto}
.sticky-cta-close{flex:0 0 auto;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:1.25rem;line-height:1;cursor:pointer}
.sticky-cta-close:hover{color:#fff;border-color:var(--sky)}

@media (max-width:760px){
  .mini-cta{grid-template-columns:1fr}
  .mini-cta-scene{min-height:120px}
  .sticky-cta.show{display:block}
  body.nav-open .sticky-cta.show{display:none}
  body.has-sticky{padding-bottom:78px}
}
@media (prefers-reduced-motion: reduce){
  .mini-plane{animation:none}
}