/* Home page styles — extracted from vetryx-homepage.html (v2 design) */

/* §HERO — Immersive Emotional redesign 2026-05-19 (replaces old .hero* split layout) */
.vx-hero{position:relative;min-height:clamp(560px,86vh,760px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background-color:#0F172A}
.vx-hero__bg{position:absolute;inset:0;background-color:#0F172A;background-size:cover;background-position:center;z-index:-2}
.vx-hero__overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.78) 0%,rgba(15,23,42,.50) 45%,rgba(15,23,42,.25) 100%),linear-gradient(180deg,transparent 36%,rgba(15,23,42,.58));z-index:-1}
.vx-hero__inner{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:80px 24px 64px;box-sizing:border-box}
@media(min-width:768px){.vx-hero__inner{padding:120px 56px 100px}}
.vx-hero__content{max-width:680px}
.vx-hero__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(250,246,238,.14);border:1px solid rgba(250,246,238,.28);border-radius:999px;font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--cream);font-weight:600;margin-bottom:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.vx-hero__pill svg{width:14px;height:14px}
.vx-hero__title{font-family:var(--f-display);font-size:clamp(44px,6.4vw,80px);font-weight:600;letter-spacing:-.025em;line-height:1.1;color:var(--cream);margin-bottom:24px;max-width:18ch;text-shadow:0 2px 14px rgba(15,23,42,.4)}
.vx-hero__title em{font-style:normal;color:var(--terra-tint);display:block}
.vx-hero__sub{font-size:clamp(18px,1.7vw,22px);color:rgba(255,255,255,.92);line-height:1.6;max-width:42ch;margin-bottom:40px;text-shadow:0 1px 6px rgba(15,23,42,.35)}
.vx-hero__cta-row{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
@media(min-width:600px){.vx-hero__cta-row{flex-direction:row;align-items:center;gap:28px}}
.vx-hero__cta{padding:22px 52px;font-size:18px;font-weight:600;box-shadow:0 14px 36px -10px rgba(52,168,83,.5)}
@media(min-width:768px){.vx-hero__cta{padding:28px 68px;font-size:19px}}
.vx-hero__cta .arr{width:14px;height:14px;transition:transform .25s ease}
.vx-hero__cta:hover .arr{transform:translateX(3px)}
.vx-hero__trust{font-family:var(--f-mono);font-size:12px;letter-spacing:.07em;color:rgba(255,255,255,.82);text-shadow:0 1px 4px rgba(15,23,42,.45)}
@media(max-width:599px){.vx-hero{min-height:clamp(480px,76vh,640px)}.vx-hero__sub{display:none}}

/* §HERO (legacy — unused, superseded by .vx-hero; kept harmless, clean up later) */
.hero{padding:32px 0 80px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 18% 28%,rgba(31,68,53,.06),transparent 62%),radial-gradient(ellipse 65% 75% at 95% 90%,rgba(184,91,63,.04),transparent 68%);pointer-events:none;z-index:0}
.hero > .wrap{position:relative;z-index:1}
@media(min-width:768px){.hero{padding:64px 0 120px}}

/* Product identifier pill above headline */
.hero-product-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:var(--forest-tint);border:1px solid var(--forest-line);border-radius:999px;font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--forest);font-weight:600;margin-bottom:22px}
.hero-product-pill svg{width:14px;height:14px;stroke-width:2}

/* Mobile title overlay on photo */
.hero-title-mobile{display:none}
@media(max-width:767px){
  .hero-product-pill{display:none}
  .hero-title{display:none}
  .hero-photo{position:relative;aspect-ratio:5/3.4;min-height:280px}
  .hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,42,31,0) 35%,rgba(15,42,31,.45) 65%,rgba(15,42,31,.85));z-index:1;pointer-events:none}
  .hero-title-mobile{display:block;position:absolute;left:20px;right:20px;bottom:22px;color:var(--cream);font-family:var(--f-display);font-size:30px;font-weight:600;letter-spacing:-.018em;line-height:1.08;z-index:2;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.2)}
}

