/* Self-hosted fonts - spec §1.3. Both mockups pull Oswald / Barlow / IBM Plex Mono from fonts.googleapis.com. §1.3 recommends self-hosting woff2: it removes a render-blocking third-party round trip from every page, and removes a dependency on Google from a site whose entire value is organic search. Licences permit it - Oswald and Barlow are OFL, IBM Plex Mono is OFL. LATIN SUBSET ONLY. The Google CSS serves 45 faces across latin, latin-ext, cyrillic, greek and vietnamese; 11 of them are latin. Shipping the other 34 would quadruple the bytes for glyphs this site never renders - the copy is English and the data is US place names. font-display: swap on every face, so text paints in a fallback immediately rather than blocking on the download. */ @font-face{font-family:'Barlow';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/barlow-400-italic.woff2') format('woff2')} @font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/barlow-400.woff2') format('woff2')} @font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/barlow-500.woff2') format('woff2')} @font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/barlow-600.woff2') format('woff2')} @font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/barlow-700.woff2') format('woff2')} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-400.woff2') format('woff2')} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-500.woff2') format('woff2')} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-600.woff2') format('woff2')} @font-face{font-family:'Oswald';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/oswald-500.woff2') format('woff2')} @font-face{font-family:'Oswald';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/oswald-600.woff2') format('woff2')} @font-face{font-family:'Oswald';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/oswald-700.woff2') format('woff2')} /* Self-hosted faces for the homepage's mockup design - spec §1.3, and the * policy layout.js states in its own header: * * "NO THIRD-PARTY FONT FETCH by default ... §1.3 recommends self-hosting * woff2 - it removes a render-blocking third-party round trip from every * page, and removes a dependency on Google from a site whose entire value * is organic search. The woff2 files are not in the repo yet, so this emits * NO font link at all rather than silently reintroducing the Google * request. Pass `fontHref` once the files land." * * THIS IS WHY THE HOMEPAGE SHIPPED IN THE WRONG TYPEFACE. home.css asks for * "Barlow Condensed" and Inter; nothing defined them. The preview only looked * right because its hand-written carried a fonts.googleapis.com link, * and renderHead - correctly, per the policy above - emits none. Measured on * production: 0 font faces loaded, 0 font links, so both families fell back * (the H1 to Impact, the body to system-ui) and the H1 wrapped to two lines * where the mockup fits one. * * The fix is the one the policy asks for: the files landed. Same pattern as * fonts.css, which covers Barlow / Oswald / IBM Plex Mono for the other pages. * * LATIN SUBSET ONLY, matching fonts.css: the Google CSS serves 37 faces across * seven subsets and 7 of them are latin. The copy is English and the data is * US place names. * * INTER IS ONE VARIABLE FILE. Google serves 400, 500, 600 and 700 from the * SAME woff2 - so it is declared once over the 400-700 range rather than as * four @font-face rules pointing at one download. * * font-display: swap on every face, so text paints in a fallback immediately * rather than blocking on the download. * * Licences permit self-hosting: Barlow Condensed and Inter are both OFL. */ @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/barlow-condensed-600.woff2') format('woff2')} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/barlow-condensed-700.woff2') format('woff2')} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/barlow-condensed-800.woff2') format('woff2')} @font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/inter-400-700.woff2') format('woff2')} /* ===== p-page ===== */ :root:where(.p-page){--asphalt:#16181B; --asphalt-2:#212429; --paper:#FAF8F4; --red:#C8102E; --red-dark:#A50D26; --manila:#F0E2C0; --manila-line:#D9C48F; --slate:#5C6166; --line:#E4E0D6; --plate:#2A2D33;} :where(html.p-page), :where(html.p-page) *{margin:0;padding:0;box-sizing:border-box} html:where(.p-page){scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html:where(.p-page){scroll-behavior:auto}} @media (prefers-reduced-motion:reduce){:where(html.p-page), :where(html.p-page) *{transition:none!important}} :where(html.p-page) body{font-family:'Barlow',sans-serif;background:var(--paper);color:var(--asphalt);font-size:17px;line-height:1.55} :where(html.p-page) img{max-width:100%;display:block} :where(html.p-page) a{color:inherit} :where(html.p-page) .wrap{max-width:1180px;margin:0 auto;padding:0 20px} :where(html.p-page) .oswald{font-family:'Oswald',sans-serif;text-transform:uppercase} :where(html.p-page) .mono{font-family:'IBM Plex Mono',monospace} :where(html.p-page) header{background:var(--asphalt);color:#fff;position:sticky;top:0;z-index:50;border-bottom:3px solid var(--red)} :where(html.p-page) .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px} :where(html.p-page) .logo{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.35rem;letter-spacing:.02em;text-transform:uppercase;line-height:1} :where(html.p-page) .logo em{color:var(--red);font-style:normal} :where(html.p-page) .hd-right{display:flex;align-items:center;gap:18px} :where(html.p-page) .hd-phone{font-family:'Oswald',sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:.03em;text-decoration:none;display:flex;align-items:center;gap:8px} :where(html.p-page) .hd-phone svg{width:18px;height:18px;fill:var(--red)} :where(html.p-page) .hd-cta{background:var(--red);color:#fff;text-decoration:none;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;padding:10px 18px;border-radius:4px} :where(html.p-page) .hd-cta:hover{background:var(--red-dark)} @media(max-width:700px){:where(html.p-page) .hd-cta{display:none}} @media(max-width:700px){:where(html.p-page) .hd-phone span{display:none}} :where(html.p-page) .hero{background:var(--asphalt);color:#fff;padding:52px 0 60px;position:relative;overflow:hidden} :where(html.p-page) .hero .wrap{display:grid;grid-template-columns:1.15fr .95fr;gap:48px;align-items:start} @media(max-width:940px){:where(html.p-page) .hero .wrap{grid-template-columns:1fr;gap:36px}} :where(html.p-page) .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#B9BDC4;margin-bottom:14px} :where(html.p-page) .eyebrow b{color:#fff;font-weight:600} :where(html.p-page) h1{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.04;letter-spacing:.005em} :where(html.p-page) h1 .city{color:var(--red)} :where(html.p-page) .attitude{font-family:'Oswald',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--manila);font-size:1.05rem;margin:16px 0 22px} :where(html.p-page) .hero p.lede{color:#CFD2D7;max-width:52ch;margin-bottom:26px} :where(html.p-page) .hero-points{list-style:none;display:grid;gap:12px;margin-bottom:30px} :where(html.p-page) .hero-points li{display:flex;gap:12px;align-items:flex-start;color:#E8EAEC;font-weight:500} :where(html.p-page) .tick{flex:none;width:22px;height:22px;border-radius:50%;background:var(--red);display:grid;place-items:center;margin-top:1px} :where(html.p-page) .tick svg{width:12px;height:12px;fill:#fff} :where(html.p-page) .hero-call{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:'Oswald',sans-serif;font-weight:600;font-size:1.25rem;letter-spacing:.03em;border-bottom:2px solid var(--red);padding-bottom:2px} :where(html.p-page) .hero-photo{position:absolute;right:-40px;bottom:-30px;width:420px;height:260px;opacity:.14;pointer-events:none} @media(max-width:940px){:where(html.p-page) .hero-photo{display:none}} :where(html.p-page) .quote-card{background:var(--manila);color:var(--asphalt);border-radius:10px;padding:26px 26px 22px;box-shadow:0 18px 40px rgba(0,0,0,.35);border:1px solid var(--manila-line);position:relative} :where(html.p-page) .quote-card::before{content:"";position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:88px;height:20px;background:var(--plate);border-radius:5px;box-shadow:inset 0 -2px 0 rgba(255,255,255,.12)} :where(html.p-page) .qc-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px} :where(html.p-page) .qc-title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.3rem;letter-spacing:.02em} :where(html.p-page) .qc-tag{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.1em;color:var(--slate)} :where(html.p-page) .qc-sub{font-size:.92rem;color:#5b543f;margin-bottom:16px} :where(html.p-page) .qform{display:grid;grid-template-columns:1fr 1fr;gap:12px} :where(html.p-page) .qform .full{grid-column:1/-1} :where(html.p-page) .qf label{display:block;font-family:'Oswald',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#6b6248;margin-bottom:5px} :where(html.p-page) .qf input,:where(html.p-page) .qf select,:where(html.p-page) .qf textarea{width:100%;font-family:'Barlow',sans-serif;font-size:16px;padding:11px 12px;height:auto;min-height:46px;border:1px solid #C9B583;border-radius:5px;background:#FFFDF7;color:var(--asphalt)} :where(html.p-page) .qf input:focus,:where(html.p-page) .qf select:focus,:where(html.p-page) .qf textarea:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red)} :where(html.p-page) .q-submit{grid-column:1/-1;background:var(--red);color:#fff;border:none;border-radius:6px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.1rem;padding:15px;cursor:pointer;margin-top:4px} :where(html.p-page) .q-submit:hover{background:var(--red-dark)} :where(html.p-page) .q-fine{grid-column:1/-1;text-align:center;font-size:.78rem;color:#77704f;margin-top:2px} :where(html.p-page) .q-error{grid-column:1/-1;margin:2px 0 0;color:#C8102E;font-family:'Barlow',sans-serif;font-size:.86rem;text-align:center} @media(max-width:460px){:where(html.p-page) .qform{grid-template-columns:1fr}} :where(html.p-page) .hazard{height:14px;background:repeating-linear-gradient(-45deg,var(--red) 0 18px,var(--asphalt) 18px 36px)} :where(html.p-page) section{padding:64px 0} :where(html.p-page) .sec-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:10px} :where(html.p-page) h2{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.1;margin-bottom:14px} :where(html.p-page) .sec-lede{color:var(--slate);max-width:62ch;margin-bottom:34px} :where(html.p-page) .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} @media(max-width:820px){:where(html.p-page) .gallery{grid-template-columns:1fr;max-width:480px}} :where(html.p-page) .shot{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 6px 18px rgba(22,24,27,.06)} :where(html.p-page) .shot-img{aspect-ratio:4/3;background: repeating-linear-gradient(-45deg,#ECE8DD 0 14px,#F5F2EA 14px 28px); display:grid;place-items:center;color:#9a937f;font-family:'IBM Plex Mono',monospace;font-size:.75rem;letter-spacing:.08em;text-align:center;padding:12px} :where(html.p-page) .plate{margin:14px;margin-top:12px;background:var(--plate);color:#F2EFE6;border-radius:5px;padding:8px 12px;font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.1em;display:flex;justify-content:space-between;gap:8px;box-shadow:inset 0 0 0 2px #3a3e46, inset 0 0 0 3px #1c1e22} :where(html.p-page) .plate b{color:#fff;font-weight:600} :where(html.p-page) .facts{background:var(--asphalt);color:#fff} :where(html.p-page) .facts-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center} @media(max-width:880px){:where(html.p-page) .facts-grid{grid-template-columns:1fr}} :where(html.p-page) .facts h2{color:#fff} :where(html.p-page) .facts .sec-lede{color:#B9BDC4} :where(html.p-page) .fact-card{background:var(--asphalt-2);border:1px solid #33373E;border-radius:10px;padding:26px} :where(html.p-page) .fact-card .mono-h{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#8f959e;border-bottom:1px dashed #3b3f46;padding-bottom:10px;margin-bottom:16px;display:flex;justify-content:space-between} :where(html.p-page) .fact-row{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid #2b2e34} :where(html.p-page) .fact-row:last-child{border-bottom:none} :where(html.p-page) .fact-label{color:#C6CAD1;font-size:.95rem} :where(html.p-page) .fact-val{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:1.25rem;color:var(--manila)} :where(html.p-page) .finding{margin-top:18px;background:rgba(200,16,46,.12);border-left:3px solid var(--red);padding:14px 16px;border-radius:0 6px 6px 0;color:#E8EAEC;font-size:.95rem} :where(html.p-page) .finding b{color:#fff} :where(html.p-page) .finding-solo{background:var(--asphalt-2);border:1px solid #33373E;border-left:3px solid var(--red)} :where(html.p-page) .stmts{list-style:none;margin:16px 0 0;padding:0;max-width:62ch} :where(html.p-page) .stmt{padding:14px 0;border-bottom:1px solid var(--line)} :where(html.p-page) .stmt:last-child{border-bottom:0} :where(html.p-page) .stmt-text{display:block;color:var(--asphalt);font-size:1.05rem;line-height:1.6} :where(html.p-page) .stmt-meta{display:block;margin-top:6px;font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)} :where(html.p-page) .stmts-conf{display:inline-block;margin-bottom:2px;font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);border:1px solid var(--line);border-radius:3px;padding:2px 7px} :where(html.p-page) .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:step} @media(max-width:820px){:where(html.p-page) .steps{grid-template-columns:1fr;max-width:520px}} :where(html.p-page) .step{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px 22px 22px;position:relative} :where(html.p-page) .step::before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;top:-14px;left:18px;background:var(--red);color:#fff;font-family:'Oswald',sans-serif;font-weight:700;font-size:.95rem;padding:4px 10px;border-radius:4px;letter-spacing:.06em} :where(html.p-page) .step h3{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:1.1rem;letter-spacing:.03em;margin:8px 0 8px} :where(html.p-page) .step p{color:var(--slate);font-size:.95rem} :where(html.p-page) .buy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} @media(max-width:900px){:where(html.p-page) .buy-grid{grid-template-columns:repeat(2,1fr)}} :where(html.p-page) .buy{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px 16px;font-weight:600;font-size:.95rem;display:flex;gap:10px;align-items:center} :where(html.p-page) .buy .dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex:none} :where(html.p-page) .quotebox{background:var(--manila);border-radius:10px;padding:34px;border:1px solid var(--manila-line);max-width:820px} :where(html.p-page) .quotebox p{font-size:1.15rem;font-weight:500;font-style:italic;margin-bottom:14px} :where(html.p-page) .quotebox .who{font-family:'IBM Plex Mono',monospace;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#77704f} :where(html.p-page) .big-cta{background:var(--red);color:#fff;text-align:center} :where(html.p-page) .big-cta h2{color:#fff} :where(html.p-page) .big-cta p{color:#FBD9DF;max-width:56ch;margin:0 auto 26px} :where(html.p-page) .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap} :where(html.p-page) .btn-light{background:#fff;color:var(--red);text-decoration:none;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:14px 26px;border-radius:6px} :where(html.p-page) .btn-ghost{border:2px solid #fff;color:#fff;text-decoration:none;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:12px 24px;border-radius:6px} :where(html.p-page) footer{background:var(--asphalt);color:#9aa0a8;padding:44px 0 90px;font-size:.9rem} :where(html.p-page) .ft{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap} :where(html.p-page) footer .logo{color:#fff;margin-bottom:8px} :where(html.p-page) footer a{color:#c8ccd2;text-decoration:none} :where(html.p-page) .mbar{position:fixed;bottom:0;left:0;right:0;display:none;z-index:60;box-shadow:0 -8px 24px rgba(0,0,0,.25)} :where(html.p-page) .mbar a{flex:1;text-align:center;padding:15px 8px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;font-size:1rem} :where(html.p-page) .mbar .call{background:var(--asphalt);color:#fff} :where(html.p-page) .mbar .quote{background:var(--red);color:#fff} @media(max-width:700px){:where(html.p-page) .mbar{display:flex}} :where(html.p-page) .note{background:#FFF6D9;border:1px dashed #D9B84A;color:#6b5a12;font-size:.8rem;padding:8px 12px;border-radius:6px;font-family:'IBM Plex Mono',monospace;letter-spacing:.02em} :where(html.p-page) .badges{background:var(--paper);border-bottom:1px solid var(--line)} :where(html.p-page) .badge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:18px 0} @media(max-width:820px){:where(html.p-page) .badge-row{grid-template-columns:repeat(2,1fr);row-gap:14px}} :where(html.p-page) .badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;border-right:1px solid var(--line);padding:4px 10px} :where(html.p-page) .badge:last-child{border-right:none} @media(max-width:820px){:where(html.p-page) .badge:nth-child(2){border-right:none}} :where(html.p-page) .badge b{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:1.15rem;letter-spacing:.03em} :where(html.p-page) .badge span{font-size:.82rem;color:var(--slate)} :where(html.p-page) .gallery6{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} @media(max-width:820px){:where(html.p-page) .gallery6{grid-template-columns:1fr 1fr;gap:14px}} @media(max-width:520px){:where(html.p-page) .gallery6{grid-template-columns:1fr}} :where(html.p-page) .type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} @media(max-width:960px){:where(html.p-page) .type-grid{grid-template-columns:repeat(2,1fr)}} :where(html.p-page) .type{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden} :where(html.p-page) .type-img{aspect-ratio:16/9;background:repeating-linear-gradient(-45deg,#ECE8DD 0 14px,#F5F2EA 14px 28px);display:grid;place-items:center;color:#9a937f;font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.06em;text-align:center;padding:8px} :where(html.p-page) .type-cap{display:flex;align-items:center;gap:9px;padding:11px 14px;font-weight:600;font-size:.95rem} :where(html.p-page) .type-cap .dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex:none} :where(html.p-page) .fleet-banner{background:var(--manila);border:1px solid var(--manila-line);border-radius:12px;padding:34px;display:grid;grid-template-columns:1.4fr .6fr;gap:26px;align-items:center} @media(max-width:820px){:where(html.p-page) .fleet-banner{grid-template-columns:1fr}} :where(html.p-page) .fleet-banner h3{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:1.6rem;line-height:1.1;margin-bottom:8px} :where(html.p-page) .fleet-banner p{color:#5b543f;margin-bottom:0} :where(html.p-page) .btn-dark{background:var(--asphalt);color:#fff;text-decoration:none;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:14px 24px;border-radius:6px;text-align:center} :where(html.p-page) .states{columns:4;column-gap:28px;font-size:.95rem;line-height:2} @media(max-width:900px){:where(html.p-page) .states{columns:3}} @media(max-width:600px){:where(html.p-page) .states{columns:2}} :where(html.p-page) .states a{text-decoration:none;color:var(--asphalt);border-bottom:1px solid var(--line)} :where(html.p-page) .states a:hover{color:var(--red);border-color:var(--red)} :where(html.p-page) .testi{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;max-width:920px;background:var(--manila);border:1px solid var(--manila-line);border-radius:10px;overflow:hidden} @media(max-width:760px){:where(html.p-page) .testi{grid-template-columns:1fr}} :where(html.p-page) .testi-img{background:repeating-linear-gradient(-45deg,#E2D5AE 0 14px,#EADFBE 14px 28px);display:grid;place-items:center;color:#8a7c4e;font-family:'IBM Plex Mono',monospace;font-size:.72rem;text-align:center;padding:12px;min-height:220px} :where(html.p-page) .testi-body{padding:30px} :where(html.p-page) .testi-body p{font-size:1.12rem;font-weight:500;font-style:italic;margin-bottom:14px} :where(html.p-page) .testi-body .who{font-family:'IBM Plex Mono',monospace;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:#77704f} :where(html.p-page) .states>a{display:block;break-inside:avoid} :where(html.p-page) .wrap.hd{position:relative} @media(max-width:640px){:where(html.p-page) .qform{grid-template-columns:1fr 1fr;column-gap:4px;row-gap:6px}} @media(max-width:640px){:where(html.p-page) .qform > div{width:auto;max-width:none;margin-left:0;margin-right:0}} @media(max-width:640px){:where(html.p-page) .qform input,:where(html.p-page) .qform select,:where(html.p-page) .qform textarea{min-height:40px;padding:8px 12px}} @media(max-width:640px){:where(html.p-page) .qform .full{grid-column:1/-1}} @media(max-width:640px){:where(html.p-page) .qform .q-submit{width:100%;max-width:none;margin-left:0;margin-right:0}} :where(html.p-page) a.logo{text-decoration:none} :where(html.p-page) .mnav-cb,:where(html.p-page) .tools-cb{position:absolute;opacity:0;width:1px;height:1px;margin:0} :where(html.p-page) .mnav-t{display:inline-flex;align-items:center;justify-content:center;margin-left:auto; width:44px;height:44px;flex:0 0 44px;cursor:pointer;border:1px solid var(--line); border-radius:7px;background:var(--paper);transition:border-color .14s,background .14s} :where(html.p-page) .mnav-t:hover{border-color:var(--red)} :where(html.p-page) .mnav-cb:focus-visible~.mnav-t,:where(html.p-page) .mnav-t:focus-visible{outline:2px solid var(--red);outline-offset:3px} :where(html.p-page) .mnav-t span,:where(html.p-page) .mnav-t span::before,:where(html.p-page) .mnav-t span::after{display:block;width:19px;height:2px; background:var(--asphalt);border-radius:2px;transition:transform .18s,opacity .18s} :where(html.p-page) .mnav-t span{position:relative} :where(html.p-page) .mnav-t span::before,:where(html.p-page) .mnav-t span::after{content:"";position:absolute;left:0} :where(html.p-page) .mnav-t span::before{top:-6px} :where(html.p-page) .mnav-t span::after{top:6px} :where(html.p-page) .mnav-cb:checked~.mnav-t span{background:transparent} :where(html.p-page) .mnav-cb:checked~.mnav-t span::before{transform:translateY(6px) rotate(45deg)} :where(html.p-page) .mnav-cb:checked~.mnav-t span::after{transform:translateY(-6px) rotate(-45deg)} :where(html.p-page) .hd-nav{display:none;position:absolute;top:calc(100% - 4px);right:0;z-index:70;width:330px; flex-direction:column;padding:8px;background:#fff;border:1px solid var(--line); border-radius:8px;box-shadow:0 18px 44px rgba(0,0,0,.16); font-family:'Barlow',sans-serif;font-size:.95rem} :where(html.p-page) .mnav-cb:checked~.hd-nav{display:flex} :where(html.p-page) .hd-nav>a,:where(html.p-page) .tools-t{display:block;padding:11px 12px;border-radius:5px;color:var(--asphalt); text-decoration:none;border-bottom:1px solid var(--line)} :where(html.p-page) .hd-nav>a:hover,:where(html.p-page) .tools-t:hover{background:#F6F3EA;color:var(--red)} :where(html.p-page) .tools{display:block} :where(html.p-page) .tools-t{cursor:pointer;display:flex;align-items:center;justify-content:space-between; border-bottom:0;font-weight:600} :where(html.p-page) .tools-t::after{content:"";border-left:5px solid transparent;border-right:5px solid transparent; border-top:6px solid currentColor;transition:transform .16s} :where(html.p-page) .tools-cb:checked~.tools-t::after{transform:rotate(180deg)} :where(html.p-page) .tools-cb:focus-visible~.tools-t,:where(html.p-page) .tools-t:focus-visible{outline:2px solid var(--red);outline-offset:-2px} :where(html.p-page) .tools-menu{display:none;flex-direction:column;padding:2px 0 6px 12px; border-left:2px solid var(--manila-line);margin:0 0 4px 12px} :where(html.p-page) .tools-cb:checked~.tools-menu{display:flex} :where(html.p-page) .tools-menu a{display:block;padding:9px 10px;border-radius:5px;color:var(--slate); text-decoration:none;font-size:.9rem} :where(html.p-page) .tools-menu a:hover{background:#F6F3EA;color:var(--red)} :where(html.p-page) .ft-col{display:flex;flex-direction:column;gap:6px;min-width:150px} :where(html.p-page) .ft-h{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:4px} :where(html.p-page) .ft-col a{color:inherit;text-decoration:none} :where(html.p-page) .ft-col a:hover{color:var(--red)} :where(html.p-page) .but-page{max-width:1100px;margin:0 auto} :where(html.p-page) .wp-block-heading{font-family:'Oswald',sans-serif} :where(html.p-page) .wp-block-paragraph{margin:0 0 1em} @media(max-width:700px){:where(html.p-page) .hd .hd-nav{width:auto;left:0;right:0}} @media(max-width:700px){:where(html.p-page) .states{columns:1}} @media(max-width:700px){:where(html.p-page) header .hd-cta{display:inline-block}} @media(max-width:700px){:where(html.p-page) header .hd-phone span{display:inline}} @media(max-width:560px){:where(html.p-page) header .hd{gap:clamp(5px,1px + 1.25vw,8px); padding-left:clamp(12px,-9.33px + 6.67vw,20px); padding-right:clamp(12px,-9.33px + 6.67vw,20px)}} @media(max-width:560px){:where(html.p-page) header .hd .logo{order:1;flex:0 0 auto;max-width:5.4em;letter-spacing:0;line-height:1.06; font-size:clamp(13.6px,9.07px + 1.42vw,17px)}} @media(max-width:560px){:where(html.p-page) header .hd .mnav-t{order:2;margin-left:auto; width:clamp(36px,30.67px + 1.67vw,40px);height:clamp(36px,30.67px + 1.67vw,40px); flex:0 0 clamp(36px,30.67px + 1.67vw,40px)}} @media(max-width:560px){:where(html.p-page) header .hd .hd-right{order:3;width:auto;margin:0;flex:0 0 auto;justify-content:flex-end; gap:clamp(5px,1px + 1.25vw,8px)}} @media(max-width:560px){:where(html.p-page) header .hd .hd-phone{font-size:clamp(12.24px,7.71px + 1.42vw,15.64px)}} @media(max-width:560px){:where(html.p-page) header .hd .hd-cta{display:inline-block;letter-spacing:.02em; font-size:clamp(9.86px,5.78px + 1.28vw,12.92px); padding:clamp(7px,3px + 1.25vw,10px) clamp(8px,1.33px + 2.08vw,13px)}} @media(max-width:560px){:where(html.p-page) header .hd .hd-nav{top:calc(100% - 10px)}} :where(html.p-page) .truck-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end;margin:0 0 14px} :where(html.p-page) .truck-row .truck{display:block;width:100%;height:auto} :root:where(.p-page){--paper:#FFFFFF;--asphalt:#1A1D21;--asphalt-2:#25292F;--red:#C8102E; --manila:#EFE6CC;--manila-line:#D9C89A;--plate:#2B2F36;--slate:#5C646D;--line:#E2DFD8; --page:1160px;--gutter:48px;--sheet-pad:52px;--ground:#0B0D0F;} :where(html.p-page), :where(html.p-page) *{margin:0;padding:0;box-sizing:border-box} html:where(.p-page){background:var(--ground)} :where(html.p-page) body{font-family:'Barlow',sans-serif;background:var(--ground);color:var(--asphalt); font-size:17px;line-height:1.6;padding:var(--gutter) 0;-webkit-font-smoothing:antialiased} :where(html.p-page) a{color:inherit} :where(html.p-page) .sheet{width:calc(100% - var(--gutter)*2);max-width:var(--page);margin:0 auto; background:var(--paper);border-radius:8px;overflow:hidden; box-shadow:0 30px 80px -20px rgba(0,0,0,.8)} :where(html.p-page) .band{padding:0 var(--sheet-pad)} :where(html.p-page) .hd{background:var(--paper);border-bottom:1px solid var(--line);display:flex; align-items:center;justify-content:space-between;gap:20px;padding-top:16px;padding-bottom:16px; color:var(--asphalt)} :where(html.p-page) .logo{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.45rem;text-transform:uppercase; text-decoration:none;line-height:1} :where(html.p-page) .logo em{font-style:normal;color:var(--red)} :where(html.p-page) .hd-right{display:flex;align-items:center;gap:22px} :where(html.p-page) .hd{position:relative;gap:16px;flex-wrap:nowrap} :where(html.p-page) .hd .logo{font-size:1.34rem} :where(html.p-page) .hd-right{display:flex;align-items:center;gap:14px} :where(html.p-page) .hd-phone{white-space:nowrap;font-size:1rem} :where(html.p-page) .hd-cta{white-space:nowrap} :where(html.p-page) .mnav-cb,:where(html.p-page) .tools-cb{position:absolute;opacity:0;width:1px;height:1px;margin:0} :where(html.p-page) .mnav-t{display:inline-flex;align-items:center;justify-content:center;margin-left:auto; width:44px;height:44px;flex:0 0 44px;cursor:pointer;border:1px solid var(--line); border-radius:7px;background:var(--paper);transition:border-color .14s,background .14s} :where(html.p-page) .mnav-t:hover{border-color:var(--red);background:#FDF7F8} :where(html.p-page) .mnav-cb:focus-visible~.mnav-t,:where(html.p-page) .mnav-t:focus-visible{outline:2px solid var(--red);outline-offset:3px} :where(html.p-page) .mnav-t span,:where(html.p-page) .mnav-t span::before,:where(html.p-page) .mnav-t span::after{display:block;width:19px;height:2px; background:var(--asphalt);border-radius:2px;transition:transform .18s,opacity .18s} :where(html.p-page) .mnav-t span{position:relative} :where(html.p-page) .mnav-t span::before,:where(html.p-page) .mnav-t span::after{content:"";position:absolute;left:0} :where(html.p-page) .mnav-t span::before{top:-6px} :where(html.p-page) .mnav-t span::after{top:6px} :where(html.p-page) .mnav-cb:checked~.mnav-t span{background:transparent} :where(html.p-page) .mnav-cb:checked~.mnav-t span::before{transform:translateY(6px) rotate(45deg)} :where(html.p-page) .mnav-cb:checked~.mnav-t span::after{transform:translateY(-6px) rotate(-45deg)} :where(html.p-page) .hd-nav{display:none;position:absolute;top:calc(100% - 8px);right:var(--sheet-pad);z-index:70; width:330px;flex-direction:column;padding:8px;background:#fff;border:1px solid var(--line); border-radius:8px;box-shadow:0 18px 44px rgba(0,0,0,.16); font-family:'Barlow',sans-serif;font-size:.95rem} :where(html.p-page) .mnav-cb:checked~.hd-nav{display:flex} :where(html.p-page) .hd-nav>a,:where(html.p-page) .tools-t{display:block;padding:11px 12px;border-radius:5px;color:var(--asphalt); text-decoration:none;border-bottom:1px solid var(--line)} :where(html.p-page) .hd-nav>a:hover,:where(html.p-page) .tools-t:hover{background:#F6F3EA;color:var(--red)} :where(html.p-page) .tools{display:block} :where(html.p-page) .tools-t{cursor:pointer;display:flex;align-items:center;justify-content:space-between; border-bottom:0;font-weight:600} :where(html.p-page) .tools-t::after{content:"";border-left:5px solid transparent;border-right:5px solid transparent; border-top:6px solid currentColor;transition:transform .16s} :where(html.p-page) .tools-cb:checked~.tools-t::after{transform:rotate(180deg)} :where(html.p-page) .tools-cb:focus-visible~.tools-t,:where(html.p-page) .tools-t:focus-visible{outline:2px solid var(--red);outline-offset:-2px} :where(html.p-page) .tools-menu{display:none;flex-direction:column;padding:2px 0 6px 12px; border-left:2px solid var(--manila-line);margin:0 0 4px 12px} :where(html.p-page) .tools-cb:checked~.tools-menu{display:flex} :where(html.p-page) .tools-menu a{display:block;padding:9px 10px;border-radius:5px;color:var(--slate); text-decoration:none;font-size:.9rem} :where(html.p-page) .tools-menu a:hover{background:#F6F3EA;color:var(--red)} @media (max-width:720px){:where(html.p-page) .hd-nav{width:auto;left:var(--sheet-pad);right:var(--sheet-pad)}} @media (max-width:560px){:where(html.p-page) .hd{gap:clamp(5px,1px + 1.25vw,8px); padding-left:clamp(12px,-9.33px + 6.67vw,20px); padding-right:clamp(12px,-9.33px + 6.67vw,20px)}} @media (max-width:560px){:where(html.p-page) .hd .logo{order:1;flex:0 0 auto;max-width:5.4em;letter-spacing:0;line-height:1.06; font-size:clamp(13.6px,9.07px + 1.42vw,17px)}} @media (max-width:560px){:where(html.p-page) .hd .mnav-t{order:2;margin-left:auto; width:clamp(36px,30.67px + 1.67vw,40px);height:clamp(36px,30.67px + 1.67vw,40px); flex:0 0 clamp(36px,30.67px + 1.67vw,40px)}} @media (max-width:560px){:where(html.p-page) .hd .hd-right{order:3;width:auto;margin:0;flex:0 0 auto;justify-content:flex-end; gap:clamp(5px,1px + 1.25vw,8px)}} @media (max-width:560px){:where(html.p-page) .hd .hd-phone{font-size:clamp(12.24px,7.71px + 1.42vw,15.64px)}} @media (max-width:560px){:where(html.p-page) .hd .hd-cta{display:inline-block;letter-spacing:.02em; font-size:clamp(9.86px,5.78px + 1.28vw,12.92px); padding:clamp(7px,3px + 1.25vw,10px) clamp(8px,1.33px + 2.08vw,13px)}} @media (max-width:560px){:where(html.p-page) .hd .hd-nav{top:calc(100% - 10px)}} :where(html.p-page) .hd-phone{font-family:'Oswald',sans-serif;font-weight:600;font-size:1.15rem;text-decoration:none} :where(html.p-page) .hd-phone small{display:block;font-family:'IBM Plex Mono',monospace;font-weight:400; font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)} :where(html.p-page) .hd-cta{background:var(--red);color:#fff;text-decoration:none;font-family:'Oswald',sans-serif; font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.88rem; padding:11px 20px;border-radius:4px} :where(html.p-page) .top{background:var(--asphalt);color:#fff;padding-top:50px;padding-bottom:54px} :where(html.p-page) .top-grid{display:grid;grid-template-columns:1fr 448px;gap:44px;align-items:start} :where(html.p-page) .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.75rem;letter-spacing:.16em; text-transform:uppercase;color:#9AA2AB;margin-bottom:14px} :where(html.p-page) h1{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase; font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.05} :where(html.p-page) .attitude{font-family:'Oswald',sans-serif;font-weight:500;text-transform:uppercase; letter-spacing:.07em;color:var(--manila);font-size:1.02rem;margin:14px 0 18px} :where(html.p-page) .lede{color:#C7CCD2;max-width:46ch;margin-bottom:24px} :where(html.p-page) .ready{border-top:1px solid #333941;padding-top:20px;margin-top:22px} :where(html.p-page) .ready h2{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.14em; text-transform:uppercase;color:#9AA2AB;margin-bottom:14px} :where(html.p-page) .ready dt{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:.95rem; letter-spacing:.02em;margin-top:14px;color:#fff} :where(html.p-page) .ready dt:first-of-type{margin-top:0} :where(html.p-page) .ready dd{color:#B4BAC1;font-size:.96rem;margin-top:3px} :where(html.p-page) .ready a{color:var(--manila)} :where(html.p-page) .quote-card{background:var(--manila);color:var(--asphalt);border-radius:10px; padding:26px 24px 22px;border:1px solid var(--manila-line);position:relative; box-shadow:0 18px 40px rgba(0,0,0,.4)} :where(html.p-page) .quote-card::before{content:"";position:absolute;top:-11px;left:50%;transform:translateX(-50%); width:86px;height:20px;background:var(--plate);border-radius:5px; box-shadow:inset 0 -2px 0 rgba(255,255,255,.12)} :where(html.p-page) .qc-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px} :where(html.p-page) .qc-head h2{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:1.25rem} :where(html.p-page) .qc-head span{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.1em;color:#7d7458} :where(html.p-page) .qc-sub{font-size:.9rem;color:#5b543f;margin-bottom:16px} :where(html.p-page) .qform{display:grid;grid-template-columns:1fr 1fr;gap:11px} :where(html.p-page) .qf-full{grid-column:1/-1} :where(html.p-page) .qform label{display:block;font-family:'Oswald',sans-serif;font-size:.82rem;font-weight:600; letter-spacing:.07em;text-transform:uppercase;color:#6b6248;margin-bottom:6px} :where(html.p-page) .qform input,:where(html.p-page) .qform select,:where(html.p-page) .qform textarea{width:100%;font-family:'Barlow',sans-serif;font-size:16px; padding:11px 12px;min-height:46px;border:1px solid #C9B583;border-radius:5px; background:#FFFDF7;color:var(--asphalt)} :where(html.p-page) .qform input:focus,:where(html.p-page) .qform select:focus,:where(html.p-page) .qform textarea:focus{outline:2px solid var(--red);outline-offset:1px;border-color:transparent} :where(html.p-page) .q-submit{grid-column:1/-1;background:var(--red);color:#fff;border:none;border-radius:6px; font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em; font-size:1.08rem;padding:15px;cursor:pointer;margin-top:4px} :where(html.p-page) .q-fine{grid-column:1/-1;text-align:center;font-size:.76rem;color:#77704f;margin-top:2px} :where(html.p-page) .q-error{grid-column:1/-1;margin:2px 0 0;color:#C8102E;font-family:'Barlow',sans-serif;font-size:.86rem;text-align:center} :where(html.p-page) .hazard{height:8px;background:repeating-linear-gradient(45deg,var(--red) 0 14px,#1A1D21 14px 28px)} :where(html.p-page) main{padding-top:8px} :where(html.p-page) .sec-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.74rem;letter-spacing:.17em; text-transform:uppercase;color:var(--red);margin-bottom:9px} :where(html.p-page) h2.sec{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase; font-size:clamp(1.55rem,2.8vw,2.05rem);line-height:1.1;margin-bottom:14px} :where(html.p-page) section.blk{padding-top:38px;padding-bottom:38px;border-top:1px solid var(--line)} :where(html.p-page) section.blk:first-of-type{border-top:0} :where(html.p-page) p{margin-bottom:15px} :where(html.p-page) p:last-child{margin-bottom:0} :where(html.p-page) .body-col{max-width:62ch} :where(html.p-page) .aside{border-left:3px solid var(--line);padding:2px 0 2px 16px;color:var(--slate); font-size:15.5px;font-style:italic;margin-top:18px} :where(html.p-page) .figs{display:flex;flex-wrap:wrap;border:1px solid var(--line);margin-bottom:20px} :where(html.p-page) .fig{flex:1 1 160px;padding:16px 18px;border-right:1px solid var(--line)} :where(html.p-page) .fig:last-child{border-right:0} :where(html.p-page) .fig b{display:block;font-family:'Oswald',sans-serif;font-size:1.5rem;line-height:1.1} :where(html.p-page) .fig span{display:block;font-size:.78rem;color:var(--slate);margin-top:4px} :where(html.p-page) .wtable{width:100%;border-collapse:collapse;margin-bottom:14px;font-size:16px} :where(html.p-page) .wtable th{text-align:left;font-family:'IBM Plex Mono',monospace;font-size:.68rem; letter-spacing:.1em;text-transform:uppercase;color:var(--slate); border-bottom:2px solid var(--line);padding:0 12px 8px 0} :where(html.p-page) .wtable td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);vertical-align:top} :where(html.p-page) .wtable td:first-child{font-weight:600;width:46%} :where(html.p-page) .wtable tr.hi td{background:#FFF8EE} :where(html.p-page) .wtable tr.hi td:first-child{box-shadow:inset 3px 0 0 var(--red)} :where(html.p-page) .callout{background:var(--manila);border:1px solid var(--manila-line);padding:20px 22px;margin-top:20px} :where(html.p-page) .callout p{margin:0;font-size:16px;color:#4a4534} :where(html.p-page) .callout strong{color:var(--asphalt)} :where(html.p-page) .rules{list-style:none;margin-top:6px} :where(html.p-page) .rules li{padding:14px 0;border-bottom:1px solid var(--line)} :where(html.p-page) .rules li:last-child{border-bottom:0} :where(html.p-page) .rules b{display:block;font-family:'Oswald',sans-serif;text-transform:uppercase; font-size:1rem;letter-spacing:.02em;margin-bottom:5px} :where(html.p-page) .rules span{color:var(--slate);font-size:.97rem} :where(html.p-page) .asof{font-size:.82rem;color:var(--slate);border-top:1px solid var(--line); padding-top:16px;margin-top:8px} :where(html.p-page) .asof a{color:var(--red)} :where(html.p-page) .endcap{background:var(--red);color:#fff;text-align:center;padding-top:46px;padding-bottom:46px} :where(html.p-page) .endcap h2{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase; font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:10px} :where(html.p-page) .endcap p{color:#F7CDD4;max-width:50ch;margin:0 auto 22px} :where(html.p-page) .btn-light{display:inline-block;background:#fff;color:var(--red);text-decoration:none; font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase; letter-spacing:.05em;padding:14px 26px;border-radius:6px} :where(html.p-page) footer{background:var(--asphalt);color:#9aa0a8;padding-top:32px;padding-bottom:32px;font-size:.9rem} :where(html.p-page) footer .logo{color:#fff;display:inline-block;margin-bottom:8px} :where(html.p-page) footer a{color:#9aa0a8} @media (max-width:1080px){:root:where(.p-page){--gutter:28px;--sheet-pad:38px}} @media (max-width:1080px){:where(html.p-page) .top-grid{grid-template-columns:1fr 396px;gap:36px}} @media (max-width:900px){:where(html.p-page) .top-grid{grid-template-columns:1fr;gap:0}} @media (max-width:900px){:where(html.p-page) .quote-card{max-width:440px}} @media (max-width:900px){:where(html.p-page) .top-grid>div:first-child{display:contents}} @media (max-width:900px){:where(html.p-page) .top-grid>.quote-card{order:2;margin-top:8px}} @media (max-width:900px){:where(html.p-page) .top-grid>div:first-child>.ready{order:3}} @media (max-width:640px){:root:where(.p-page){--gutter:0px;--sheet-pad:20px}} @media (max-width:640px){:where(html.p-page) body{padding:0}} @media (max-width:640px){:where(html.p-page) .sheet{width:100%;border-radius:0;box-shadow:none}} @media (max-width:640px){:where(html.p-page) .qform{grid-template-columns:1fr}} @media (max-width:640px){:where(html.p-page) .fig{flex:1 1 100%;border-right:0;border-bottom:1px solid var(--line)}} :where(html.p-page) .qform{gap:13px} :where(html.p-page) .faq b{display:block;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:1rem;margin-bottom:5px} :where(html.p-page) .faq li{padding:14px 0;border-bottom:1px solid var(--line);list-style:none} :where(html.p-page) .faq li:last-child{border-bottom:0} :where(html.p-page) .cite{font-size:.82rem;color:var(--slate);margin-top:14px} :where(html.p-page) main img.cap-img{display:block;max-width:100%;height:auto;margin:18px 0;border:1px solid var(--line)} :where(html.p-page) .figs+p,:where(html.p-page) .rules+p{margin-top:14px} :where(html.p-page) .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:step} :where(html.p-page) .step{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px 22px 22px;position:relative} :where(html.p-page) .step::before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;top:-14px;left:18px;background:var(--red);color:#fff;font-family:'Oswald',sans-serif;font-weight:700;font-size:.95rem;padding:4px 10px;border-radius:4px;letter-spacing:.06em} :where(html.p-page) .step h3{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:1.1rem;letter-spacing:.03em;margin:8px 0 8px} :where(html.p-page) .step p{color:var(--slate);font-size:.95rem} :where(html.p-page) .badges{background:var(--paper);border-bottom:1px solid var(--line)} :where(html.p-page) .badge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:18px 0} :where(html.p-page) .badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;border-right:1px solid var(--line);padding:4px 10px} :where(html.p-page) .badge:last-child{border-right:none} :where(html.p-page) .badge b{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:1.15rem;letter-spacing:.03em} :where(html.p-page) .badge span{font-size:.82rem;color:var(--slate)} :where(html.p-page) .testi{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;max-width:920px;background:var(--manila);border:1px solid var(--manila-line);border-radius:10px;overflow:hidden} :where(html.p-page) .testi-img{background:repeating-linear-gradient(-45deg,#E2D5AE 0 14px,#EADFBE 14px 28px);display:grid;place-items:center;color:#8a7c4e;font-family:'IBM Plex Mono',monospace;font-size:.72rem;text-align:center;padding:12px;min-height:220px} :where(html.p-page) .testi-body{padding:30px} :where(html.p-page) .testi-body p{font-size:1.12rem;font-weight:500;font-style:italic;margin-bottom:14px} :where(html.p-page) .testi-body .who{font-family:'IBM Plex Mono',monospace;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:#77704f} :where(html.p-page) .quotebox{background:var(--manila);border-radius:10px;padding:34px;border:1px solid var(--manila-line);max-width:820px} :where(html.p-page) .quotebox p{font-size:1.15rem;font-weight:500;font-style:italic;margin-bottom:14px} :where(html.p-page) .quotebox .who{font-family:'IBM Plex Mono',monospace;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#77704f} :where(html.p-page) .type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} :where(html.p-page) .type{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden} :where(html.p-page) .type-cap{display:flex;align-items:center;gap:9px;padding:11px 14px;font-weight:600;font-size:.95rem} :where(html.p-page) .type-cap .dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex:none} :where(html.p-page) .buy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} :where(html.p-page) .buy{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px 16px;font-weight:600;font-size:.95rem;display:flex;gap:10px;align-items:center} :where(html.p-page) .buy .dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex:none} :where(html.p-page) section.blk > .figs,:where(html.p-page) section.blk > .steps,:where(html.p-page) section.blk > .badges,:where(html.p-page) section.blk > .testi,:where(html.p-page) section.blk > .quotebox,:where(html.p-page) section.blk > .type-grid{max-width:none;width:100%} :where(html.p-page) section.blk .body-col + .steps,:where(html.p-page) section.blk .body-col + .badges{margin-top:18px} :where(html.p-page) .step h3{color:var(--asphalt)} :where(html.p-page) .buy-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))} :where(html.p-page) .buy{padding:12px 16px;line-height:1.3} :where(html.p-page) a.buy{text-decoration:none;transition:border-color .12s} :where(html.p-page) a.buy:hover{border-color:var(--red)} @media(max-width:900px){:where(html.p-page) .buy-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:900px){:where(html.p-page) .steps{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){:where(html.p-page) .buy-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){:where(html.p-page) .steps{grid-template-columns:1fr}} @media(max-width:640px){:where(html.p-page) .badge-row{grid-template-columns:repeat(2,1fr)}} :where(html.p-page) .badge b{display:block} :where(html.p-page) .sec-lede{color:var(--slate);max-width:62ch;margin-bottom:24px} :where(html.p-page) .figs{margin-top:4px} :where(html.p-page) .gallery6{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} :where(html.p-page) .shot{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 6px 18px rgba(22,24,27,.06);display:flex;flex-direction:column} :where(html.p-page) .shot-img{aspect-ratio:4/3;background:repeating-linear-gradient(-45deg,#ECE8DD 0 14px,#F5F2EA 14px 28px);overflow:hidden} :where(html.p-page) .shot-img img{width:100%;height:100%;object-fit:cover;display:block} :where(html.p-page) .shot-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1} :where(html.p-page) .shot-body h3{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:1.05rem;letter-spacing:.03em;line-height:1.2} :where(html.p-page) .shot-body p{color:var(--slate);font-size:.95rem;margin:0} :where(html.p-page) .shot-go{margin-top:auto;font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red);text-decoration:none;border-bottom:1px solid var(--manila-line);align-self:flex-start;padding-bottom:2px} @media(max-width:820px){:where(html.p-page) .gallery6{grid-template-columns:1fr 1fr;gap:14px}} @media(max-width:520px){:where(html.p-page) .gallery6{grid-template-columns:1fr}} :where(html.p-page) .states{columns:4;column-gap:28px;font-size:.95rem;line-height:2} :where(html.p-page) .states a{text-decoration:none;color:var(--asphalt);border-bottom:1px solid var(--line)} :where(html.p-page) .states a:hover{color:var(--red);border-color:var(--red)} :where(html.p-page) .states>a,:where(html.p-page) .states>span{display:block;break-inside:avoid} :where(html.p-page) .states>span{color:var(--asphalt)} @media(max-width:900px){:where(html.p-page) .states{columns:3}} @media(max-width:600px){:where(html.p-page) .states{columns:2}} :where(html.p-page) .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:4px} :where(html.p-page) .btn-dark{background:var(--asphalt);color:#fff;text-decoration:none;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:14px 24px;border-radius:6px;text-align:center} :where(html.p-page) .btn-outline{border:2px solid var(--asphalt);color:var(--asphalt);text-decoration:none;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:12px 22px;border-radius:6px;text-align:center} :where(html.p-page) .btn-dark:hover{background:var(--plate)} :where(html.p-page) .btn-outline:hover{border-color:var(--red);color:var(--red)} :where(html.p-page) .buy-grid.c2{grid-template-columns:repeat(2,1fr)} :where(html.p-page) .buy-grid.c3{grid-template-columns:repeat(3,1fr)} :where(html.p-page) .buy-grid.c4{grid-template-columns:repeat(4,1fr)} :where(html.p-page) .steps.c1,:where(html.p-page) .gallery6.c1{grid-template-columns:1fr} :where(html.p-page) .steps.c2,:where(html.p-page) .gallery6.c2{grid-template-columns:repeat(2,1fr)} :where(html.p-page) .steps.c3,:where(html.p-page) .gallery6.c3{grid-template-columns:repeat(3,1fr)} :where(html.p-page) .steps.c4{grid-template-columns:repeat(4,1fr)} :where(html.p-page) .badge-row.c2{grid-template-columns:repeat(2,1fr)} :where(html.p-page) .badge-row.c3{grid-template-columns:repeat(3,1fr)} :where(html.p-page) .badge-row.c4{grid-template-columns:repeat(4,1fr)} :where(html.p-page) .badge-row.c2 .badge:nth-child(2n),:where(html.p-page) .badge-row.c3 .badge:nth-child(3n),:where(html.p-page) .badge-row.c4 .badge:nth-child(4n){border-right:none} @media(max-width:900px){:where(html.p-page) .steps.c3,:where(html.p-page) .steps.c4{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){:where(html.p-page) .steps.c2,:where(html.p-page) .steps.c3,:where(html.p-page) .steps.c4{grid-template-columns:1fr}} :where(html.p-page) .body-col a,:where(html.p-page) .rules a,:where(html.p-page) .faq a,:where(html.p-page) .step p a,:where(html.p-page) .sec-lede a{color:var(--red)} :where(html.p-page) .body-col a:hover,:where(html.p-page) .rules a:hover,:where(html.p-page) .faq a:hover,:where(html.p-page) .step p a:hover{text-decoration:underline} :where(html.p-page) section.blk > .gallery6,:where(html.p-page) section.blk > .states,:where(html.p-page) section.blk > .cta-row,:where(html.p-page) section.blk > .buy-grid,:where(html.p-page) section.blk > .rules,:where(html.p-page) section.blk > img.cap-img{max-width:none;width:100%} :where(html.p-page) section.blk > img.cap-img{margin:0 0 18px} :where(html.p-page) .hero-steps{border-top:1px solid #333941;padding-top:20px;margin-top:22px} :where(html.p-page) .hero-steps h2{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase; font-size:1.35rem;line-height:1.1;margin:0 0 10px} :where(html.p-page) .hero-steps .sec-lede{color:#B4BAC1;font-size:.96rem;margin:0 0 16px;max-width:none} :where(html.p-page) .hero-steps .steps{display:grid;grid-template-columns:1fr;gap:14px;counter-reset:step} :where(html.p-page) .hero-steps .step{background:#fff;border:1px solid var(--line);border-radius:8px; padding:18px 18px 15px;position:relative} :where(html.p-page) .hero-steps .step::before{counter-increment:step; content:counter(step,decimal-leading-zero);position:absolute;top:-12px;left:16px; background:var(--red);color:#fff;font-family:'Oswald',sans-serif;font-weight:700; font-size:.9rem;padding:3px 9px;border-radius:4px;letter-spacing:.06em} :where(html.p-page) .hero-steps .step h3{font-family:'Oswald',sans-serif;text-transform:uppercase; font-size:1.05rem;letter-spacing:.03em;color:var(--asphalt);margin:6px 0 6px} :where(html.p-page) .hero-steps .step p{color:var(--slate);font-size:.93rem;margin:0} @media (max-width:640px){:where(html.p-page) .qform{grid-template-columns:1fr 1fr;column-gap:4px;row-gap:6px}} @media (max-width:640px){:where(html.p-page) .qform > div{width:auto;max-width:none;margin-left:0;margin-right:0}} @media (max-width:640px){:where(html.p-page) .qform input,:where(html.p-page) .qform select,:where(html.p-page) .qform textarea{min-height:40px;padding:8px 12px}} @media (max-width:640px){:where(html.p-page) .qform textarea{width:100%}} @media (max-width:640px){:where(html.p-page) .qform .qf-full{grid-column:1/-1}} @media (max-width:640px){:where(html.p-page) .q-submit{width:100%;max-width:none;margin-left:0;margin-right:0}} :where(html.p-page) .mbar{position:fixed;bottom:0;left:0;right:0;display:none;z-index:60; box-shadow:0 -8px 24px rgba(0,0,0,.25)} :where(html.p-page) .mbar a{flex:1;text-align:center;padding:15px 8px;font-family:'Oswald',sans-serif; font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-decoration:none; font-size:1rem} :where(html.p-page) .mbar .call{background:var(--asphalt);color:#fff} :where(html.p-page) .mbar .quote{background:var(--red);color:#fff} @media (max-width:700px){:where(html.p-page) .mbar{display:flex}} @media (max-width:700px){:where(html.p-page) body{padding-bottom:calc(var(--gutter) + 56px)}} :where(html.p-page) .truck-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end;margin:0 0 14px} :where(html.p-page) .truck-row .truck{display:block;width:100%;height:auto} /* ===== p-city ===== */ :root:where(.p-city){--paper:#FFFFFF;--asphalt:#1A1D21;--asphalt-2:#25292F;--red:#C8102E; --manila:#EFE6CC;--manila-line:#D9C89A;--plate:#2B2F36;--slate:#5C646D;--line:#E2DFD8; --page:1160px;--gutter:48px;--sheet-pad:52px;--ground:#0B0D0F;} :where(html.p-city), :where(html.p-city) *{margin:0;padding:0;box-sizing:border-box} html:where(.p-city){background:var(--ground)} :where(html.p-city) body{font-family:'Barlow',sans-serif;background:var(--ground);color:var(--asphalt); font-size:17px;line-height:1.6;padding:var(--gutter) 0;-webkit-font-smoothing:antialiased} :where(html.p-city) a{color:inherit} :where(html.p-city) .sheet{width:calc(100% - var(--gutter)*2);max-width:var(--page);margin:0 auto; background:var(--paper);border-radius:8px;overflow:hidden; box-shadow:0 30px 80px -20px rgba(0,0,0,.8)} :where(html.p-city) .band{padding:0 var(--sheet-pad)} :where(html.p-city) .hd{background:var(--paper);border-bottom:1px solid var(--line);display:flex; align-items:center;justify-content:space-between;gap:20px;padding-top:16px;padding-bottom:16px; color:var(--asphalt)} :where(html.p-city) .logo{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.45rem;text-transform:uppercase; text-decoration:none;line-height:1} :where(html.p-city) .logo em{font-style:normal;color:var(--red)} :where(html.p-city) .hd-right{display:flex;align-items:center;gap:22px} :where(html.p-city) .hd{position:relative;gap:16px;flex-wrap:nowrap} :where(html.p-city) .hd .logo{font-size:1.34rem} :where(html.p-city) .hd-right{display:flex;align-items:center;gap:14px} :where(html.p-city) .hd-phone{white-space:nowrap;font-size:1rem} :where(html.p-city) .hd-cta{white-space:nowrap} :where(html.p-city) .mnav-cb,:where(html.p-city) .tools-cb{position:absolute;opacity:0;width:1px;height:1px;margin:0} :where(html.p-city) .mnav-t{display:inline-flex;align-items:center;justify-content:center;margin-left:auto; width:44px;height:44px;flex:0 0 44px;cursor:pointer;border:1px solid var(--line); border-radius:7px;background:var(--paper);transition:border-color .14s,background .14s} :where(html.p-city) .mnav-t:hover{border-color:var(--red);background:#FDF7F8} :where(html.p-city) .mnav-cb:focus-visible~.mnav-t,:where(html.p-city) .mnav-t:focus-visible{outline:2px solid var(--red);outline-offset:3px} :where(html.p-city) .mnav-t span,:where(html.p-city) .mnav-t span::before,:where(html.p-city) .mnav-t span::after{display:block;width:19px;height:2px; background:var(--asphalt);border-radius:2px;transition:transform .18s,opacity .18s} :where(html.p-city) .mnav-t span{position:relative} :where(html.p-city) .mnav-t span::before,:where(html.p-city) .mnav-t span::after{content:"";position:absolute;left:0} :where(html.p-city) .mnav-t span::before{top:-6px} :where(html.p-city) .mnav-t span::after{top:6px} :where(html.p-city) .mnav-cb:checked~.mnav-t span{background:transparent} :where(html.p-city) .mnav-cb:checked~.mnav-t span::before{transform:translateY(6px) rotate(45deg)} :where(html.p-city) .mnav-cb:checked~.mnav-t span::after{transform:translateY(-6px) rotate(-45deg)} :where(html.p-city) .hd-nav{display:none;position:absolute;top:calc(100% - 8px);right:var(--sheet-pad);z-index:70; width:330px;flex-direction:column;padding:8px;background:#fff;border:1px solid var(--line); border-radius:8px;box-shadow:0 18px 44px rgba(0,0,0,.16); font-family:'Barlow',sans-serif;font-size:.95rem} :where(html.p-city) .mnav-cb:checked~.hd-nav{display:flex} :where(html.p-city) .hd-nav>a,:where(html.p-city) .tools-t{display:block;padding:11px 12px;border-radius:5px;color:var(--asphalt); text-decoration:none;border-bottom:1px solid var(--line)} :where(html.p-city) .hd-nav>a:hover,:where(html.p-city) .tools-t:hover{background:#F6F3EA;color:var(--red)} :where(html.p-city) .tools{display:block} :where(html.p-city) .tools-t{cursor:pointer;display:flex;align-items:center;justify-content:space-between; border-bottom:0;font-weight:600} :where(html.p-city) .tools-t::after{content:"";border-left:5px solid transparent;border-right:5px solid transparent; border-top:6px solid currentColor;transition:transform .16s} :where(html.p-city) .tools-cb:checked~.tools-t::after{transform:rotate(180deg)} :where(html.p-city) .tools-cb:focus-visible~.tools-t,:where(html.p-city) .tools-t:focus-visible{outline:2px solid var(--red);outline-offset:-2px} :where(html.p-city) .tools-menu{display:none;flex-direction:column;padding:2px 0 6px 12px; border-left:2px solid var(--manila-line);margin:0 0 4px 12px} :where(html.p-city) .tools-cb:checked~.tools-menu{display:flex} :where(html.p-city) .tools-menu a{display:block;padding:9px 10px;border-radius:5px;color:var(--slate); text-decoration:none;font-size:.9rem} :where(html.p-city) .tools-menu a:hover{background:#F6F3EA;color:var(--red)} @media (max-width:720px){:where(html.p-city) .hd-nav{width:auto;left:var(--sheet-pad);right:var(--sheet-pad)}} @media (max-width:560px){:where(html.p-city) .hd{gap:clamp(5px,1px + 1.25vw,8px); padding-left:clamp(12px,-9.33px + 6.67vw,20px); padding-right:clamp(12px,-9.33px + 6.67vw,20px)}} @media (max-width:560px){:where(html.p-city) .hd .logo{order:1;flex:0 0 auto;max-width:5.4em;letter-spacing:0;line-height:1.06; font-size:clamp(13.6px,9.07px + 1.42vw,17px)}} @media (max-width:560px){:where(html.p-city) .hd .mnav-t{order:2;margin-left:auto; width:clamp(36px,30.67px + 1.67vw,40px);height:clamp(36px,30.67px + 1.67vw,40px); flex:0 0 clamp(36px,30.67px + 1.67vw,40px)}} @media (max-width:560px){:where(html.p-city) .hd .hd-right{order:3;width:auto;margin:0;flex:0 0 auto;justify-content:flex-end; gap:clamp(5px,1px + 1.25vw,8px)}} @media (max-width:560px){:where(html.p-city) .hd .hd-phone{font-size:clamp(12.24px,7.71px + 1.42vw,15.64px)}} @media (max-width:560px){:where(html.p-city) .hd .hd-cta{display:inline-block;letter-spacing:.02em; font-size:clamp(9.86px,5.78px + 1.28vw,12.92px); padding:clamp(7px,3px + 1.25vw,10px) clamp(8px,1.33px + 2.08vw,13px)}} @media (max-width:560px){:where(html.p-city) .hd .hd-nav{top:calc(100% - 10px)}} :where(html.p-city) .hd-phone{font-family:'Oswald',sans-serif;font-weight:600;font-size:1.15rem;text-decoration:none} :where(html.p-city) .hd-phone small{display:block;font-family:'IBM Plex Mono',monospace;font-weight:400; font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)} :where(html.p-city) .hd-cta{background:var(--red);color:#fff;text-decoration:none;font-family:'Oswald',sans-serif; font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.88rem; padding:11px 20px;border-radius:4px} :where(html.p-city) .top{background:var(--asphalt);color:#fff;padding-top:50px;padding-bottom:54px} :where(html.p-city) .top-grid{display:grid;grid-template-columns:1fr 448px;gap:44px;align-items:start} :where(html.p-city) .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.75rem;letter-spacing:.16em; text-transform:uppercase;color:#9AA2AB;margin-bottom:14px} :where(html.p-city) h1{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase; font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.05} :where(html.p-city) .attitude{font-family:'Oswald',sans-serif;font-weight:500;text-transform:uppercase; letter-spacing:.07em;color:var(--manila);font-size:1.02rem;margin:14px 0 18px} :where(html.p-city) .lede{color:#C7CCD2;max-width:46ch;margin-bottom:24px} :where(html.p-city) .ready{border-top:1px solid #333941;padding-top:20px;margin-top:22px} :where(html.p-city) .ready h2{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.14em; text-transform:uppercase;color:#9AA2AB;margin-bottom:14px} :where(html.p-city) .ready dt{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:.95rem; letter-spacing:.02em;margin-top:14px;color:#fff} :where(html.p-city) .ready dt:first-of-type{margin-top:0} :where(html.p-city) .ready dd{color:#B4BAC1;font-size:.96rem;margin-top:3px} :where(html.p-city) .ready a{color:var(--manila)} :where(html.p-city) .quote-card{background:var(--manila);color:var(--asphalt);border-radius:10px; padding:26px 24px 22px;border:1px solid var(--manila-line);position:relative; box-shadow:0 18px 40px rgba(0,0,0,.4)} :where(html.p-city) .quote-card::before{content:"";position:absolute;top:-11px;left:50%;transform:translateX(-50%); width:86px;height:20px;background:var(--plate);border-radius:5px; box-shadow:inset 0 -2px 0 rgba(255,255,255,.12)} :where(html.p-city) .qc-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px} :where(html.p-city) .qc-head h2{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:1.25rem} :where(html.p-city) .qc-head span{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.1em;color:#7d7458} :where(html.p-city) .qc-sub{font-size:.9rem;color:#5b543f;margin-bottom:16px} :where(html.p-city) .qform{display:grid;grid-template-columns:1fr 1fr;gap:11px} :where(html.p-city) .qf-full{grid-column:1/-1} :where(html.p-city) .qform label{display:block;font-family:'Oswald',sans-serif;font-size:.82rem;font-weight:600; letter-spacing:.07em;text-transform:uppercase;color:#6b6248;margin-bottom:6px} :where(html.p-city) .qform input,:where(html.p-city) .qform select{width:100%;font-family:'Barlow',sans-serif;font-size:16px; padding:11px 12px;min-height:46px;border:1px solid #C9B583;border-radius:5px; background:#FFFDF7;color:var(--asphalt)} :where(html.p-city) .qform input:focus,:where(html.p-city) .qform select:focus{outline:2px solid var(--red);outline-offset:1px;border-color:transparent} :where(html.p-city) .q-submit{grid-column:1/-1;background:var(--red);color:#fff;border:none;border-radius:6px; font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em; font-size:1.08rem;padding:15px;cursor:pointer;margin-top:4px} :where(html.p-city) .q-fine{grid-column:1/-1;text-align:center;font-size:.76rem;color:#77704f;margin-top:2px} :where(html.p-city) .q-error{grid-column:1/-1;margin:2px 0 0;color:#C8102E;font-family:'Barlow',sans-serif;font-size:.86rem;text-align:center} :where(html.p-city) .hazard{height:8px;background:repeating-linear-gradient(45deg,var(--red) 0 14px,#1A1D21 14px 28px)} :where(html.p-city) main{padding-top:8px} :where(html.p-city) .sec-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.74rem;letter-spacing:.17em; text-transform:uppercase;color:var(--red);margin-bottom:9px} :where(html.p-city) h2.sec{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase; font-size:clamp(1.55rem,2.8vw,2.05rem);line-height:1.1;margin-bottom:14px} :where(html.p-city) section.blk{padding-top:38px;padding-bottom:38px;border-top:1px solid var(--line)} :where(html.p-city) section.blk:first-of-type{border-top:0} :where(html.p-city) p{margin-bottom:15px} :where(html.p-city) p:last-child{margin-bottom:0} :where(html.p-city) .body-col{max-width:62ch} :where(html.p-city) .aside{border-left:3px solid var(--line);padding:2px 0 2px 16px;color:var(--slate); font-size:15.5px;font-style:italic;margin-top:18px} :where(html.p-city) .figs{display:flex;flex-wrap:wrap;border:1px solid var(--line);margin-bottom:20px} :where(html.p-city) .fig{flex:1 1 160px;padding:16px 18px;border-right:1px solid var(--line)} :where(html.p-city) .fig:last-child{border-right:0} :where(html.p-city) .fig b{display:block;font-family:'Oswald',sans-serif;font-size:1.5rem;line-height:1.1} :where(html.p-city) .fig span{display:block;font-size:.78rem;color:var(--slate);margin-top:4px} :where(html.p-city) .wtable{width:100%;border-collapse:collapse;margin-bottom:14px;font-size:16px} :where(html.p-city) .wtable th{text-align:left;font-family:'IBM Plex Mono',monospace;font-size:.68rem; letter-spacing:.1em;text-transform:uppercase;color:var(--slate); border-bottom:2px solid var(--line);padding:0 12px 8px 0} :where(html.p-city) .wtable td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);vertical-align:top} :where(html.p-city) .wtable td:first-child{font-weight:600;width:46%} :where(html.p-city) .wtable tr.hi td{background:#FFF8EE} :where(html.p-city) .wtable tr.hi td:first-child{box-shadow:inset 3px 0 0 var(--red)} :where(html.p-city) .callout{background:var(--manila);border:1px solid var(--manila-line);padding:20px 22px;margin-top:20px} :where(html.p-city) .callout p{margin:0;font-size:16px;color:#4a4534} :where(html.p-city) .callout strong{color:var(--asphalt)} :where(html.p-city) .rules{list-style:none;margin-top:6px} :where(html.p-city) .rules li{padding:14px 0;border-bottom:1px solid var(--line)} :where(html.p-city) .rules li:last-child{border-bottom:0} :where(html.p-city) .rules b{display:block;font-family:'Oswald',sans-serif;text-transform:uppercase; font-size:1rem;letter-spacing:.02em;margin-bottom:5px} :where(html.p-city) .rules span{color:var(--slate);font-size:.97rem} :where(html.p-city) .asof{font-size:.82rem;color:var(--slate);border-top:1px solid var(--line); padding-top:16px;margin-top:8px} :where(html.p-city) .asof a{color:var(--red)} :where(html.p-city) .endcap{background:var(--red);color:#fff;text-align:center;padding-top:46px;padding-bottom:46px} :where(html.p-city) .endcap h2{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase; font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:10px} :where(html.p-city) .endcap p{color:#F7CDD4;max-width:50ch;margin:0 auto 22px} :where(html.p-city) .btn-light{display:inline-block;background:#fff;color:var(--red);text-decoration:none; font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase; letter-spacing:.05em;padding:14px 26px;border-radius:6px} :where(html.p-city) footer{background:var(--asphalt);color:#9aa0a8;padding-top:32px;padding-bottom:32px;font-size:.9rem} :where(html.p-city) footer .logo{color:#fff;display:inline-block;margin-bottom:8px} :where(html.p-city) footer a{color:#9aa0a8} @media (max-width:1080px){:root:where(.p-city){--gutter:28px;--sheet-pad:38px}} @media (max-width:1080px){:where(html.p-city) .top-grid{grid-template-columns:1fr 396px;gap:36px}} @media (max-width:900px){:where(html.p-city) .top-grid{grid-template-columns:1fr;gap:0}} @media (max-width:900px){:where(html.p-city) .quote-card{max-width:440px}} @media (max-width:900px){:where(html.p-city) .top-grid>div:first-child{display:contents}} @media (max-width:900px){:where(html.p-city) .top-grid>.quote-card{order:2;margin-top:8px}} @media (max-width:900px){:where(html.p-city) .top-grid>div:first-child>.ready{order:3}} @media (max-width:640px){:root:where(.p-city){--gutter:0px;--sheet-pad:20px}} @media (max-width:640px){:where(html.p-city) body{padding:0}} @media (max-width:640px){:where(html.p-city) .sheet{width:100%;border-radius:0;box-shadow:none}} @media (max-width:640px){:where(html.p-city) .qform{grid-template-columns:1fr}} @media (max-width:640px){:where(html.p-city) .fig{flex:1 1 100%;border-right:0;border-bottom:1px solid var(--line)}} :where(html.p-city) .qform{gap:13px} :where(html.p-city) .faq b{display:block;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:1rem;margin-bottom:5px} :where(html.p-city) .faq li{padding:14px 0;border-bottom:1px solid var(--line);list-style:none} :where(html.p-city) .faq li:last-child{border-bottom:0} :where(html.p-city) .cite{font-size:.82rem;color:var(--slate);margin-top:14px} :where(html.p-city) .hero-steps{border-top:1px solid #333941;padding-top:20px;margin-top:22px} :where(html.p-city) .hero-steps h2{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase; font-size:1.35rem;line-height:1.1;margin:0 0 10px} :where(html.p-city) .hero-steps .sec-lede{color:#B4BAC1;font-size:.96rem;margin:0 0 16px;max-width:none} :where(html.p-city) .hero-steps .steps{display:grid;grid-template-columns:1fr;gap:14px;counter-reset:step} :where(html.p-city) .hero-steps .step{background:#fff;border:1px solid var(--line);border-radius:8px; padding:18px 18px 15px;position:relative} :where(html.p-city) .hero-steps .step::before{counter-increment:step; content:counter(step,decimal-leading-zero);position:absolute;top:-12px;left:16px; background:var(--red);color:#fff;font-family:'Oswald',sans-serif;font-weight:700; font-size:.9rem;padding:3px 9px;border-radius:4px;letter-spacing:.06em} :where(html.p-city) .hero-steps .step h3{font-family:'Oswald',sans-serif;text-transform:uppercase; font-size:1.05rem;letter-spacing:.03em;color:var(--asphalt);margin:6px 0 6px} :where(html.p-city) .hero-steps .step p{color:var(--slate);font-size:.93rem;margin:0} @media (max-width:640px){:where(html.p-city) .qform{grid-template-columns:1fr 1fr;column-gap:4px;row-gap:6px}} @media (max-width:640px){:where(html.p-city) .qform > div{width:auto;max-width:none;margin-left:0;margin-right:0}} @media (max-width:640px){:where(html.p-city) .qform input,:where(html.p-city) .qform select,:where(html.p-city) .qform textarea{min-height:40px;padding:8px 12px}} @media (max-width:640px){:where(html.p-city) .qform textarea{width:100%}} @media (max-width:640px){:where(html.p-city) .qform .qf-full{grid-column:1/-1}} @media (max-width:640px){:where(html.p-city) .q-submit{width:100%;max-width:none;margin-left:0;margin-right:0}} :where(html.p-city) .mbar{position:fixed;bottom:0;left:0;right:0;display:none;z-index:60; box-shadow:0 -8px 24px rgba(0,0,0,.25)} :where(html.p-city) .mbar a{flex:1;text-align:center;padding:15px 8px;font-family:'Oswald',sans-serif; font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-decoration:none; font-size:1rem} :where(html.p-city) .mbar .call{background:var(--asphalt);color:#fff} :where(html.p-city) .mbar .quote{background:var(--red);color:#fff} @media (max-width:700px){:where(html.p-city) .mbar{display:flex}} @media (max-width:700px){:where(html.p-city) body{padding-bottom:calc(var(--gutter) + 56px)}} :where(html.p-city) .truck-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end;margin:0 0 14px} :where(html.p-city) .truck-row .truck{display:block;width:100%;height:auto} :where(html.p-city) .hp{position:absolute;left:-9999px} /* ===== p-home ===== */ html:where(.p-home){overflow-x: hidden;} :where(html.p-home) body{overflow-x: hidden;} :root:where(.p-home){--ink: #0f1216; --ink-2: #1a1f27; --steel: #2a3340; --muted: #8b95a5; --paper: #f4f1ea; --white: #ffffff; --amber: #f0a202; --amber-deep: #d98900; --line: rgba(255,255,255,.12); --ok: #3ecf8e; --shadow: 0 18px 50px rgba(0,0,0,.35); --radius: 14px; --qc-heading: 1.55rem; --max: 1280px;} :where(html.p-home), :where(html.p-home) *{box-sizing: border-box; margin: 0; padding: 0;} html:where(.p-home){scroll-behavior: smooth;} :where(html.p-home) body{font-family: Inter, system-ui, sans-serif; color: var(--ink); background: var(--paper); line-height: 1.5; -webkit-font-smoothing: antialiased;} :where(html.p-home) a{color: inherit; text-decoration: none;} :where(html.p-home) img{max-width: 100%; display: block;} :where(html.p-home) ul{list-style: none;} :where(html.p-home) .wrap{width: min(100% - 2rem, var(--max)); margin-inline: auto;} :where(html.p-home) .display{font-family: "Barlow Condensed", Impact, sans-serif; letter-spacing: .02em; text-transform: uppercase; line-height: .95;} :where(html.p-home) .btn{display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border: 0; border-radius: 999px; padding: .9rem 1.35rem; font-weight: 700; font-size: .95rem; cursor: pointer; transition: transform .15s ease, background .15s ease, box-shadow .15s ease;} :where(html.p-home) .btn:focus-visible{outline: 3px solid #fff; outline-offset: 3px;} :where(html.p-home) .btn-primary{background: var(--amber); color: var(--ink); box-shadow: 0 8px 24px rgba(240,162,2,.35);} :where(html.p-home) .btn-primary:hover{background: var(--amber-deep); transform: translateY(-1px);} :where(html.p-home) .btn-ghost{background: transparent; color: var(--white); border: 1px solid var(--line);} :where(html.p-home) .btn-ghost:hover{background: rgba(255,255,255,.06);} :where(html.p-home) .btn-dark{background: var(--ink); color: var(--white);} :where(html.p-home) .btn-dark:hover{background: #000;} :where(html.p-home) .btn-outline{background: transparent; color: var(--ink); border: 1px solid #cfc8b8;} :where(html.p-home) .btn-outline:hover{background: #ebe6db;} :where(html.p-home) .topbar{background: rgba(15, 18, 22, 0.97); color: var(--white); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 50; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);} :where(html.p-home) .topbar-inner{display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 0;} :where(html.p-home) .brand{display: flex; align-items: center; gap: .7rem; min-width: 0;} :where(html.p-home) .brand-mark{width: 38px; height: 38px; border-radius: 10px; background: linear-gradient(145deg, var(--amber), #ff6b1a); display: grid; place-items: center; font-family: "Barlow Condensed", sans-serif; font-weight: 800; font-size: 1.15rem; color: var(--ink); flex-shrink: 0;} :where(html.p-home) .brand strong{font-family: "Barlow Condensed", sans-serif; font-size: 1.35rem; letter-spacing: .04em; text-transform: uppercase; display: block;} :where(html.p-home) .brand span{color: var(--muted); font-size: .75rem; display: block; margin-top: -2px;} :where(html.p-home) .nav-actions{display: flex; align-items: center; gap: .65rem; flex-wrap: wrap; justify-content: flex-end; flex-shrink: 0;} :where(html.p-home) .nav-bar{border-top: 1px solid var(--line); background: rgba(10, 12, 16, 0.97);} :where(html.p-home) .nav-bar .wrap{padding: .45rem 0 .55rem;} :where(html.p-home) .site-nav{display: flex; align-items: center; justify-content: flex-start; gap: .35rem .85rem; flex-wrap: wrap;} :where(html.p-home) .topbar-inner{position: relative;} :where(html.p-home) .nav-panel{position: relative;} :where(html.p-home) .nav-menu-btn{display: none; list-style: none; cursor: pointer; color: #e8edf5; font-weight: 700; font-size: .88rem; padding: .45rem .85rem; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.05); user-select: none;} :where(html.p-home) .nav-menu-btn::-webkit-details-marker{display: none;} :where(html.p-home) .nav-menu-btn::marker{content: "";} :where(html.p-home) .nav-menu-btn:hover{border-color: rgba(240,162,2,.5); color: var(--amber);} :where(html.p-home) .site-nav{display: flex; align-items: center; gap: .1rem .55rem; flex-wrap: wrap;} :where(html.p-home) .site-nav > a,:where(html.p-home) .site-nav .nav-dropdown > summary{color: #c9d1dc; font-size: .78rem; font-weight: 600; padding: .25rem 0; white-space: nowrap;} :where(html.p-home) .site-nav > a:hover,:where(html.p-home) .site-nav > a[aria-current="page"],:where(html.p-home) .site-nav .nav-dropdown[open] > summary,:where(html.p-home) .site-nav .nav-dropdown > summary:hover{color: var(--amber);} :where(html.p-home) .nav-dropdown{position: relative;} :where(html.p-home) .nav-dropdown > summary{list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: .3rem; user-select: none;} :where(html.p-home) .nav-dropdown > summary::-webkit-details-marker{display: none;} :where(html.p-home) .nav-dropdown > summary::marker{content: "";} :where(html.p-home) .nav-dropdown > summary::after{content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; opacity: .75;} :where(html.p-home) .nav-dropdown-menu{display: none; position: absolute; top: calc(100% + .45rem); left: 50%; transform: translateX(-50%); width: min(36rem, calc(100vw - 2rem)); min-width: 22rem; background: #151a22; border: 1px solid var(--line); border-radius: 14px; padding: .55rem; box-shadow: 0 16px 40px rgba(0,0,0,.45); z-index: 80;} :where(html.p-home) .nav-dropdown[open] > .nav-dropdown-menu,:where(html.p-home) .nav-dropdown:hover > .nav-dropdown-menu,:where(html.p-home) .nav-dropdown:focus-within > .nav-dropdown-menu{display: grid; grid-template-columns: 1fr 1fr; gap: .15rem .45rem;} :where(html.p-home) .nav-dropdown-menu a{color: #c9d1dc; font-size: .82rem; font-weight: 600; padding: .55rem .7rem; border-radius: 8px; white-space: normal;} :where(html.p-home) .nav-dropdown-menu a:hover{background: rgba(240,162,2,.12); color: var(--amber);} :where(html.p-home) .phone{font-weight: 700; font-size: .95rem; white-space: nowrap; color: var(--amber);} :where(html.p-home) .phone:hover{text-decoration: underline;} @media (min-width: 981px){:where(html.p-home) .nav-menu-btn{display: none !important;}} @media (min-width: 981px){:where(html.p-home) .nav-panel > .site-nav{display: flex !important;}} @media (max-width: 980px){:where(html.p-home) .nav-menu-btn{display: inline-flex; align-items: center; gap: .35rem;}} @media (max-width: 980px){:where(html.p-home) .nav-panel[open] > .site-nav{display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: .15rem .75rem; position: absolute; top: calc(100% + .35rem); left: 50%; right: auto; transform: translateX(-50%); width: min(40rem, calc(100vw - 1rem)); background: #12161d; border: 1px solid var(--line); border-radius: 14px; padding: .85rem 1rem 1.1rem; box-shadow: 0 18px 40px rgba(0,0,0,.45); z-index: 70; max-height: none; overflow: visible;}} @media (max-width: 980px){:where(html.p-home) .nav-panel[open] > .site-nav > .nav-dropdown{grid-column: 1 / -1;}} @media (max-width: 980px){:where(html.p-home) .nav-panel[open] > .site-nav > a,:where(html.p-home) .nav-panel[open] > .site-nav .nav-dropdown > summary{font-size: .92rem; padding: .55rem .35rem; border-bottom: 1px solid rgba(255,255,255,.06);}} @media (max-width: 980px){:where(html.p-home) .nav-dropdown-menu{position: static; left: auto; transform: none; width: 100%; min-width: 0; box-shadow: none; border: 0; background: transparent; padding: .15rem 0 .35rem 0;}} @media (max-width: 980px){:where(html.p-home) .nav-dropdown[open] > .nav-dropdown-menu{display: grid; grid-template-columns: 1fr 1fr; gap: .1rem .5rem;}} @media (max-width: 980px){:where(html.p-home) .nav-dropdown:not([open]):hover > .nav-dropdown-menu{display: none;}} :where(html.p-home) a.pill{transition: border-color .15s ease, color .15s ease, background .15s ease;} :where(html.p-home) a.pill:hover{border-color: rgba(240,162,2,.55); color: var(--amber-deep); background: #fff8e8;} :where(html.p-home) .hero{background: var(--paper); color: var(--ink); padding: 3.25rem 0 4rem; position: relative; overflow: hidden;} :where(html.p-home) .hero::after{content: ""; position: absolute; inset: auto -10% -40% 40%; height: 70%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 240'%3E%3Cpath fill='%230f1216' fill-opacity='0.05' d='M20 160h90l20-40h80l30-50h70l25 50h90l18 40h140v30H20z'/%3E%3C/svg%3E") no-repeat right bottom; background-size: min(720px, 90vw); pointer-events: none;} :where(html.p-home) .hero-grid{display: grid; gap: 2.25rem; grid-template-columns: 1.15fr .85fr; align-items: start; position: relative; z-index: 1;} @media (max-width: 900px){:where(html.p-home) .hero-grid{grid-template-columns: 1fr;}} :where(html.p-home) .eyebrow{display: inline-flex; align-items: center; gap: .5rem; background: rgba(240,162,2,.14); color: var(--amber-deep); border: 1px solid rgba(240,162,2,.45); border-radius: 999px; padding: .35rem .75rem; font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 1rem;} :where(html.p-home) .hero h1{font-size: clamp(2.6rem, 6vw, 4.4rem); max-width: 11ch; margin-bottom: .85rem;} :where(html.p-home) .hero-headline{display: flex; align-items: stretch; gap: clamp(.9rem, 2vw, 2rem); margin-bottom: .85rem;} :where(html.p-home) .hero-headline h1{margin-bottom: 0; flex: 0 1 auto;} :where(html.p-home) .hero-truck{margin: 0; flex: 1 1 auto; min-width: 0; align-self: stretch; display: flex; align-items: flex-end; justify-content: flex-start;} :where(html.p-home) .hero-truck img{width: auto; height: auto; max-width: 100%; max-height: 100%;} @keyframes hero-truck-roll-in{from { transform: translateX(-16%); } to { transform: translateX(0); }} :where(html.p-home) .hero-truck img{animation: hero-truck-roll-in 1100ms cubic-bezier(.22, .61, .36, 1) 1 both;} @media (prefers-reduced-motion: reduce){:where(html.p-home) .hero-truck img{animation: none; transform: none;}} :where(html.p-home) .hero-lead .lede-emph{color: var(--ink); font-weight: 700; font-variation-settings: 'wght' 800; font-size: calc(1em + 1px);} :where(html.p-home) .hero-lead{font-size: 1.08rem; color: #4b5563; max-width: 36rem; margin-bottom: 1.25rem;} :where(html.p-home) .tagline{font-family: "Barlow Condensed", sans-serif; font-size: calc(var(--qc-heading) + 2px); font-weight: 700; color: var(--amber-deep); letter-spacing: .03em; text-transform: uppercase; margin-bottom: 1.5rem;} :where(html.p-home) .proof-row{display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; color: #5b6573; font-size: .9rem; font-weight: 600;} :where(html.p-home) .proof-row strong{color: var(--ink);} :where(html.p-home) .check{color: #0f5132; margin-right: .35rem;} :where(html.p-home) .page-hero{background: radial-gradient(800px 400px at 85% -20%, rgba(240,162,2,.18), transparent 55%), linear-gradient(160deg, #0d1015 0%, #1a2230 60%, #12161d 100%); color: var(--white); padding: 2.75rem 0 2.5rem;} :where(html.p-home) .page-hero h1{font-size: clamp(2.2rem, 5vw, 3.4rem); max-width: 18ch; margin-bottom: .75rem;} :where(html.p-home) .page-hero .hero-lead{margin-bottom: 0;} :where(html.p-home) .quote-card{background: var(--white); color: var(--ink); border-radius: calc(var(--radius) + 4px); padding: 1.35rem 1.35rem 1.2rem; border: 1px solid #e6e1d6; box-shadow: 0 10px 30px rgba(15,18,22,.07);} :where(html.p-home) .quote-card h2{font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: .03em; font-size: var(--qc-heading); margin-bottom: .25rem;} :where(html.p-home) .quote-card .sub{color: #5b6573; font-size: .88rem; margin-bottom: 1rem;} :where(html.p-home) .form-grid{display: grid; gap: .7rem; grid-template-columns: 1fr 1fr;} @media (max-width: 520px){:where(html.p-home) .form-grid{grid-template-columns: 1fr;}} :where(html.p-home) .field{display: flex; flex-direction: column; gap: .3rem;} :where(html.p-home) .field.full{grid-column: 1 / -1;} :where(html.p-home) label{font-size: .75rem; font-weight: 700; color: #4b5563; text-transform: uppercase; letter-spacing: .04em;} :where(html.p-home) input,:where(html.p-home) select,:where(html.p-home) textarea{border: 1px solid #d5dbe5; border-radius: 10px; padding: .75rem .8rem; font: inherit; background: #fafbfd;} :where(html.p-home) input:focus,:where(html.p-home) select:focus,:where(html.p-home) textarea:focus{outline: 2px solid rgba(240,162,2,.55); border-color: var(--amber); background: #fff;} :where(html.p-home) .form-note{margin-top: .75rem; font-size: .78rem; color: #6b7280; text-align: center;} :where(html.p-home) .q-error{margin: .6rem 0 0; color: #C8102E; font-size: .86rem; text-align: center; font-weight: 600;} :where(html.p-home) .quote-card .btn-primary{width: 100%; margin-top: .85rem; padding: 1rem; font-size: 1rem;} :where(html.p-home) .toast{display: none; margin-top: .75rem; padding: .75rem .9rem; border-radius: 10px; background: #e8faf1; color: #0f5132; font-size: .88rem; font-weight: 600;} :where(html.p-home) .toast.show{display: block;} :where(html.p-home) .stats{background: var(--ink-2); color: var(--white); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);} :where(html.p-home) .stats-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; padding: 1.5rem 0; text-align: center;} @media (max-width: 700px){:where(html.p-home) .stats-grid{grid-template-columns: repeat(2, 1fr);}} :where(html.p-home) .stat strong{display: block; font-family: "Barlow Condensed", sans-serif; font-size: 2rem; color: var(--amber); letter-spacing: .02em;} :where(html.p-home) .stat span{color: var(--muted); font-size: .85rem; font-weight: 600;} :where(html.p-home) section{padding: 3.75rem 0;} :where(html.p-home) .section-kicker{color: var(--amber-deep); font-weight: 800; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; margin-bottom: .55rem;} :where(html.p-home) .section-title{font-family: "Barlow Condensed", sans-serif; font-size: clamp(2rem, 4vw, 2.85rem); text-transform: uppercase; letter-spacing: .02em; margin-bottom: .8rem; max-width: 18ch; line-height: 1.05;} :where(html.p-home) .section-title.wide{max-width: 26ch;} :where(html.p-home) .section-lead{color: #4b5563; max-width: 42rem; margin-bottom: 1.85rem; font-size: 1.02rem; line-height: 1.55;} :where(html.p-home) .bg-tint{background: #ebe6db;} :where(html.p-home) .bg-ink{background: var(--ink); color: var(--white);} :where(html.p-home) .bg-ink .section-kicker{color: var(--amber);} :where(html.p-home) .bg-ink .section-lead{color: #b7c0cd;} :where(html.p-home) .steps{display: grid; gap: 1rem; grid-template-columns: repeat(4, 1fr);} @media (max-width: 900px){:where(html.p-home) .steps{grid-template-columns: 1fr 1fr;}} @media (max-width: 520px){:where(html.p-home) .steps{grid-template-columns: 1fr;}} :where(html.p-home) .step{background: var(--white); border: 1px solid #e6e1d6; border-radius: var(--radius); padding: 1.25rem 1.2rem 1.3rem; position: relative; box-shadow: 0 1px 0 rgba(15,18,22,.03); height: 100%;} :where(html.p-home) .step-num{width: 36px; height: 36px; border-radius: 50%; background: var(--ink); color: var(--amber); display: grid; place-items: center; font-family: "Barlow Condensed", sans-serif; font-weight: 800; font-size: 1.15rem; margin-bottom: .75rem;} :where(html.p-home) .step h3{font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: .02em; font-size: 1.2rem; margin-bottom: .4rem;} :where(html.p-home) .step p{color: #5b6573; font-size: .92rem; line-height: 1.5;} :where(html.p-home) .split{display: grid; gap: 1.5rem; grid-template-columns: 1.1fr .9fr; align-items: stretch;} :where(html.p-home) .split-equal{grid-template-columns: 1fr 1fr;} @media (max-width: 860px){:where(html.p-home) .split,:where(html.p-home) .split-equal{grid-template-columns: 1fr;}} :where(html.p-home) .card-list{display: grid; gap: .75rem;} :where(html.p-home) .card-item{background: var(--white); border: 1px solid #e6e1d6; border-radius: var(--radius); padding: 1rem 1.1rem; display: flex; gap: .85rem; align-items: flex-start;} :where(html.p-home) .card-item .icon{width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0; background: #fff4d6; color: var(--amber-deep); display: grid; place-items: center; font-weight: 800;} :where(html.p-home) .card-item h3{font-size: 1rem; margin-bottom: .2rem;} :where(html.p-home) .card-item p{color: #5b6573; font-size: .9rem;} :where(html.p-home) .audience{background: var(--ink); color: var(--white); border-radius: calc(var(--radius) + 6px); padding: 1.5rem; height: 100%;} :where(html.p-home) .audience h3{font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: 1.6rem; margin-bottom: .5rem;} :where(html.p-home) .audience p{color: #b7c0cd; margin-bottom: 1rem;} :where(html.p-home) .audience ul{display: grid; gap: .55rem; margin-bottom: 1.25rem;} :where(html.p-home) .audience li{padding-left: 1.25rem; position: relative; color: #dbe2ea; font-size: .95rem;} :where(html.p-home) .audience li::before{content: "▸"; position: absolute; left: 0; color: var(--amber);} :where(html.p-home) .makes{display: flex; flex-wrap: wrap; gap: .5rem;} :where(html.p-home) .pill{background: #ebe6db; border-radius: 999px; padding: .4rem .8rem; font-size: .82rem; font-weight: 700; color: #374151;} :where(html.p-home) .pill-dark{background: rgba(255,255,255,.08); color: #dbe2ea; border: 1px solid var(--line);} :where(html.p-home) .type-grid,:where(html.p-home) .seller-grid,:where(html.p-home) .factor-grid,:where(html.p-home) .ready-grid{display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr);} @media (max-width: 900px){:where(html.p-home) .type-grid,:where(html.p-home) .seller-grid,:where(html.p-home) .factor-grid,:where(html.p-home) .ready-grid{grid-template-columns: 1fr 1fr;}} @media (max-width: 560px){:where(html.p-home) .type-grid,:where(html.p-home) .seller-grid,:where(html.p-home) .factor-grid,:where(html.p-home) .ready-grid{grid-template-columns: 1fr;}} :where(html.p-home) .type-card,:where(html.p-home) .seller-card,:where(html.p-home) .factor-card,:where(html.p-home) .ready-card{background: var(--white); border: 1px solid #e6e1d6; border-radius: var(--radius); padding: 1.25rem 1.2rem; box-shadow: 0 1px 0 rgba(15,18,22,.03);} :where(html.p-home) .type-card h3,:where(html.p-home) .seller-card h3,:where(html.p-home) .factor-card h3,:where(html.p-home) .ready-card h3{font-size: 1.08rem; margin-bottom: .45rem; letter-spacing: -.01em;} :where(html.p-home) .type-card p,:where(html.p-home) .seller-card p,:where(html.p-home) .factor-card p,:where(html.p-home) .ready-card p{color: #5b6573; font-size: .92rem; line-height: 1.5;} :where(html.p-home) .type-card.primary{border-color: rgba(240,162,2,.45); box-shadow: 0 0 0 1px rgba(240,162,2,.2);} :where(html.p-home) .type-card .badge{display: inline-block; font-size: .68rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--amber-deep); background: #fff4d6; border-radius: 999px; padding: .22rem .6rem; margin-bottom: .6rem;} :where(html.p-home) .ready-card h3{font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: .03em; font-size: 1.2rem;} :where(html.p-home) .seller-card h3{font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: .02em; font-size: 1.15rem;} :where(html.p-home) .testimonials{display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr);} @media (max-width: 860px){:where(html.p-home) .testimonials{grid-template-columns: 1fr;}} :where(html.p-home) .quote{background: var(--white); border: 1px solid #e6e1d6; border-radius: var(--radius); padding: 1.25rem; display: flex; flex-direction: column; gap: .85rem;} :where(html.p-home) .stars{color: var(--amber-deep); letter-spacing: .08em; font-size: .9rem;} :where(html.p-home) .quote p{color: #374151; font-size: .95rem; flex: 1;} :where(html.p-home) .who{font-size: .85rem; color: #6b7280; font-weight: 600;} :where(html.p-home) .faq details{background: var(--white); border: 1px solid #e6e1d6; border-radius: 12px; padding: 1rem 1.1rem; margin-bottom: .65rem;} :where(html.p-home) .faq summary{cursor: pointer; font-weight: 700; list-style: none; display: flex; justify-content: space-between; gap: 1rem; align-items: center;} :where(html.p-home) .faq summary::-webkit-details-marker{display: none;} :where(html.p-home) .faq summary::after{content: "+"; color: var(--amber-deep); font-size: 1.3rem; font-weight: 700; flex-shrink: 0;} :where(html.p-home) .faq details[open] summary::after{content: "–";} :where(html.p-home) .faq details p{color: #4b5563; margin-top: .7rem; font-size: .95rem;} :where(html.p-home) .faq-nav{display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 2rem;} :where(html.p-home) .faq-nav a{background: #ebe6db; border-radius: 999px; padding: .45rem .9rem; font-size: .82rem; font-weight: 700; color: #374151;} :where(html.p-home) .faq-nav a:hover{background: var(--ink); color: var(--amber);} :where(html.p-home) .faq-section{margin-bottom: 2.5rem; scroll-margin-top: 5rem;} :where(html.p-home) .faq-section h3{font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: 1.5rem; margin-bottom: .35rem;} :where(html.p-home) .faq-section .section-lead{margin-bottom: 1rem; font-size: .95rem;} :where(html.p-home) .cta-band{background: linear-gradient(120deg, rgba(15,18,22,.94), rgba(26,34,48,.9)), #1a2230; color: var(--white); border-radius: calc(var(--radius) + 8px); padding: 2.15rem 2rem; display: flex; flex-wrap: wrap; gap: 1.35rem; align-items: center; justify-content: space-between; border: 1px solid rgba(255,255,255,.06); box-shadow: 0 18px 40px rgba(15,18,22,.18);} :where(html.p-home) .cta-band h2{font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: clamp(1.8rem, 4vw, 2.4rem); max-width: 16ch;} :where(html.p-home) .cta-band p{color: #b7c0cd; margin-top: .35rem;} :where(html.p-home) .cta-actions{display: flex; flex-wrap: wrap; gap: .65rem;} :where(html.p-home) .compare{display: grid; gap: 1rem; grid-template-columns: 1fr 1fr;} @media (max-width: 700px){:where(html.p-home) .compare{grid-template-columns: 1fr;}} :where(html.p-home) .compare-card{border-radius: var(--radius); padding: 1.35rem; border: 1px solid #e6e1d6; background: var(--white);} :where(html.p-home) .compare-card.win{background: var(--ink); color: var(--white); border-color: transparent;} :where(html.p-home) .compare-card h3{font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: 1.35rem; margin-bottom: .75rem;} :where(html.p-home) .compare-card ul{display: grid; gap: .55rem;} :where(html.p-home) .compare-card li{padding-left: 1.2rem; position: relative; font-size: .92rem; color: #5b6573;} :where(html.p-home) .compare-card.win li{color: #dbe2ea;} :where(html.p-home) .compare-card li::before{content: "–"; position: absolute; left: 0; color: #9ca3af;} :where(html.p-home) .compare-card.win li::before{content: "✓"; color: var(--ok);} :where(html.p-home) .checklist{display: grid; gap: .65rem;} :where(html.p-home) .checklist li{background: var(--white); border: 1px solid #e6e1d6; border-radius: 12px; padding: .9rem 1rem; padding-left: 2.5rem; position: relative; color: #374151; font-size: .95rem;} :where(html.p-home) .checklist li::before{content: "✓"; position: absolute; left: 1rem; color: var(--ok); font-weight: 800;} :where(html.p-home) .states-grid{display: grid; gap: .55rem; grid-template-columns: repeat(5, 1fr);} @media (max-width: 900px){:where(html.p-home) .states-grid{grid-template-columns: repeat(3, 1fr);}} @media (max-width: 520px){:where(html.p-home) .states-grid{grid-template-columns: repeat(2, 1fr);}} :where(html.p-home) .state-pill{background: var(--white); border: 1px solid #e6e1d6; border-radius: 10px; padding: .75rem .85rem; font-weight: 700; font-size: .9rem; text-align: center; transition: border-color .15s, transform .15s;} :where(html.p-home) .state-pill:hover{border-color: var(--amber); transform: translateY(-1px); color: var(--amber-deep);} :where(html.p-home) footer{background: var(--ink); color: #9aa5b5; padding: 2.5rem 0 5.5rem; font-size: .9rem;} :where(html.p-home) .footer-grid{display: grid; gap: 1.5rem; grid-template-columns: 1.4fr repeat(4, 1fr);} @media (max-width: 800px){:where(html.p-home) .footer-grid{grid-template-columns: 1fr 1fr;}} @media (max-width: 800px){:where(html.p-home) .footer-grid > div:first-child{grid-column: 1 / -1;}} @media (max-width: 520px){:where(html.p-home) .footer-grid{grid-template-columns: 1fr;}} @media (max-width: 520px){:where(html.p-home) footer{padding-bottom: 6.5rem;}} :where(html.p-home) footer h4{color: var(--white); font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; margin-bottom: .7rem;} :where(html.p-home) footer a:hover{color: var(--amber);} :where(html.p-home) footer ul{display: grid; gap: .4rem;} :where(html.p-home) .footer-brand{font-family: "Barlow Condensed", sans-serif; color: var(--white); font-size: 1.4rem; text-transform: uppercase; margin-bottom: .4rem;} :where(html.p-home) .mock-banner{background: #111827; color: #fde68a; text-align: center; font-size: .78rem; font-weight: 700; letter-spacing: .04em; padding: .45rem .75rem; text-transform: uppercase;} :where(html.p-home) .mobile-bar{display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: rgba(15,18,22,.96); backdrop-filter: blur(10px); border-top: 1px solid var(--line); padding: .7rem .9rem calc(.7rem + env(safe-area-inset-bottom)); gap: .55rem;} @media (max-width: 700px){:where(html.p-home) .mobile-bar{display: flex;}} @media (max-width: 700px){:where(html.p-home) .nav-actions .btn{display: none;}} :where(html.p-home) .mobile-bar .btn{flex: 1;} :where(html.p-home) .prose p{color: #4b5563; margin-bottom: 1rem; max-width: 46rem;} :where(html.p-home) .prose p:last-child{margin-bottom: 0;} :where(html.p-home) .mt-1{margin-top: 1rem;} :where(html.p-home) .mt-2{margin-top: 2rem;} :where(html.p-home) .mb-0{margin-bottom: 0;} :where(html.p-home) .text-center{text-align: center;} :where(html.p-home) .title-field{border: 0; padding: 0; margin: 0;} :where(html.p-home) .title-field legend{font-size: .75rem; font-weight: 700; color: #4b5563; text-transform: uppercase; letter-spacing: .04em; margin-bottom: .45rem; padding: 0;} :where(html.p-home) .radio-row{display: flex; gap: .65rem; flex-wrap: wrap;} :where(html.p-home) .radio{display: inline-flex; align-items: center; gap: .45rem; border: 1px solid #d5dbe5; border-radius: 999px; padding: .55rem .95rem; background: #fafbfd; cursor: pointer; font-weight: 700; font-size: .9rem;} :where(html.p-home) .radio:has(input:checked){border-color: var(--amber); background: #fff8e8; box-shadow: 0 0 0 2px rgba(240,162,2,.25);} :where(html.p-home) .radio input{width: 1rem; height: 1rem; accent-color: var(--amber-deep);} :where(html.p-home) .toast{display: none; margin-top: .75rem; padding: .75rem .9rem; border-radius: 10px; font-size: .88rem; font-weight: 600;} :where(html.p-home) .toast.show{display: block;} :where(html.p-home) .toast-ok{background: #e8faf1; color: #0f5132;} :where(html.p-home) .toast-warn{background: #fff1f0; color: #9b1c1c; border: 1px solid #f5c2c0;} :where(html.p-home) .quote-card-scroll{max-height: min(78vh, 820px); overflow: auto;} :where(html.p-home) .state-combo{position: relative;} :where(html.p-home) .state-list{position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 4px); margin: 0; padding: .35rem 0; list-style: none; background: #fff; border: 1px solid #d5dbe5; border-radius: 10px; box-shadow: 0 12px 28px rgba(0,0,0,.14); max-height: 220px; overflow: auto;} :where(html.p-home) .state-list [role="option"]{padding: .55rem .8rem; cursor: pointer; font-size: .92rem;} :where(html.p-home) .state-list [role="option"]:hover,:where(html.p-home) .state-list [role="option"].is-active{background: #fff4d6;} @media (max-width: 900px){:where(html.p-home) .hero{padding: 1rem 0 1.25rem;}} @media (max-width: 900px){:where(html.p-home) .hero-grid{gap: 1rem;}} @media (max-width: 900px){:where(html.p-home) .hero-copy{order: 2;}} @media (max-width: 900px){:where(html.p-home) .hero-grid > .quote-card,:where(html.p-home) .hero-grid > aside.quote-card{order: 1;}} @media (max-width: 900px){:where(html.p-home) .hero h1{font-size: clamp(1.7rem, 7.5vw, 2.35rem); max-width: none; margin-bottom: .4rem;}} @media (max-width: 900px){:where(html.p-home) .hero-headline{display: block; margin-bottom: .5rem;}} @media (max-width: 900px){:where(html.p-home) .hero-headline h1{margin-bottom: .4rem;}} @media (max-width: 900px){:where(html.p-home) .hero-truck{display: block; width: 70%; margin-inline: auto;}} @media (max-width: 900px){:where(html.p-home) .hero-truck img{width: 100%; height: auto; max-height: none;}} @media (max-width: 900px){:where(html.p-home) .hero .eyebrow{margin-bottom: .45rem; font-size: .68rem; padding: .25rem .55rem;}} @media (max-width: 900px){:root:where(.p-home){--qc-heading: 1.25rem;}} @media (max-width: 900px){:where(html.p-home) .hero .tagline{margin-bottom: .45rem;}} @media (max-width: 900px){:where(html.p-home) .hero-lead{font-size: .9rem; margin-bottom: .55rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}} @media (max-width: 900px){:where(html.p-home) .hero .proof-row{display: none;}} @media (max-width: 900px){:where(html.p-home) .quote-card{padding: 1rem .95rem .85rem;}} @media (max-width: 900px){:where(html.p-home) .quote-card h2{font-size: 1.25rem;}} @media (max-width: 900px){:where(html.p-home) .quote-card .sub{margin-bottom: .65rem; font-size: .8rem;}} @media (max-width: 900px){:where(html.p-home) .quote-card-scroll{max-height: none; overflow: visible;}} @media (max-width: 900px){:where(html.p-home) .form-grid{gap: .55rem;}} @media (max-width: 900px){:where(html.p-home) .field input,:where(html.p-home) .field select{padding: .65rem .7rem;}} @media (max-width: 560px){:where(html.p-home) .hero h1{max-width: 5.2em;}} @media (max-width: 900px){:where(html.p-home) .mock-banner{font-size: .68rem; padding: .3rem .6rem; letter-spacing: .03em;}} @media (max-width: 900px){:where(html.p-home) .topbar-inner{padding: .55rem 0;}} @media (max-width: 900px){:where(html.p-home) .brand span{display: none;}} @media (max-width: 900px){:where(html.p-home) .brand-mark{width: 34px; height: 34px; font-size: 1.05rem;}} @media (max-width: 900px){:where(html.p-home) .brand strong{font-size: 1.15rem;}} @media (max-width: 700px){:where(html.p-home) body{padding-bottom: 4.75rem;}} @media (max-width: 420px){:where(html.p-home) .wrap{width: min(100% - 1.25rem, var(--max));}} :where(html.p-home) .mock-banner{position: relative; z-index: 40;} :where(html.p-home) .type-grid.major-types{grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem;} @media (min-width: 901px){:where(html.p-home) .type-grid.major-types{grid-template-columns: repeat(4, 1fr);}} @media (min-width: 901px){:where(html.p-home) .type-grid.major-types .type-card.primary{grid-column: span 1;}} :where(html.p-home) .type-grid.major-types .type-card{display: flex; flex-direction: column; min-height: 100%; padding: 1.25rem 1.2rem 1.3rem; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;} :where(html.p-home) .type-grid.major-types .type-card:hover{border-color: rgba(240,162,2,.4); box-shadow: 0 10px 28px rgba(15,18,22,.08); transform: translateY(-2px);} :where(html.p-home) .type-grid.major-types .type-card h3{font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: .03em; font-size: 1.35rem; line-height: 1.15; margin-bottom: .5rem;} :where(html.p-home) .type-grid.major-types .type-card.primary{background: linear-gradient(165deg, #fffdf8 0%, #fff 55%); border-color: rgba(240,162,2,.55); box-shadow: 0 0 0 1px rgba(240,162,2,.18), 0 12px 30px rgba(217,137,0,.12);} :where(html.p-home) .type-grid.major-types .type-card.primary h3{color: var(--ink);} :where(html.p-home) .type-grid.major-types .type-card p{flex: 1; font-size: .9rem; line-height: 1.45;} :where(html.p-home) #what-we-buy{scroll-margin-top: 5.5rem;} :where(html.p-home) .type-strip{background: linear-gradient(180deg, #151a22 0%, var(--ink-2) 100%); border-bottom: 1px solid var(--line); color: var(--white);} :where(html.p-home) .type-strip-inner{display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .5rem; padding: .95rem 0;} :where(html.p-home) .type-strip-label{font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: .08em; color: var(--amber); font-size: 1.1rem; font-weight: 700; margin-right: .45rem;} :where(html.p-home) .type-chip{display: inline-flex; align-items: center; padding: .4rem .8rem; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: #e8edf5; font-size: .8rem; font-weight: 700; letter-spacing: .01em; transition: border-color .15s ease, color .15s ease, background .15s ease;} :where(html.p-home) .type-chip:hover{border-color: rgba(240,162,2,.6); color: var(--amber); background: rgba(240,162,2,.08);} :where(html.p-home) .type-chip-primary{border-color: rgba(240,162,2,.55); background: rgba(240,162,2,.14); color: var(--amber);} :where(html.p-home) .type-chip-primary:hover{background: rgba(240,162,2,.22); color: #ffd56a;} @media (max-width: 560px){:where(html.p-home) .type-strip-inner{gap: .4rem;}} @media (max-width: 560px){:where(html.p-home) .type-chip{font-size: .75rem; padding: .35rem .65rem;}} :where(html.p-home) .nav-menu-btn{display: none !important;} :where(html.p-home) .nav-panel{display: contents;} :where(html.p-home) .nav-panel > .site-nav,:where(html.p-home) .nav-bar .site-nav{display: flex !important;} @media (max-width: 980px){:where(html.p-home) .nav-panel:not([open]) > .site-nav{display: flex !important;}} @media (max-width: 980px){:where(html.p-home) .nav-bar .site-nav{gap: .25rem .65rem;}} @media (max-width: 980px){:where(html.p-home) .site-nav > a,:where(html.p-home) .site-nav .nav-dropdown > summary{font-size: .75rem;}} @media (max-width: 980px){:where(html.p-home) .nav-dropdown-menu{left: 0; transform: none; width: min(36rem, calc(100vw - 1.5rem));}} :where(html.p-home) .nav-bar{display: block !important; visibility: visible !important; border-top: 1px solid var(--line); background: rgba(10, 12, 16, 0.97);} :where(html.p-home) .nav-bar .wrap{padding: .5rem 0 .65rem;} :where(html.p-home) .nav-bar .site-nav{display: flex !important; flex-wrap: wrap !important; align-items: center; justify-content: flex-start !important; gap: .4rem 1rem !important; width: 100%; overflow: visible !important;} :where(html.p-home) .nav-bar .site-nav > a,:where(html.p-home) .nav-bar .site-nav .nav-dropdown > summary{display: inline-flex !important; color: #e8edf5 !important; font-size: .86rem !important; font-weight: 650; padding: .35rem 0;} :where(html.p-home) .nav-menu-btn{display: none !important;} :where(html.p-home) .field textarea{width:100%; font:inherit; font-size:.95rem; color:var(--ink); background:var(--white); border:1px solid #d9d3c7; border-radius:10px; padding:.7rem .8rem; min-height:5.5rem; resize:vertical;} :where(html.p-home) .field textarea:focus{outline:2px solid var(--amber); outline-offset:1px; border-color:var(--amber);} :where(html.p-home) .hp{position:absolute; left:-9999px;} :where(html.p-home) a.state-pill{text-decoration:none;} @media (min-width: 1280px){:where(html.p-home) .quote-card-scroll{max-height:none;overflow:visible}} @media (min-width: 1280px){:where(html.p-home) .hero{padding:.5rem 0 1.25rem}} @media (min-width: 1280px){:where(html.p-home) .quote-card{padding:1rem .95rem .85rem}} @media (min-width: 1280px){:root:where(.p-home){--qc-heading:1.25rem}} @media (min-width: 1280px){:where(html.p-home) .quote-card .sub{margin-bottom:.5rem;font-size:.8rem}} @media (min-width: 1280px){:where(html.p-home) .form-grid{gap:.55rem}} @media (min-width: 1280px){:where(html.p-home) .field input,:where(html.p-home) .field select{padding:.5rem .7rem}} @media (min-width: 1280px){:where(html.p-home) .field textarea{min-height:3rem;padding:.5rem .7rem}} @media (min-width: 1280px){:where(html.p-home) .field{gap:.2rem}} @media (min-width: 1280px){:where(html.p-home) .field label{font-size:.7rem;line-height:1.25}} @media (min-width: 1280px){:where(html.p-home) .quote-card .btn-primary{padding:.62rem 1.35rem}} @media (min-width: 1280px){:where(html.p-home) .quote-card .form-note{margin-top:.4rem}} :where(html.p-home) .quote-card button[type=submit]{font:inherit;font-weight:700;font-size:.95rem} :where(html.p-home) .form-grid{grid-template-columns:1fr 1fr} :where(html.p-home) .field.full{grid-column:1 / -1} :where(html.p-home) .form-grid > .field{min-width:0} :where(html.p-home) .field input,:where(html.p-home) .field select,:where(html.p-home) .field textarea{min-width:0;width:100%;max-width:100%} :where(html.p-home) .nav-cb{position:absolute;opacity:0;width:1px;height:1px;margin:0} :where(html.p-home) .nav-toggle{display:none} :where(html.p-home) .nav-panel{position:relative} @media (max-width: 980px){:where(html.p-home) .nav-toggle{list-style:none;cursor:pointer;display:inline-flex;align-items:center; gap:.5rem;user-select:none;color:#e8edf5;font-size:.86rem;font-weight:650; padding:.45rem 0;text-transform:uppercase;letter-spacing:.04em}} @media (max-width: 980px){:where(html.p-home) .nav-toggle .bars,:where(html.p-home) .nav-toggle .bars::before,:where(html.p-home) .nav-toggle .bars::after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px}} @media (max-width: 980px){:where(html.p-home) .nav-toggle .bars{position:relative}} @media (max-width: 980px){:where(html.p-home) .nav-toggle .bars::before,:where(html.p-home) .nav-toggle .bars::after{content:"";position:absolute;left:0}} @media (max-width: 980px){:where(html.p-home) .nav-toggle .bars::before{top:-6px}} @media (max-width: 980px){:where(html.p-home) .nav-toggle .bars::after{top:6px}} @media (max-width: 980px){:where(html.p-home) .nav-cb:focus-visible ~ .nav-toggle{outline:2px solid var(--amber);outline-offset:3px}} @media (max-width: 980px){:where(html.p-home) .nav-cb:checked ~ .nav-toggle{color:var(--amber)}} @media (max-width: 980px){:where(html.p-home) .nav-bar .nav-panel > .site-nav{display:none !important}} @media (max-width: 980px){:where(html.p-home) .nav-bar .nav-cb:checked ~ .site-nav{display:grid !important; grid-template-columns:1fr 1fr; align-items:start; gap:.15rem .75rem !important; position:absolute; top:calc(100% + .35rem); left:50%; right:auto; transform:translateX(-50%); width:min(40rem, calc(100vw - 1rem)); background:#12161d; border:1px solid var(--line); border-radius:14px; padding:.85rem 1rem 1.1rem; box-shadow:0 18px 40px rgba(0,0,0,.45); z-index:70; max-height:none; overflow:visible;}} @media (max-width: 980px){:where(html.p-home) .nav-bar .nav-cb:checked ~ .site-nav > .nav-dropdown{grid-column:1 / -1}} @media (max-width: 980px){:where(html.p-home) .nav-bar .nav-cb:checked ~ .site-nav > a,:where(html.p-home) .nav-bar .nav-cb:checked ~ .site-nav .nav-dropdown > summary{font-size:.92rem !important; padding:.55rem .35rem !important; border-bottom:1px solid rgba(255,255,255,.06);}} :where(html.p-home) .makes-more > summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center; gap:.4rem;margin-top:.75rem;font-size:.85rem;font-weight:700;color:var(--amber-deep)} :where(html.p-home) .makes-more > summary::-webkit-details-marker{display:none} :where(html.p-home) .makes-more > summary::after{content:"+";font-size:1.05rem;line-height:1} :where(html.p-home) .makes-more[open] > summary::after{content:"\2013"} @media (max-width: 980px){:where(html.p-home) .makes-more:not([open]) > .states-grid{display:none}} @media (min-width: 981px){:where(html.p-home) .makes-more > summary{display:none}} @media (min-width: 981px){:where(html.p-home) .makes-more > .states-grid{display:grid}} @media (max-width: 900px){:where(html.p-home) .hero-copy{order:1}} @media (max-width: 900px){:where(html.p-home) .hero-grid > .quote-card,:where(html.p-home) .hero-grid > aside.quote-card{order:2}} @media (max-width: 900px){:where(html.p-home) .hero-lead{display:block;-webkit-line-clamp:none;overflow:visible}} :where(html.p-home) .brand-logo{height:48px;width:auto;display:block} @media (max-width: 900px){:where(html.p-home) .brand-logo{height:28px}}