:root{
  --deep:#0d3f5d;
  --brand:#176c98;
  --brand-2:#2a8abd;
  --ink:#122331;
  --muted:#5f7282;
  --soft:#edf8fe;
  --soft-2:#f7fbff;
  --line:#d9ecf6;
  --white:#ffffff;
  --shadow:0 18px 45px rgba(13,63,93,.14);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#f7fcff 0%,#eef9ff 46%,#ffffff 100%);
  line-height:1.68;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(1160px, calc(100% - 34px));margin-inline:auto}
.top-strip{
  position:sticky;top:0;z-index:60;
  background:linear-gradient(90deg,var(--deep),var(--brand));
  color:#fff;text-align:center;font-weight:800;letter-spacing:.2px;
  padding:10px 14px;font-size:.94rem;
}
.site-header{
  position:sticky;top:42px;z-index:55;
  background:rgba(13,63,93,.97);
  color:#fff;box-shadow:0 16px 40px rgba(8,47,73,.15);
  backdrop-filter:blur(12px);
}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 0}
.logo-wrap{display:flex;align-items:center;gap:10px;min-width:205px}
.logo-wrap img{height:40px;width:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.12))}
.nav-links{display:flex;gap:19px;align-items:center;font-size:.92rem;font-weight:700}
.nav-links a{opacity:.94;white-space:nowrap}
.nav-links a:hover{opacity:1;color:#d9f4ff}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border:0;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--deep));
  color:#fff;font-weight:850;line-height:1;box-shadow:0 13px 28px rgba(23,108,152,.27);
  padding:15px 24px;transition:.25s ease;cursor:pointer;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(23,108,152,.34)}