/* §01 — ADVANTAGES GRID */
.adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(min-width:1100px){.adv-grid{grid-template-columns:repeat(4,1fr);border-bottom:0}}
.adv-card{padding:20px 14px;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.adv-card:nth-child(2n){border-right:0}
.adv-card:nth-last-child(-n+2){border-bottom:0}
@media(min-width:1100px){
  .adv-card{padding:32px 22px;border-right:1px solid var(--line);border-bottom:0;gap:12px}
  .adv-card:nth-child(2n){border-right:1px solid var(--line)}
  .adv-card:last-child{border-right:0}
}
.adv-icon{width:34px;height:34px;border-radius:8px;background:var(--forest-tint);color:var(--forest);display:grid;place-items:center;margin-bottom:0}
.adv-icon svg{width:18px;height:18px}
@media(min-width:1100px){.adv-icon{width:42px;height:42px;border-radius:10px}.adv-icon svg{width:22px;height:22px}}
.adv-num{font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;color:var(--terra);font-weight:600;text-transform:uppercase}
.adv-card h3{font-family:var(--f-display);font-size:17px;font-weight:600;letter-spacing:-.014em;line-height:1.18;color:var(--ink)}
@media(min-width:1100px){.adv-card h3{font-size:20px}}
.adv-card p{font-size:13px;color:var(--ink-2);line-height:1.5;max-width:32ch;margin:0}
@media(min-width:1100px){.adv-card p{font-size:14px;line-height:1.6}}

/* §02 — CLINICAL: TIMELINE + STATS */
.clinical-block{background:var(--cream-2);position:relative}

.timeline{position:relative;display:grid;grid-template-columns:1fr;gap:32px;padding:48px 0 24px;margin-bottom:48px}
@media(min-width:768px){
  .timeline{grid-template-columns:repeat(4,1fr);gap:24px;padding:64px 0 32px;margin-bottom:64px}
  .timeline-track{position:absolute;top:148px;left:13%;right:13%;height:2px;background:var(--line);z-index:0}
}
.timeline-track{display:none}
@media(min-width:768px){.timeline-track{display:block}}
.ts{position:relative;display:flex;flex-direction:column;gap:14px;z-index:1}
@media(max-width:767px){
  .ts{flex-direction:row;align-items:flex-start;gap:18px;padding:0}
}
@media(min-width:768px){.ts{align-items:center;text-align:center}}
.ts-num{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:var(--terra);font-weight:600;text-transform:uppercase}
.ts-photo{width:96px;height:96px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0;align-self:center;border:3px solid var(--cream-2);box-shadow:0 8px 24px -8px rgba(31,68,53,.25),0 2px 4px rgba(31,68,53,.1);transition:transform .35s ease}
.ts-photo:hover{transform:scale(1.04)}
@media(min-width:768px){.ts-photo{width:120px;height:120px}}
@media(max-width:767px){.ts-photo{width:72px;height:72px;align-self:flex-start;margin-top:6px}}
.ts-highlight .ts-photo{border-color:var(--terra);box-shadow:0 0 0 4px rgba(184,91,63,.18),0 12px 32px -8px rgba(31,68,53,.3),0 2px 6px rgba(31,68,53,.1)}
.ts-text{flex:1;min-width:0}
.ts-text b{display:block;font-family:var(--f-display);font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.012em;line-height:1.2;margin-bottom:6px}
.ts-text span{display:block;font-size:13px;color:var(--ink-3);line-height:1.5;max-width:28ch}
@media(min-width:768px){.ts-text span{margin:0 auto}}

.result-stats{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
@media(min-width:768px){.result-stats{grid-template-columns:repeat(3,1fr)}}
.rs{padding:32px 0;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--line)}
@media(min-width:768px){
  .rs{padding:40px 32px 40px 0;border-right:1px solid var(--line);border-bottom:0}
  .rs:last-child{border-right:0;padding-right:0}
  .rs:not(:first-child){padding-left:32px}
}
.rs-num{font-family:var(--f-display);font-size:clamp(44px,5vw,64px);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}
.rs-num small{font-family:var(--f-mono);font-size:.22em;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.rs-label{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--forest);font-weight:600;margin-top:6px}
.rs p{font-size:13px;color:var(--ink-2);line-height:1.55;margin-top:6px;max-width:36ch}

/* Inline trust meta row below subhead */
.hero-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;margin-top:28px;font-size:15px;color:var(--ink);font-weight:500;letter-spacing:.005em}
.hero-meta-row .item{display:inline-flex;align-items:center;gap:10px;padding:0 20px;position:relative}
.hero-meta-row .item:first-child{padding-left:0}
.hero-meta-row .item:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background:var(--ink-4);opacity:.35}
.hero-meta-row .item svg{width:20px;height:20px;color:var(--forest);flex-shrink:0}
.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media(min-width:768px){.hero-grid{grid-template-columns:1fr 1.25fr;gap:72px}}
.hero-eyebrow{margin-bottom:24px}
.hero-title{font-size:clamp(40px,5vw,68px);margin-bottom:28px;max-width:14ch;font-weight:600;letter-spacing:-.03em;line-height:1}
.hero-sub{font-size:clamp(16px,1.35vw,18px);color:var(--ink-2);max-width:46ch;line-height:1.55;margin-bottom:36px}
.hero-actions{display:flex;flex-direction:column;gap:16px;margin-bottom:36px}
@media(min-width:600px){.hero-actions{flex-direction:row;align-items:center;gap:24px}}
.hero-actions .btn{padding:18px 30px;font-size:16px;box-shadow:0 8px 24px -8px rgba(31,68,53,.45)}
.hero-actions .btn:hover{box-shadow:0 12px 32px -8px rgba(31,68,53,.55)}
@media(min-width:768px){.hero-actions .btn{padding:20px 56px;font-size:16px;letter-spacing:.005em}}
@media(min-width:1024px){.hero-actions .btn{padding:22px 72px}}

