/* Homepage only. The offer landing reuses this template with data-campaign. */
#site.home-page:not([data-campaign]) .section{padding-block:88px}
#site.home-page:not([data-campaign]) main .section h2{font-size:clamp(29px,3vw,42px);line-height:1.2;letter-spacing:-.035em}
#site.home-page:not([data-campaign]) main .eyebrow{font-size:12px;letter-spacing:.075em;font-weight:650;text-transform:uppercase;margin-bottom:18px}
#site.home-page:not([data-campaign]) .section-heading{gap:42px;margin-bottom:40px;align-items:flex-end}
#site.home-page:not([data-campaign]) .section-heading>p{max-width:400px;color:#52677d;line-height:1.75}
#site.home-page:not([data-campaign]) .video-campaign .home-hero-label{color:#cce2ff;font-size:11px;line-height:1.7;letter-spacing:.085em;margin:0 0 20px}
#site.home-page:not([data-campaign]) .video-campaign .campaign-copy h1{letter-spacing:-.045em}
#site.home-page:not([data-campaign]) .video-campaign .campaign-copy h1 .hero-title-topic{display:block;color:inherit}
#site.home-page:not([data-campaign]) .video-campaign .campaign-copy h1 .hero-title-topic:after{display:none}
/* Use the same full-width navy veil as the fuel offer. */
#site.home-page:not([data-campaign]) .video-campaign .campaign-shade{background:linear-gradient(90deg,#03172ff5 0%,#03172fe8 32%,#03172fa8 58%,#03172f36 100%),linear-gradient(0deg,#03172fa6,transparent 48%)}
#site.home-page:not([data-campaign]) .video-campaign .campaign-copy>.ui-button{--action-bg:#fff;--action-color:#073565;--action-border:#fff;--action-hover-bg:#eaf3ff;--action-hover-color:#074b98;--action-hover-border:#eaf3ff;min-height:54px;margin-top:26px}

/* Base offer: the same card design as the campaigns, with no surrounding halo. */
#site.home-page:not([data-campaign]) .video-campaign .home-hero-offer-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,5vw,72px)}
#site.home-page:not([data-campaign]) .video-campaign .home-hero-offer-layout .campaign-copy{width:100%;min-width:0}
#site.home-page:not([data-campaign]) .home-franchise-offer{width:100%;max-width:440px;justify-self:end;margin:0;padding:24px 16px 12px;min-width:0;text-align:center;background:none}
#site.home-page:not([data-campaign]) .home-franchise-card{position:relative;transform:rotate(-5deg);transition:transform .2s ease}
#site.home-page:not([data-campaign]) .home-franchise-card:hover{transform:rotate(-3deg) translateY(-3px)}
#site.home-page:not([data-campaign]) .home-franchise-offer .fuel-card{display:block;width:100%;border-radius:18px;box-shadow:0 22px 35px #00102540}
#site.home-page:not([data-campaign]) .home-franchise-offer .fuel-card:focus-visible{outline:3px solid #b9dcff;outline-offset:7px}
#site.home-page:not([data-campaign]) .home-franchise-offer .fuel-card-face{display:block;width:100%;height:auto;overflow:visible}
#site.home-page:not([data-campaign]) #conditions-franchise{scroll-margin-top:120px}
@media(max-width:800px){
 #site.home-page:not([data-campaign]) .video-campaign .home-hero-offer-layout{grid-template-columns:minmax(0,1fr);gap:0}
 #site.home-page:not([data-campaign]) .video-campaign .home-hero-offer-layout .campaign-copy{justify-self:center}
 #site.home-page:not([data-campaign]) .home-franchise-offer{justify-self:center;width:94%;max-width:330px;padding:14px 10px 36px}
}
@media(prefers-reduced-motion:reduce){
 #site.home-page:not([data-campaign]) .home-franchise-card{transition:none}
}

/* Quiet utility links below the video, with generous touch targets. */
#site.home-page:not([data-campaign]) .need-shortcuts{padding-block:32px;gap:28px}
#site.home-page:not([data-campaign]) .need-shortcuts>a{min-height:58px;gap:18px}
#site.home-page:not([data-campaign]) .need-shortcuts .icon{width:31px;height:31px}
#site.home-page:not([data-campaign]) .assurance-strip{padding-block:19px;border-top:1px solid #e8eef5;border-bottom:1px solid #e8eef5}

