:root{
  --bg:#ffffff;
  --fg:#0b0d12;
  --muted:#263042;
  --muted2:#4a5870;
  --panel:#f4f6fb;
  --border:#7a8aa3;
  --accent:#0057ff;
  --accentText:#ffffff;
  --focus:#0057ff;
  --radius:16px;
  --radius2:22px;
  --pad:clamp(16px, 4vw, 28px);
  --max:1120px;
  --shadow:0 12px 34px rgba(11,13,18,.12);
  --shadow2:0 18px 50px rgba(11,13,18,.16);
  --navBg:rgba(255,255,255,.78);
  --navBorder:rgba(11,13,18,.14);
  --blur:14px;
}
html.theme-dark{
  --bg:#0b0d12;
  --fg:#f5f7ff;
  --muted:#c8cedf;
  --muted2:#9fb0c8;
  --panel:#111827;
  --border:#4b5f85;
  --accent:#37f3ff;
  --accentText:#001018;
  --focus:#37f3ff;
  --shadow:0 12px 38px rgba(0,0,0,.40);
  --shadow2:0 18px 64px rgba(0,0,0,.48);
  --navBg:rgba(11,13,18,.74);
  --navBorder:rgba(245,247,255,.12);
}
*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color:var(--fg);
  background: radial-gradient(1200px 600px at 70% -10%, rgba(55,243,255,.14), transparent 55%),
              radial-gradient(900px 500px at 10% 10%, rgba(0,87,255,.14), transparent 60%),
              linear-gradient(180deg, var(--bg), var(--bg));
}
a{color:inherit;}
a:hover{text-decoration:none;}
a:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px;}
.skip-link{position:absolute;left:0;top:0;transform:translateY(-140%);padding:10px 14px;background:var(--panel);color:var(--fg);border:2px solid var(--border);border-radius:12px;z-index:9999;}
.skip-link:focus{transform:translateY(12px);margin-left:12px;}
.navbar{position:sticky;top:0;z-index:1000;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));background:var(--navBg);border-bottom:1px solid var(--navBorder);}
.progress{height:3px;background:transparent;}
.progress__bar{height:3px;width:100%;transform-origin:left center;transform:scaleX(0);background:var(--accent);}
.nav{max-width:var(--max);margin:0 auto;padding:10px var(--pad);display:flex;align-items:center;gap:14px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:780;letter-spacing:.2px;}
.brand-mark{width:12px;height:12px;background:var(--accent);border-radius:3px;}
.brand-text{font-size:15px;}
.nav-links{display:flex;align-items:center;gap:12px;margin-left:auto;}
.nav-links a{font-size:14px;text-decoration:none;padding:8px 10px;border-radius:12px;border:1px solid transparent;color:var(--muted);}
.nav-links a:hover{border-color:var(--border);background:rgba(255,255,255,.06);color:var(--fg);}
.nav-tools{display:flex;align-items:center;gap:10px;}
.toolbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--fg);cursor:pointer;font-weight:650;font-size:13px;}
.toolbtn:hover{filter:brightness(1.03);}
.toolbtn:active{transform:translateY(1px);}
.toolbtn:focus-visible{outline:3px solid var(--focus);outline-offset:3px;}
.toolbtn__text{display:none;}
.nav-toggle{display:none;}
.nav-scrim{display:none;}
@media(min-width:720px){.toolbtn__text{display:inline;}}
.lang{position:relative;}
.lang-menu{position:absolute;right:0;top:calc(100% + 10px);width:min(260px,78vw);padding:10px;margin:0;list-style:none;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);}
.lang-menu li + li{margin-top:6px;}
.lang-menu button{width:100%;text-align:left;border-radius:12px;border:1px solid transparent;padding:10px 12px;cursor:pointer;background:transparent;color:var(--fg);font-weight:650;}
.lang-menu button[aria-selected="true"]{border-color:var(--border);background:rgba(55,243,255,.12);}
.lang-menu button:hover{border-color:var(--border);background:rgba(255,255,255,.06);}
.lang-menu button:focus-visible{outline:3px solid var(--focus);outline-offset:3px;}
.hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);}
.hero-bg{position:absolute;inset:0;background-image:url("/assets/stock/hero-bg.jpg");background-size:cover;background-position:center;transform:scale(1.02);}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(11,13,18,.92), rgba(11,13,18,.66) 40%, rgba(11,13,18,.92)),radial-gradient(900px 600px at 70% 10%, rgba(55,243,255,.18), transparent 60%);}
html:not(.theme-dark) .hero-bg::after{background:linear-gradient(90deg, rgba(255,255,255,.92), rgba(255,255,255,.70) 40%, rgba(255,255,255,.92)),radial-gradient(900px 600px at 70% 10%, rgba(0,87,255,.14), transparent 60%);}
.hero-inner{position:relative;max-width:var(--max);margin:0 auto;padding:clamp(28px, 5vw, 54px) var(--pad);display:grid;gap:26px;align-items:center;}
@media(min-width:980px){.hero-inner{grid-template-columns:1.15fr .85fr;gap:42px;}}
.kicker{margin:0 0 10px 0;color:var(--muted2);font-weight:750;letter-spacing:.22em;text-transform:uppercase;font-size:12px;}
h1{margin:0;font-size:clamp(34px, 5vw, 58px);line-height:1.05;letter-spacing:-.02em;}
.sub{margin:14px 0 0 0;max-width:62ch;color:var(--muted);font-size:clamp(16px,1.35vw,18px);}
.hero-ctas{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:16px;border:1px solid var(--border);text-decoration:none;font-weight:800;letter-spacing:.2px;transition:transform .12s ease, filter .2s ease, background .2s ease;border-color .2s ease;min-height:44px;}
.btn:hover{filter:brightness(1.03);}
.btn:active{transform:translateY(1px);}
.btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px;}
.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accentText);box-shadow:0 14px 34px rgba(55,243,255,.18);}
html:not(.theme-dark) .btn--primary{box-shadow:0 14px 34px rgba(0,87,255,.16);}
.btn--ghost{background:transparent;color:var(--fg);}
.btn--ghost:hover{background:rgba(255,255,255,.06);}
.trust{margin:18px 0 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.chip{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(17,24,39,.52);color:var(--muted);font-weight:700;font-size:13px;}
html:not(.theme-dark) .chip{background:rgba(244,246,251,.86);border-color:rgba(11,13,18,.16);}
.hero-media{display:flex;flex-direction:column;align-items:center;gap:10px;}
.pack-frame{position:relative;width:min(420px, 88vw);aspect-ratio:1/1;border-radius:var(--radius2);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow2);overflow:hidden;}
html:not(.theme-dark) .pack-frame{background:linear-gradient(180deg, rgba(11,13,18,.06), rgba(11,13,18,.02));border-color:rgba(11,13,18,.16);}
.pack{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.35));animation:float 6s ease-in-out infinite;}
.pack--ghost1,.pack--ghost2{opacity:.22;transform:scale(.92);filter:blur(.1px) drop-shadow(0 18px 24px rgba(0,0,0,.25));animation-duration:7.2s;}
.pack--ghost1{transform:translate(-18px, 8px) scale(.86) rotate(-6deg);}
.pack--ghost2{transform:translate(22px, 14px) scale(.86) rotate(7deg);animation-duration:8.1s;}
@keyframes float{0%,100%{transform:translateY(2px);}50%{transform:translateY(-8px);}}
.media-note{margin:0;color:var(--muted2);font-size:13px;text-align:center;max-width:44ch;}
main{max-width:var(--max);margin:0 auto;}
section{padding:30px var(--pad);}
h2{margin:0;padding-top:15px;padding-bottom:10px;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.01em;}
article{margin-top:18px;padding:18px;border-radius:var(--radius2);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);}
html:not(.theme-dark) article{background:linear-gradient(180deg, rgba(11,13,18,.04), rgba(11,13,18,.02));border-color:rgba(11,13,18,.14);}
article + article{margin-top:16px;}
h3{margin:0;padding-top:15px;padding-bottom:10px;font-size:clamp(18px,2vw,22px);letter-spacing:-.01em;}
p{margin:0 0 12px 0;}
p:last-child{margin-bottom:0;}
.block{margin-top:14px;}
.block-title{margin:0 0 10px 0;font-weight:850;color:var(--fg);letter-spacing:-.01em;}
.bullets{margin:0;padding-left:18px;color:var(--muted);}
.bullets li{margin:8px 0;}
.bullets--compact li{margin:6px 0;}
.inline-cta{margin-top:14px;display:flex;flex-direction:column;gap:8px;}
.micro{margin:0;color:var(--muted2);font-size:13px;}
.proof{display:grid;gap:14px;align-items:start;margin-top:14px;}
@media(min-width:900px){.proof{grid-template-columns:.9fr 1.1fr;gap:18px;}}
.proof__media{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.12);}
.proof__media img{display:block;width:100%;height:auto;}
.proof__overlay{position:absolute;inset:0;background:radial-gradient(420px 260px at 20% 20%, rgba(55,243,255,.18), transparent 60%),linear-gradient(180deg, rgba(0,0,0,.18), transparent 60%);}
.quotes{display:grid;gap:10px;margin-top:10px;}
.quote{margin:0;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(17,24,39,.45);}
html:not(.theme-dark) .quote{background:rgba(244,246,251,.82);border-color:rgba(11,13,18,.14);}
.quote p{margin:0;color:var(--muted);}
.pricing{margin-top:14px;}
.pricing-grid{display:grid;gap:12px;}
@media(min-width:860px){.pricing-grid{grid-template-columns:repeat(3,1fr);gap:16px;}}
.price-card{border-radius:22px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));box-shadow:var(--shadow2);padding:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;}
html:not(.theme-dark) .price-card{border-color:rgba(11,13,18,.14);background:linear-gradient(180deg, rgba(11,13,18,.04), rgba(11,13,18,.02));}
.price-card[data-tier="three"]{outline:2px solid rgba(55,243,255,.55);outline-offset:0;}
html:not(.theme-dark) .price-card[data-tier="three"]{outline:2px solid rgba(0,87,255,.40);}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(17,24,39,.55);color:var(--fg);font-weight:850;font-size:12px;width:fit-content;}
html:not(.theme-dark) .badge{background:rgba(244,246,251,.92);border-color:rgba(11,13,18,.14);}
.packshot{margin-top:10px;display:flex;justify-content:center;}
.packshot img{display:block;margin-inline:auto;width:min(240px, 70%);height:auto;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.25));}