/* §STATS */
.stats{padding:64px 0;background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(min-width:768px){.stats{padding:88px 0}}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 24px}
@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:32px}}
.stat{display:flex;flex-direction:column;gap:10px;padding-left:24px;border-left:1px solid var(--line)}
.stat:first-child,.stat:nth-child(3){padding-left:0;border-left:0}
@media(min-width:768px){.stat:first-child{padding-left:0;border-left:0}.stat:nth-child(3){padding-left:24px;border-left:1px solid var(--line)}}
.stat .v{font-family:var(--f-display);font-size:clamp(40px,4vw,60px);font-weight:600;letter-spacing:-.025em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.stat .l{font-size:16px;color:var(--ink-3);letter-spacing:.01em;line-height:1.45}
.hero-call{display:inline-flex;align-items:center;gap:10px;color:var(--ink-2);font-size:14px}
.hero-call b{font-family:var(--f-display);font-weight:500;font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}
.hero-call svg{width:16px;height:16px;color:var(--forest)}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 28px;padding-top:32px;border-top:1px solid var(--line)}
.hero-meta div{display:flex;flex-direction:column;gap:4px}
.hero-meta .v{font-family:var(--f-display);font-size:22px;font-weight:400;letter-spacing:-.015em;color:var(--ink);line-height:1}
.hero-meta .l{font-size:12px;color:var(--ink-3);letter-spacing:.02em}
.hero-photo{position:relative;aspect-ratio:4/5;background-color:var(--forest-2);background-size:cover;background-position:center;border-radius:6px;box-shadow:0 40px 80px -30px rgba(31,68,53,.35),0 12px 30px -10px rgba(31,68,53,.18);overflow:hidden}
.hero-photo-cap{position:absolute;left:24px;bottom:20px;right:24px;display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(250,246,238,.92);text-shadow:0 1px 2px rgba(0,0,0,.3)}
@media(min-width:768px){.hero-photo{aspect-ratio:4/4.6;min-height:560px}}
@media(max-width:767px){.hero-photo{aspect-ratio:5/3;width:100%;max-width:none;margin:0;order:-1}}

/* §BAND */
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}
.band-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 36px;text-align:center}
.band-item{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2);font-weight:500}
.band-item svg{width:14px;height:14px;color:var(--forest)}
.band-sep{width:1px;height:14px;background:var(--line);display:none}
@media(min-width:768px){.band-sep{display:inline-block}}