.btn.light{background:#fff;color:var(--deep);box-shadow:0 12px 26px rgba(255,255,255,.18)}
.btn.ghost{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff}
.hero{
  padding:58px 0 44px;
  background:
    radial-gradient(circle at top left,rgba(42,138,189,.18),transparent 35%),
    linear-gradient(135deg,#f2fbff 0%,#ffffff 54%,#eaf7fe 100%);
  overflow:hidden;
}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:36px;align-items:stretch}
.hero-copy,.hero-visual{
  background:rgba(255,255,255,.78);border:1px solid rgba(217,236,246,.92);
  border-radius:34px;box-shadow:var(--shadow);overflow:hidden;position:relative;
}
.hero-copy{padding:42px 40px;display:flex;flex-direction:column;justify-content:center}
.hero-visual{min-height:520px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f7ff,#fff)}
.hero-visual:before{
  content:"";position:absolute;inset:28px;border-radius:30px;
  background:radial-gradient(circle at center,rgba(42,138,189,.22),transparent 58%);
}
.hero-visual img{position:relative;z-index:2;max-height:460px;object-fit:contain;filter:drop-shadow(0 26px 28px rgba(8,47,73,.2))}
.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:900;text-transform:uppercase;font-size:.79rem;letter-spacing:.12em;margin-bottom:12px}
h1{font-size:clamp(2.05rem,4.1vw,3.35rem);line-height:1.06;letter-spacing:-.055em;margin:0 0 18px;color:var(--deep)}
.lead{font-size:1.09rem;color:#395368;margin:0 0 24px}
.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 28px}
.hero-points span{background:#eef8ff;border:1px solid var(--line);border-radius:16px;padding:12px 11px;font-weight:800;color:var(--deep);font-size:.9rem;text-align:center}
.rating{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 0;color:#30495c;font-weight:700}
.stars{color:#f5a623;letter-spacing:1px}
.section{padding:78px 0}
.section.compact{padding:58px 0}
.section-title{text-align:center;max-width:850px;margin:0 auto 34px}
.section-title .eyebrow{color:var(--brand);font-size:.82rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
h2{font-size:clamp(1.75rem,3.2vw,2.62rem);line-height:1.15;letter-spacing:-.035em;color:var(--deep);margin:8px 0 14px}
h3{font-size:1.34rem;line-height:1.28;color:var(--deep);margin:0 0 12px}
p{margin:0 0 14px;color:#40586b}
.story-panel{
  display:grid;grid-template-columns:.98fr 1.02fr;gap:24px;align-items:stretch;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;
}
.story-panel.reverse{grid-template-columns:1.02fr .98fr}
.story-media{min-height:430px;background:#eaf8ff;position:relative;overflow:hidden}
.story-media img{height:100%;width:100%;object-fit:cover}
.story-media.contain{display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#f1fbff,#ffffff)}
.story-media.contain img{height:auto;width:min(92%,520px);object-fit:contain;filter:drop-shadow(0 20px 28px rgba(8,47,73,.16))}
.story-content{padding:38px;display:flex;flex-direction:column;justify-content:center}
.flash-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.flash-card{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f2fbff);border-radius:20px;padding:18px;box-shadow:0 12px 28px rgba(13,63,93,.08)}
.flash-icon{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#dff5ff,#fff);display:grid;place-items:center;color:var(--brand);font-size:1.3rem;font-weight:900;margin-bottom:9px;border:1px solid var(--line)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 30px rgba(13,63,93,.08)}
.card .mini{font-size:.86rem;color:var(--brand);font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.ingredients .card{min-height:245px}
.benefit-icon{font-size:2rem;margin-bottom:10px;display:inline-block}
.split-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.check-list,.x-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.check-list li,.x-list li{background:#f6fbff;border:1px solid var(--line);border-radius:16px;padding:13px 15px;color:#395368}
.check-list li:before{content:"✔ ";color:#168754;font-weight:900}
.x-list li:before{content:"• ";color:var(--brand);font-weight:900}
.location-box{background:linear-gradient(135deg,var(--deep),var(--brand));border-radius:30px;padding:38px;color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}
.location-box:before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12)}
.location-box p{color:#e8f8ff}
.country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:24px 0 26px}
.country{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:13px 14px;font-weight:800;color:#fff}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.price-card{background:#fff;border:2px solid var(--line);border-radius:30px;box-shadow:var(--shadow);overflow:hidden;position:relative;display:flex;flex-direction:column}
.price-card.featured{border-color:var(--brand);transform:translateY(-8px)}
.ribbon{background:linear-gradient(90deg,var(--deep),var(--brand));color:#fff;text-align:center;font-weight:950;letter-spacing:.08em;text-transform:uppercase;padding:11px;font-size:.82rem}
.price-body{padding:26px 24px 28px;text-align:center;display:flex;flex-direction:column;height:100%}
.price-body img{height:206px;object-fit:contain;margin:6px auto 14px;filter:drop-shadow(0 18px 20px rgba(8,47,73,.16))}
.bottles{font-size:1.48rem;color:var(--deep);font-weight:950;letter-spacing:-.02em;margin:0}
.supply{font-size:.91rem;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin:4px 0 12px}
.price{font-size:3.2rem;font-weight:950;color:var(--brand);line-height:1;margin:6px 0}
.price small{font-size:1rem;color:var(--muted);font-weight:800;display:block;margin-top:5px;text-transform:uppercase;letter-spacing:.06em}
.savings{font-weight:900;color:#0c6f5e;background:#eafaf6;border-radius:999px;padding:8px 12px;display:inline-block;margin:10px auto}
.total{margin:12px 0 18px;color:#40586b;font-weight:800}
.total s{color:#8ca0af;margin-right:6px}
.guarantee{font-size:.9rem;color:#496173;margin:0 0 18px}
.price-body .btn{margin-top:auto;width:100%}
.note-box{border:1px solid var(--line);background:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 28px rgba(13,63,93,.08)}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.quote{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 28px rgba(13,63,93,.08)}
.quote .who{font-weight:900;color:var(--deep);margin-top:14px}
.faq-wrap{max-width:920px;margin:auto;display:grid;gap:12px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 24px rgba(13,63,93,.06)}
.faq-q{width:100%;text-align:left;background:transparent;border:0;padding:18px 22px;font-size:1rem;font-weight:900;color:var(--deep);display:flex;justify-content:space-between;gap:18px;cursor:pointer}
.faq-a{display:none;padding:0 22px 20px;color:#40586b}
.faq-item.active .faq-a{display:block}
.faq-item.active .faq-q span:last-child{transform:rotate(45deg)}
.disclaimer{background:#f4fbff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;font-size:.95rem}
.disclaimer strong{color:var(--deep)}
.site-footer{background:#092d43;color:#dcecf5;padding:46px 0 86px}
.footer-grid{display:grid;grid-template-columns:1.35fr .65fr .65fr;gap:28px}
.footer-grid p{color:#dcecf5}
.footer-logo{height:42px;width:auto;margin-bottom:14px}
.footer-links{display:grid;gap:10px}
.footer-links a{color:#e9f8ff;font-weight:750}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:30px;padding-top:20px;font-size:.9rem;color:#bdd4e0}
.mobile-float{position:fixed;bottom:14px;left:14px;right:14px;z-index:80;display:none}
.mobile-float .btn{width:100%;padding:16px 18px;border-radius:18px}
@media (max-width:1020px){
  .nav-links{display:none}.site-header{top:39px}.hero-grid,.story-panel,.story-panel.reverse{grid-template-columns:1fr}.hero-visual{min-height:430px}.grid-4{grid-template-columns:repeat(2,1fr)}.package-grid,.testimonial-grid,.grid-3{grid-template-columns:1fr}.price-card.featured{transform:none}.country-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.split-list{grid-template-columns:1fr}
}
@media (max-width:680px){
  .container{width:min(100% - 24px,1160px)}.top-strip{font-size:.8rem}.site-header{top:36px}.navbar{padding:12px 0}.logo-wrap img{height:32px}.hero{padding:32px 0}.hero-copy{padding:28px 22px}.hero-points,.flash-row,.grid-4{grid-template-columns:1fr}.story-content{padding:28px 22px}.story-media{min-height:290px}.section{padding:58px 0}.country-grid{grid-template-columns:1fr}.mobile-float{display:block}h1{font-size:2.05rem}.price-body img{height:178px}
}