:root{
  --ink:#171628;
  --navy:#2f2b47;
  --purple:#554b7b;
  --purple2:#6a55a0;
  --orange:#e9702f;
  --gold:#f4c21c;
  --paper:#ffffff;
  --mist:#f4f3f8;
  --line:#dedbe8;
  --muted:#666579;
  --shadow:0 10px 28px rgba(28,23,55,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Trebuchet MS","Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit}
img{max-width:100%;height:auto}
.container{width:min(1120px,92%);margin:auto}
.topbar{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 12px rgba(0,0,0,.16)}
.nav{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-weight:900;font-size:24px;letter-spacing:-.4px}
.brand span{color:#ff7c3d}
.navlinks{display:flex;gap:18px;align-items:center;font-size:14px;font-weight:700}
.navlinks a{text-decoration:none;opacity:.95}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;text-decoration:none;font-weight:900;border:0;cursor:pointer}
.nav-cta{background:var(--gold);color:#151515;padding:10px 16px}
.hero{padding:42px 0 34px;background:linear-gradient(180deg,#fff 0%,#f8f7fb 100%)}
.hero-grid{display:grid;grid-template-columns:44% 56%;align-items:center;gap:28px}
.hero-media{text-align:center}
.hero-media img{max-height:420px;filter:drop-shadow(0 20px 18px rgba(35,30,62,.15))}
.eyebrow{display:inline-block;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
h1{font-size:44px;line-height:1.03;margin:8px 0 14px;letter-spacing:-1.5px;color:var(--navy)}
.hero h1 em{color:var(--purple2);font-style:normal}
.hero p{font-size:17px;color:#4f4d60}
.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;margin:20px 0 24px}
.hero-point{font-size:14px;font-weight:700}
.hero-point:before{content:"✓";color:var(--orange);font-weight:900;margin-right:8px}
.btn-main{background:var(--orange);color:#fff;padding:14px 24px;box-shadow:0 6px 0 #b64f1f}
.btn-main:hover{transform:translateY(-1px)}
.mini-note{font-size:12px;color:var(--muted);margin-top:12px}
.band{background:var(--purple);color:#fff;text-align:center;padding:12px 0}
.band h2{margin:0;font-size:24px;line-height:1.15}
.band p{margin:3px 0 0;font-size:13px;opacity:.95}
.section{padding:42px 0}
.section.soft{background:var(--mist)}
.section-title{text-align:center;margin-bottom:28px}
.section-title h2{font-size:34px;margin:0 0 8px;color:var(--navy)}
.section-title p{max-width:760px;margin:0 auto;color:var(--muted)}
.choose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.choose-card{background:#fff;border:1px solid var(--line);border-radius:14px;text-align:center;padding:22px 15px;box-shadow:var(--shadow)}
.choose-icon{width:58px;height:58px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:#f1eff8;color:var(--purple);font-size:26px;font-weight:900}
.choose-card h3{font-size:16px;margin:4px 0 6px}
.choose-card p{font-size:13px;color:var(--muted);margin:0}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.price-card{background:#fff;border:2px solid #dbd7e6;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.price-card.best{border-color:var(--purple2);transform:scale(1.025)}
.price-head{background:var(--navy);color:#fff;text-align:center;padding:12px;font-weight:900;font-size:20px}
.best .price-head{background:var(--purple2)}
.price-body{padding:20px;text-align:center;display:flex;flex-direction:column;flex:1}
.pkg-title{font-size:31px;font-weight:900;margin:0}
.supply{color:var(--muted);margin:0 0 10px}
.pkg-img{height:205px;display:flex;align-items:center;justify-content:center}
.pkg-img img{max-height:200px}
.price{font-size:56px;font-weight:900;line-height:1;color:var(--navy)}
.price small{font-size:16px}
.save{font-weight:900;color:#a85f00;margin:8px 0}
.price-list{list-style:none;padding:0;margin:10px 0 16px;border-top:1px dashed #bbb}
.price-list li{padding:9px 0;border-bottom:1px dashed #ccc;font-size:14px}
.price-card .btn{margin-top:auto;background:var(--gold);padding:13px;color:#111}
.payment{font-size:11px;color:var(--muted);margin-top:10px}
.content-grid{display:grid;grid-template-columns:42% 58%;gap:34px;align-items:center}
.content-grid.reverse{grid-template-columns:58% 42%}
.content-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:var(--shadow)}
.content-card h2,.content-card h3{color:var(--navy);margin-top:0}
.content-card p{color:#4d4c5c}
.detail-list{padding-left:18px}
.detail-list li{margin:8px 0}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.review-card img{width:100%;height:190px;object-fit:cover;border-radius:10px}
.review-card h3{margin:13px 0 5px}
.review-card p{font-size:14px;color:var(--muted)}
.disclosure{font-size:12px;color:#777;margin-top:12px;text-align:center}
.trust-strip{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;align-items:center}
.trust-strip img{max-height:72px;width:auto}
.ingredients{max-width:900px;margin:auto}
.ingredient{padding:18px 0;border-bottom:1px solid var(--line)}
.ingredient h3{margin:0 0 5px;color:var(--purple)}
.ingredient p{margin:0;color:#555466}
.science-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.science-card{text-align:center;background:#fff;border-radius:14px;padding:22px;border:1px solid var(--line)}
.science-num{width:42px;height:42px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;margin:0 auto 10px;font-weight:900}
.benefit-list{max-width:920px;margin:auto}
.benefit{display:grid;grid-template-columns:42px 1fr;gap:12px;margin:15px 0}
.benefit i{width:34px;height:34px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}
.benefit h3{margin:0;color:var(--navy)}
.benefit p{margin:5px 0 0;color:#595869}
.guarantee{background:linear-gradient(135deg,var(--navy),var(--purple));color:#fff;padding:30px;border-radius:16px;display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}
.guarantee img{max-height:160px;margin:auto}
.guarantee h2{margin:0 0 8px}
.faq{max-width:900px;margin:auto}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;margin:10px 0;padding:0 16px}
.faq summary{font-weight:800;cursor:pointer;padding:16px 0}
.faq p{color:#5b5967;padding-bottom:14px;margin:0}
.final-cta{background:var(--purple);color:#fff;text-align:center;padding:38px 0}
.final-cta img{max-height:220px}
.final-cta h2{font-size:30px;margin:10px 0}
.final-cta .btn{background:var(--gold);color:#111;padding:14px 28px}
.footer{background:#171625;color:#d8d6e3;padding:30px 0}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}
.footer a{color:#fff;text-decoration:none}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}
.footer small{color:#aaa8b6}
.warning{background:#fff7e9;border:1px solid #f0cf93;padding:14px;border-radius:10px;font-size:13px;color:#5b4a26}
.page-hero{background:linear-gradient(135deg,var(--navy),var(--purple));color:#fff;padding:50px 0;text-align:center}
.page-hero h1{color:#fff;margin-bottom:8px}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.simple-table{width:100%;border-collapse:collapse;background:#fff}
.simple-table th,.simple-table td{border:1px solid var(--line);padding:12px;text-align:left}
.simple-table th{background:#eeecf5}
@media(max-width:860px){
 .navlinks a:not(.nav-cta){display:none}
 .hero-grid,.content-grid,.content-grid.reverse,.footer-grid{grid-template-columns:1fr}
 .hero{text-align:center}
 .hero-points{grid-template-columns:1fr;text-align:left;max-width:470px;margin-left:auto;margin-right:auto}
 h1{font-size:36px}
 .choose-grid,.pricing-grid,.review-grid,.science-grid{grid-template-columns:1fr 1fr}
 .price-card.best{transform:none}
 .guarantee{grid-template-columns:1fr;text-align:center}
}
@media(max-width:560px){
 .choose-grid,.pricing-grid,.review-grid,.science-grid,.proscons{grid-template-columns:1fr}
 .section{padding:32px 0}
 .section-title h2{font-size:28px}
 .band h2{font-size:20px}
 h1{font-size:32px}
 .price{font-size:48px}
}


/* 2026-09-07 visual refinements */
.choose-section{
  background:#f7f7f9;
  padding:46px 0 54px;
}
.choose-heading{
  font-family:Georgia,"Times New Roman",serif;
  font-size:48px;
  line-height:1.05;
  text-align:center;
  color:var(--purple);
  margin:0 0 32px;
  letter-spacing:-1px;
}
.choose-grid.quality-grid{gap:20px}
.quality-card{
  background:#fff;
  border:0;
  border-radius:22px;
  padding:30px 22px 28px;
  box-shadow:0 10px 26px rgba(24,22,42,.10);
  text-align:center;
  min-height:335px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.quality-card img{
  width:126px;
  height:126px;
  object-fit:contain;
  margin-bottom:18px;
}
.quality-card h3{
  margin:0 0 12px;
  font-size:22px;
  color:#111;
}
.quality-card p{
  margin:0;
  color:#555568;
  font-size:16px;
  line-height:1.65;
}
.what-layout{
  width:min(1120px,92%);
  margin:auto;
}
.what-top{
  display:grid;
  grid-template-columns:34% 66%;
  gap:34px;
  align-items:start;
}
.what-image{
  border-radius:14px;
  overflow:hidden;
  background:#f4f2f8;
  box-shadow:0 8px 22px rgba(30,25,55,.10);
  padding:20px;
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.what-image img{
  max-height:330px;
  width:auto;
  object-fit:contain;
}
.what-copy{
  font-size:17px;
  color:#444454;
}
.what-copy p{margin-top:0;margin-bottom:16px}
.what-full{
  margin-top:18px;
  font-size:17px;
  color:#444454;
}
.what-cta{text-align:center;margin-top:28px}
.what-cta .btn{
  min-width:430px;
  max-width:100%;
  background:linear-gradient(90deg,var(--orange),var(--gold));
  color:#111;
  box-shadow:none;
  padding:15px 26px;
}
.review-stage{
  background:#fff;
}
.review-showcase{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.product-review{
  position:relative;
  border:1px solid #ddd9e7;
  border-top:5px solid var(--purple);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 24px rgba(34,30,56,.08);
  padding:24px;
  min-height:350px;
}
.product-review:nth-child(2){border-top-color:var(--orange)}
.product-review:nth-child(3){border-top-color:#a97820}
.review-top{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:15px;
}
.review-avatar{
  width:72px;
  height:72px;
  border-radius:50%;
  object-fit:cover;
  border:4px solid #eeeaf5;
}
.review-meta h3{
  margin:0 0 3px;
  font-size:18px;
  color:var(--navy);
}
.review-label{
  display:inline-block;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--purple);
}
.stars{
  letter-spacing:2px;
  color:#d99e17;
  font-size:20px;
  margin:8px 0 12px;
}
.product-review h4{
  margin:0 0 8px;
  font-size:18px;
  color:#1b1930;
}
.product-review p{
  margin:0;
  color:#5b5969;
  font-size:15px;
  line-height:1.7;
}
.review-note{
  margin:18px auto 0;
  max-width:820px;
  text-align:center;
  color:#777586;
  font-size:12px;
}
.benefit-list.expanded-benefits{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  max-width:1040px;
}
.expanded-benefits .benefit{
  margin:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:20px;
  box-shadow:0 8px 20px rgba(28,23,55,.06);
}
.expanded-benefits .benefit p{
  line-height:1.72;
}
.expanded-benefits .benefit i{
  background:linear-gradient(135deg,var(--purple),var(--purple2));
}
@media(max-width:860px){
  .choose-heading{font-size:38px}
  .what-top{grid-template-columns:1fr}
  .what-image{min-height:auto}
  .review-showcase{grid-template-columns:1fr}
  .benefit-list.expanded-benefits{grid-template-columns:1fr}
}
@media(max-width:560px){
  .choose-heading{font-size:32px}
  .what-cta .btn{min-width:0;width:100%}
  .quality-card{min-height:auto}
}


/* 2026-09-07 second refinement */
body{
  font-family:"Poppins","Segoe UI",Arial,sans-serif;
}
h1,h2,h3,h4,.brand,.btn,.navlinks{
  font-family:"Poppins","Segoe UI",Arial,sans-serif;
}
.band h2{
  font-size:31px;
  font-weight:800;
  letter-spacing:-.35px;
}
.section-title h2{
  font-size:38px;
  font-weight:800;
}
.vapo-hero{
  background:
    radial-gradient(circle at 22% 45%,rgba(106,85,160,.16),transparent 31%),
    linear-gradient(180deg,#ffffff 0%,#f5f3fa 100%);
  padding:52px 0 44px;
  overflow:hidden;
}
.vapo-hero-grid{
  grid-template-columns:45% 55%;
  gap:42px;
}
.hero-product-stage{
  min-height:440px;
  position:relative;
  border:1px solid #ebe8f1;
  border-radius:28px;
  background:linear-gradient(145deg,#fff,#f0edf7);
  box-shadow:0 18px 44px rgba(38,31,66,.12);
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-product-stage img{
  position:relative;
  z-index:2;
  max-height:390px;
}
.hero-glow{
  position:absolute;
  width:310px;
  height:310px;
  border-radius:50%;
  background:rgba(106,85,160,.13);
  filter:blur(5px);
}
.hero-badge{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:3;
  background:var(--navy);
  color:#fff;
  padding:8px 13px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}
.hero-copy h1{
  font-size:47px;
  line-height:1.06;
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.hero-text-link{
  color:var(--purple);
  font-weight:700;
  text-underline-offset:4px;
}
.work-card{
  font-size:17px;
  line-height:1.8;
  padding:30px 32px;
}
.work-card p{
  margin:0 0 18px;
}
.work-card p:last-child{margin-bottom:0}

.benefits-stack{
  max-width:900px;
}
.benefit-row{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:start;
  border:1px solid #34323e;
  border-radius:11px;
  background:#fff;
  padding:17px 18px;
  margin:0 0 13px;
}
.benefit-check{
  width:31px;
  height:31px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--purple);
  color:#fff;
  font-weight:900;
  font-size:18px;
}
.benefit-row h3{
  margin:0 0 3px;
  font-size:18px;
  color:#171628;
}
.benefit-row p{
  margin:0;
  color:#4f4d5b;
  font-size:14.5px;
  line-height:1.55;
}

.final-cta-large{
  padding:44px 0 46px;
  background:var(--purple);
}
.final-cta-large h2{
  font-size:40px;
  line-height:1.16;
  margin:0 auto 20px;
  max-width:1120px;
}
.final-product img{
  max-height:360px;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.14));
}
.regular-price{
  font-size:22px;
  margin:12px 0 0;
}
.sale-price{
  font-size:39px;
  font-weight:800;
  margin:4px 0 25px;
}
.final-order-btn{
  width:min(860px,94%);
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--gold)) !important;
  color:#111 !important;
  font-size:21px;
  padding:17px 28px !important;
  font-weight:900;
}

@media(max-width:900px){
  .vapo-hero-grid{grid-template-columns:1fr}
  .hero-product-stage{min-height:360px}
  .hero-copy h1{font-size:39px}
}
@media(max-width:560px){
  .band h2{font-size:25px}
  .section-title h2{font-size:31px}
  .hero-copy h1{font-size:33px}
  .hero-product-stage{min-height:310px}
  .final-cta-large h2{font-size:29px}
  .sale-price{font-size:31px}
  .final-order-btn{font-size:17px}
}