@font-face{font-family:Ford;src:url('ford-antenna.woff')}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font:16px/1.5 Ford,Arial,sans-serif;color:#172a4b;background:#edf2f6;display:grid;grid-template-rows:86px minmax(0,1fr) 44px;height:100dvh}button,select{font:inherit}button{cursor:pointer}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #0080bd;outline-offset:3px}button{border:0}header{background:#fff;display:flex;align-items:center;gap:24px;padding:0 30px;border-bottom:1px solid #dbe2e9}.trust-logo{width:135px;height:auto}.protect-logo{width:185px;height:auto;margin-left:auto}.header-title{border-left:1px solid #d6e0e6;padding-left:24px;font-size:18px}.header-title span{display:block;color:#607283;font-size:12px}#fullscreen{background:#eff5f9;border:1px solid #d4e0e8;padding:9px 12px;font-size:12px;color:#27415a}main{min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr);gap:20px;padding:22px 30px 16px}.vehicle-panel{min-height:0;display:flex;flex-direction:column;padding:6px 4px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#527186;font-weight:bold}h1,h2,h3,p{margin:0}h1{font-size:clamp(24px,2.6vw,36px);font-weight:normal;letter-spacing:-1px;line-height:1.2;margin-top:8px}.tap-hint{font-size:12px;color:#526d80}.vehicle-space{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.vehicle-stage{position:relative;width:100%;max-height:100%;aspect-ratio:1.65}.vehicle-stage img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.hotspot{position:absolute;transform:translate(-50%,-50%);height:34px;width:34px;border-radius:50%;background:#fff;color:#17334f;border:2px solid #fff;box-shadow:0 0 0 4px #45bde644,0 3px 8px #1233;font-size:14px}.hotspot[aria-pressed=true]{background:#172a4b;color:#fff;box-shadow:0 0 0 5px #40bce775}.component-head{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px;color:#547085}#component-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}#component-buttons button{display:flex;align-items:center;gap:9px;text-align:left;background:#fff;color:#344d64;font-size:14px;padding:10px 9px;border:1px solid #dae3eb;border-radius:4px;line-height:1.2}#component-buttons button span{font-size:12px;color:#6b8597}#component-buttons button[aria-pressed=true]{background:#172a4b;border-color:#172a4b;color:#fff}#component-buttons button[aria-pressed=true] span{color:#83dafa}.vehicle-caption{font-size:12px;color:#667c8d;margin-top:12px}.conversation-panel{min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dce5ed;border-radius:10px;box-shadow:0 6px 24px #20354a08;overflow:hidden}nav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #dae5ed;background:#f7f9fb;flex-shrink:0}nav button{padding:17px 3px;background:transparent;color:#627587;font-size:14px;border-bottom:3px solid transparent}nav button[aria-selected=true]{color:#15334f;background:#fff;border-bottom-color:#39b9e7}#panel{flex:1;min-height:0;padding:24px 28px;display:flex;flex-direction:column;gap:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}.panel-head .eyebrow{font-size:12px;letter-spacing:1px}.pager{display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap}.pager button{height:30px;width:30px;border:1px solid #d8e4ec;background:#fff;color:#23465f;font-size:23px;border-radius:50%;line-height:1}.muted{color:#8697a6}h2{font-size:30px;line-height:1.15;font-weight:normal;letter-spacing:-.8px}.purpose{color:#607586;font-size:14px}.repair-bill{padding:17px 22px;background:#172a4b;color:#fff;border-radius:6px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px}.repair-bill span{font-size:12px;color:#b6d6e8}.repair-bill strong{grid-column:2;grid-row:1/3;font-size:42px;font-weight:normal;letter-spacing:-1.5px}h3{font-size:14px;margin-bottom:5px;font-weight:bold}.text-block p,.cover-block p{font-size:16px;color:#50677b}.cover-block{padding:14px 16px;border-left:3px solid #3dbce5;background:#f0f8fc}.panel-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#64798a}.panel-bottom button{color:#173751;background:#dff3fc;padding:10px 12px;font-size:14px;border-radius:4px}.benefit-copy{font-size:16px;color:#4b6479;line-height:1.65}.benefit-selector{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.benefit-selector button{font-size:12px;text-align:left;line-height:1.35;border:1px solid #d6e2ea;padding:9px;background:#fff;color:#466378;border-radius:4px}.benefit-selector button[aria-pressed=true]{background:#e4f5fc;border-color:#5cbee1;color:#172a4b}.fineprint{font-size:12px;line-height:1.5;color:#6b7f8e;margin-top:auto}label{font-size:14px;color:#4d677b;margin-bottom:-8px}select{width:100%;padding:12px 10px;background:#fff;color:#17334c;border:1px solid #a8c3d4;border-radius:4px;font-size:14px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.price-grid button{background:#f5f8fb;color:#28455d;border:1px solid #d6e2ea;border-radius:5px;padding:14px 4px;display:flex;flex-direction:column;gap:8px;align-items:center}.price-grid button[aria-pressed=true]{border-color:#1f9ecc;background:#e6f5fc}.price-grid span{font-size:14px}.price-grid strong{font-size:27px;font-weight:normal;letter-spacing:-1px}.price-grid small{font-size:12px;color:#657e90}.monthly{background:#172a4b;color:#fff;padding:18px;border-radius:6px}.monthly h3{color:#b7d9ed;font-size:14px;margin-bottom:12px}.monthly strong{font-size:24px;font-weight:normal}.monthly span,.monthly p{font-size:12px}.monthly p{margin-top:12px;color:#bed5e5}.monthly b{color:#fff;margin-left:6px}.price-note{font-size:14px;color:#416077}.guidance-copy{font-size:16px;line-height:1.7;color:#4d6578}.guidance-copy a{color:#087da9;text-decoration:underline}.detail-dots{margin-top:auto;display:flex;gap:10px}.detail-dots button{width:34px;height:34px;border-radius:50%;background:#edf3f7;color:#4b6579;font-size:14px}.detail-dots button[aria-pressed=true]{background:#172a4b;color:#fff}footer{display:flex;align-items:center;gap:22px;padding:0 30px;background:#fff;border-top:1px solid #dce5ed;font-size:12px;color:#637c8e}footer button,footer a{font-size:12px;background:none;color:#315c79;text-decoration:underline}footer span{margin-right:auto}footer a{white-space:nowrap}
@media(min-height:900px){#panel{gap:22px;padding:32px}h2{font-size:36px}.repair-bill{padding:24px}.repair-bill strong{font-size:50px}#component-buttons button{padding:14px 10px}}
@media(max-height:760px) and (min-width:801px){body{grid-template-rows:68px minmax(0,1fr) 36px}main{padding:14px 22px 10px;gap:16px}#panel{padding:16px 20px;gap:11px}nav button{padding:12px 3px}h2{font-size:26px}.repair-bill{padding:10px 16px}.repair-bill strong{font-size:36px}.cover-block{padding:10px 12px}.benefit-selector button{padding:7px}.benefit-copy,.guidance-copy{line-height:1.5}.vehicle-caption{margin-top:8px}#component-buttons button{padding:8px}.monthly{padding:14px}}
@media(max-width:1000px) and (min-width:801px){main{grid-template-columns:minmax(0,1fr) minmax(390px,1fr);padding-left:18px;padding-right:18px}.tap-hint{display:none}#component-buttons{grid-template-columns:repeat(2,1fr)}#panel{padding:18px}.header-title{font-size:16px}}
@media(max-width:800px){body{grid-template-rows:62px minmax(0,1fr) 48px}header{padding:0 16px;gap:12px}.trust-logo{width:105px}.protect-logo{width:130px}.header-title{display:none}#fullscreen{display:none}main{grid-template-columns:1fr;grid-template-rows:150px minmax(0,1fr);padding:10px 12px;gap:10px}.vehicle-panel{position:relative;padding:0;display:block}.section-top{position:absolute;left:0;top:6px;width:38%;z-index:1}.section-top h1{font-size:23px}.section-top .eyebrow{font-size:12px}.tap-hint,.component-head,.vehicle-caption{display:none}.vehicle-space{position:absolute;right:0;top:-10px;width:60%;height:145px}.vehicle-stage{height:100%;width:240px;max-width:100%}.hotspot{height:23px;width:23px;font-size:12px;box-shadow:0 0 0 2px #45bde644}.hotspot[aria-pressed=true]{box-shadow:0 0 0 3px #40bce775}#component-buttons{position:absolute;bottom:0;left:0;width:38%;display:block}#component-buttons button{display:none}#component-buttons button[aria-pressed=true]{display:flex;width:100%;padding:7px;font-size:12px}nav button{padding:11px 2px;font-size:14px}#panel{padding:16px;gap:11px}h2{font-size:26px}.repair-bill{padding:10px 14px}.repair-bill strong{font-size:34px}.text-block p,.cover-block p{font-size:14px}.cover-block{padding:10px 12px}.purpose{font-size:14px}.panel-head .eyebrow{font-size:12px;letter-spacing:0}.panel-bottom{font-size:12px}.panel-bottom button{font-size:12px}.benefit-copy,.guidance-copy{font-size:14px;line-height:1.5}.benefit-selector button{font-size:12px;padding:7px}.price-grid button{padding:10px 2px}.price-grid strong{font-size:24px}.monthly{padding:12px}.monthly h3{margin-bottom:5px}.monthly p{margin-top:5px}footer{padding:5px 12px;gap:10px;flex-wrap:wrap;line-height:1.3}footer span{width:100%;font-size:12px}footer a,footer button{padding:0;font-size:12px}}
@media(max-width:800px) and (max-height:740px){main{grid-template-rows:105px minmax(0,1fr)}.vehicle-space{height:108px;width:55%}.section-top h1{font-size:20px}.section-top .eyebrow{display:none}#panel{gap:8px;padding:12px}.purpose{display:none}.repair-bill strong{font-size:30px}.cover-block p,.text-block p{line-height:1.4}.benefit-selector{gap:4px}.benefit-selector button{padding:5px}.fineprint{font-size:12px}.guidance-copy{line-height:1.4}.panel-head{min-height:26px}.pager button{width:26px;height:26px}h2{font-size:23px}}
/* At high text zoom, keep all information reachable rather than clipping it. */
@media(max-height:550px){html,body{overflow:auto}body{height:auto;min-height:100dvh;grid-template-rows:62px auto auto}main{min-height:590px}footer{min-height:48px}}
.benefit-dropdown{display:none}@media(max-width:800px){.benefit-selector{display:none}.benefit-dropdown{display:block;margin-top:auto}.panel-bottom span{max-width:50%}.guidance-copy{font-size:14px}.detail-dots{gap:6px}.detail-dots button{width:30px;height:30px}}