/* Fit the complete hero to the available width AND height. */
.v13-hero{padding:clamp(12px,2.2svh,24px) 0 18px}
.v13-hero .v13-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(22px,3vw,42px)}
.v13-hero h1{font-size:clamp(34px,5.6svh,51px);margin-bottom:clamp(10px,1.8svh,18px)}
.v13-hero .v11-label{margin-bottom:clamp(7px,1.35svh,13px)}
main .v13-hero .v11-promise{font-size:clamp(18px,2.55svh,22px)!important;line-height:1.35!important;margin:0 0 clamp(9px,1.7svh,17px)!important}
main .v13-hero .v11-hero-desc,main .v13-hero .v11-hero-explain{font-size:clamp(15px,2.05svh,17px)!important;line-height:1.45!important}
main .v13-hero .v11-hero-desc{margin:0!important}
main .v13-hero .v11-hero-explain{margin:clamp(8px,1.5svh,13px) 0 0!important}
.v13-hero .v11-actions{margin-top:clamp(11px,2svh,20px)}
.v13-hero .btn-primary{min-height:44px;padding:clamp(10px,1.7svh,14px) 18px;font-size:16px}
.v13-hero .v18-trial{margin-top:clamp(8px,1.3svh,12px)}
.v13-hero .v18-device-scene{width:100%;height:auto;aspect-ratio:4/3;margin:0;max-height:min(58svh,500px)}
.v13-hero .v23-device-image{height:100%;width:100%}
.v13-hero .v23-device-image img{width:100%;height:100%;max-height:min(58svh,500px);object-fit:contain}
.v13-hero .v11-hero-facts{margin-top:clamp(12px,2.2svh,22px);gap:14px;grid-template-columns:1fr 1fr 1.12fr}
.v13-hero .v11-hero-facts>div{min-height:clamp(66px,10svh,85px);padding:11px 15px;gap:10px;font-size:16px;line-height:1.3}
.v13-hero .v17-fact-art{width:clamp(48px,8svh,68px);height:clamp(48px,8svh,68px);margin:-5px 0}
/* JS measures the real navbar, fonts and image dimensions; no content is clipped. */
.v13-hero.is-viewport-fitted{position:relative;height:var(--hero-fit-height);padding:0;overflow:clip}
.v13-hero.is-viewport-fitted>.container{position:absolute;left:50%;top:var(--hero-fit-top,12px);width:var(--hero-fit-width);max-width:none;margin:0;transform:translateX(-50%) scale(var(--hero-fit-scale,1));transform-origin:top center}
@media(min-width:601px) and (max-width:900px){
 .v13-hero .v13-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:'label product' 'title product' 'promise product' 'description description' 'explain explain' 'actions actions' 'trial trial' 'facts facts';column-gap:22px}
 .v13-hero h1{font-size:clamp(32px,4.4vw,42px)}
 .v13-hero .v18-device-scene{max-width:none;margin:0;max-height:260px}
 .v13-hero .v23-device-image img{max-height:260px}
 .v13-hero .v11-hero-facts>div{font-size:14px;padding:10px;gap:7px}
 .v13-hero .v17-fact-art{width:45px;height:45px}
}
@media(max-width:600px){
 .v13-hero .v13-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(95px,.9fr);grid-template-areas:'label label' 'title title' 'promise product' 'description description' 'explain explain' 'actions actions' 'trial trial' 'facts facts';column-gap:10px}
 .v13-hero .v11-label{font-size:9px;line-height:1.4;margin-bottom:9px}
 .v13-hero h1{font-size:clamp(29px,8vw,36px);line-height:1.06;margin-bottom:13px}
 main .v13-hero .v11-promise{font-size:15.5px!important;line-height:1.35!important;margin-bottom:12px!important;align-self:center}
 main .v13-hero .v11-hero-desc,main .v13-hero .v11-hero-explain{font-size:14.5px!important;line-height:1.4!important}
 main .v13-hero .v11-hero-explain{margin-top:9px!important}
 .v13-hero .v18-device-scene{width:100%;max-width:none;max-height:none;height:clamp(105px,18svh,150px);aspect-ratio:auto;margin:0 0 12px}
 .v13-hero .v23-device-image img{height:100%;max-height:none;object-fit:contain}
 .v13-hero .v11-actions{display:flex;grid-area:actions;gap:10px;flex-wrap:nowrap;margin-top:13px}
 .v13-hero .v11-actions .btn-primary{grid-area:auto;flex:1;width:auto;min-height:44px;margin:0;padding:10px 12px;font-size:14px;line-height:1.3;white-space:normal}
 .v13-hero .v11-actions .v11-link{grid-area:auto;flex:0 0 83px;margin:0;padding:0;font-size:12.5px;line-height:1.35;text-align:center}
 .v13-hero .v18-trial{flex-wrap:wrap;gap:6px 9px;margin-top:9px;font-size:11px;line-height:1.35}
 .v13-hero .v18-trial strong{font-size:11px;padding:4px 7px}
 .v13-hero .v18-trial span{flex-basis:auto;font-size:11px;line-height:1.35}
 .v13-hero .v11-hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
 .v13-hero .v11-hero-facts>div,.v13-hero .v11-hero-facts>div:nth-child(3){grid-column:auto;min-height:82px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 6px;border-radius:12px;font-size:12px;line-height:1.25;text-align:center}
 .v13-hero .v11-hero-facts .v17-fact-art,.v13-hero .v11-hero-facts>div:nth-child(3) .v17-fact-art{width:28px;height:28px;margin:0;align-self:center}
 .v13-hero .v11-hero-facts>div>span{max-width:none;text-wrap:balance}
}
@media(min-width:601px) and (max-width:900px) and (max-height:500px){
 body .navbar{padding:6px 0!important}
 body .brand-logo img{width:120px!important}
 body .navbar .nav-actions .btn{font-size:12px;padding:7px 10px;min-height:32px}
 .v13-hero h1{font-size:26px;line-height:1.04;margin-bottom:6px}
 .v13-hero .v11-label{font-size:9px;margin-bottom:5px}
 main .v13-hero .v11-promise{font-size:15px!important;line-height:1.25!important;margin-bottom:8px!important}
 main .v13-hero .v11-hero-desc,main .v13-hero .v11-hero-explain{font-size:14px!important;line-height:1.32!important}
 main .v13-hero .v11-hero-explain{margin-top:6px!important}
 .v13-hero .v18-device-scene{height:105px;aspect-ratio:auto;max-height:none}
 .v13-hero .v23-device-image img{max-height:none;height:100%}
 .v13-hero .v11-actions{margin-top:8px;gap:15px}
 .v13-hero .btn-primary{font-size:13px;min-height:36px;padding:8px 12px}
 .v13-hero .v11-link{font-size:13px}
 .v13-hero .v18-trial{font-size:10px;margin-top:6px}
 .v13-hero .v18-trial strong{font-size:10px;padding:3px 6px}
 .v13-hero .v18-trial span{font-size:10px}
 .v13-hero .v11-hero-facts{margin-top:9px;gap:10px}
 .v13-hero .v11-hero-facts>div{min-height:42px;padding:6px 9px;font-size:12px;gap:6px;border-radius:11px}
 .v13-hero .v17-fact-art{width:28px;height:28px;margin:0}
}