:root{--brand-ink:#14241d;--brand-paper:#f8f7f2;--brand-sage:#65806c;--brand-gold:#c9a24b;--color-primary:var(--brand-ink);--color-background:var(--brand-paper);--color-accent:var(--brand-sage)}

/* Logo wordmark (image) */
.wordmark{display:inline-flex;align-items:center;line-height:0;flex-shrink:0;gap:0}
.wordmark .logo{height:56px;width:auto;display:block}
.footer-top .wordmark .logo{height:56px}

[hidden]{display:none!important}

/* Accessibility / quality fixes (carried forward) */
.catalog-controls select{max-width:100%}
.menu-toggle{min-width:44px;min-height:44px}
.card-content>p{font-size:14px;line-height:1.6}
.strength{font-size:12px}
.card-bottom small{font-size:12px}
.preview-bar{min-height:38px;font-size:12px;font-weight:700;letter-spacing:.11em}
.preview-bar span{font-size:11px}
.catalog-grid:has(.treatment-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.product-summary h1{overflow-wrap:anywhere}
.consultation-layout form{min-width:0}
.consultation-layout select{width:100%;max-width:100%}
#selected-treatment{padding:24px 0}
#selected-treatment h2{font-size:35px;margin-bottom:16px}
#selected-treatment strong{font-size:25px}
#selected-treatment a{display:block;text-decoration:underline;font-size:14px;margin:18px 0}
.evidence-panel aside{height:fit-content}
.formulation dd{overflow-wrap:anywhere}
.footer-legal a{min-height:44px;display:inline-flex;align-items:center}
.breadcrumbs,.breadcrumbs a,.stage-caption,.price-block small,.safety-link,.formulation .fine,.formulation dt{color:#52604b}
.breadcrumbs{font-size:12px}
.stage-caption,.price-block small{font-size:12px}

/* Photographic vials (sibling) */
.product-art.photo{background:#f0f1f1}
.product-art.photo .art-halo{display:none}
.product-art.photo::after{background:none}
.treatment-card:hover .product-art.photo img{transform:translateY(-4px)}
.product-art.photo.large img{transform:none}

/* ---- Hero: full-bleed video ---- */
.home-hero{display:block;position:relative;min-height:0;overflow:hidden;background:#0c1713}
.home-hero--video{min-height:720px}
.hero-video{position:absolute;inset:0;z-index:0}
.hero-media{width:100%;height:100%;object-fit:cover;display:block}
.hero-shade{position:absolute;inset:0;background:linear-gradient(95deg,rgba(7,20,15,.94) 0%,rgba(7,20,15,.82) 44%,rgba(7,20,15,.40) 100%)}
.hero-copy{position:relative;z-index:2;max-width:1600px;margin:auto;padding:130px 6% 150px;color:#f2f6f1}
.hero-copy .eyebrow{color:#e8925a}
.hero-trustline{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#bcd3c4;font-weight:500;margin:0 0 28px}
.hero-copy h1{color:#ffffff}
.hero-copy h1 em{color:#a9c9b3}
.hero-copy .lead{color:#d3ded5;max-width:640px}
.hero-copy .hero-actions{margin-top:6px}
.hero-copy .hero-actions .btn.primary{background:#ffffff;color:#13221a}
.hero-copy .hero-actions .btn.primary:hover{background:#e9f0e9}
.hero-copy .hero-actions .text-link{color:#eef4ee}

/* Trust bar (below the fold) */
.trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 32px;padding:24px 6%;background:#f8f7f2;border-bottom:1px solid #e1e4d9}
.trust-bar span{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#2f4033}
.trust-bar svg{width:18px;height:18px;color:#65806c}

/* ---- Section 2: clinical standards (dark) ---- */
.standards{background:#0c1a16;color:#eef4f0;padding:100px 6%}
.standards-heading{max-width:860px;margin:0 auto 64px;text-align:center}
.standards-heading .eyebrow{color:#e8925a;display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;letter-spacing:.22em;margin-bottom:26px}
.standards-heading .eyebrow::before,.standards-heading .eyebrow::after{content:"";width:38px;height:1px;background:#e8925a;opacity:.65}
.standards-heading h2{color:#ffffff;font-size:clamp(34px,3.6vw,54px)}
.standards-heading h2 em{color:#e8925a}
.standards-heading .lead{color:#b7c6be;font-size:19px;max-width:660px;margin:22px auto 0}
.standards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1240px;margin:auto}
.standards-grid article{background:#12241f;border:1px solid #20332c;border-radius:14px;padding:28px 24px;border-top:3px solid #2f9e7d}
.standards-grid article:nth-child(3){border-top-color:#5d8fd8}
.standards-grid article:nth-child(4){border-top-color:#e8925a}
.std-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.15em;font-weight:600;display:block;margin-bottom:18px}
.std-guidance,.std-quality{color:#3fb98f}
.std-verified{color:#7aa6e8}
.std-included{color:#e8925a}
.standards-grid h3{color:#ffffff;font-size:20px;line-height:1.25;margin-bottom:10px}
.standards-grid p{color:#9db0a7;font-size:14px;line-height:1.6;margin:0}

/* Consultation primary CTA */
.consultation-layout form>.btn.primary{width:100%;justify-content:center;margin-top:8px}

/* Product-page quiz close */
.product-quiz-cta{width:calc(100% - 12%);max-width:1240px;margin:96px auto 112px;padding:82px 36px 80px;border-radius:40px;background:#11130d;color:#fff;text-align:center}
.product-quiz-cta h2{margin:0 0 18px;color:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(42px,4.3vw,62px);font-weight:600;letter-spacing:-.04em}
.product-quiz-cta p{max-width:680px;margin:0 auto 38px;color:#b8bbb2;font-size:21px;line-height:1.7}
.product-quiz-cta .quiz-cta{display:inline-flex;justify-content:center;min-width:258px;background:#607c4d;color:#fff;border-color:#607c4d;border-radius:999px;padding:17px 28px;font-weight:700}
.product-quiz-cta .quiz-cta:hover{background:#587245;border-color:#587245;color:#fff}
.product-quiz-cta .quiz-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}

@media(max-width:900px){
 .catalog-grid:has(.treatment-card:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
 .card-content>p{font-size:14px}
 .home-hero--video{min-height:600px}
 .standards-grid{grid-template-columns:repeat(2,1fr)}
 .hero-copy{padding:110px 6% 130px}
}
@media(max-width:640px){
 .wordmark .logo{height:42px}
 .site-header{gap:16px}
 .preview-bar{min-height:36px;font-size:10px;line-height:1.35;padding:9px 16px;letter-spacing:.08em}
 .preview-bar span{font-size:10px}
 .home-hero--video{min-height:560px}
 .hero-copy{padding:64px 24px 88px}
 .hero-copy h1{font-size:44px}
 .hero-copy .lead{font-size:16px}
 .hero-trustline{font-size:11px}
 .hero-copy .hero-actions .btn{font-size:12px;padding:14px 17px}
 .trust-bar{gap:12px 18px;padding:18px 6%;text-align:center}
 .trust-bar span{font-size:12px}
 .standards{padding:72px 6%}
 .standards-grid{grid-template-columns:1fr}
 .standards-heading .lead{font-size:16px}
 .product-quiz-cta{width:calc(100% - 36px);margin:64px auto 72px;padding:56px 22px;border-radius:26px}
 .product-quiz-cta h2{font-size:38px}
 .product-quiz-cta p{font-size:16px;line-height:1.65;margin-bottom:30px}
 .product-quiz-cta .quiz-cta{width:100%;min-width:0;max-width:320px}
 .catalog-grid,.catalog-grid:has(.treatment-card:nth-child(3):last-child){grid-template-columns:1fr}
 .catalog-grid{gap:26px}
 .product-art{height:290px}
 .product-art img{height:267px}
 .card-content{padding:24px}
 .card-content h3{font-size:25px}
 .card-content>p{font-size:15px;min-height:0}
 .strength{font-size:13px;min-height:0}
 .card-bottom strong{font-size:27px}
 .card-bottom small{font-size:12px}
 .circle-link{width:44px;height:44px}
 .category-grid h3{font-size:21px}
 .hero-copy .eyebrow{font-size:9px}
 .formulation dl>div{font-size:13px}
 .section-nav a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}
 .fine{font-size:12px}
 .inclusion-strip{gap:10px;flex-wrap:wrap}
 .inclusion-strip span{font-size:11px}
 .consultation-layout select{font-size:13px}
 .formulation{overflow-wrap:anywhere}
}
@media(max-width:360px){
 .hero-copy h1{font-size:40px}
 .hero-actions{gap:13px}
 .hero-actions .btn{font-size:11px;padding:13px}
 .hero-actions .text-link{padding:0}
 .site-header{gap:13px;padding:0 17px}
 .wordmark .logo{height:38px}
 .product-art{height:174px}
 .product-art img{height:160px}
 .card-content h3{font-size:16px}
 .card-content{padding:15px 10px}
 .catalog-grid{gap:10px}
 .card-content>p{font-size:9px}
 .category-grid h3{font-size:18px}
 .section{padding-left:20px;padding-right:20px}
}
@media(prefers-reduced-motion:reduce){.hero-media{display:none}}