/* Headlights: the same restrained card rhythm and Learn More offset as Ceramic. */
html.motion #s3 .scene-inner{justify-content:flex-start;padding-top:calc(var(--hud) + 44px)}
#s3 .scene-head{margin-bottom:30px}
#s3 .sub{max-width:720px;color:#c3cdd9;line-height:1.7}
#s3 .hl-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,44px);align-items:stretch}
#s3 .card.solo{width:100%;max-width:none;margin:0;min-width:0;padding-bottom:20px}
#s3 .card header{gap:12px;flex-wrap:wrap;margin-bottom:24px}
#s3 .card header .pill{margin:0;line-height:1.4;white-space:nowrap}
#s3 .solo-row{gap:12px;align-items:center;margin-bottom:20px}
#s3 .solo-row h3{max-width:240px;margin:0;font-size:clamp(24px,2.1vw,30px);line-height:1.2}
#s3 .solo-row .price{margin:0;font-size:42px;white-space:nowrap}
#s3 .solo-row .price small{display:block;font-size:10px;margin:0 0 6px;line-height:1.5;color:#aeb9c7}
#s3 .card ul{grid-template-columns:1fr;gap:12px;padding:20px 0;margin:0}
#s3 .card li{padding-left:26px;color:#e6ebf1;line-height:1.6}
#s3 .card li::before{top:5px;left:5px;width:6px;height:11px;background:none;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(45deg);border-radius:0;box-shadow:none}
#s3 .hl-addon{margin:0;padding:16px 0;border-top:1px solid #d4e6ff20;color:#bbc8d8;font-size:13px;line-height:1.7}
#s3 .hl-addon strong{font-weight:500;color:#f0f5fc}
#s3 .card.solo .fine{font:400 12px/1.7 var(--sans);letter-spacing:0;color:#aeb9c7;margin:0 0 18px}
#s3 .card .card-cta{min-height:58px;line-height:1.4}
#s3 .hl-compare{align-self:stretch;justify-self:stretch;max-width:none;min-width:0;width:100%;height:100%;min-height:380px;aspect-ratio:auto;margin:0;border-radius:20px}
/* Do not add the grid gap to the shared .service-more-wrap margin. */
#s3 .service-more-wrap{flex:0 0 auto}
#s3 .service-more{text-decoration:none;justify-content:center}
#s3 :is(.service-more,.card-cta):focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:860px){
 #s3 .hl-service-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 #s3 .scene-head{margin-bottom:28px}
 #s3 .hl-compare{aspect-ratio:4/3;height:auto;min-height:0}
}
@media(max-width:700px){
 #s3 .card.solo{padding-bottom:20px}
 #s3 .solo-row{align-items:flex-start;gap:20px;margin-bottom:22px}
 #s3 .solo-row h3{font-size:25px;max-width:180px}
 #stage #s3 .solo-row .price{font-size:36px;margin:0}
 #s3 .card header .pill{font-size:8px;letter-spacing:.05em}
 #s3 .hl-compare{border-radius:17px;aspect-ratio:1/1}
}
@media(max-width:359px){#s3 .solo-row{flex-direction:column;gap:14px}#s3 .solo-row h3{max-width:none}}