/* Compact service tabs replace the large outlined cards. */
#site.home-page:not([data-campaign]) .services-layout{gap:34px 50px;align-items:center}
#site.home-page:not([data-campaign]) .service-list{gap:0;border-bottom:1px solid #dce6f0}
#site.home-page:not([data-campaign]) .service-list button{min-height:126px;padding:22px 35px 24px 0;display:flex;flex-direction:row;align-items:center;gap:18px;border:0;border-bottom:3px solid transparent;border-radius:0;background:#fff;overflow:visible;box-shadow:none}
#site.home-page:not([data-campaign]) .service-list button+button{padding-left:26px}
#site.home-page:not([data-campaign]) .service-list button:hover{background:#f8fbff;border-color:#a5c7ef;box-shadow:none}
#site.home-page:not([data-campaign]) .service-list button[aria-selected=true]{border-color:#0869dc;background:#f6faff;box-shadow:none}
#site.home-page:not([data-campaign]) .service-list .service-card-icon{width:35px;height:35px;margin:0;stroke-width:1.5}
#site.home-page:not([data-campaign]) .service-list strong{font-size:17px;line-height:1.4}
#site.home-page:not([data-campaign]) .service-list small{font-size:12px;line-height:1.6;margin-top:6px}
#site.home-page:not([data-campaign]) .service-plus{display:none}
#site.home-page:not([data-campaign]) .service-photo{height:350px;min-height:350px;border-radius:18px}
#site.home-page:not([data-campaign]) .service-visual figcaption{padding-top:14px;font-size:12px}
#site.home-page:not([data-campaign]) .service-detail h3{font-size:clamp(23px,2.2vw,30px);line-height:1.35}
#site.home-page:not([data-campaign]) .service-detail .eyebrow{font-size:10px;line-height:1.7;color:#47709c}
#site.home-page:not([data-campaign]) .service-detail p:not(.eyebrow){line-height:1.8}

/* An editorial photograph and a soft checklist, without another hard frame. */
#site.home-page:not([data-campaign]) .insurance{gap:40px 50px;border-top:1px solid #e5ecf4}
#site.home-page:not([data-campaign]) .insurance-copy{column-gap:50px;align-items:center}
#site.home-page:not([data-campaign]) .insurance-copy h2{font-size:clamp(29px,3vw,42px)}
#site.home-page:not([data-campaign]) .insurance-intro>p{font-size:16px;line-height:1.8}
#site.home-page:not([data-campaign]) .insurance-photo>img{border-radius:18px;min-height:390px}
#site.home-page:not([data-campaign]) .insurance-sheet{padding:32px 34px;background:#f3f7fc;border:0;border-radius:18px;box-shadow:none}
#site.home-page:not([data-campaign]) .sheet-heading{padding-bottom:20px}
#site.home-page:not([data-campaign]) .sheet-heading strong{font-size:20px}
#site.home-page:not([data-campaign]) .check-list li{margin:23px 0}
#site.home-page:not([data-campaign]) .check-number{background:#fff;border:0;width:30px;height:30px;font-weight:650}
#site.home-page:not([data-campaign]) .check-list p{font-size:14px;line-height:1.7}
#site.home-page:not([data-campaign]) .sheet-note{font-size:12px;line-height:1.7}

/* A distinct chapter for the three steps. */
#site.home-page:not([data-campaign]) .process-section{background:#071f3b;color:#fff;margin-block:4px 0;padding-block:64px 68px}
#site.home-page:not([data-campaign]) .process-section>.wrap{border:0;padding-block:0}
#site.home-page:not([data-campaign]) .process-section .eyebrow{color:#91c5ff}
#site.home-page:not([data-campaign]) .process-section .ui-button{--action-bg:#fff;--action-color:#073565;--action-border:#fff;--action-hover-bg:#eaf3ff;--action-hover-color:#074b98;--action-hover-border:#eaf3ff}
#site.home-page:not([data-campaign]) .steps{gap:48px;margin-top:45px}
#site.home-page:not([data-campaign]) .steps article{border-top:1px solid #ffffff32;padding-top:25px}
#site.home-page:not([data-campaign]) .steps article:before{display:none}
#site.home-page:not([data-campaign]) .step-num{font-size:42px;font-weight:500;color:#84baff;margin-bottom:20px}
#site.home-page:not([data-campaign]) .steps h3{font-size:21px;color:#fff}
#site.home-page:not([data-campaign]) .steps p{font-size:14px;line-height:1.8;color:#c3d1e1}