/* §SECTION BLOCK */
section.block{padding:96px 0}
@media(min-width:768px){section.block{padding:128px 0}}
/* Compact override for §03 Why it works */
section.block#why-works{padding:64px 0}
@media(min-width:768px){section.block#why-works{padding:88px 0}}
#why-works .block-hd{margin-bottom:32px}
#why-works .h-section{font-size:clamp(28px,3.5vw,40px)}
@media(max-width:767px){#why-works .h-section{font-size:24px}}
.block-hd{margin-bottom:72px;max-width:780px}
.block-hd .eyebrow{margin-bottom:20px}
.block-hd .h-section{margin-bottom:20px}
.block-hd.center{margin-left:auto;margin-right:auto;text-align:center}
.block-hd.center .eyebrow{justify-content:center}

/* §FIP INTRO */
.fip-intro{display:grid;grid-template-columns:1fr;gap:48px;margin-bottom:80px;align-items:start}
@media(min-width:768px){.fip-intro{grid-template-columns:1fr 1.1fr;gap:96px}}
.fip-intro .prose p:first-child{margin-top:0}
.fip-photo{aspect-ratio:4/3;background-color:var(--forest-tint);background-image:linear-gradient(180deg,transparent,rgba(31,68,53,.15)),url('https://images.unsplash.com/photo-1495360010541-f48722b34f7d?w=800&q=85&auto=format&fit=crop');background-size:cover;background-position:center;border-radius:4px;position:relative}
.fip-stages{border-top:1px solid var(--line)}
.fip-stage{display:grid;grid-template-columns:1fr;gap:18px;padding:36px 0;border-bottom:1px solid var(--line)}
@media(min-width:800px){.fip-stage{grid-template-columns:120px 1fr 1.4fr;gap:48px;padding:44px 0;align-items:start}}
.fip-stage .num{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--terra);font-weight:500;padding-top:8px}
.fip-stage h3{font-family:var(--f-display);font-size:clamp(26px,2.6vw,34px);font-weight:400;letter-spacing:-.018em;line-height:1.1;color:var(--ink)}
.fip-stage p{font-size:16px;color:var(--ink-2);line-height:1.65;margin-bottom:14px}
.fip-stage ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.fip-stage ul li{font-size:14px;color:var(--ink-3);padding-left:20px;position:relative;line-height:1.5}
.fip-stage ul li::before{content:'';position:absolute;left:0;top:9px;width:8px;height:1.5px;background:var(--forest-3)}

/* §MEDICINE */
.medicine{background:var(--cream-2)}
.med-spread{display:grid;grid-template-columns:1fr;gap:64px;margin-bottom:96px}
@media(min-width:768px){.med-spread{grid-template-columns:1fr 1fr;gap:80px;align-items:center}.med-spread.reverse>div:first-child{order:2}}
.med-photo{aspect-ratio:1/1;border-radius:4px;background-size:cover;background-position:center;position:relative;box-shadow:0 30px 60px -30px rgba(31,68,53,.25);display:grid;place-items:center}
.med-photo.injectable{background-image:linear-gradient(160deg,var(--cream-2) 0%,var(--cream-3) 100%)}
.med-photo.oral{background-image:linear-gradient(160deg,var(--forest-tint) 0%,#D4E0D6 100%)}
.med-photo svg{width:75%;max-width:420px;filter:drop-shadow(0 20px 40px rgba(31,68,53,.18))}
.med-photo-num{position:absolute;top:24px;left:24px;font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);background:rgba(250,246,238,.88);padding:6px 10px;border-radius:2px}
.med-content .eyebrow{margin-bottom:18px}
.med-content h3{font-family:var(--f-display);font-size:clamp(34px,3.6vw,48px);font-weight:400;letter-spacing:-.025em;line-height:1.05;margin-bottom:24px;color:var(--ink)}
.med-content h3 em{color:var(--forest)}
.med-content>p{font-size:17px;color:var(--ink-2);line-height:1.65;margin-bottom:28px;max-width:48ch}
.med-table{margin:0 0 28px;border-top:1px solid var(--line)}
.med-table dl{display:grid;grid-template-columns:140px 1fr;gap:0}
.med-table dt,.med-table dd{padding:14px 0;border-bottom:1px solid var(--line)}
.med-table dt{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.med-table dd{font-family:var(--f-display);font-size:16px;font-weight:400;color:var(--ink)}

/* §PROCESS */
.process-list{border-top:1px solid var(--line);margin-top:8px}
.process-row{display:grid;grid-template-columns:1fr;gap:14px;padding:36px 0;border-bottom:1px solid var(--line)}
@media(min-width:800px){.process-row{grid-template-columns:80px 220px 1fr 100px;gap:48px;padding:44px 0;align-items:start}}
.process-row .num{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);font-weight:500;padding-top:8px}
.process-row h3{font-family:var(--f-display);font-size:clamp(24px,2.4vw,30px);font-weight:400;letter-spacing:-.018em;line-height:1.1;color:var(--ink)}
.process-row p{font-size:15px;color:var(--ink-2);line-height:1.65;max-width:54ch}
.process-row .time{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;padding-top:8px}
@media(min-width:800px){.process-row .time{text-align:right}}

/* §WHY */
.why{background:var(--forest);color:var(--cream)}
.why .h-section{color:var(--cream)}
.why .h-section em{color:var(--terra-tint)}
.why .eyebrow{color:#A6BCAE}
.why .eyebrow::before{background:#A6BCAE}
.why .lede{color:rgba(250,246,238,.78)}
.why-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(250,246,238,.16)}

/* Why us — banner with photo + quote */
.why-banner{display:grid;grid-template-columns:1fr;gap:0;border:1px solid rgba(250,246,238,.18);border-radius:10px;overflow:hidden;margin-bottom:48px;background:rgba(250,246,238,.04)}
@media(min-width:768px){.why-banner{grid-template-columns:1fr 1.4fr;align-items:stretch}}
.why-banner-photo{background-color:#0F2A1F;background-image:linear-gradient(180deg,rgba(31,68,53,.0),rgba(15,42,31,.4)),url('https://images.unsplash.com/photo-1667046021631-12aa50a3ed48?w=1200&q=85&auto=format&fit=crop');background-size:cover;background-position:center;aspect-ratio:5/3;min-height:240px}
@media(min-width:768px){.why-banner-photo{aspect-ratio:auto;min-height:280px}}
.why-banner-quote{padding:36px 32px;display:flex;flex-direction:column;justify-content:center;gap:14px;color:var(--cream)}
@media(min-width:768px){.why-banner-quote{padding:48px 44px}}
.why-quote-mark{font-family:var(--f-display);font-size:64px;line-height:.6;color:var(--terra-tint);opacity:.6;font-weight:600}
.why-banner-quote p{font-family:var(--f-display);font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.35;letter-spacing:-.014em;color:var(--cream);max-width:30ch}
.why-banner-quote span{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(250,246,238,.6);font-weight:500;margin-top:6px}
@media(min-width:700px){.why-grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.why-grid{grid-template-columns:repeat(3,1fr)}}
.why-item{padding:36px 0;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid rgba(250,246,238,.16)}
@media(min-width:700px){.why-item:nth-child(odd){padding-right:36px;border-right:1px solid rgba(250,246,238,.16)}.why-item:nth-child(even){padding-left:36px}}
@media(min-width:900px){.why-item{padding:40px 36px}.why-item:nth-child(odd){padding-right:36px;border-right:0}.why-item:nth-child(even){padding-left:36px}.why-item:nth-child(3n+1){padding-left:0}.why-item:nth-child(3n){padding-right:0}.why-item:nth-child(3n+2){border-left:1px solid rgba(250,246,238,.16);border-right:1px solid rgba(250,246,238,.16)}}
.why-num{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--terra-tint);font-weight:500}
.why-item h3{font-family:var(--f-display);font-size:24px;font-weight:400;letter-spacing:-.018em;line-height:1.15;color:var(--cream)}
.why-item p{font-size:15px;color:rgba(250,246,238,.72);line-height:1.6}

/* §STORY */
.story{background:var(--cream-2)}
.story-grid{display:grid;grid-template-columns:1fr;gap:56px;align-items:center}
@media(min-width:768px){.story-grid{grid-template-columns:1fr 1.05fr;gap:96px}}
.story-photo{aspect-ratio:4/3;background-color:var(--forest);background-size:cover;background-position:center;border-radius:6px;box-shadow:0 40px 80px -30px rgba(31,68,53,.3)}
.story-content .eyebrow{margin-bottom:18px}
.pull-quote{font-family:var(--f-display);font-size:clamp(26px,2.8vw,38px);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--ink);margin:24px 0;position:relative;padding-top:24px}
.pull-quote::before{content:'';position:absolute;top:0;left:0;width:48px;height:2px;background:var(--terra)}
.pull-quote em{color:var(--terra-2)}
.story-byline{display:flex;align-items:center;gap:16px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.story-byline .nm{font-family:var(--f-display);font-size:18px;font-weight:500;color:var(--ink)}
.story-byline .meta{font-size:13px;color:var(--ink-3);margin-top:2px}
.story-byline .verified{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--forest);font-weight:500}
.story-byline .verified svg{width:13px;height:13px}
.story-extra{margin-top:40px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding-top:32px;border-top:1px solid var(--line)}
.story-extra .v{font-family:var(--f-display);font-size:28px;font-weight:400;color:var(--ink);letter-spacing:-.02em;line-height:1}
.story-extra .l{font-size:11px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-top:6px}

/* §VETS */
.vets-grid{display:grid;grid-template-columns:1fr;gap:64px;align-items:center}
@media(min-width:768px){.vets-grid{grid-template-columns:1.1fr 1fr;gap:80px}}
.vets-photo{aspect-ratio:4/3;background-color:var(--cream-3);background-size:cover;background-position:center;border-radius:4px;box-shadow:0 30px 60px -30px rgba(31,68,53,.25)}
.vets-content .eyebrow{margin-bottom:18px}
.vets-content>h2{margin-bottom:24px}
.vets-content>p{font-size:17px;color:var(--ink-2);line-height:1.65;margin-bottom:32px;max-width:48ch}
.vet-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.vet-row{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.vet-init{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:var(--cream);font-family:var(--f-display);font-size:16px;font-weight:500}
.vet-init.t2{background:var(--terra)}.vet-init.t3{background:var(--forest-2)}.vet-init.t4{background:var(--terra-2)}
.vet-row b{display:block;font-family:var(--f-display);font-size:17px;font-weight:500;color:var(--ink)}
.vet-row span{font-size:13px;color:var(--ink-3);margin-top:2px;display:block}
.vet-row .reg{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}


/* §GUARANTEE */
.guarantee-section{padding:0 0 96px}

/* §07 PRODUCTS CHOOSER */
.products-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:800px){.products-grid{grid-template-columns:1fr 1fr;gap:28px}}
.product-card{display:grid;grid-template-columns:1fr;background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:all .3s ease;color:inherit;text-decoration:none;position:relative}
.product-card:hover{transform:translateY(-3px);border-color:var(--forest-line);box-shadow:0 24px 50px -16px rgba(31,68,53,.22)}
.pc-photo{aspect-ratio:1/1;background:var(--cream-2);display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}
.pc-photo svg{width:auto;height:100%;max-height:200px;filter:drop-shadow(0 16px 24px rgba(31,68,53,.18))}
.pc-info{padding:28px 26px}
.pc-meta{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--forest);font-weight:600;margin-bottom:12px}
.product-card h3{font-family:var(--f-display);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--ink);margin-bottom:8px}
.pc-spec{font-size:14px;color:var(--ink-3);margin-bottom:16px;font-family:var(--f-mono);letter-spacing:.02em}
.product-card p{font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:24px}
.pc-foot{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line);gap:16px;flex-wrap:wrap}
.pc-price{font-family:var(--f-display);font-size:15px;color:var(--ink-3)}
.pc-price b{font-size:30px;font-weight:600;color:var(--ink);letter-spacing:-.015em;margin:0 4px;font-variant-numeric:tabular-nums}
.pc-price span{font-size:13px;color:var(--ink-3);margin-left:2px}
.pc-cta{font-size:14px;font-weight:600;color:var(--forest);display:inline-flex;align-items:center;gap:4px;transition:gap .25s;white-space:nowrap}
.product-card:hover .pc-cta{gap:10px}
.guarantee{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:36px 28px;display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
@media(min-width:900px){.guarantee{grid-template-columns:auto 1fr auto;gap:48px;padding:48px}}
.g-mark{display:flex;align-items:center;gap:14px}
.g-mark .ic{width:54px;height:54px;border-radius:50%;background:var(--forest-tint);display:grid;place-items:center;color:var(--forest)}
.g-mark .ic svg{width:26px;height:26px}
.g-mark .lbl{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--forest);font-weight:500}
.g-mark .amt{font-family:var(--f-display);font-size:28px;font-weight:400;letter-spacing:-.02em;color:var(--ink);margin-top:2px}
.g-content h3{font-family:var(--f-display);font-size:clamp(22px,2.2vw,28px);font-weight:400;line-height:1.2;color:var(--ink);margin-bottom:8px}
.g-content p{font-size:15px;color:var(--ink-2);line-height:1.6;max-width:60ch}