/* Bundle stacks (pricing) */
.stack{position:relative;display:grid;place-items:center;width:min(260px, 76%);aspect-ratio:1/1;}
.stack img{position:absolute;inset:0;margin:auto;width:100%;height:100%;object-fit:contain;transform-origin:50% 80%;}

.stack--3 img:nth-child(1){transform:translate(-18px, 12px) rotate(-7deg) scale(.94);opacity:.85;filter:blur(.2px) drop-shadow(0 10px 16px rgba(0,0,0,.22));}
.stack--3 img:nth-child(2){transform:translate(18px, 12px) rotate(7deg) scale(.94);opacity:.85;filter:blur(.2px) drop-shadow(0 10px 16px rgba(0,0,0,.22));}
.stack--3 img:nth-child(3){transform:translate(0, 0) rotate(0deg) scale(1);filter:drop-shadow(0 18px 26px rgba(0,0,0,.26));}

.stack--6 img:nth-child(1){transform:translate(-24px, 16px) rotate(-10deg) scale(.92);opacity:.78;filter:blur(.35px) drop-shadow(0 10px 16px rgba(0,0,0,.2));}
.stack--6 img:nth-child(2){transform:translate(24px, 16px) rotate(10deg) scale(.92);opacity:.78;filter:blur(.35px) drop-shadow(0 10px 16px rgba(0,0,0,.2));}
.stack--6 img:nth-child(3){transform:translate(0, 20px) rotate(0deg) scale(.90);opacity:.72;filter:blur(.35px) drop-shadow(0 10px 16px rgba(0,0,0,.18));}
.stack--6 img:nth-child(4){transform:translate(0, 0) rotate(0deg) scale(1);filter:drop-shadow(0 18px 26px rgba(0,0,0,.26));}
.plan-name{margin:10px 0 0 0;font-weight:900;letter-spacing:-.01em;font-size:18px;}
.plan-per{margin:6px 0 0 0;font-weight:850;color:var(--fg);font-size:16px;}
.plan-total{margin:4px 0 0 0;color:var(--muted);font-weight:750;}
.plan-notes{margin:12px 0 0 0;padding-left:18px;color:var(--muted);}
.price-card__cta{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:8px;}
.faq{margin-top:14px;border-radius:22px;border:1px solid rgba(255,255,255,.14);overflow:hidden;}
html:not(.theme-dark) .faq{border-color:rgba(11,13,18,.14);}
.faq-item + .faq-item{border-top:1px solid rgba(255,255,255,.12);}
html:not(.theme-dark) .faq-item + .faq-item{border-top-color:rgba(11,13,18,.12);}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px;background:rgba(17,24,39,.44);border:0;cursor:pointer;color:var(--fg);font-weight:850;text-align:left;}
html:not(.theme-dark) .faq-q{background:rgba(244,246,251,.86);}
.faq-q:hover{filter:brightness(1.03);}
.faq-q:focus-visible{outline:3px solid var(--focus);outline-offset:3px;}
.faq-q .chev{transition:transform .18s ease;}
.faq-item[data-open="true"] .faq-q .chev{transform:rotate(180deg);}
.faq-a{padding:0 14px 14px 14px;background:rgba(17,24,39,.32);}
html:not(.theme-dark) .faq-a{background:rgba(244,246,251,.66);}
.final-cta{margin-top:16px;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(600px 240px at 20% 30%, rgba(55,243,255,.16), transparent 60%),linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
html:not(.theme-dark) .final-cta{border-color:rgba(11,13,18,.14);background:radial-gradient(600px 240px at 20% 30%, rgba(0,87,255,.12), transparent 60%),linear-gradient(180deg, rgba(11,13,18,.04), rgba(11,13,18,.02));}
.final-cta__actions{display:flex;flex-direction:column;gap:8px;}
footer{border-top:1px solid rgba(255,255,255,.10);padding:18px var(--pad);}
.footer-inner{max-width:var(--max);margin:0 auto;display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.footer-aff{margin:0;color:var(--muted);font-weight:750;}
.footer-link{color:var(--fg);text-decoration:none;font-weight:850;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--panel);}
.footer-link:hover{filter:brightness(1.03);}
.footer-link:focus-visible{outline:3px solid var(--focus);outline-offset:3px;}
.footer-meta{margin:0;color:var(--muted2);font-size:13px;}
.noscript{position:fixed;left:12px;right:12px;bottom:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);}
@media(max-width:720px){
  .nav-toggle{display:inline-flex;margin-left:auto;}
  .nav-links{display:none;position:fixed;left:12px;right:12px;top:calc(64px + env(safe-area-inset-top));z-index:1001;flex-direction:column;gap:6px;padding:12px;border-radius:18px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow2);}
  html.nav-open .nav-links{display:flex;animation:menuIn .18s ease;}
  .nav-links a{display:block;width:100%;}

  .nav-scrim{display:none;position:fixed;inset:0;z-index:900;background:rgba(0,0,0,.42);}
  html.nav-open .nav-scrim{display:block;}
  body.nav-lock{overflow:hidden;}

  .hero-inner, section{text-align:center;}
  .bullets, .plan-notes{text-align:left;}
  .hero-ctas{flex-direction:column;}
  .btn{width:min(100%,360px);}
  .final-cta__actions .btn{width:min(100%,360px);}
}
@keyframes menuIn{from{opacity:0;transform:translateY(-8px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}
@media(prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important;}
  .pack{animation:none;}
  .toolbtn, .btn{transition:none;}
  html.nav-open .nav-links{animation:none;}
}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .48s ease, transform .48s ease;}
.reveal.is-visible{opacity:1;transform:translateY(0);}