/* A short closing chapter; answers and guides open only when requested. */
/* The business offer is a visible homepage section, alongside services and insurance. */
#site.home-page:not([data-campaign]) .home-enterprises{border-top:1px solid #e5ecf4}
#site.home-page:not([data-campaign]) .home-enterprises-heading{align-items:center;gap:40px;margin-bottom:35px}
#site.home-page:not([data-campaign]) .home-enterprises-intro{max-width:440px}
#site.home-page:not([data-campaign]) .home-enterprises-intro>p{font-size:15px;line-height:1.75;color:#536b82;margin:0 0 19px}
#site.home-page:not([data-campaign]) .home-enterprises-intro .ui-button{gap:16px;font-size:14px}
#site.home-page:not([data-campaign]) .home-enterprises-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
#site.home-page:not([data-campaign]) .home-enterprise-card{display:block;min-width:0}
#site.home-page:not([data-campaign]) .home-enterprise-card>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;max-height:200px;border-radius:13px;background:#edf3f8}
#site.home-page:not([data-campaign]) .home-enterprise-card>span{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:14px;font-size:14px;font-weight:600;line-height:1.5;color:#123958}
#site.home-page:not([data-campaign]) .home-enterprise-card b{font-size:19px;line-height:1.1;font-weight:400;color:#0864c6;flex-shrink:0}
#site.home-page:not([data-campaign]) .home-enterprise-card:hover>span{color:#0864c6;text-decoration:underline;text-underline-offset:5px}
#site.home-page:not([data-campaign]) .home-enterprise-card:focus-visible{outline:3px solid #1979db;outline-offset:6px;border-radius:13px}
@media(max-width:900px){
 #site.home-page:not([data-campaign]) .home-enterprises-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 22px}
 #site.home-page:not([data-campaign]) .home-enterprises-heading{gap:25px}
}
@media(max-width:760px){
 #site.home-page:not([data-campaign]) .home-enterprises-intro{max-width:none;margin-top:20px}
}
@media(max-width:600px){
 #site.home-page:not([data-campaign]) .home-enterprises-grid{gap:23px 15px}
 #site.home-page:not([data-campaign]) .home-enterprise-card>img{border-radius:10px}
 #site.home-page:not([data-campaign]) .home-enterprise-card>span{font-size:13px;line-height:1.5;gap:8px;margin-top:10px}
 #site.home-page:not([data-campaign]) .home-enterprise-card b{font-size:17px}
 #site.home-page:not([data-campaign]) .home-enterprises-intro>p{font-size:14px}
}
#site.home-page:not([data-campaign]) .faq-list summary{padding-block:21px;font-size:15px;font-weight:550}
#site.home-page:not([data-campaign]) .faq-list details>p{font-size:14px;line-height:1.85}

@media(max-width:1000px){
 #site.home-page:not([data-campaign]) .section{padding-block:64px}
 #site.home-page:not([data-campaign]) .section-heading{gap:28px}
 #site.home-page:not([data-campaign]) .section-heading>p{max-width:330px;font-size:14px}
 #site.home-page:not([data-campaign]) .service-list button{gap:12px;padding:20px 15px;min-height:128px}
 #site.home-page:not([data-campaign]) .service-list button+button{padding-left:15px}
 #site.home-page:not([data-campaign]) .service-list strong{font-size:15px}
 #site.home-page:not([data-campaign]) .service-list small{display:none}
 #site.home-page:not([data-campaign]) .service-list .service-card-icon{width:29px;height:29px}
 #site.home-page:not([data-campaign]) .services-layout{gap:28px}
 #site.home-page:not([data-campaign]) .insurance,#site.home-page:not([data-campaign]) .insurance-copy{gap:30px}
 #site.home-page:not([data-campaign]) .insurance-sheet{padding:27px}
 #site.home-page:not([data-campaign]) .steps{gap:30px}
}

