/* V3: centered first fold and supplied official brand logo. */
.v3-hero{padding-top:32px}
.v3-hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:34px;justify-items:center}
.v3-hero .hero-copy{width:100%;max-width:900px;padding:0;text-align:center}
.v3-hero h1{max-width:900px;margin-inline:auto;font-size:clamp(36px,4vw,55px)}
.v3-hero .lead{max-width:720px;margin:23px auto 0}
.v3-hero .hero-support{width:100%;text-align:center}
.v3-hero .hero-price{margin:0}
.v3-hero .hero-sample-link{margin:16px auto 0}
.v3-hero .hero-details{justify-content:center;margin-top:20px}
.v3-hero .hero-comparison{width:min(100%,740px);margin:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 14px 35px #272a310b}
.comparison-labels{display:grid;grid-template-columns:1fr 1fr}
.comparison-labels>div{padding:18px 19px;background:var(--cream)}
.comparison-labels>div+div{background:var(--lavender);border-left:1px solid var(--line)}
.comparison-labels span{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.comparison-labels strong{display:block;font-family:var(--display);font-size:17px;font-weight:400;line-height:1.35;letter-spacing:-.03em}
.comparison-image{width:100%;height:auto}
.hero-comparison .comparison-caption{display:flex;align-items:center;gap:17px;margin:0;padding:18px 20px}
.comparison-caption>img{width:86px;height:auto;border-radius:4px;flex:none;transform:rotate(-4deg);box-shadow:0 4px 10px #272a3118}
.comparison-caption strong{font-size:15px;line-height:1.3;display:block}
.comparison-caption span{font-size:12px;line-height:1.5;color:var(--muted);display:block;margin-top:5px}
@media(max-width:1050px){
.v3-hero .hero-grid{gap:30px}
.v3-hero h1{max-width:800px;font-size:clamp(36px,4.6vw,48px)}
.v3-hero .lead{max-width:650px}
.comparison-labels>div{padding:16px 18px}
.comparison-labels strong{font-size:16px}
.hero-comparison .comparison-caption{gap:15px;padding:18px}
.comparison-caption>img{width:78px}
}
@media(max-width:760px){
.v3-hero{padding-top:15px}
.v3-hero .hero-grid{gap:27px}
.v3-hero .hero-copy{max-width:580px}
.v3-hero h1{font-size:clamp(31px,8.2vw,44px)}
.v3-hero .lead{max-width:490px;margin:20px auto 0}
.v3-hero .hero-comparison{width:min(100%,530px);border-radius:16px}
.comparison-labels>div{padding:15px 13px}
.comparison-labels strong{font-size:15px}
.comparison-labels span{font-size:9px}
.hero-comparison .comparison-caption{padding:16px 14px;gap:13px}
.comparison-caption>img{width:72px}
.comparison-caption strong{font-size:14px}
.comparison-caption span{font-size:11px}
.v3-hero .hero-details{margin-top:18px}
}
@media(max-width:359px){
.comparison-labels strong{font-size:13px}
.comparison-labels>div{padding:13px 11px}
.comparison-caption>img{width:61px}
.comparison-caption strong{font-size:13px}
.comparison-caption span{font-size:10px}
}

/* Original supplied logo: transparent margins removed, pixels preserved. */
.official-logo{display:block;flex:none;width:182px;transform:none;line-height:0;letter-spacing:normal}
.official-logo img{display:block;width:100%;height:auto}
.site-footer .official-logo{width:198px;padding:14px 16px;background:var(--paper);border-radius:12px}
@media(max-width:760px){.site-header .official-logo{width:154px}.site-footer .official-logo{width:186px}}

/* Logo and navigation share a centered axis on every screen. */
.site-header{height:auto;flex-direction:column;justify-content:center;gap:10px;padding-block:22px 14px;text-align:center}
.site-header nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 30px}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:760px){.site-header{gap:6px;padding-block:18px 10px}.site-header nav{gap:4px 22px;font-size:13px}}