:root { color: #071f61; font-family: Arial, Helvetica, sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #f8f7f6; }
.proof-page { position: relative; width: min(100vw, 1536px); min-width: 960px; aspect-ratio: 3 / 2; margin: 0 auto; background: url("homepage-proof.png") center / 100% 100% no-repeat; }
.desktop-hotspots a, .form-launcher { position: absolute; display: block; border: 0; border-radius: 20px; outline-offset: 3px; background: transparent; cursor: pointer; text-indent: -9999px; }
.hot-tires { left: 42.4%; top: 2.1%; width: 5%; height: 5.5%; }.hot-road { left: 48%; top: 2.1%; width: 9%; height: 5.5%; }.hot-about { left: 58%; top: 2.1%; width: 6.5%; height: 5.5%; }.hot-area { left: 65.2%; top: 2.1%; width: 8%; height: 5.5%; }.hot-contact { left: 75%; top: 2.1%; width: 6%; height: 5.5%; }.hot-header-quote { left: 82.3%; top: 1.9%; width: 13.5%; height: 5.9%; }.hot-hero-quote { left: 49.3%; top: 42.4%; width: 24%; height: 6.9%; }
.form-launcher { left: 53.25%; top: 62.01%; width: 40.36%; height: 36.72%; }
.desktop-hotspots a:focus-visible, .form-launcher:focus-visible { outline: 3px solid #0b2867; }
.honey { display: none !important; }

.quote-modal { position: fixed; inset: 0; z-index: 50; display: none; place-items: center; padding: 24px; background: rgba(4, 15, 43, .62); }.quote-modal.is-open { display: grid; }.quote-modal-card { position: relative; width: min(710px,100%); max-height: calc(100vh - 48px); overflow: auto; padding: 28px; border-radius: 24px; background: #fff; box-shadow: 0 28px 80px rgba(0,0,0,.36); }.quote-modal-close { position: absolute; top: 10px; right: 15px; border: 0; background: transparent; color: #0b2867; font-size: 34px; line-height: 1; cursor: pointer; }.quote-form h2 { margin: 0; color: #0b2867; font-family: Impact,"Arial Black",sans-serif; font-size: 37px; font-style: italic; letter-spacing: .02em; text-align: center; text-transform: uppercase; }.quote-intro { margin: 7px 0 18px; color: #52607d; font-size: 14px; line-height: 1.4; text-align: center; }.quote-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.quote-form label { display: block; margin: 12px 0; color: #0b2867; font-size: 12px; font-weight: 800; text-transform: uppercase; }.quote-form em { color: #52607d; font-style: normal; font-weight: 500; text-transform: none; }.quote-form input, .quote-form textarea { width: 100%; margin-top: 5px; padding: 11px; border: 1px solid #cdd3df; border-radius: 8px; color: #071f61; font: 15px Arial,sans-serif; }.quote-form textarea { min-height: 85px; resize: vertical; }.quote-form input:focus, .quote-form textarea:focus { outline: 3px solid rgba(22,59,142,.14); border-color: #163b8e; }.quote-upload { padding: 14px; border: 1.5px dashed #8290ac; border-radius: 11px; text-align: center; }.quote-upload input { border: 0; padding: 9px 0 0; font-size: 12px; }.quote-error { min-height: 18px; margin: 5px 0; color: #b10000; font-size: 13px; font-weight: 700; }.quote-submit { width: 100%; padding: 15px; border: 0; border-radius: 25px; background: linear-gradient(#e21c26,#bd0711); color: white; cursor: pointer; font-size: 16px; font-weight: 900; text-transform: uppercase; }
.mobile-page { display: none; }
@media (max-width: 959px) { .proof-page { display: none; }.mobile-page { display: block; min-height: 100vh; padding-bottom: 28px; background: #f8f7f6 url("american-flag-page-bg.png") center / cover fixed; }.mobile-page header { height: 69px; padding: 12px 15px; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.94); box-shadow: 0 2px 12px rgba(7,31,97,.08); }.mobile-page header img { width: 55%; max-width: 285px; height: auto; }.mobile-page header a, .mobile-form button { border-radius: 22px; background: linear-gradient(#e21c26,#bd0711); color: white; font-weight: 900; text-decoration: none; text-transform: uppercase; }.mobile-page header a { padding: 10px 11px; font-size: 10px; }.mobile-hero { padding: 25px 20px 18px; text-align: center; }.mobile-hero img { width: min(100%,390px); height: auto; mix-blend-mode: multiply; }.mobile-hero h1 { margin: 7px 0 10px; font-family: Impact,"Arial Black",sans-serif; font-size: clamp(38px,12vw,62px); font-style: italic; line-height: .92; text-transform: uppercase; color: #0b2867; }.mobile-hero h1 b { color: #d3101b; }.mobile-hero p { display: inline-block; margin: 0; padding: 8px 12px; background: #ce101b; color: #fff; font-size: 12px; font-weight: 900; font-style: italic; text-transform: uppercase; }.mobile-form { width: min(92%,560px); margin: 0 auto; padding: 18px; border-radius: 22px; background: rgba(255,255,255,.96); box-shadow: 0 12px 31px rgba(7,31,97,.16); }.mobile-form h2 { margin: 0 0 14px; font-family: Impact,"Arial Black",sans-serif; font-size: 28px; font-style: italic; text-align: center; text-transform: uppercase; }.mobile-form label { display: block; margin: 10px 0; font-size: 12px; font-weight: 800; text-transform: uppercase; }.mobile-form em { color: #52607d; font-style: normal; font-weight: 500; text-transform: none; }.mobile-form input, .mobile-form textarea { width: 100%; margin-top: 5px; padding: 11px; border: 1px solid #cdd3df; border-radius: 8px; color: #071f61; font: 15px Arial,sans-serif; }.mobile-form textarea { min-height: 86px; resize: vertical; }.mobile-upload { padding: 14px; border: 1.5px dashed #8290ac; border-radius: 11px; text-align: center; }.mobile-upload input { border: 0; padding: 9px 0 0; font-size: 12px; }.mobile-error { color: #b10000; font-size: 13px; font-weight: 700; }.mobile-form button { width: 100%; padding: 14px; border: 0; font-size: 15px; cursor: pointer; }.quote-fields { grid-template-columns: 1fr; }.quote-modal-card { padding: 25px 18px; } }