/* Versioned experiment treatment. Loaded only when SSR selects performance_v1.
   The clean_v4 control stylesheet stays byte-for-byte unchanged. */
.homepage-v2 .hp2-hero--performance{--hero-title:clamp(40px,4.4vw,62px);min-height:0;padding-block:64px}
.homepage-v2 .hp2-hero--performance .hp2-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:64px}
.homepage-v2 .hp2-hero--performance .hp2-hero-copy{display:block;min-height:0;padding:0;max-width:680px}
.homepage-v2 .hp2-hero--performance .hp2-hero-copy>.hp2-eyebrow{display:block;margin:0 0 12px;font-size:11px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.homepage-v2 .hp2-hero--performance .hp2-hero-copy>h1{margin:0;line-height:1.07;text-wrap:balance}
.homepage-v2 .hp2-hero--performance .hp2-hero-copy>.hp2-lead{max-width:580px;margin-top:16px;font-size:17px;line-height:1.6}
.hp2-performance-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:580px;padding:0;margin:24px 0 0;list-style:none}
.hp2-performance-benefits>li{display:flex;align-items:center;gap:10px;min-width:0;color:var(--text-primary);font-size:12px;line-height:1.45}
.hp2-performance-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);color:var(--action)}
.homepage-v2 .hp2-hero--performance .hp2-hero-actions{max-width:440px;margin-top:26px}
.homepage-v2 .hp2-hero--performance .hp2-hero-actions>.hp2-button-primary{min-height:56px}
.homepage-v2 .hp2-performance-renewal{margin:6px 0 0;font-size:11px;line-height:1.55;text-align:center;color:var(--text-secondary)}
.homepage-v2 .hp2-hero--performance .hp2-hero-actions>.hp2-offer-status{margin-top:4px}
.homepage-v2 .hp2-hero--performance .hp2-hero-visual{gap:14px;padding:0}
.homepage-v2 .hp2-performance-device{display:grid;justify-items:center;gap:12px;width:min(100%,340px);margin:0}
.hp2-performance-screen{position:relative;width:100%;aspect-ratio:780/820;overflow:hidden;border:1px solid var(--border-strong);border-radius:18px;background:var(--background-secondary)}
.hp2-performance-screen img{position:absolute;left:0;top:0;display:block;width:100%;height:auto;aspect-ratio:780/1688;transform:translateY(-12.44%)}
.homepage-v2 .hp2-performance-device figcaption{font-size:11px;line-height:1.5;text-align:center;color:var(--text-muted)}
@media(min-width:641px) and (max-width:1000px){
 .homepage-v2 .hp2-hero--performance{--hero-title:38px;padding-block:40px}
 .homepage-v2 .hp2-hero--performance .hp2-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px}
 .hp2-performance-benefits>li{flex-direction:column;align-items:flex-start;gap:8px}
}
@media(max-width:640px){
 .homepage-v2 .hp2-hero--performance{--hero-title:clamp(26px,8.45vw,36px);padding:24px 0 36px}
 .homepage-v2 .hp2-hero--performance .hp2-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .homepage-v2 .hp2-hero--performance .hp2-hero-copy{max-width:480px;min-height:0;padding:0}
 .homepage-v2 .hp2-hero--performance .hp2-hero-copy>.hp2-eyebrow{font-size:11px;margin-bottom:10px;letter-spacing:.16em}
 .homepage-v2 .hp2-hero--performance .hp2-hero-copy>h1{letter-spacing:0;font-synthesis:none;line-height:1.08;text-wrap:pretty}
 .homepage-v2 .hp2-hero--performance .hp2-hero-copy>.hp2-lead{margin-top:12px;font-size:15px;line-height:1.55}
 .hp2-performance-benefits{gap:12px;margin-top:20px}
 .hp2-performance-benefits>li{flex-direction:column;align-items:center;gap:8px;font-size:11px;text-align:center}
 .hp2-performance-icon{width:32px;height:32px}
 .hp2-performance-icon svg{width:18px;height:18px}
 .homepage-v2 .hp2-hero--performance .hp2-hero-actions{max-width:none;margin-top:22px}
 .homepage-v2 .hp2-hero--performance .hp2-hero-actions>.hp2-hero-price{margin-top:12px}
 .homepage-v2 .hp2-hero--performance .hp2-hero-actions>.hp2-button-primary{font-size:16px;padding:16px}
 .homepage-v2 .hp2-hero--performance .hp2-hero-visual{gap:12px}
 .homepage-v2 .hp2-performance-device{width:min(100%,360px)}
}
@media(max-width:374px){
 .homepage-v2 .hp2-hero--performance{--hero-title:clamp(26px,8.45vw,31px)}
 .homepage-v2 .hp2-hero--performance .hp2-hero-copy>.hp2-eyebrow{font-size:9px;letter-spacing:.1em}
}
@media(max-width:430px) and (max-height:700px){
 .hp2-hero--performance .hp2-performance-benefits{display:none}
}