/* §CTA FINAL */
.cta-final{background:var(--forest);color:var(--cream);position:relative;overflow:hidden}
.cta-inner{padding:96px 0;display:grid;grid-template-columns:1fr;gap:40px;position:relative;align-items:end}
@media(min-width:768px){.cta-inner{grid-template-columns:1.4fr 1fr;gap:80px;padding:144px 0}}
.cta-final h2{font-family:var(--f-display);font-size:clamp(38px,4.4vw,60px);font-weight:600;letter-spacing:-.025em;line-height:1.05;color:var(--cream);margin-bottom:20px;max-width:14ch}
.cta-final h2 em{color:var(--terra-tint)}
.cta-final p{font-size:17px;color:rgba(250,246,238,.78);line-height:1.6;max-width:48ch;margin-bottom:36px}
.cta-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.cta-actions .btn{background:var(--terra);border-color:var(--terra)}
.cta-actions .btn:hover{background:var(--terra-2);border-color:var(--terra-2)}
.cta-actions .btn-ghost{background:transparent;color:var(--cream);border-color:rgba(250,246,238,.4)}
.cta-actions .btn-ghost:hover{background:var(--cream);color:var(--forest);border-color:var(--cream)}
.cta-side{border-top:1px solid rgba(250,246,238,.18);padding-top:36px}
.cta-side h4{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#A6BCAE;margin-bottom:24px;font-weight:500}
.cta-contact{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(250,246,238,.14);transition:padding-left .3s}
.cta-contact:hover{padding-left:8px}
.cta-contact:last-child{border-bottom:0}
.cta-contact svg{width:18px;height:18px;color:var(--terra-tint);flex-shrink:0}
.cta-contact b{display:block;font-family:var(--f-display);font-size:18px;font-weight:500;color:var(--cream);font-variant-numeric:tabular-nums}
.cta-contact span{font-size:12px;color:rgba(250,246,238,.6);margin-top:2px;display:block}

/* MOBILE TYPOGRAPHY — home-specific responsive overrides */
@media(max-width:767px){
  /* Hero */
  .hero-product-pill{font-size:12px;padding:8px 14px}
  .hero-sub{font-size:17px;line-height:1.6}
  .hero-meta-row{font-size:14px;gap:12px 0}
  .hero-meta-row .item{padding:0;width:100%}
  .hero-meta-row .item:not(:last-child)::after{display:none}
  .hero-actions .btn{padding:18px 32px;font-size:16px}

  /* Stats */
  .stat .l{font-size:16px}

  /* §01 Advantages - compact 2x2 grid */
  .adv-num{font-size:10px}
  .adv-card h3{font-size:16px;line-height:1.2}
  .adv-card p{font-size:13px;line-height:1.5}

  /* §02 Clinical / Timeline */
  .ts-num{font-size:12px}
  .ts-text b{font-size:18px}
  .ts-text span{font-size:15px;line-height:1.55}
  .rs-label{font-size:12px}
  .rs p{font-size:14px;line-height:1.55}

  /* §03 Process */
  .process-row h3{font-size:20px}
  .process-row p{font-size:15px;line-height:1.6}
  .process-row .num{font-size:13px}
  .process-row .time{font-size:11px}

  /* §04 Why us */
  .why-num{font-size:12px}
  .why-item h3{font-size:19px}
  .why-item p{font-size:15px;line-height:1.6}
  .why-banner-quote p{font-size:19px;line-height:1.4}
  .why-banner-quote span{font-size:12px}

  /* §06 Vets */
  .vets-content p{font-size:16px;line-height:1.65}
  .vet-row b{font-size:16px}
  .vet-row span{font-size:13px}
  .vet-row .reg{font-size:11px}

  /* §07 Products */
  .pc-meta{font-size:12px}
  .product-card h3{font-size:24px}
  .pc-spec{font-size:14px}
  .product-card p{font-size:15px;line-height:1.6}
  .pc-price b{font-size:26px}
  .pc-price{font-size:14px}
  .pc-cta{font-size:15px}

  /* Guarantee */
  .g-content h3{font-size:20px;line-height:1.25}
  .g-content p{font-size:15px;line-height:1.6}

  /* CTA final */
  .cta-final p{font-size:17px;line-height:1.55}
  .cta-contact b{font-size:16px}
  .cta-contact span{font-size:13px}

  /* Story */
  .pull-quote{font-size:22px;line-height:1.35}
  .story-content p{font-size:16px;line-height:1.65}
}