/* Two clear entry points, sharing the existing BilScene identity. */
body.simple-home,body.service-page{background:#f6f8fa;color:#1a303e}
.simple-home .wrap,.service-page .wrap{width:min(1120px,calc(100% - 56px))}
.simple-home .header-inner,.service-page .header-inner{height:78px}
.simple-home .preview-banner,.service-page .preview-banner{background:#e9eef1;color:#5c707d;font-size:10px;letter-spacing:.4px;padding:7px 16px}
.simple-home .header-cta,.service-page .header-cta{background:white;color:#294857;border-color:#cbd6dd;padding:10px 16px;font-size:11px}
.home-main{padding:52px 0 35px}
.home-intro{text-align:center;margin-bottom:32px}
.home-intro .eyebrow{color:#64816f;font-size:10px;letter-spacing:2px;margin-bottom:12px}
.home-intro h1{font-size:clamp(34px,4.5vw,54px);line-height:1.05;letter-spacing:-2px;margin:0 0 16px;font-weight:750}
.home-intro>p:last-child{font-size:15px;color:#657b89;margin:0}
.service-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.service-choice{display:block;background:#fff;border:1px solid #dce4ea;border-radius:14px;overflow:hidden;box-shadow:0 10px 35px #1b354007;transition:transform .2s,border-color .2s,box-shadow .2s}
.service-choice:hover{transform:translateY(-4px);border-color:#9eb5a6;box-shadow:0 14px 38px #1b354014}
.choice-image{aspect-ratio:16/9;overflow:hidden;position:relative;background:#e9edef}
.choice-image>img{display:block;width:100%;height:100%;object-fit:cover}
.choice-tag{position:absolute;left:18px;bottom:16px;background:#fffffff2;color:#1d3545;font-size:9px;letter-spacing:1.2px;font-weight:700;padding:7px 10px;border-radius:4px}
.choice-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;padding-left:4px;width:60px;height:60px;background:#ffffffdc;border:1px solid #fff;border-radius:50%;color:#233b49;font-size:21px;box-shadow:0 3px 20px #0002}
.choice-copy{padding:23px 25px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.choice-copy h2{font-size:31px;letter-spacing:-1px;line-height:1.1;margin:0 0 8px}
.choice-copy p{font-size:12px;color:#647a87;margin:0;line-height:1.6}
.choice-arrow{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#edf3f0;color:#395b47;font-size:23px}
.choice-bottom{padding:14px 25px;border-top:1px solid #e9edf0;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#476273}
.choice-bottom>span:last-child{font-size:9px;color:#7a8d98;white-space:nowrap}
.home-note{text-align:center;margin:28px 0 8px;color:#4f6877;font-size:12px}
.home-disclosure{text-align:center;font-size:10px;color:#758995;margin:0}
.simple-footer{background:#fff;border-top:1px solid #e0e7eb;color:#667c89;padding:19px 0}
.simple-footer .footer-bottom{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:13px 25px;padding:0;border:0;color:#667c89;font-size:10px}
.simple-footer .footer-bottom span:last-child{width:100%;text-align:center;font-size:9px;color:#81939e}
.service-tabs{display:flex;gap:6px;align-items:center;margin-left:auto;margin-right:25px;padding:4px;background:#edf2f5;border-radius:7px}
.service-tabs a{padding:8px 15px;color:#536c7b;font-size:12px;border-radius:4px}
.service-tabs a[aria-current=page]{background:#fff;color:#243f50;box-shadow:0 1px 4px #253b4910;font-weight:700}
.service-tabs a:hover{color:#1f4933}
.service-intro{position:relative;padding-top:28px;padding-bottom:26px;display:flex;align-items:end;justify-content:space-between;gap:25px;flex-wrap:wrap}
.back-home{width:100%;display:block;font-size:11px;color:#66808e;margin-bottom:5px}
.service-intro .eyebrow{color:#64816f;font-size:10px;margin-bottom:12px}
.service-intro h1{font-size:clamp(30px,3.8vw,46px);line-height:1.1;letter-spacing:-1.7px;margin:0 0 12px}
.service-intro p:last-child{font-size:13px;color:#657d8c;line-height:1.7;margin:0;max-width:660px}
.service-intro .button{background:#233f50;color:#fff;border-color:#233f50;font-size:11px;padding:13px 18px;margin-bottom:3px;white-space:nowrap}
.service-page .comparison-section,.service-page .demo-section{background:#f6f8fa;padding:0 0 42px;border:0}
.service-page .comparison-stage,.service-page .comparison-controls{max-width:100%}
.service-page .comparison-stage{aspect-ratio:4/3}
.service-page .comparison-caption{margin-top:18px}
.service-page .demo-note{max-width:none;margin:14px 0 0;font-size:11px;color:#657d8c}
.short-disclosure{font-size:11px;color:#647d8c;margin:20px 0 10px}
.media-details{font-size:11px;color:#547183;padding-top:5px}
.media-details summary{cursor:pointer;min-height:36px;padding-block:7px}
.service-page .start-section{background:#edf2f5;border-block:1px solid #dce5eb;padding-block:44px 50px}
.service-page .start-grid{display:block;max-width:760px}
.service-page .start-copy{position:static;padding:0;margin-bottom:24px}
.service-page .start-copy h2{font-size:34px;line-height:1.1;letter-spacing:-1px;color:#233f50;margin:9px 0 12px}
.service-page .start-copy .eyebrow{margin:0;color:#64816f}
.service-page .start-copy>p:not(.eyebrow):not(.prototype-note){font-size:13px;color:#617b8c;line-height:1.7;margin-bottom:10px}
.service-page .prototype-note{max-width:none;margin:0;font-size:11px;color:#6d8593}
.service-page .upload-card{box-shadow:0 8px 32px #1c405308;padding:30px}
.video-options{grid-template-columns:1fr 1fr}
.guide-container{padding-block:28px 40px}
.guide-drawer{border:1px solid #d7e2e9;background:#fff;border-radius:9px}
.guide-drawer>summary{padding:20px 23px;cursor:pointer;font-size:14px;font-weight:600;color:#2a485c}
.guide-drawer>summary>span{font-size:11px;font-weight:400;color:#6e8492;margin-left:12px}
.guide-drawer .photo-guide-section{padding:20px 0 30px;background:#fff;border:0}
.guide-drawer .photo-guide-section>.wrap{width:calc(100% - 44px)}
.guide-drawer .photo-guide-heading h2{font-size:32px}
@media(max-width:780px){
 .simple-home .wrap,.service-page .wrap{width:calc(100% - 40px)}
 .simple-home .header-inner,.service-page .header-inner{height:70px}
 .home-main{padding-top:34px}.home-intro{margin-bottom:25px}
 .service-choices{gap:16px}.choice-copy{padding:19px 18px 16px;gap:10px}
 .choice-copy h2{font-size:27px}.choice-copy p{font-size:11px}
 .choice-bottom{padding:13px 18px;display:block}.choice-bottom>span{display:block}.choice-bottom>span:last-child{margin-top:5px}
 .service-tabs{margin-right:10px}.service-tabs a{padding:8px 11px;font-size:11px}
 .service-intro{padding-top:20px;gap:15px}.back-home{margin-bottom:2px}
 .service-intro .button{font-size:10px;padding:12px 15px}
}
@media(max-width:600px){
 .simple-home .wrap,.service-page .wrap{width:calc(100% - 32px)}
 .home-main{padding-top:27px;padding-bottom:27px}.home-intro{text-align:left;margin-bottom:22px}
 .home-intro h1{font-size:34px;letter-spacing:-1.3px;margin-bottom:11px}.home-intro>p:last-child{font-size:13px}
 .service-choices{grid-template-columns:1fr;gap:20px}.choice-image{aspect-ratio:16/8}
 .choice-copy{padding:20px}.choice-copy h2{font-size:30px}.choice-copy p{font-size:12px}
 .choice-bottom{display:flex;padding:12px 20px;font-size:9px}.choice-bottom>span:last-child{margin:0;font-size:8px}
 .home-note{font-size:10px;margin-top:24px}.home-disclosure{font-size:9px;max-width:290px;margin-inline:auto}
 .service-page .header-inner{gap:12px;flex-wrap:wrap;height:auto;padding-block:16px 10px}
 .service-page .header-cta{margin-left:auto;order:2}.service-page .brand{order:1}
 .service-tabs{order:3;margin:4px 0 0;width:100%;justify-content:center}.service-tabs a{flex:1;text-align:center;padding:9px}
 .service-page .service-intro{padding-top:20px}.service-intro h1{font-size:31px}
 .service-page .start-section{padding-block:32px}.service-page .upload-card{padding:20px}
 .service-page .start-copy h2{font-size:31px}.guide-drawer>summary{padding:17px;font-size:12px}
 .guide-drawer>summary>span{display:block;margin:5px 0 0 15px;font-size:10px}
 .simple-footer .footer-bottom{flex-direction:row;gap:12px 20px}
}
@media(prefers-reduced-motion:reduce){.service-choice{transition:none}.service-choice:hover{transform:none}}

/* Select a car before the player, so all three examples are easy to find. */
.service-page .demo-cars{margin:18px 0 16px;gap:10px}
.service-page .demo-cars>button{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:center;padding:9px;text-align:left}
.service-page .demo-cars img{grid-column:auto;width:70px;height:44px;margin:0;border-radius:4px;object-fit:cover}
.service-page .demo-cars strong{font-size:12px;padding:0;line-height:1.3}
.service-page .demo-cars small{font-size:9px;padding:0;margin-top:4px}
.service-page .demo-cars .mini-play{display:none}
@media(max-width:600px){.service-page .demo-cars{gap:7px}.service-page .demo-cars>button{grid-template-columns:1fr;min-height:62px;padding:10px 8px;gap:0;text-align:center}.service-page .demo-cars img{display:none}.service-page .demo-cars strong{font-size:11px}.service-page .demo-cars small{font-size:9px}}

/* Make the video background choice easy to find without another form. */
.service-intro-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.background-shortcut{font-size:12px;font-weight:600;color:#365b47;text-decoration:underline;text-underline-offset:5px;padding:12px 0;white-space:nowrap}
.video-background-field{scroll-margin-top:125px;padding-top:20px;border-top:1px solid #dbe5e9}
.video-background-field .drop{border-color:#8aaa97;background:#f0f6f2}
.video-background-field .field-help{margin-top:10px;font-size:11px;line-height:1.7}
@media(max-width:600px){.service-intro-actions{width:100%;gap:18px}.background-shortcut{font-size:11px}.video-background-field{scroll-margin-top:165px}}

/* Two customer paths, with the same simple choice of photos or video. */
.customer-choice{margin:0 0 25px;text-align:center}
.customer-switch{display:inline-flex;gap:4px;background:#e5ecef;padding:5px;border:1px solid #d6e0e5;border-radius:10px}
.customer-switch button{min-width:120px;min-height:44px;border:0;border-radius:6px;padding:11px 24px;background:transparent;color:#607785;font-size:13px;font-weight:600}
.customer-switch button[aria-pressed=true]{background:#fff;color:#244334;box-shadow:0 2px 6px #203c4910}
.customer-switch button:focus-visible{outline:3px solid #668778;outline-offset:2px}
.customer-switch button:disabled{opacity:.6;cursor:wait}
.customer-help{font-size:11px;line-height:1.6;color:#657c89;margin:10px 0 0}
.customer-service .customer-choice{display:flex;align-items:center;gap:18px;text-align:left;margin-bottom:24px}
.customer-service .customer-help{margin:0}
@media(max-width:600px){.customer-service .customer-choice{display:block}.customer-service .customer-help{margin-top:9px}.customer-switch{display:flex}.customer-switch button{flex:1;min-width:0}.customer-choice{text-align:left}}