/* Palette sampled from the original logo provided by the owner. */
:root{--ink:#151919;--blue:#007b84;--blue-dark:#00656c;--muted:#58666a;--surface:#f3f7f7;--line:#dce4e4;--soft-blue:#e8f8f9;--brand-cyan:#00dae7;--brand-yellow:#fbd000}
.topbar{background:#171a1a;color:#c8d0d0;border-bottom:1px solid #303636}
.site-header{background:#000;border-color:#242a2a}
.nav{height:94px}
.brand-logo{width:242px;height:auto;display:block}
.desktop-nav{color:#ecf2f2}
.desktop-nav a:hover{color:var(--brand-cyan)}
.header-contact{color:#fff;border-color:#3d4949;border-radius:4px}
.header-contact .icon{color:var(--brand-cyan)}
.header-contact:hover{color:var(--brand-cyan);border-color:var(--brand-cyan)}
.menu-button>span{background:#fff}
.mobile-nav{color:#fff;border-color:#2d3434}
.hero{background:linear-gradient(135deg,#f7fafa 0%,#f0f7f8 100%)}
.service-note{color:#4b6163}
.service-dot{background:var(--brand-yellow);box-shadow:none;border-radius:1px;width:9px;height:9px}
.hero-benefits .icon{color:var(--blue)}
.inquiry-card{border-color:#dae3e3;box-shadow:0 12px 48px #183f3f09;border-top:3px solid var(--brand-cyan)}
.image-label{box-shadow:0 7px 28px #153b3b0c}
.label-icon{background:#e7f9f9}
.plate-control:focus-within{border-color:#008b95;outline-color:#d2f3f4}
.plate-band{background:#234887}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#85d9df}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#009da7}
.primary{background:var(--brand-yellow);color:#121818}
.primary:hover{background:#eac200}
.submit:disabled{opacity:.6;cursor:wait}
.preference-options input:checked+span{border-color:#74bdc4;color:#006c74;background:#e7f8f9}
.preference-options input:focus-visible+span{outline-color:#85d9df}
.form-title p,.photo-help,.no-plate{color:#58666a}
.handoff-note{color:#59676a}
.inquiry-confirmation{position:fixed;inset:0;width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:1px solid #dce4e4;border-top:4px solid var(--brand-cyan);border-radius:12px;background:#fff;color:#151919;box-shadow:0 24px 80px #0004;overflow:auto}
.inquiry-confirmation::backdrop{background:#000a}
.inquiry-confirmation-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:#151919;font:32px/1 'DM Sans',sans-serif;cursor:pointer}
.inquiry-confirmation-close:hover{background:#e8f8f9}
.inquiry-confirmation-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:50%;background:#000;color:var(--brand-cyan)}
.inquiry-confirmation-icon .icon{width:26px;height:26px}
.inquiry-confirmation h2{margin:0 0 14px;font:700 32px/1.15 'Barlow',sans-serif;letter-spacing:normal}
.inquiry-confirmation p{margin:0 0 12px;color:#435356;font:400 16px/1.6 'DM Sans',sans-serif}
.inquiry-confirmation-phone strong{color:#151919;white-space:nowrap}
.inquiry-confirmation .button.primary{width:100%;min-height:48px;margin-top:12px;font-size:16px;justify-content:center}
.inquiry-confirmation button:focus-visible{outline:3px solid #007b84;outline-offset:4px}
body:has(.inquiry-confirmation[open]){overflow:hidden}
@media(max-width:380px){.inquiry-confirmation{padding:28px 24px}.inquiry-confirmation h2{font-size:30px}}
.privacy-note{color:#626e71;border-color:#e4eaea}
.privacy-note a{color:#3c5659}
.form-status{background:#e7f8f9}
.step-number{border-color:#b8d5d8;background:#effafa}
.category:hover{border-color:#58b8bf;background:#f8fdfd}
.category-icon{background:#eef7f7;color:#317880}
.human-section{background:#f0f8f8}
.graphic-circle{border-color:#d0e5e6}
.graphic-circle::after{border-color:#dfeded}
.graphic-circle>.icon{color:#c8e6e8}
.chat-bubble{color:#435f62}
.chat-bubble.answer{background:#101c1d;color:#fff;border-left:3px solid var(--brand-cyan)}
.chat-bubble.answer .icon{color:var(--brand-cyan)}
.graphic-caption{color:#63777a}
.last-call{background:#071819;border-top:3px solid var(--brand-cyan)}
.last-call h2{color:#fff}
.last-call p{color:#b6cbcd}
.white-button{background:var(--brand-yellow);color:#101818}
.white-button:hover{background:#eac200}
footer{background:#000;color:#fff}
.footer-message{color:#acb7b9}
.footer-contact .icon{color:var(--brand-cyan)}
.footer-bottom{border-color:#293333;color:#a7b4b5}
.footer-bottom a:hover{color:var(--brand-cyan)}
.footer-brand .brand-logo{width:224px}
.hero-mobile-cta{display:none}
@media(max-width:980px){.desktop-nav{display:none}.header-contact{margin-left:auto}.menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:0;background:transparent;flex-shrink:0}.menu-button>span{width:22px;height:2px;background:#fff}.mobile-nav{display:flex;flex-direction:column;gap:3px;padding:12px 24px 17px;background:#000}.mobile-nav a{display:flex;align-items:center;min-height:44px;padding:8px 0}}
@media(min-width:981px){.mobile-nav{display:none}}
.photo-field{margin:16px 0 19px}.photo-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:600;margin-bottom:9px}.photo-heading small{font-size:10px;font-weight:400;color:var(--muted);margin-left:4px}#photo-count{font-size:10px;color:var(--muted);font-weight:400}.photo-add{display:flex;align-items:center;justify-content:center;gap:8px;background:#f3fbfb;border:1px dashed #86bfc3;border-radius:5px;color:#176b71;font-size:11px;font-weight:600;width:100%;min-height:44px}.photo-add:hover{background:#eaf7f8}.photo-add .icon{width:18px;height:18px}.photo-field .photo-help{margin:6px 0 0;font-size:9px}.photo-previews{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.photo-previews:empty{display:none}.photo-preview{position:relative;display:flex;flex-direction:column;width:calc((100% - 18px)/3);min-width:0}.photo-preview img{width:100%;height:73px;object-fit:cover;border:1px solid var(--line);border-radius:5px;background:#f2f5f5}.photo-preview span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-top:3px}.photo-preview button{position:absolute;right:2px;top:2px;border:1px solid #c7d4d5;border-radius:50%;height:26px;width:26px;background:#fff;color:#1b3639;display:grid;place-items:center;font-size:19px;line-height:1}.another-inquiry{display:block;margin-top:10px;border:0;background:transparent;color:var(--blue);text-decoration:underline;padding:6px 0;font-size:11px;font-weight:600}.photo-add:disabled{cursor:default;opacity:.6}.photo-preview button:disabled{display:none}.form-status{line-height:1.8}
.privacy-note,.handoff-note{font-size:10px}
.postal-field input{width:100%;max-width:160px}.postal-field .field-help,.requested-parts>.field-help{font-size:11px;color:#58666a;line-height:1.6;margin:6px 0 10px}.requested-parts{border:0;padding:0;margin:16px 0 19px;min-width:0}.requested-parts legend{font-size:12px;font-weight:600;line-height:1.5;padding:0}.requested-part{padding:11px 12px;border:1px solid #d6e1e1;background:#f8fbfb;border-radius:5px;margin-top:9px;min-width:0}.part-row-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-bottom:5px}.part-row-heading label{font-size:11px;font-weight:600;color:#355052}.requested-part textarea{display:block;width:100%;font:inherit;font-size:12px;resize:vertical;min-height:62px;border:1px solid #d6e1e1;border-radius:4px;padding:10px;background:#fff}.remove-part{font-size:11px;color:#6c3838;border:0;background:transparent;min-height:32px;padding:4px 6px}.remove-part:hover{text-decoration:underline}.add-part-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.add-part{display:inline-flex;gap:6px;align-items:center;background:transparent;border:0;color:#007b84;font:inherit;font-size:12px;font-weight:600;min-height:44px;padding:4px 0}.add-part .icon{width:16px;height:16px}.add-part:disabled{opacity:.5;cursor:default}.add-part-row>span{font-size:10px;color:#657479}.requested-parts [aria-invalid="true"]{border-color:#b23535}.preference-options{flex-wrap:wrap}.preference-options label{min-width:0}
@media(max-width:860px){.brand-logo{width:224px}}
@media(max-width:650px){.nav{height:82px}.brand-logo{width:198px}.header-contact{color:#fff}.mobile-nav{border-color:#2d3434}.footer-brand .brand-logo{width:212px}.privacy-note{font-size:10px}.handoff-note{font-size:10px}.hero-grid{padding-top:29px}}
@media(max-width:650px){.hero-mobile-cta{display:inline-flex;background:var(--brand-yellow);color:#101818;margin-top:20px;min-height:45px}.hero-mobile-cta .icon{height:17px;width:17px}.hero-visual{margin-top:10px}}
