/* Home page */
.home-hero{padding:calc(var(--nav-h) + 3rem) 2.5rem 4rem;background:var(--bg)}
.home-hero-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}
.hero-video{position:relative;aspect-ratio:4/5;background:var(--dark);overflow:hidden}
.hero-video .vph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,rgba(255,255,255,.01) 1px,rgba(255,255,255,.01) 14px)}
.hero-video .vplay{width:66px;height:66px;border:1.5px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s}
.hero-video:hover .vplay{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5)}
.hero-video .vlabel{font-family:monospace;font-size:.7rem;color:rgba(255,255,255,.4);text-align:center}
.hero-video .vbadge{position:absolute;top:1rem;left:1rem;background:var(--accent);color:#fff;font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;padding:.35rem .8rem;z-index:2}
.hero-es-pill{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;padding:.55rem 1rem;border:1.5px solid var(--es-l);color:var(--es);font-size:.72rem;letter-spacing:.06em;font-weight:600;cursor:pointer;background:transparent;transition:all .2s;border-radius:2rem}
.hero-es-pill:hover{background:var(--es);color:#fff;border-color:var(--es)}
.tc-card{background:var(--bg2);padding:2.3rem 1.9rem;cursor:pointer;transition:background .25s}
.tc-card:hover{background:var(--bg)}
.tcard{background:var(--bg);border:1px solid var(--border);padding:2.4rem;border-top:3px solid var(--tp)}
.ig-post{background:var(--bg);position:relative;aspect-ratio:1/1;overflow:hidden;cursor:pointer}
.ig-post .ig-ov{position:absolute;inset:0;background:rgba(28,32,40,.82);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.4rem;opacity:0;transition:opacity .3s}
.ig-post:hover .ig-ov{opacity:1}
.cred-box{position:absolute;bottom:1.5rem;left:-1.5rem;background:var(--accent);color:#fff;padding:1.4rem;max-width:200px;z-index:2}
/* Header — dark bar */
.nav-dark{background:var(--dark)}
.nav-dark.scrolled{background:var(--dark);box-shadow:0 1px 20px rgba(0,0,0,.4)}
.nav-dark .nav-logo-name{color:#fff}
.nav-dark .nav-logo-sub{color:rgba(255,255,255,.45)}
.nav-dark .nav-links a{color:rgba(255,255,255,.72)}
.nav-dark .nav-links a:hover{color:#fff}
.nav-dark .nav-es{color:var(--accent-l)}
.nav-dark .nav-mobile-btn span{background:#fff}
@media(max-width:900px){
  .home-hero-inner{grid-template-columns:1fr;gap:2.5rem}
  .hero-video{aspect-ratio:16/10;order:-1}
  .about-grid,.cita-grid{grid-template-columns:1fr!important;gap:3rem!important}
  .trat-cards{grid-template-columns:1fr 1fr!important}
  .results-main{grid-template-columns:1fr!important}
  .results-thumbs{grid-template-columns:repeat(5,1fr)!important}
  .social-grid{grid-template-columns:repeat(3,1fr)!important}
  .reviews-grid{grid-template-columns:1fr!important}
  .cred-box{position:static;margin-top:1rem;max-width:none}
}
@media(max-width:600px){
  .home-hero{padding:calc(var(--nav-h) + 2rem) 1.2rem 3rem}
  .trat-cards{grid-template-columns:1fr!important}
  .social-grid{grid-template-columns:1fr 1fr!important}
  .results-thumbs{grid-template-columns:repeat(3,1fr)!important}
  .form-grid-home{grid-template-columns:1fr!important}
}
/* ── DOSE CALCULATOR ── */
.dose-section{background:var(--bg2);padding:5.5rem 2.5rem}
.dose-inner{max-width:920px;margin:0 auto}
.dose-intro{text-align:center;margin-bottom:2.6rem}
.dose-card{background:var(--ink);border-radius:2px;padding:2.6rem;box-shadow:0 30px 70px -30px rgba(24,34,44,.5)}
.dose-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.8rem}
.dose-eyebrow{font-size:.66rem;text-transform:uppercase;letter-spacing:.22em;color:var(--champ-l);font-weight:600;margin-bottom:.6rem}
.dose-title{font-family:var(--serif);font-size:1.7rem;color:#fff;font-weight:400}
.dose-reset{background:transparent;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.75);font-size:.7rem;letter-spacing:.04em;padding:.6rem 1.1rem;border-radius:2px;cursor:pointer;transition:border-color .2s,color .2s}
.dose-reset:hover{border-color:var(--champ-l);color:var(--champ-l)}
.dose-preview{position:relative;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:2px;padding:1.1rem;margin-bottom:2.2rem}
.dose-preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem}
.dose-preview-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;color:var(--champ-l);font-weight:600;border:1px solid var(--champ-l);padding:.35rem .6rem;border-radius:100px;white-space:nowrap}
.dose-preview-caption{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:100px;color:rgba(255,255,255,.6);font-size:.72rem;text-align:center;padding:.65rem 1rem;margin-bottom:1rem}
.dose-preview-tag{font-family:monospace;font-size:.6rem;color:rgba(255,255,255,.5);letter-spacing:.01em;white-space:nowrap}
.dose-preview-img{position:relative;width:100%;max-width:230px;margin:0 auto;aspect-ratio:5/6;border-radius:8px;overflow:hidden;background:#11161c}
.dose-preview-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:.7rem .8rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55))}
.dose-face-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dz-overlay{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--champ-l) 0%,transparent 72%);transition:opacity .35s ease,transform .35s ease;pointer-events:none;mix-blend-mode:screen}
.dz-outline{position:absolute;border:1px dashed rgba(255,255,255,.3);border-radius:50%;pointer-events:none}
.dose-zones{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:2.2rem}
.dose-zone-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:1rem}
.dose-zone-label{font-size:.86rem;color:rgba(255,255,255,.85);font-weight:400}
.dose-level-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.dose-level-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);font-size:.74rem;font-weight:500;padding:.6rem 0;border-radius:2px;cursor:pointer;transition:all .18s;letter-spacing:.02em}
.dose-level-btn:hover{border-color:rgba(255,255,255,.3)}
.dose-level-btn.active{background:var(--champ-l);border-color:var(--champ-l);color:var(--ink);font-weight:600}
.dose-results{border-top:1px solid rgba(255,255,255,.1);padding-top:1.8rem}
.dose-dose-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.4rem}
.dose-dose-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;color:var(--champ-l);font-weight:600;margin-bottom:.3rem}
.dose-dose-value{font-family:var(--serif);font-size:2.6rem;color:#fff;font-weight:400;line-height:1}
.dose-dose-value span{font-size:1.1rem;color:rgba(255,255,255,.45);margin-left:.4rem}
.dose-badge{background:rgba(184,160,122,.15);border:1px solid var(--champ-l);color:var(--champ-l);font-size:.64rem;font-weight:600;letter-spacing:.06em;padding:.5rem .9rem;border-radius:100px;text-transform:uppercase;white-space:nowrap}
.dose-metrics{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.6rem}
.dose-metric-top{display:flex;justify-content:space-between;font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.5);margin-bottom:.4rem;font-weight:600}
.dose-metric-top span:last-child{color:#fff;font-weight:500;letter-spacing:0;text-transform:none}
.dose-metric-bar{height:5px;background:rgba(255,255,255,.1);border-radius:100px;overflow:hidden}
.dose-metric-fill{height:100%;background:linear-gradient(90deg,var(--champ) 0%,var(--champ-l) 100%);border-radius:100px;transition:width .3s ease}
.dose-signature{font-family:var(--serif);font-size:1.02rem;color:#fff;font-weight:500;margin-bottom:.7rem}
.dose-note{background:rgba(184,160,122,.08);border-left:2px solid var(--champ-l);padding:.85rem 1.1rem;font-size:.82rem;color:rgba(255,255,255,.7);line-height:1.6;font-weight:300;margin-bottom:1.2rem}
.dose-breakdown{font-size:.76rem;color:rgba(255,255,255,.4);margin-bottom:1.6rem;letter-spacing:.01em}
.dose-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:#11161c;font-size:.9rem;font-weight:600;background:linear-gradient(90deg,var(--champ) 0%,var(--champ-l) 100%);padding:.85rem 2rem;border-radius:2px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 14px 30px -12px rgba(184,160,122,.6);margin:0 auto;width:fit-content}
.dose-cta:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px rgba(184,160,122,.75)}
.dose-disclaimer{font-size:.72rem;color:rgba(255,255,255,.55);margin-top:1.4rem;letter-spacing:.01em;line-height:1.6;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:2px;padding:.9rem 1.05rem}
.dose-disclaimer strong{color:var(--champ-l)}
@media(max-width:640px){
  .dose-card{padding:1.6rem}
  .dose-zone-row{grid-template-columns:1fr;gap:.5rem}
  .dose-preview{flex-wrap:wrap}
  .dose-preview-tag{margin-left:0}
  .dose-dose-value{font-size:2.1rem}
}