@import url('../assets/css/base.css');

/* ===== Variant 3: Minimalist Clinic ===== */
body{background:#fff}
.narrow{max-width:760px;margin:0 auto;padding:0 24px}
.site-nav{position:sticky;top:0;background:#fff;z-index:100}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;max-width:900px;margin:0 auto}
.nav-logo{font-family:var(--font-head);font-weight:700;font-size:20px;color:var(--navy-deep)}
.nav-links{display:none;gap:24px;font-size:15px;font-weight:500}
@media(min-width:1000px){.nav-links{display:flex}}
.nav-cta{display:none}
@media(min-width:700px){.nav-cta{display:inline-flex;padding:11px 22px;font-size:15px}}

.hero-v3{padding:80px 0 64px;text-align:center}
.hero-v3 h1{font-size:clamp(30px,5vw,44px);max-width:600px;margin:0 auto 20px}
.hero-v3 .lead{font-size:19px;color:var(--text-muted);max-width:480px;margin:0 auto 32px}
.hero-v3 img{max-width:280px;margin:36px auto 0;border-radius:16px}
.hero-v3 .hero-cta-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

.trust-line{text-align:center;padding:20px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);font-size:14px;color:var(--text-muted);letter-spacing:.02em}

.section-min{padding:64px 0}
.section-min h2{font-size:28px;text-align:center;max-width:520px;margin:0 auto 8px}
.section-min .eyebrow{display:block;text-align:center;margin-bottom:10px}
.section-min .lede{text-align:center;color:var(--text-muted);max-width:520px;margin:0 auto 36px}

.icon-benefit-list{display:grid;gap:28px;margin-top:8px}
@media(min-width:600px){.icon-benefit-list{grid-template-columns:1fr 1fr}}
.icon-benefit{display:flex;gap:16px;align-items:flex-start}
.icon-dot{width:36px;height:36px;border-radius:50%;background:var(--powder-tint);color:var(--navy-deep);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-family:var(--font-head);font-size:14px}

.ingredient-min{display:grid;gap:0;margin-top:8px}
.ingredient-min .row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-light);font-size:17px}
.ingredient-min .row span:last-child{color:var(--text-muted)}

.timeline-bar{display:flex;margin-top:40px;border-radius:999px;overflow:hidden;height:10px;background:var(--powder-tint)}
.timeline-bar span{flex:1;border-right:2px solid #fff}
.timeline-bar span:nth-child(1){background:#C9D6E4}
.timeline-bar span:nth-child(2){background:#9FB4C9}
.timeline-bar span:nth-child(3){background:var(--slate-blue)}
.timeline-bar span:nth-child(4){background:var(--navy-deep);border-right:none}
.timeline-labels{display:flex;justify-content:space-between;margin-top:12px;font-size:14px;color:var(--text-muted);font-weight:600}

.pricing-min{display:grid;gap:20px;margin-top:8px}
@media(min-width:800px){.pricing-min{grid-template-columns:repeat(3,1fr)}}
.pricing-min .p-card{border:1px solid var(--border-light);border-radius:16px;padding:28px;text-align:center}
.pricing-min .p-card.feat{border:2px solid var(--navy-deep)}

.testimonial-min{display:grid;gap:24px;margin-top:8px}
.testimonial-min .t{border-left:2px solid var(--powder-tint);padding-left:20px}

.final-cta-v3{text-align:center;padding:80px 0;background:var(--off-white)}
.final-cta-v3 img{max-width:220px;margin:0 auto 24px;border-radius:16px}

footer.min-footer{background:#fff;color:var(--text-body);border-top:1px solid var(--border-light);padding:48px 0 24px}
footer.min-footer a{color:var(--text-muted)}
footer.min-footer h4{color:var(--navy-deep)}
footer.min-footer .footer-bottom{border-top:1px solid var(--border-light);color:var(--text-muted)}