/* Verdant theme — clean medical/teal. Class prefix: vd- */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --vd-teal:#0E7C66;--vd-teal-2:#16A085;--vd-lime:#2ECC71;
  --vd-ink:#0d2a25;--vd-body:#41544f;--vd-soft:#6b7d78;
  --vd-bg:#f4f8f6;--vd-card:#ffffff;--vd-line:#dde8e4;
  --vd-grad:linear-gradient(135deg,#0E7C66 0%,#2ECC71 100%);
  --vd-fd:'Sora',sans-serif;--vd-fb:'Inter',sans-serif;
  --vd-r:16px;--vd-shadow:0 18px 50px rgba(14,124,102,.12);
}
html{scroll-behavior:smooth}
body{font-family:var(--vd-fb);color:var(--vd-body);background:var(--vd-bg);line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--vd-teal);text-decoration:none}
h1,h2,h3,h4{font-family:var(--vd-fd);color:var(--vd-ink);line-height:1.15;font-weight:700}
.vd-wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.vd-skip{position:absolute;left:-999px}
.vd-skip:focus{left:12px;top:12px;background:#fff;padding:8px 14px;border-radius:8px;z-index:99}
.vd-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--vd-fd);font-weight:600;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vd-teal);background:rgba(46,204,113,.12);padding:7px 14px;border-radius:999px}
.vd-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--vd-fd);font-weight:700;font-size:1rem;padding:14px 26px;border-radius:12px;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s}
.vd-btn--primary{background:var(--vd-grad);color:#fff;box-shadow:0 10px 26px rgba(14,124,102,.28)}
.vd-btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(14,124,102,.34)}
.vd-btn--ghost{background:#fff;color:var(--vd-teal);border:1.5px solid var(--vd-line)}
.vd-sec{padding:84px 0}
.vd-sec-head{max-width:680px;margin:0 auto 48px;text-align:center}
.vd-sec-head h2{font-size:clamp(1.7rem,3.6vw,2.5rem);margin:14px 0 12px}
.vd-sec-head p{color:var(--vd-soft)}

/* Header */
.vd-head{position:sticky;top:0;z-index:50;background:rgba(244,248,246,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--vd-line)}
.vd-head-in{display:flex;align-items:center;justify-content:space-between;height:70px}
.vd-brand{display:flex;align-items:center;gap:11px}
.vd-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--vd-grad);color:#fff;font-size:1.1rem}
.vd-brand-txt strong{display:block;font-family:var(--vd-fd);color:var(--vd-ink);font-size:1.05rem;line-height:1}
.vd-brand-txt small{color:var(--vd-soft);font-size:.7rem}
.vd-nav{display:flex;align-items:center;gap:26px}
.vd-nav a{color:var(--vd-body);font-weight:500;font-size:.95rem}
.vd-nav a:hover{color:var(--vd-teal)}
.vd-nav-cta{background:var(--vd-ink);color:#fff!important;padding:9px 18px;border-radius:10px}
.vd-burger{display:none;flex-direction:column;gap:5px;background:0;border:0;cursor:pointer;padding:6px}
.vd-burger span{width:24px;height:2px;background:var(--vd-ink);border-radius:2px}
.vd-mnav{display:none;flex-direction:column;padding:10px 22px 18px;gap:6px;border-bottom:1px solid var(--vd-line);background:#fff}
.vd-mnav a{padding:9px 0;color:var(--vd-body);border-bottom:1px solid var(--vd-line)}

/* Hero */
.vd-hero{padding:72px 0 40px}
.vd-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.vd-hero h1{font-size:clamp(2.1rem,5vw,3.5rem);font-weight:800;margin:18px 0}
.vd-hero p{font-size:1.1rem;color:var(--vd-soft);max-width:520px}
.vd-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 22px}
.vd-hero-stats{display:flex;gap:26px;flex-wrap:wrap}
.vd-stat strong{display:block;font-family:var(--vd-fd);font-size:1.7rem;color:var(--vd-ink)}
.vd-stat span{font-size:.82rem;color:var(--vd-soft)}
.vd-hero-card{position:relative;background:var(--vd-card);border:1px solid var(--vd-line);border-radius:24px;padding:40px;box-shadow:var(--vd-shadow);text-align:center}
.vd-bottle{width:150px;height:230px;margin:0 auto;border-radius:24px 24px 18px 18px;background:linear-gradient(160deg,#0E7C66,#16A085 60%,#2ECC71);position:relative;box-shadow:inset 0 -20px 40px rgba(0,0,0,.18)}
.vd-bottle::before{content:"";position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:54px;height:22px;border-radius:6px;background:#0b5a4b}
.vd-bottle::after{content:"";position:absolute;inset:54px 16px 40px;background:rgba(255,255,255,.92);border-radius:10px}
.vd-bottle-lbl{position:absolute;inset:62px 22px 50px;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:4px;color:var(--vd-teal);font-family:var(--vd-fd)}
.vd-bottle-lbl b{font-size:1.05rem;color:var(--vd-ink)}
.vd-bottle-lbl i{font-style:normal;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vd-teal)}
.vd-hero-badges{display:flex;justify-content:center;gap:10px;margin-top:24px;flex-wrap:wrap}
.vd-pill{font-size:.74rem;font-weight:600;color:var(--vd-teal);background:rgba(46,204,113,.12);padding:6px 12px;border-radius:999px}

/* Trust strip */
.vd-trust{background:var(--vd-ink);color:#cfe6df}
.vd-trust-in{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px;padding:20px 22px;font-family:var(--vd-fd);font-size:.86rem}
.vd-trust-in span{display:flex;align-items:center;gap:8px}
.vd-trust-in b{color:#fff}

/* Generic cards grid */
.vd-grid{display:grid;gap:22px}
.vd-grid--3{grid-template-columns:repeat(3,1fr)}
.vd-grid--2{grid-template-columns:repeat(2,1fr)}
.vd-card{background:var(--vd-card);border:1px solid var(--vd-line);border-radius:var(--vd-r);padding:26px;transition:transform .15s,box-shadow .15s}
.vd-card:hover{transform:translateY(-4px);box-shadow:var(--vd-shadow)}
.vd-card .vd-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(46,204,113,.14);color:var(--vd-teal);font-size:1.3rem;margin-bottom:14px}
.vd-card h3{font-size:1.1rem;margin-bottom:8px}
.vd-card p{font-size:.94rem;color:var(--vd-soft)}

/* Steps (science) */
.vd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.vd-step{background:var(--vd-card);border:1px solid var(--vd-line);border-radius:var(--vd-r);padding:26px 22px;position:relative}
.vd-step::before{counter-increment:s;content:"0" counter(s);font-family:var(--vd-fd);font-weight:800;font-size:1.5rem;color:var(--vd-lime)}
.vd-step h3{font-size:1.02rem;margin:8px 0}
.vd-step p{font-size:.9rem;color:var(--vd-soft)}

/* Ingredients */
.vd-ing{background:#fff;border:1px solid var(--vd-line);border-radius:var(--vd-r);overflow:hidden}
.vd-ing-row{display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding:18px 22px;border-bottom:1px solid var(--vd-line)}
.vd-ing-row:last-child{border-bottom:0}
.vd-ing-row b{font-family:var(--vd-fd);color:var(--vd-ink)}
.vd-ing-row .vd-dose{color:var(--vd-teal);font-weight:600}
.vd-ing-row p{grid-column:1/-1;font-size:.88rem;color:var(--vd-soft)}
.vd-bar{grid-column:1/-1;height:6px;border-radius:4px;background:var(--vd-line);overflow:hidden}
.vd-bar i{display:block;height:100%;background:var(--vd-grad)}

/* Packages */
.vd-pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.vd-pkg{background:#fff;border:1px solid var(--vd-line);border-radius:18px;padding:30px 26px;text-align:center;position:relative}
.vd-pkg--feat{border-color:var(--vd-lime);box-shadow:var(--vd-shadow);transform:scale(1.03)}
.vd-pkg-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--vd-grad);color:#fff;font-size:.7rem;font-weight:700;padding:5px 14px;border-radius:999px;font-family:var(--vd-fd)}
.vd-pkg h3{font-size:1.15rem}
.vd-pkg .vd-sub{color:var(--vd-soft);font-size:.86rem;margin-bottom:14px}
.vd-pkg .vd-price{font-family:var(--vd-fd);font-size:2.2rem;color:var(--vd-ink);font-weight:800}
.vd-pkg .vd-unit{color:var(--vd-teal);font-weight:600;font-size:.9rem;margin-bottom:16px}
.vd-pkg ul{list-style:none;text-align:left;margin:16px 0;display:grid;gap:8px}
.vd-pkg li{font-size:.9rem;padding-left:24px;position:relative}
.vd-pkg li::before{content:"✓";position:absolute;left:0;color:var(--vd-lime);font-weight:800}
.vd-pkg .vd-btn{width:100%;justify-content:center}

/* Testimonials */
.vd-rev{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vd-rev-card{background:#fff;border:1px solid var(--vd-line);border-radius:var(--vd-r);padding:24px}
.vd-stars{color:#f5b301;letter-spacing:2px;margin-bottom:10px}
.vd-rev-card p{font-size:.94rem;color:var(--vd-body)}
.vd-rev-who{display:flex;align-items:center;gap:10px;margin-top:16px}
.vd-av{width:40px;height:40px;border-radius:50%;background:var(--vd-grad);color:#fff;display:grid;place-items:center;font-family:var(--vd-fd);font-weight:700;font-size:.85rem}
.vd-rev-who strong{display:block;font-size:.9rem;color:var(--vd-ink)}
.vd-rev-who small{color:var(--vd-soft);font-size:.78rem}

/* Join / opt-in */
.vd-join{background:var(--vd-ink);color:#dff0ea}
.vd-join-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.vd-join h2{color:#fff;font-size:clamp(1.6rem,3.4vw,2.3rem)}
.vd-join p{color:#a9c8c0}
.vd-form{background:#fff;border-radius:20px;padding:30px;color:var(--vd-body)}
.vd-field{margin-bottom:16px}
.vd-field label{display:block;font-family:var(--vd-fd);font-size:.8rem;font-weight:600;color:var(--vd-ink);margin-bottom:6px}
.vd-field input{width:100%;padding:13px 14px;border:1px solid var(--vd-line);border-radius:10px;font-size:1rem;background:var(--vd-bg)}
.vd-field input:focus{outline:0;border-color:var(--vd-teal);box-shadow:0 0 0 3px rgba(14,124,102,.15)}
.vd-consent{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:var(--vd-soft);margin:6px 0 16px}
.vd-consent input{margin-top:4px}
.vd-form .vd-btn{width:100%;justify-content:center}
.vd-status{margin-top:12px;text-align:center;font-size:.88rem;min-height:1em}
.vd-status.is-error{color:#c0392b}
.vd-ok{text-align:center;padding:10px 0}
.vd-ok .vd-chk{width:54px;height:54px;border-radius:50%;background:var(--vd-grad);color:#fff;font-size:1.6rem;display:grid;place-items:center;margin:0 auto 12px}

/* Guarantee */
.vd-guar{display:flex;align-items:center;gap:30px;background:#fff;border:1px solid var(--vd-line);border-radius:20px;padding:34px;box-shadow:var(--vd-shadow)}
.vd-guar-seal{flex:0 0 auto;width:110px;height:110px;border-radius:50%;background:var(--vd-grad);color:#fff;display:grid;place-items:center;text-align:center;font-family:var(--vd-fd);font-weight:800;line-height:1.1}
.vd-guar-seal b{font-size:2rem;display:block}

/* Legal / simple pages */
.vd-doc{max-width:820px;margin:0 auto;padding:60px 22px 80px}
.vd-doc h1{font-size:2rem;margin-bottom:6px}
.vd-doc .vd-upd{color:var(--vd-soft);font-size:.86rem;margin-bottom:30px}
.vd-doc h2{font-size:1.2rem;margin:30px 0 10px;padding-top:18px;border-top:1px solid var(--vd-line)}
.vd-doc p,.vd-doc li{font-size:.96rem;margin-bottom:10px}
.vd-doc ul{padding-left:20px;margin-bottom:14px}
.vd-doc a{text-decoration:underline}

/* Footer */
.vd-foot{background:#0a201b;color:#9fc0b8;padding:56px 0 26px;margin-top:20px}
.vd-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
.vd-foot-brand p{font-size:.9rem;margin:14px 0;max-width:320px}
.vd-foot address{font-style:normal;font-size:.84rem;line-height:1.6}
.vd-foot-col h4{color:#fff;font-size:.95rem;margin-bottom:12px}
.vd-foot-col ul{list-style:none;display:grid;gap:8px}
.vd-foot-col a{color:#9fc0b8;font-size:.9rem}
.vd-foot-col a:hover{color:#fff}
.vd-foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:20px;font-size:.82rem}
.vd-fda{margin-top:10px;font-size:.76rem;color:#6f8f87}

@media(max-width:900px){
  .vd-hero-grid,.vd-join-grid{grid-template-columns:1fr}
  .vd-steps,.vd-grid--3,.vd-rev,.vd-pkgs{grid-template-columns:1fr 1fr}
  .vd-foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .vd-nav{display:none}.vd-burger{display:flex}
  .vd-steps,.vd-grid--3,.vd-grid--2,.vd-rev,.vd-pkgs,.vd-foot-grid{grid-template-columns:1fr}
  .vd-pkg--feat{transform:none}
  .vd-guar{flex-direction:column;text-align:center}
}