@media(max-width:760px){
 #site.home-page:not([data-campaign]) .section{padding-block:52px}
 #site.home-page:not([data-campaign]) .section-heading{margin-bottom:28px}
 #site.home-page:not([data-campaign]) .section-heading>p{max-width:none;font-size:15px;margin-top:18px}
 #site.home-page:not([data-campaign]) main .eyebrow{font-size:10px;margin-bottom:14px}
 #site.home-page:not([data-campaign]) .video-campaign .home-hero-label{font-size:10px;margin-bottom:15px}
 #site.home-page:not([data-campaign]) .need-shortcuts{gap:16px;padding-block:24px}
 #site.home-page:not([data-campaign]) .need-shortcuts>a{gap:12px}
 #site.home-page:not([data-campaign]) .need-shortcuts .icon{width:25px;height:25px}
 #site.home-page:not([data-campaign]) .service-list{grid-template-columns:1fr;gap:0;border:0}
 #site.home-page:not([data-campaign]) .service-list button,#site.home-page:not([data-campaign]) .service-list button+button{min-height:82px;padding:18px 20px;gap:17px;border-bottom:1px solid #dce6f0;border-left:3px solid transparent}
 #site.home-page:not([data-campaign]) .service-list button[aria-selected=true]{border-left-color:#0869dc;border-bottom-color:#dce6f0}
 #site.home-page:not([data-campaign]) .service-list strong{font-size:16px}
 #site.home-page:not([data-campaign]) .service-list small{display:block;font-size:12px;margin-top:4px}
 #site.home-page:not([data-campaign]) .service-photo{height:300px;min-height:0;border-radius:14px}
 #site.home-page:not([data-campaign]) .service-detail .eyebrow{font-size:10px}
 #site.home-page:not([data-campaign]) .insurance-copy{gap:24px}
 #site.home-page:not([data-campaign]) .insurance-photo>img{height:300px;min-height:0;border-radius:14px}
 #site.home-page:not([data-campaign]) .insurance-sheet{padding:26px 24px;border-radius:14px}
 #site.home-page:not([data-campaign]) .process-section{padding-block:45px}
 #site.home-page:not([data-campaign]) .process-section .section-heading>.ui-button{margin-top:24px}
 #site.home-page:not([data-campaign]) .steps{grid-template-columns:1fr;gap:28px;margin-top:30px}
 #site.home-page:not([data-campaign]) .steps article{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:20px;padding-top:23px}
 #site.home-page:not([data-campaign]) .step-num{grid-row:1/3;font-size:31px;margin:0}
 #site.home-page:not([data-campaign]) .steps h3{font-size:20px}
 #site.home-page:not([data-campaign]) .steps p{margin:9px 0 0;max-width:100%}
}

#site.home-page:not([data-campaign]) .home-faq{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start;padding-block:50px 64px}
#site.home-page:not([data-campaign]) .home-faq .faq-heading{display:block;min-width:0}
#site.home-page:not([data-campaign]) .home-faq-photo{margin:25px 0 0;overflow:hidden;border-radius:16px}
#site.home-page:not([data-campaign]) .home-faq-photo img{width:100%;height:180px;object-fit:cover;object-position:center 43%}
#site.home-page:not([data-campaign]) .home-faq-content{min-width:0}
#site.home-page:not([data-campaign]) .home-faq .faq-list summary{padding-block:22px;font-size:15px;gap:20px}
#site.home-page:not([data-campaign]) .home-faq .faq-list details p{font-size:14px;line-height:1.8;margin:0 35px 22px 0}
#site.home-page:not([data-campaign]) .home-resources{margin-top:20px;border-bottom:1px solid #dce6f0}
#site.home-page:not([data-campaign]) .home-resources>summary{font-size:13px;font-weight:600;color:#075fc2;padding-block:18px}
#site.home-page:not([data-campaign]) .home-resources>summary>span{display:grid;place-items:center;width:26px;height:26px;font-size:20px;border:1px solid #dce6f0;border-radius:50%;background:#f6f9fd}
#site.home-page:not([data-campaign]) .home-resource-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding-bottom:19px}
#site.home-page:not([data-campaign]) .home-resource-links a{display:flex;align-items:center;min-height:44px;font-size:12px;line-height:1.6;color:#3f607f;text-decoration:underline;text-decoration-color:#c0d0e1;text-underline-offset:4px}
#site.home-page:not([data-campaign]) .home-resource-links a:hover{color:#075fc2;text-decoration-color:currentColor}
@media(max-width:900px){
 #site.home-page:not([data-campaign]) .home-faq{grid-template-columns:1fr;gap:28px;padding-block:36px 48px}
 #site.home-page:not([data-campaign]) .home-faq .faq-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:center}
 #site.home-page:not([data-campaign]) .home-faq .faq-heading>.eyebrow{grid-column:1;grid-row:1;align-self:end}
 #site.home-page:not([data-campaign]) .home-faq .faq-heading>h2{grid-column:1;grid-row:2;align-self:start}
 #site.home-page:not([data-campaign]) .home-faq-photo{grid-column:2;grid-row:1/3;margin:0}
 #site.home-page:not([data-campaign]) .home-faq-photo img{height:145px}
}
@media(max-width:600px){
 #site.home-page:not([data-campaign]) .home-faq{gap:24px;padding-block:30px 40px}
 #site.home-page:not([data-campaign]) .home-faq .faq-heading{display:block}
 #site.home-page:not([data-campaign]) .home-faq-photo{margin-top:22px}
 #site.home-page:not([data-campaign]) .home-faq-photo img{height:150px}
 #site.home-page:not([data-campaign]) .home-faq .faq-list summary{font-size:14px;padding-block:19px}
 #site.home-page:not([data-campaign]) .home-faq .faq-list details p{font-size:13px}
 #site.home-page:not([data-campaign]) .home-resource-links{grid-template-columns:1fr}
}