.vin-search{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:24px;background:#eaf3ff;border:1px solid #a8c9f5;border-radius:18px}.vin-search label{display:block;margin:8px 0;color:#083d8e;font-weight:800}.vin-search input{box-sizing:border-box;width:100%;min-height:54px;border:1px solid #7b9fcf;border-radius:10px;padding:12px;font:600 17px inherit;letter-spacing:1.5px;text-transform:uppercase;background:white;color:#092a58}.vin-search p{font-size:13px;line-height:1.5;margin:9px 0 0;color:#315378}.vin-search #vin-status{grid-column:1/-1;margin:0;font-weight:700}.vin-search #vin-status:empty{display:none}.finder-divider{display:flex;align-items:center;gap:16px;margin:27px 0 12px;color:#466488;font-size:11px;font-weight:800;letter-spacing:1.5px}.finder-divider:before,.finder-divider:after{content:'';height:1px;background:#c6d9f0;flex:1}.key-result-heading{margin:25px 0 18px}.key-result-heading h2{font-size:clamp(24px,4vw,36px);margin:8px 0;color:#083d8e}.key-result-heading p{color:#466488;line-height:1.6}.key-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.key-reference{background:#fff;border:1px solid #c7d9ef;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 8px 22px #083d8e0b}.key-photo{height:200px;background:white;display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid #e2ecf8}.key-photo img{max-width:100%;height:100%;object-fit:contain}.key-photo span{font-size:14px;color:#496180}.key-info{padding:20px;display:flex;flex-direction:column;flex:1}.key-info h3{font-size:16px;line-height:1.5;margin:12px 0;color:#103a73}.key-kind{font-size:10px;letter-spacing:1px;font-weight:900;color:#c61c31;text-transform:uppercase}.fcc-id{background:#083d8e;color:#fff;padding:12px;border-radius:9px;overflow-wrap:anywhere}.fcc-id small{display:block;color:#ffdb43;font-size:10px;letter-spacing:1px;margin-bottom:4px}.fcc-id strong{font-size:19px}.key-specs{display:grid;grid-template-columns:auto 1fr;gap:7px 10px;margin:15px 0;font-size:12px;color:#395473}.key-specs dt{font-weight:700}.key-specs dd{margin:0;overflow-wrap:anywhere}.key-info .quote-email{margin-top:auto;display:block;background:#ffd53d;color:#102f61;text-align:center;text-decoration:none;padding:12px;border-radius:9px;font-size:13px;font-weight:800}.key-source-link{font-size:11px;color:#315e95;margin-top:12px;text-align:center}.key-help{background:#edf4ff;border-left:4px solid #df2539;padding:20px;border-radius:10px;margin-top:20px;line-height:1.6;color:#284d7d}.key-help a{color:#083d8e;font-weight:800}.key-loading{padding:25px;color:#083d8e;font-weight:700}.key-reference-grid[aria-busy=true]{opacity:.6}.primary:disabled{cursor:wait;opacity:.6}.vin-search input:focus-visible{outline:3px solid #ffd53d;outline-offset:2px}@media(max-width:1000px){.key-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.vin-search{grid-template-columns:1fr;padding:18px;gap:12px}.vin-search button{width:100%}.key-reference-grid{grid-template-columns:1fr}.key-photo{height:190px}.key-info h3{font-size:17px}}

.price-summary{padding:22px;background:#083d8e;color:white;border-radius:16px;margin:20px 0}.price-summary h3{margin:0 0 8px;font-size:22px;color:#fff}.price-summary p{color:#d5e7ff;margin:8px 0 16px;line-height:1.6}.price-summary small{display:block;color:#c8dfff;line-height:1.6;margin-top:15px}.price-summary a{color:#ffd53d}.price-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.price-options div{background:#ffffff10;border:1px solid #ffffff30;padding:14px;border-radius:10px}.price-options span{display:block;font-size:12px;min-height:34px}.price-options strong{display:block;font-size:28px;color:#ffda3d;margin-top:8px}.key-service-price{margin:0 0 18px}.key-service-price strong{display:block;font-size:28px;color:#083d8e}.key-service-price span{display:block;font-size:11px;color:#486082;margin-top:5px;line-height:1.5}@media(max-width:700px){.price-options{grid-template-columns:repeat(2,1fr)}}#key-results .key-result-heading{display:block} .key-result-heading h2{overflow-wrap:anywhere}

.system-price-note{background:#fff7d3;border-left:4px solid #df2539;padding:18px;margin:0 0 22px;border-radius:10px;color:#183f73;font-size:14px;line-height:1.6}.price-options{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.universal-section{border-top:3px solid #ffd53d;margin-top:35px;padding-top:20px}.universal-section h2{color:#083d8e}.universal-section>p,.universal-note{color:#486082;font-size:13px;line-height:1.6}.universal-note{margin:0 0 12px}.key-info .key-source-link{margin-bottom:10px}@media(max-width:700px){.price-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
.service-detail[hidden]{display:none!important}.service-detail{grid-column:1/-1}.service-detail small{display:block;font-size:12px;font-weight:400;line-height:1.5;margin-top:8px;color:#e6efff}.service-detail select{width:100%;min-height:44px;font-size:16px}.service-total{display:block;font-size:44px;color:#ffda3d;margin:16px 0}.labor-only-note{background:#fff4bc;padding:14px;border-radius:10px;color:#173d6b!important;font-size:13px;line-height:1.6}

.lost-price-breakdown{margin:12px 0;padding:12px;background:#eef5ff;border-radius:10px;font-size:14px;line-height:1.5}.lost-price-breakdown div{display:flex;justify-content:space-between;gap:12px;margin:6px 0}.lost-price-breakdown dt{font-weight:400}.lost-price-breakdown dd{margin:0;white-space:nowrap;font-weight:700}.second-key-note,.lost-key-price p{font-size:14px;line-height:1.6;color:#24486f}.lost-key-price>span{font-size:14px}.service-detail small{font-size:14px}.price-summary[aria-label="All keys lost pricing"] .price-options span{font-size:14px}.lost-key-price strong{overflow-wrap:anywhere}

/* Super Hero customer key cards */
@font-face{font-family:Hero Manrope;src:url('/assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
.key-info{font-family:'Hero Manrope','Segoe UI',sans-serif}
.key-info h3{font-family:'Hero Manrope','Segoe UI',sans-serif;font-size:18px;font-weight:600;line-height:1.55;letter-spacing:-.2px;color:#123d76;margin:14px 0 18px}
.key-info .key-specs{font-size:13px;line-height:1.6}
.key-info .key-kind{font-family:'Hero Manrope','Segoe UI',sans-serif;font-weight:700;letter-spacing:1.1px}
.key-photo{background:#fff;border-bottom:1px solid #edf0f4}
.key-photo img{padding:10px;object-fit:contain}
.key-photo span{font-family:'Hero Manrope','Segoe UI',sans-serif;color:#64748b;font-size:13px}
@media(max-width:700px){.key-info h3{font-size:18px;line-height:1.6}.key-info{padding:22px}}

/* Super Hero key-card visual refresh */
#key-results .key-reference{border:1px solid #e1e5ec;border-radius:22px;box-shadow:0 8px 24px #102f6110;overflow:hidden;background:#fff}
#key-results .key-info{padding:24px;background:#fffdf6}
#key-results .key-kind{align-self:flex-start;background:#ffdc54;color:#29313c;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.7px}
#key-results .key-info h3{color:#29313c;font-size:19px;font-weight:650;line-height:1.55;letter-spacing:-.35px;border-left:4px solid #ffcf28;padding-left:14px;margin:20px 0}



#key-results .key-specs{color:#444e5a;gap:10px 14px;margin:20px 0}
#key-results .key-specs dt{color:#68717d;font-weight:600}
#key-results .key-service-price>strong{color:#29313c;font-size:31px;font-weight:800}
#key-results .key-service-price>span{color:#626b77;font-size:12px}
#key-results .key-info .quote-email{background:#153e77;color:#fff;border-radius:12px;padding:14px;font-size:13px;box-shadow:none}
#key-results .key-info .quote-email:hover{background:#0c2b57}
#key-results .key-photo{background:#fff;border-bottom:1px solid #e9e9e4}
@media(max-width:700px){#key-results .key-info{padding:24px}#key-results .key-info h3{font-size:19px;line-height:1.55}}
