@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root {
    --ink: #102a25;
    --muted: #52706a;
    --paper: #fffdf8;
    --mint: #dff4e8;
    --line: #d8e3dd;
    --accent: #e9592d;
    --accent-dark: #bf3e1e;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: var(--ink);
    background: var(--paper);
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.6; }
a { color: inherit; text-underline-offset: .18em; }
h1, h2, h3 { font-family: Manrope, sans-serif; line-height: 1.1; letter-spacing: -.035em; }
h1 { font-size: clamp(2.75rem, 7vw, 5.5rem); max-width: 820px; margin: .2em 0; }
h2 { font-size: clamp(2rem, 4vw, 3.15rem); margin: .15em 0 .8em; }
h3 { font-size: 1.25rem; margin: 0 0 .4em; }
.container { width: min(1120px, calc(100% - 3rem)); margin-inline: auto; }
.site-header { position: sticky; z-index: 10; top: 0; border-bottom: 1px solid rgb(171 219 195 / 15%); background: rgb(9 34 29 / 90%); box-shadow: 0 .6rem 2.4rem rgb(3 20 16 / 17%); backdrop-filter: blur(18px) saturate(135%); }
.site-header::before { position: absolute; inset: 0 0 auto; height: 2px; content: ''; background: linear-gradient(90deg, #aef2ca 0 21%, #e9592d 21% 42%, rgb(174 242 202 / 15%) 42%); }
.site-nav { display: flex; min-height: 5.15rem; align-items: center; justify-content: space-between; gap: 1rem; }
.site-brand { display: inline-flex; align-items: center; gap: .62rem; color: var(--ink); font: 800 1.12rem Manrope, sans-serif; letter-spacing: -.05em; text-decoration: none; }
.site-brand--header { position: relative; z-index: 1; color: #f5fff8; }
.site-brand__mark { display: grid; width: 2.18rem; height: 2.18rem; place-items: center; border: 1px solid rgb(255 255 255 / 36%); border-radius: .72rem; color: white; background: linear-gradient(145deg, #1a4b40, #0e2722); box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 .35rem .75rem rgb(16 42 37 / 17%); font-size: .9rem; }
.site-brand--header .site-brand__mark { color: #103a30; border-color: rgb(174 242 202 / 60%); background: #aef2ca; box-shadow: 0 .35rem 1rem rgb(0 0 0 / 18%); }
.site-brand__name { display: grid; gap: .04rem; }.site-brand__name small { color: #91cdb0; font: 800 .48rem DM Sans, sans-serif; letter-spacing: .15em; }
.site-links { display: flex; align-items: center; gap: .85rem; color: #d9eee3; font-size: .77rem; font-weight: 800; }
.site-links__primary { display: flex; gap: 1rem; align-items: center; }.site-links__primary a { position: relative; padding: .42rem 0; color: inherit; text-decoration: none; transition: color .2s ease; }.site-links__primary a::after { position: absolute; right: 0; bottom: .08rem; left: 0; height: 1px; content: ''; background: #aef2ca; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }.site-links__primary a:hover { color: white; }.site-links__primary a:hover::after { transform: scaleX(1); }
.nav-cta { display: inline-flex; gap: .5rem; align-items: center; padding: .61rem .78rem; border: 1px solid #ef764c; border-radius: .62rem; color: white; background: linear-gradient(135deg, #ec6337, #cf3e1d); box-shadow: 0 .4rem 1rem rgb(0 0 0 / 18%); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.nav-cta b { display: grid; width: 1.1rem; height: 1.1rem; place-items: center; border-radius: 50%; color: #7d2918; background: #ffb095; font-size: .9rem; line-height: 1; transition: transform .2s ease; }.nav-cta:hover { color: white; box-shadow: 0 .65rem 1.25rem rgb(0 0 0 / 26%); transform: translateY(-2px); }.nav-cta:hover b { transform: translateX(.12rem); }
.nav-language { display: grid; width: 1.9rem; height: 1.9rem; place-items: center; border: 1px solid rgb(218 243 227 / 28%); border-radius: 50%; color: #b9ddca; text-decoration: none; transition: border-color .2s ease, color .2s ease, background .2s ease; }.nav-language:hover { border-color: #aef2ca; color: #103a30; background: #aef2ca; }
.mobile-nav-cta { display: none; }
.site-menu { display: none; position: relative; font-weight: 700; }
.site-menu summary { display: inline-flex; gap: .42rem; align-items: center; padding: .62rem .72rem; border: 1px solid rgb(218 243 227 / 28%); border-radius: .62rem; color: #effff4; background: rgb(255 255 255 / 7%); cursor: pointer; font-size: .75rem; font-weight: 800; list-style: none; }
.site-menu summary::-webkit-details-marker { display: none; }
.site-menu summary::before { content: '☰'; color: #aef2ca; font-size: 1rem; line-height: 1; }.site-menu[open] summary::before { content: '×'; font-size: 1.25rem; }.site-menu[open] summary { border-color: #aef2ca; color: white; background: rgb(174 242 202 / 14%); }
.site-menu nav { position: absolute; z-index: 2; top: calc(100% + .7rem); right: 0; display: grid; width: min(22rem, calc(100vw - 2rem)); gap: .35rem; padding: .75rem; border: 1px solid rgb(174 242 202 / 25%); border-radius: 1rem; background: linear-gradient(145deg, rgb(14 57 47 / 98%), rgb(8 36 30 / 98%)); box-shadow: 0 1.4rem 3rem rgb(3 20 16 / 36%); }
.site-menu__lead { margin: 0 0 .2rem; padding: .3rem .35rem .68rem; border-bottom: 1px solid rgb(218 243 227 / 17%); color: #c6e1d3; font-size: .76rem; line-height: 1.4; }.site-menu__lead span { display: block; margin-bottom: .22rem; color: #aef2ca; font-size: .58rem; font-weight: 900; letter-spacing: .14em; }
.site-menu nav a { display: flex; align-items: center; justify-content: space-between; padding: .7rem .76rem; border: 1px solid transparent; border-radius: .65rem; color: #edf9f1; text-decoration: none; transition: border-color .2s ease, background .2s ease; }.site-menu nav a:not(.site-menu__cta):not(.site-menu__language)::after { content: '↗'; color: #83c3a3; font-size: .8rem; }.site-menu nav a:hover { border-color: rgb(174 242 202 / 24%); background: rgb(255 255 255 / 8%); }
.site-menu__cta { margin-top: .2rem; color: #182c26 !important; background: #aef2ca; font-weight: 900; }.site-menu__cta span { font-size: 1.1rem; }.site-menu__cta:hover { border-color: #d8ffe6 !important; background: #c7f8d9 !important; }.site-menu__language { color: #b9ddca !important; font-size: .78rem; }.site-menu__language span { padding: .2rem .38rem; border: 1px solid rgb(174 242 202 / 28%); border-radius: 999px; font-size: .65rem; }
.site-footer { position: relative; margin-top: auto; overflow: hidden; padding: 0 0 1.25rem; color: #dcebe4; background: radial-gradient(circle at 9% 5%, rgb(53 122 95 / 30%), transparent 22rem), linear-gradient(125deg, #0a2922, #0c342c 48%, #08261f); }
.site-footer::after { position: absolute; top: 4rem; right: -8rem; width: 22rem; height: 22rem; border: 1px solid rgb(174 242 202 / 9%); border-radius: 50%; content: ''; box-shadow: 0 0 0 3rem rgb(174 242 202 / 3%), 0 0 0 6rem rgb(174 242 202 / 2%); pointer-events: none; }
.site-footer__cta { position: relative; z-index: 1; display: flex; gap: 2rem; align-items: center; justify-content: space-between; padding: 3rem 0 2.65rem; border-bottom: 1px solid rgb(223 244 232 / 17%); }
.site-footer__cta > div { max-width: 42rem; }.site-footer__cta p { margin: 0 0 .45rem; color: #aef2ca; font-size: .65rem; font-weight: 900; letter-spacing: .13em; }.site-footer__cta h2 { margin: 0 0 .45rem; color: white; font-size: clamp(1.6rem, 3vw, 2.5rem); }.site-footer__cta > div > span { color: #bbd5c8; font-size: .9rem; }
.site-footer__cta > a { display: inline-flex; gap: .65rem; align-items: center; flex: none; padding: .8rem .9rem .8rem 1rem; border: 1px solid #aef2ca; border-radius: .72rem; color: #15382f; background: #aef2ca; box-shadow: 0 .75rem 1.8rem rgb(0 0 0 / 18%); font: 900 .82rem Manrope, sans-serif; text-decoration: none; transition: transform .2s ease, background .2s ease; }.site-footer__cta > a b { display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 50%; color: #eaffef; background: #1d5a49; font-size: .95rem; }.site-footer__cta > a:hover { color: #15382f; background: #d1ffe0; transform: translateY(-2px); }
.site-footer .site-brand { color: white; }.site-footer .site-brand__mark { color: var(--ink); background: #9be0bd; }
.site-footer__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.55fr repeat(3, 1fr); gap: 1.4rem; padding-top: 2.4rem; }.site-footer__grid > div:not(:first-child) { padding-left: 1.4rem; border-left: 1px solid rgb(223 244 232 / 12%); }
.site-footer__brand p { max-width: 19rem; margin: 1.1rem 0 .9rem; color: #a9c5ba; line-height: 1.55; }.site-footer__signals { display: grid; gap: .38rem; margin: 0; padding: 0; list-style: none; }.site-footer__signals li { display: flex; gap: .5rem; align-items: center; color: #d9eee3; font-size: .72rem; font-weight: 700; }.site-footer__signals span { color: #aef2ca; font: 800 .61rem Manrope, sans-serif; }
.site-footer h2 { margin: .2rem 0 .85rem; color: #aef2ca; font-size: .69rem; letter-spacing: .12em; text-transform: uppercase; }.site-footer a:not(.site-brand):not(.site-footer__cta > a) { display: flex; gap: .35rem; align-items: center; width: fit-content; margin: .5rem 0; color: #e7f4ed; font-size: .88rem; text-decoration: none; transition: color .2s ease, transform .2s ease; }.site-footer a:not(.site-brand):not(.site-footer__cta > a)::before { width: .32rem; height: .32rem; border-radius: 50%; content: ''; background: #679987; opacity: 0; transition: opacity .2s ease; }.site-footer a:not(.site-brand):not(.site-footer__cta > a):hover { color: #aef2ca; transform: translateX(.18rem); }.site-footer a:not(.site-brand):not(.site-footer__cta > a):hover::before { opacity: 1; }.site-footer a[lang] span { padding: .16rem .35rem; border: 1px solid rgb(174 242 202 / 30%); border-radius: 999px; color: #aef2ca; font-size: .61rem; }
.site-footer__bottom { position: relative; z-index: 1; display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; margin-top: 2.6rem; padding-top: 1.2rem; border-top: 1px solid rgb(223 244 232 / 18%); color: #a9c5ba; font-size: .76rem; }.site-footer__bottom > :nth-child(2) { text-align: center; }
.consent-banner { position: fixed; z-index: 20; right: 1rem; bottom: 1rem; width: min(100% - 2rem, 32rem); padding: 1.1rem 1.25rem; border: 1px solid var(--line); border-radius: .8rem; background: white; box-shadow: 0 1rem 3rem rgb(16 42 37 / 20%); }
.consent-banner p { margin: 0 0 .8rem; font-size: .88rem; color: var(--muted); }
.consent-banner div { display: flex; gap: .6rem; justify-content: end; }
.consent-banner button { padding: .6rem .8rem; font-size: .85rem; }
.consent-settings { width: auto; padding: 0; border: 0; color: #a9c5ba; background: transparent; font-size: .76rem; font-weight: 700; text-decoration: underline; text-underline-offset: .2em; }
.consent-settings:hover { color: white; background: transparent; }
.hero { position: relative; isolation: isolate; overflow: hidden; color: white; background: #0b2622; padding: clamp(4.5rem, 10vw, 8rem) 0 clamp(5rem, 11vw, 9rem); }
.hero::before { position: absolute; z-index: -2; inset: 0; content: ''; background: radial-gradient(circle at 15% 20%, rgb(67 158 124 / 30%), transparent 22rem), radial-gradient(circle at 84% 42%, rgb(226 89 45 / 20%), transparent 25rem), linear-gradient(118deg, #0a211e 0%, #163d35 53%, #0d2925 100%); }
.hero::after { position: absolute; z-index: -1; inset: auto -5% -3rem auto; width: min(65vw, 60rem); height: min(65vw, 60rem); border: 1px solid rgb(168 255 220 / 12%); border-radius: 50%; content: ''; box-shadow: 0 0 0 5rem rgb(168 255 220 / 4%), 0 0 0 10rem rgb(168 255 220 / 3%); }
.hero__layout { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(23rem, .94fr); gap: clamp(2rem, 7vw, 7rem); align-items: center; }
.hero__content { position: relative; z-index: 1; max-width: 680px; }
.hero h1 { font-size: clamp(3.15rem, 5.1vw, 4.85rem); }
.hero__lead { max-width: 640px; margin: 1.3rem 0 0; font-size: clamp(1.1rem, 2vw, 1.35rem); color: #d3e9df; }
.hero h1 em { color: #aef2ca; font-style: normal; text-decoration: underline; text-decoration-color: rgb(233 89 45 / 85%); text-decoration-thickness: .12em; text-underline-offset: .12em; }
.eyebrow { margin: 0; color: var(--accent); font-size: .78rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.hero .eyebrow { color: #9be0bd; }
.vin-form { max-width: 640px; margin-top: 2rem; padding: 1.25rem; color: var(--ink); border: 1px solid rgb(255 255 255 / 80%); border-radius: 1.1rem; background: linear-gradient(135deg, rgb(255 255 255 / 98%), rgb(247 252 249 / 96%)); box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 20%), inset 0 1px 0 white; }
.vin-form__heading { display: flex; gap: .8rem; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.vin-form__step { display: inline-flex; gap: .4rem; align-items: center; margin: 0; color: #497267; font-size: .7rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.vin-form__step span { display: grid; width: 1.25rem; height: 1.25rem; place-items: center; border-radius: 50%; color: #0b392e; background: #aef2ca; font-size: .72rem; }
.vin-form__title { margin: 0; color: #173d34; font: 800 1.02rem/1.2 Manrope, sans-serif; letter-spacing: -.025em; }
.vin-form label { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .5rem; font-weight: 800; }
.vin-form label span { color: #6b847b; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.vin-form__row { display: flex; gap: .7rem; }
.vin-form__input-wrap { position: relative; display: flex; min-width: 0; flex: 1; align-items: center; border: 1px solid #b8cbc1; border-radius: .7rem; background: white; transition: border-color .2s ease, box-shadow .2s ease; }
.vin-form__input-wrap:focus-within { border-color: var(--accent); box-shadow: 0 0 0 .2rem rgb(233 89 45 / 18%); }
.vin-form__input-wrap > span { padding: .3rem .5rem; margin-left: .7rem; border-radius: .35rem; color: #285c4d; background: #dff4e8; font: 800 .62rem/1 Manrope, sans-serif; letter-spacing: .08em; }
.vin-form input { min-width: 0; flex: 1; padding: .9rem .8rem; border: 0; background: transparent; font: 700 1rem/1.4 inherit; letter-spacing: .08em; text-transform: uppercase; }
.vin-form input:focus { outline: .2rem solid rgb(233 89 45 / 22%); border-color: var(--accent); }
.vin-form__input-wrap input:focus { outline: 0; }
.vin-form__row > input { padding: .9rem 1rem; border: 1px solid #b8cbc1; border-radius: .7rem; background: white; }
button { border: 0; border-radius: .65rem; padding: .85rem 1.2rem; color: white; background: var(--accent); font: 700 1rem inherit; cursor: pointer; }
button:hover { background: var(--accent-dark); }
.vin-form button { display: inline-flex; gap: .55rem; align-items: center; justify-content: center; white-space: nowrap; box-shadow: 0 .55rem 1.25rem rgb(233 89 45 / 25%); }
.vin-form__button-label { display: grid; text-align: left; line-height: 1.05; }
.vin-form__button-label small { margin-top: .2rem; color: rgb(255 255 255 / 76%); font: 700 .6rem/1 inherit; letter-spacing: .08em; text-transform: uppercase; }
.vin-form button > span[aria-hidden="true"] { display: inline-block; margin-left: .3rem; font-size: 1.2em; transition: transform .2s ease; }
.vin-form button:hover > span[aria-hidden="true"] { transform: translateX(.2rem); }
.vin-form__benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; margin: .9rem 0 0; padding: 0; list-style: none; }
.vin-form__benefits li { display: grid; grid-template-columns: 1.15rem minmax(0, 1fr); column-gap: .38rem; align-items: center; padding: .48rem; border: 1px solid #e0ebe5; border-radius: .55rem; background: rgb(255 255 255 / 72%); }
.vin-form__benefits li > span { display: grid; grid-row: span 2; width: 1.1rem; height: 1.1rem; place-items: center; border-radius: 50%; color: #15533d; background: #dff4e8; font-size: .66rem; font-weight: 900; }
.vin-form__benefits strong { overflow: hidden; color: #254a40; font-size: .7rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.vin-form__benefits small { color: #6b847b; font-size: .62rem; font-weight: 700; line-height: 1.2; }
.vin-form p:not(.vin-form__step):not(.vin-form__title), .disclosure { margin: .65rem 0 0; font-size: .88rem; color: var(--muted); }
.vin-form__help { margin-top: .65rem; color: #42675d; font-size: .78rem; }
.vin-form__help summary { width: fit-content; cursor: pointer; font-weight: 800; }
.vin-form__help p { margin-top: .35rem !important; font-size: inherit !important; }
.disclosure { color: #c6ddd1; }
.hero__signals { display: flex; flex-wrap: wrap; gap: .8rem 1.3rem; margin: 1.15rem 0 0; padding: 0; color: #d2e8dc; font-size: .86rem; font-weight: 700; list-style: none; }
.hero__signals li { display: inline-flex; gap: .4rem; align-items: center; }
.hero__signals span { display: inline-grid; width: 1.15rem; height: 1.15rem; place-items: center; border-radius: 50%; color: #143c33; background: #aef2ca; font-size: .72rem; }
.hero__visual { position: relative; min-height: 31rem; }
.hero-console { position: absolute; z-index: 0; inset: 1.65rem 0 1.65rem .4rem; overflow: hidden; border: 1px solid rgb(190 238 214 / 25%); border-radius: 1.85rem; background: linear-gradient(135deg, rgb(27 83 70 / 70%), rgb(9 42 35 / 94%)); box-shadow: 0 1.6rem 3.7rem rgb(0 0 0 / 32%), inset 0 1px 0 rgb(255 255 255 / 8%); }
.hero-console::before { position: absolute; inset: 0; content: ''; background: linear-gradient(90deg, rgb(174 242 202 / 7%) 1px, transparent 1px), linear-gradient(rgb(174 242 202 / 6%) 1px, transparent 1px); background-size: 2.3rem 2.3rem; mask-image: linear-gradient(90deg, black, transparent 82%); }
.hero-console::after { position: absolute; top: -12rem; right: -10rem; width: 29rem; height: 29rem; border: 1px solid rgb(174 242 202 / 13%); border-radius: 50%; content: ''; box-shadow: 0 0 0 3rem rgb(174 242 202 / 3%), 0 0 0 6rem rgb(174 242 202 / 2%); }
.hero-console__top { position: absolute; z-index: 1; top: 1rem; right: 1.1rem; left: 1.1rem; display: flex; justify-content: space-between; gap: .5rem; color: #b9e4c9; font-size: .62rem; font-weight: 900; letter-spacing: .12em; }
.hero-console__ready { color: #e5ffed; }.hero-console__ready i { display: inline-block; width: .42rem; height: .42rem; margin-right: .23rem; border-radius: 50%; background: #aef2ca; box-shadow: 0 0 .65rem #aef2ca; }
.hero-console__schematic { position: absolute; z-index: 1; inset: 3.5rem 1rem 3.6rem; }.hero-console__schematic svg { position: absolute; right: -1.2rem; bottom: .3rem; width: min(34rem, 110%); height: auto; opacity: .92; }.hero-console__road { fill: none; stroke: rgb(174 242 202 / 23%); stroke-dasharray: 7 9; }.hero-console__car { fill: none; stroke: #aef2ca; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; }.hero-console__wheel { fill: #123f34; stroke: #aef2ca; stroke-width: 3; }.hero-console__detail { fill: none; stroke: #83d9aa; stroke-linecap: round; stroke-width: 2; }
.hero-console__identifier { position: absolute; top: 1.8rem; right: .3rem; display: flex; gap: .45rem; align-items: center; color: #d9f7e4; }.hero-console__identifier b { font: 800 2.5rem/.8 Manrope, sans-serif; letter-spacing: -.1em; }.hero-console__identifier span { color: #9bd6b3; font-size: .58rem; font-weight: 900; letter-spacing: .11em; line-height: 1.35; }
.hero-console__steps { position: absolute; z-index: 1; right: 1rem; bottom: 1rem; left: 1rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem; }.hero-console__steps span { padding: .55rem .45rem; border: 1px solid rgb(174 242 202 / 16%); border-radius: .52rem; color: #cdebd8; background: rgb(3 31 25 / 34%); font-size: .56rem; font-weight: 900; letter-spacing: .08em; }.hero-console__steps b { margin-right: .25rem; color: #aef2ca; }
.vin-scan-card { position: absolute; z-index: 2; top: 11%; left: 0; width: min(24rem, 82%); padding: 1.2rem 1.25rem; border: 1px solid rgb(206 255 228 / 31%); border-radius: 1rem; color: #e8fff0; background: linear-gradient(135deg, rgb(28 87 73 / 95%), rgb(13 50 43 / 91%)); box-shadow: 0 1.4rem 3rem rgb(0 0 0 / 24%); backdrop-filter: blur(13px); transform: rotate(-2deg); }
.vin-scan-card__top, .vin-scan-card__meta { display: flex; justify-content: space-between; gap: .5rem; color: #aae2bd; font-size: .66rem; font-weight: 800; letter-spacing: .12em; }
.vin-scan-card__live { color: #e3ffe8; }
.vin-scan-card__live i { display: inline-block; width: .42rem; height: .42rem; margin-right: .25rem; border-radius: 50%; background: #aef2ca; box-shadow: 0 0 .65rem #aef2ca; }
.vin-scan-card strong { display: block; margin: 1.45rem 0 .85rem; font: 800 clamp(1rem, 2.2vw, 1.3rem) Manrope, sans-serif; letter-spacing: .12em; }
.vin-scan-card__line { height: .32rem; overflow: hidden; border-radius: 9rem; background: rgb(255 255 255 / 15%); }
.vin-scan-card__line span { display: block; width: 66%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #aef2ca, #6fdca5); box-shadow: 0 0 1rem #83e9af; }
.vin-scan-card__meta { margin-top: .9rem; color: #cae9d3; }
.report-preview { position: absolute; z-index: 3; right: -.5rem; bottom: 8%; width: 13.5rem; padding: .8rem; border: 1px solid rgb(224 255 235 / 38%); border-radius: .88rem; color: #ecfff2; background: rgb(12 54 44 / 91%); box-shadow: 0 1rem 2rem rgb(0 0 0 / 22%); backdrop-filter: blur(12px); }
.report-preview__top { display: flex; align-items: center; justify-content: space-between; color: #b7e6c8; font-size: .57rem; font-weight: 800; letter-spacing: .1em; }
.report-preview__top i { display: grid; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; color: #104536; background: #aef2ca; font-size: .6rem; font-style: normal; }
.report-preview > strong { display: block; margin: .45rem 0 .58rem; font: 800 .82rem Manrope, sans-serif; }
.report-preview__rows { display: grid; gap: .32rem; }
.report-preview__rows span { display: flex; gap: .38rem; align-items: center; color: #d8eee0; font-size: .65rem; }
.report-preview__rows i { width: .36rem; height: .36rem; border-radius: 50%; background: #aef2ca; box-shadow: 0 0 .45rem rgb(174 242 202 / 60%); }
.decision-strip { position: relative; z-index: 2; margin-top: -2.45rem; color: #e9f8ef; }
.decision-strip__layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 1rem; align-items: center; padding: 1rem 1.15rem; border: 1px solid rgb(195 239 213 / 17%); border-radius: 1rem; background: linear-gradient(110deg, #123d34, #1d5949); box-shadow: 0 1rem 2.4rem rgb(5 35 28 / 16%); }
.decision-strip__intro { display: flex; gap: .7rem; align-items: center; }
.decision-strip__intro > span { display: grid; width: 2.35rem; height: 2.35rem; flex: 0 0 auto; place-items: center; border-radius: .75rem; color: #123d34; background: #aef2ca; font-size: 1rem; }
.decision-strip__intro p { margin: 0; color: #cfe8da; font-size: .79rem; line-height: 1.45; }
.decision-strip__intro strong { color: white; font-size: .92rem; }
.decision-strip__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: .45rem; margin: 0; padding: 0; list-style: none; }
.decision-strip__steps li { display: grid; grid-template-columns: 1.4rem minmax(0, 1fr); gap: .35rem; align-items: center; padding: .54rem; border: 1px solid rgb(215 250 227 / 12%); border-radius: .68rem; background: rgb(255 255 255 / 6%); }
.decision-strip__steps b { color: #aef2ca; font: 800 .66rem Manrope, sans-serif; }
.decision-strip__steps span { color: #effff4; font-size: .68rem; font-weight: 800; line-height: 1.2; }
.section { padding-block: clamp(4rem, 8vw, 7rem); }
.section--tint { background: var(--mint); }
.section--guides { background: #f5faf7; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
.section-heading h2 { margin-bottom: 0; }
.section-heading > a { flex: none; font-weight: 700; }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.card { position: relative; padding: 1.6rem; overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: white; box-shadow: 0 .5rem 0 rgb(16 42 37 / 2%); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.card::after { position: absolute; right: -1.5rem; bottom: -2rem; width: 6rem; height: 6rem; border: 1px solid #d7eee1; border-radius: 50%; content: ''; transition: transform .35s ease; }
.card:hover { border-color: #b8d6c7; box-shadow: 0 1.15rem 2.5rem rgb(16 42 37 / 10%); transform: translateY(-.35rem); }.card:hover::after { transform: scale(1.35); }
.card p { margin: 0; color: var(--muted); }
.card__icon { display: grid; width: 2.55rem; height: 2.55rem; place-items: center; margin-bottom: 1.35rem; border-radius: .75rem; color: #0f483b; background: #dff4e8; }.card__icon svg { width: 1.35rem; height: 1.35rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }.card:nth-child(2) .card__icon { color: #983718; background: #ffe6dc; }.card:nth-child(3) .card__icon { color: #224a6a; background: #e0eff8; }
.card__number { margin-bottom: .5rem !important; color: #6e8a80 !important; font-size: .69rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.brand-quick { padding-top: 0; }
.brand-quick__heading { display: flex; gap: 2rem; align-items: end; justify-content: space-between; margin-bottom: 1.5rem; }
.brand-quick__heading h2 { margin-bottom: 0; }
.brand-quick__heading > p { max-width: 29rem; margin: 0 0 .25rem; color: var(--muted); }
.brand-quick__links { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; }
.brand-quick__links > a { display: grid; grid-template-columns: 2.45rem minmax(0, 1fr); column-gap: .65rem; align-items: center; min-height: 5.4rem; padding: .8rem; border: 1px solid var(--line); border-radius: .9rem; background: linear-gradient(145deg, white, #f4faf6); box-shadow: 0 .5rem 1.2rem rgb(16 42 37 / 5%); color: var(--ink); font: 800 .96rem Manrope, sans-serif; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.brand-quick__links > a:hover { border-color: #a9cdbb; box-shadow: 0 1rem 1.8rem rgb(16 42 37 / 11%); transform: translateY(-.18rem); }
.brand-quick__links > a > span { display: grid; grid-row: span 2; width: 2.35rem; height: 2.35rem; place-items: center; border-radius: .7rem; color: #0e4b3b; background: #dff4e8; font-size: .73rem; }
.brand-quick__links small { color: #5c7d72; font: 700 .63rem DM Sans, sans-serif; }
.brand-quick__links > .brand-quick__all { display: flex; gap: .55rem; justify-content: center; color: white; border-color: #16483c; background: linear-gradient(135deg, #194f43, #10352d); }
.brand-quick__links > .brand-quick__all span { width: auto; height: auto; color: #aef2ca; background: transparent; font-size: 1.15rem; }
.split { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(2rem, 8vw, 7rem); align-items: start; }
.inspection-board { margin: 1.35rem 0; overflow: hidden; border: 1px solid #b8d6c7; border-radius: .9rem; background: rgb(255 255 255 / 70%); box-shadow: 0 .7rem 1.4rem rgb(16 42 37 / 6%); }
.inspection-board__top { display: flex; justify-content: space-between; align-items: center; padding: .72rem .9rem; border-bottom: 1px solid #cbe3d5; background: linear-gradient(90deg, #e7f6ed, #f7fcf9); }
.inspection-board__top span { color: #3e7562; font-size: .65rem; font-weight: 800; letter-spacing: .1em; }
.inspection-board__top b { color: #183d34; font: 800 .8rem Manrope, sans-serif; }
.inspection-board ul { display: grid; gap: .1rem; margin: 0; padding: .35rem; list-style: none; }
.inspection-board li { display: grid; grid-template-columns: 1.75rem 1fr 1.45rem; gap: .65rem; align-items: center; padding: .58rem; border-radius: .58rem; }
.inspection-board li:hover { background: #f1f9f4; }
.inspection-board li > span { color: #5e8979; font: 800 .66rem Manrope, sans-serif; }
.inspection-board strong, .inspection-board small { display: block; }
.inspection-board strong { color: #234b40; font-size: .78rem; }
.inspection-board small { color: #68867d; font-size: .68rem; }
.inspection-board i { display: grid; width: 1.25rem; height: 1.25rem; place-items: center; border-radius: 50%; color: #0c5a3d; background: #dff4e8; font-size: .7rem; font-style: normal; font-weight: 900; }
.steps { display: grid; gap: 1.2rem; margin: 0; padding-left: 1.25rem; }
.steps li { padding-left: .5rem; }
.faq { max-width: 840px; }
.faq details { padding: 1.15rem 0; border-top: 1px solid var(--line); }
.faq details:last-child { border-bottom: 1px solid var(--line); }
.faq summary { cursor: pointer; font-weight: 700; }
.faq p { margin-bottom: 0; color: var(--muted); }
.legal { max-width: 760px; padding-block: clamp(4rem, 10vw, 8rem); font-size: 1.1rem; }
.legal h1 { font-size: clamp(2.5rem, 6vw, 4rem); }
.not-found-links { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 2rem; }
.not-found-links a:not(.button-link) { font-weight: 700; }
.admin-shell { display: grid; min-height: 100vh; padding: 1.5rem; place-items: center; background: var(--mint); }
.admin-login { display: grid; width: min(100%, 420px); gap: .75rem; padding: 2.25rem; border-radius: 1rem; background: white; box-shadow: 0 1.5rem 4rem rgb(16 42 37 / 12%); }
.admin-login h1 { font-size: 2.5rem; }
.admin-login input { padding: .8rem .9rem; border: 1px solid #b8cbc1; border-radius: .5rem; font: inherit; }
.admin-login button { margin-top: .7rem; }
.form-error { padding: .8rem; border-radius: .5rem; color: #8c2410; background: #ffebe5; }
.admin-dashboard { padding-block: 3.5rem; }
.admin-body { background: #f5faf7; }
.admin-layout { display: grid; grid-template-columns: 17rem minmax(0, 1fr); min-height: 100vh; }
.admin-sidebar { position: sticky; top: 0; display: flex; height: 100vh; flex-direction: column; overflow-y: auto; padding: 1.5rem 1rem 1rem; color: #dcebe4; background: var(--ink); }
.admin-sidebar .site-brand { margin: 0 .55rem 1.7rem; color: white; }
.admin-sidebar .site-brand__mark { color: var(--ink); background: #9be0bd; }
.admin-sidebar .site-brand small { display: block; margin-top: .1rem; color: #9be0bd; font: 700 .65rem DM Sans, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.admin-sidebar__nav { display: grid; gap: .2rem; }
.admin-nav-label { margin: 1.35rem .65rem .35rem; color: #84a69a; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.admin-nav-link { display: flex; align-items: center; gap: .75rem; padding: .6rem .65rem; border-radius: .5rem; color: #c9ddd4; font-size: .9rem; font-weight: 700; text-decoration: none; }
.admin-nav-link span { display: inline-grid; width: 1rem; place-items: center; color: #9be0bd; font-size: 1rem; }
.admin-nav-link:hover { color: white; background: rgb(255 255 255 / 9%); }
.admin-nav-link.is-active { color: var(--ink); background: #9be0bd; }
.admin-nav-link.is-active span { color: var(--ink); }
.admin-sidebar__footer { display: grid; gap: .7rem; margin-top: auto; padding: 1.5rem .65rem .2rem; border-top: 1px solid rgb(223 244 232 / 16%); }
.admin-sidebar__footer > a { color: #c9ddd4; font-size: .85rem; font-weight: 700; text-decoration: none; }
.admin-sidebar__footer > a:hover { color: white; }
.admin-sidebar__footer .button--quiet { width: 100%; padding: .65rem; color: white; background: rgb(255 255 255 / 12%); font-size: .85rem; }
.admin-sidebar__footer .button--quiet:hover { background: rgb(255 255 255 / 20%); }
.admin-content { min-width: 0; }
.admin-content .admin-dashboard { width: min(1280px, calc(100% - 4rem)); margin: 0 auto; padding-block: 3.5rem; }
.admin-header { display: flex; gap: 1.5rem; align-items: start; justify-content: space-between; }
.admin-header h1 { font-size: clamp(2rem, 4vw, 3.25rem); }
.button--quiet { color: var(--ink); background: var(--mint); }
.admin-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2.5rem 0; }
.admin-metrics--four { grid-template-columns: repeat(4, 1fr); }
.admin-metrics--compact { margin: 1rem 0 0; }
.admin-metrics--compact .metric strong { font-size: 2.25rem; }
.metric, .admin-next { padding: 1.5rem; border: 1px solid var(--line); border-radius: 1rem; background: white; }
.admin-next--wide { max-width: none; margin-top: 1.25rem; }
.admin-section-heading { display: flex; gap: 1rem; align-items: start; justify-content: space-between; }
.admin-section-heading h2, .admin-section-heading p { margin-top: 0; }
.admin-section-heading p { max-width: 50rem; color: var(--muted); }
.admin-section-heading > a { flex: none; font-weight: 700; }
.metric span { display: block; color: var(--muted); }
.metric strong { display: block; margin-top: .3rem; font: 800 clamp(2rem, 5vw, 3.5rem) / 1 Manrope, sans-serif; }
.admin-next { max-width: 760px; }
.launch-checks { display: grid; gap: .75rem; }
.launch-check { display: flex; gap: 1rem; align-items: start; justify-content: space-between; padding: 1rem 0; border-top: 1px solid var(--line); }
.launch-check h3 { font-size: 1rem; }
.launch-check p { max-width: 34rem; margin: .3rem 0 0; color: var(--muted); font-size: .9rem; }
.launch-check__state { flex: none; padding: .25rem .55rem; border-radius: 999px; font-size: .78rem; }
.launch-check__state--ready { color: #0c5230; background: #dff4e8; }
.launch-check__state--warning { color: #7a3e00; background: #fff0d8; }
.launch-check__state--neutral { color: #35534b; background: #edf3ef; }
.button-link { display: inline-block; padding: .8rem 1rem; border-radius: .55rem; color: white; background: var(--accent); font-weight: 700; text-decoration: none; }
.flash-success { padding: .8rem 1rem; border-radius: .5rem; color: #0c5230; background: #dff4e8; }
.status-review { display: inline-block; padding: .25rem .55rem; border-radius: 999px; color: #7a3e00; background: #fff0d8; font-weight: 700; font-size: .78rem; }
.admin-table-wrap { overflow-x: auto; margin-top: 2rem; border: 1px solid var(--line); border-radius: 1rem; }
table { width: 100%; border-collapse: collapse; background: white; text-align: left; }
th, td { padding: .9rem 1rem; border-bottom: 1px solid var(--line); }
th { color: var(--muted); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
.content-form { display: grid; max-width: 850px; gap: .45rem; }
.content-form > div { display: grid; gap: .35rem; }
.content-form input, .content-form textarea, .content-form select { width: 100%; padding: .75rem .85rem; border: 1px solid #b8cbc1; border-radius: .5rem; font: inherit; }
.content-form textarea { resize: vertical; }
.content-form ul { margin: 0; color: #8c2410; }
.editor-checklist { max-width: 850px; margin: 1.5rem 0 2rem; padding: 1.25rem 1.5rem; border-left: .3rem solid var(--accent); border-radius: .5rem; background: var(--mint); }
.editor-checklist h2 { margin: 0 0 .65rem; font-size: 1.25rem; }
.editor-checklist p { margin: .35rem 0; }
.seo-check { display: inline-block; padding: .1rem .4rem; border-radius: .35rem; font-size: .9rem; }
.seo-check--ready { color: #0c5230; background: #dff4e8; }
.seo-check--warning { color: #7a3e00; background: #fff0d8; }
.editor-note { max-width: 850px; margin-top: 2rem; color: var(--muted); font-size: .9rem; }
.delete-form { margin-top: 2rem; }
.inline-form { display: inline; margin-left: .65rem; }
.inline-form .button--quiet { border: 0; border-radius: .4rem; cursor: pointer; font: inherit; }
.button--danger { background: #a52d19; }
.blog-page { padding-block: clamp(4rem, 8vw, 7rem); }
.blog-header { max-width: 760px; }
.blog-header h1, .article-page h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); }
.blog-header > p:not(.eyebrow) { color: var(--muted); font-size: 1.2rem; }
.category-nav { display: flex; flex-wrap: wrap; gap: .75rem; margin: 2.5rem 0; }
.category-nav a { padding: .45rem .8rem; border: 1px solid var(--line); border-radius: 999px; text-decoration: none; }
.search-form { max-width: 720px; margin: 2.5rem 0 3.5rem; }
.search-form label { display: block; margin-bottom: .45rem; font-weight: 700; }
.search-form > div { display: flex; gap: .7rem; }
.search-form input { min-width: 0; flex: 1; padding: .85rem 1rem; border: 1px solid #b8cbc1; border-radius: .55rem; font: inherit; }
.search-results h2 { font-size: clamp(1.8rem, 3vw, 2.5rem); }
.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; counter-reset: guide-card; }
.article-card { position: relative; display: flex; min-height: 24.5rem; flex-direction: column; align-items: start; isolation: isolate; overflow: hidden; padding: 1.35rem; border: 1px solid #d5e3dc; border-radius: 1.1rem; background: linear-gradient(180deg, #f1f8f4 0 5.25rem, white 5.25rem); box-shadow: 0 .45rem 0 rgb(16 42 37 / 3%); counter-increment: guide-card; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.article-card::before { position: absolute; z-index: -1; inset: 0 0 auto; height: 5.25rem; content: ''; background: linear-gradient(130deg, #123f35, #1e6653); }.article-card::after { position: absolute; z-index: -1; top: -.6rem; right: .55rem; content: counter(guide-card, decimal-leading-zero); color: rgb(215 255 230 / 18%); font: 800 5.7rem/.9 Manrope, sans-serif; letter-spacing: -.1em; }
.article-card:nth-child(3n + 2)::before { background: linear-gradient(130deg, #204f55, #397c78); }.article-card:nth-child(3n)::before { background: linear-gradient(130deg, #4f3d2c, #9b6543); }
.article-card:hover { border-color: #a6cfbc; box-shadow: 0 1.2rem 2.5rem rgb(16 42 37 / 12%); transform: translateY(-.32rem); }
.article-card .eyebrow { position: relative; margin: .05rem 0 2.85rem; padding: .38rem .55rem; border: 1px solid rgb(218 250 228 / 26%); border-radius: 999px; color: #c9f5d7; background: rgb(255 255 255 / 8%); font-size: .61rem; letter-spacing: .1em; }
.article-card h2, .article-card h3 { max-width: 19ch; margin: 0 0 .85rem; color: #14382f; font-size: clamp(1.28rem, 2.1vw, 1.65rem); line-height: 1.08; }.article-card h2 a, .article-card h3 a { color: inherit; text-decoration: none; }.article-card h2 a:hover, .article-card h3 a:hover { color: #d94c27; }
.article-card > h2:first-child, .article-card > h3:first-child { margin-top: 3.75rem; }
.article-card p:not(.eyebrow) { display: -webkit-box; overflow: hidden; margin: 0; color: #608078; font-size: .92rem; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.article-card > a:last-child { display: inline-flex; gap: .55rem; align-items: center; margin-top: auto; padding: .58rem .7rem; border: 1px solid #b7d5c5; border-radius: .58rem; color: #123d34; background: #ecf7f0; font-size: .78rem; font-weight: 900; text-decoration: none; transition: background .2s ease, color .2s ease, transform .2s ease; }.article-card > a:last-child:hover { color: white; background: #1b5c4b; transform: translateX(.12rem); }
.article-page { max-width: 800px; padding-block: clamp(4rem, 8vw, 7rem); }
.preview-page { padding-top: 2.5rem; }
.preview-banner { display: grid; gap: .25rem; margin: 1.5rem 0 3rem; padding: 1rem 1.2rem; border-left: .3rem solid var(--accent); border-radius: .5rem; color: #5d3500; background: #fff0d8; }
.preview-banner span { color: #70490f; font-size: .9rem; }
.article-page article header { margin-bottom: 3rem; }
.article-excerpt { color: var(--muted); font-size: 1.25rem; }
.article-byline { margin: .75rem 0 0; color: var(--muted); font-size: .92rem; font-weight: 700; }
.article-body { font-size: 1.12rem; }
.article-body h2 { margin-top: 2em; font-size: 2rem; }
.article-body h3 { margin-top: 1.7em; }
.article-body a { color: var(--accent-dark); }
.article-cta { display: grid; gap: .7rem; margin-top: 4rem; padding: 2rem; border-radius: 1rem; color: white; background: var(--ink); }
.article-cta h2 { margin: 0; font-size: clamp(1.8rem, 3vw, 2.5rem); }
.article-cta p { margin: 0; color: #c6ddd1; }
.article-cta .eyebrow { color: #9be0bd; }
.article-cta .button-link { width: fit-content; margin-top: .5rem; }
.article-cta__note { font-size: .85rem; }
.article-cta__note a { color: white; }
.article-inline-cta { display: grid; gap: .7rem; margin: 2.5rem 0; padding: 1.4rem 1.5rem; border: 1px solid #b8d6c7; border-radius: 1rem; background: #f5faf7; }
.article-inline-cta h2 { margin: 0; font-size: clamp(1.5rem, 3vw, 2rem); }
.article-inline-cta p { margin: 0; color: var(--muted); }
.article-inline-cta .eyebrow { color: var(--accent-dark); }
.article-inline-cta .button-link { width: fit-content; }
.vin-result-page { max-width: 1040px; padding-block: clamp(1.5rem, 3vw, 2.75rem); }
.vin-result-page__header { max-width: 710px; margin-bottom: 1.4rem; }
.vin-result-page__header .eyebrow { display: flex; gap: .45rem; align-items: center; color: #147047; }
.vin-result-page__header .eyebrow span { display: grid; width: 1.15rem; height: 1.15rem; place-items: center; border-radius: 50%; color: white; background: #147047; font-size: .7rem; }
.vin-result-page__header h1 { margin-bottom: .4rem; font-size: clamp(2.35rem, 4.5vw, 3.6rem); }
.vin-result-page__header > p:last-child { max-width: 650px; margin: 0; color: var(--muted); font-size: 1.1rem; }
.vin-result-page__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(20rem, .95fr); gap: 1.25rem; align-items: start; }
.vin-preview-card { display: grid; gap: 1rem; padding: clamp(1.35rem, 3vw, 2rem); border: 1px solid var(--line); border-radius: 1.15rem; background: white; box-shadow: 0 1rem 2.5rem rgb(16 42 37 / 6%); }
.vin-preview-card h2 { margin: 0; font-size: clamp(1.55rem, 3vw, 2rem); }
.vin-preview-card > p { margin: 0; color: var(--muted); }
.vehicle-identity { display: flex; gap: .8rem; align-items: center; padding: .9rem; border: 1px solid #b8d6c7; border-radius: .8rem; background: linear-gradient(120deg, #edf8f1, #f9fcfa); }
.vehicle-identity__mark { display: grid; flex: 0 0 auto; width: 2.8rem; height: 2.8rem; place-items: center; border-radius: .75rem; color: white; background: linear-gradient(145deg, #1b6b4c, #103d31); font-size: .64rem; font-weight: 850; letter-spacing: .08em; }
.vehicle-identity__mark--logo { overflow: hidden; border: 1px solid #d7e8de; background: white; }
.vehicle-identity__mark img { display: block; width: 100%; height: 100%; object-fit: contain; padding: .2rem; }
.vehicle-identity span:not(.vehicle-identity__mark):not(.vehicle-identity__status) { display: grid; gap: .08rem; }
.vehicle-identity small { color: #52706a; font-size: .68rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.vehicle-identity strong { color: var(--ink); font-size: 1.05rem; }
.vehicle-identity__name { font-size: clamp(1.35rem, 3vw, 1.75rem) !important; line-height: 1; letter-spacing: .035em; text-transform: uppercase; }
.vehicle-identity__status { margin-left: auto; padding: .28rem .48rem; border-radius: 999px; color: #17613f; background: #dff5e7; font-size: .66rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.vehicle-preview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: .2rem 0; }
.vehicle-preview div { padding: .8rem .9rem; border: 1px solid var(--line); border-radius: .7rem; background: #f6fbf8; }
.vehicle-preview dt { color: #52706a; font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.vehicle-preview dd { margin: .18rem 0 0; color: var(--ink); font-weight: 700; }
.vin-preview-card__note { padding-top: .9rem; border-top: 1px solid var(--line); font-size: .84rem; }
.vin-result-cta { position: sticky; top: 6rem; display: grid; gap: .8rem; overflow: hidden; padding: clamp(1.35rem, 3vw, 2rem); border-radius: 1.15rem; color: white; background: radial-gradient(circle at 95% 0%, rgb(126 230 169 / 34%), transparent 11rem), linear-gradient(145deg, #133d34, #09241f); box-shadow: 0 1.35rem 3rem rgb(11 38 33 / 25%); }
.vin-result-cta::after { position: absolute; right: -4rem; bottom: -5rem; width: 13rem; height: 13rem; border: 1px solid rgb(174 242 202 / 16%); border-radius: 50%; content: ''; }
.vin-result-cta > * { position: relative; z-index: 1; }
.vin-result-cta__badge { width: fit-content; margin: 0; padding: .3rem .55rem; border-radius: 999px; color: #113b31; background: #aef2ca; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.vin-result-cta h2 { margin: 0; font-size: clamp(1.55rem, 3vw, 2.1rem); }
.vin-result-cta > p:not(.vin-result-cta__badge):not(.disclosure) { margin: 0; color: #d6eee2; }
.vin-result-cta__coupon { display: flex; flex-wrap: wrap; gap: .35rem .55rem; align-items: center; font-size: .9rem; }
.vin-result-cta__coupon span { padding: .18rem .45rem; border-radius: 999px; color: #102a25; background: #f6c85f; font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.vin-result-cta__coupon strong { color: white; letter-spacing: .06em; }
.vin-result-cta ul { display: grid; gap: .45rem; margin: 0; padding: 0; color: #e7f8ef; font-size: .9rem; list-style: none; }
.vin-result-cta li { display: flex; gap: .55rem; }
.vin-result-cta li::before { content: '✓'; color: #aef2ca; font-weight: 800; }
.vin-result-cta__button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1rem 1.1rem; border-radius: .75rem; color: #142e28; background: #aef2ca; box-shadow: 0 .8rem 1.6rem rgb(0 0 0 / 22%); font-weight: 800; text-decoration: none; transition: transform .2s ease, background .2s ease; }
.vin-result-cta__button:hover { background: white; transform: translateY(-.12rem); }
.vin-result-cta__button span { font-size: 1.2rem; }
.vin-result-cta__brand { display: flex; gap: .55rem; align-items: center; width: fit-content; padding: .45rem .6rem; border-radius: .55rem; background: white; }
.vin-result-cta__brand span { color: #52706a; font-size: .67rem; font-weight: 700; }
.vin-result-cta__brand img { display: block; width: 6.9rem; height: auto; }
.vin-result-cta__prefill { margin: -.1rem 0 0 !important; padding: .7rem .8rem; border: 1px solid rgb(174 242 202 / 24%); border-radius: .65rem; color: #e2f8eb !important; background: rgb(255 255 255 / 7%); font-size: .84rem; }
.vin-result-cta__coverage { display: flex; flex-wrap: wrap; gap: .4rem; }
.vin-result-cta__coverage span { padding: .34rem .48rem; border: 1px solid rgb(174 242 202 / 22%); border-radius: 999px; color: #e3f5ea; background: rgb(255 255 255 / 7%); font-size: .72rem; font-weight: 700; }
.disclosure--dark { font-size: .85rem; }
.related-articles { margin-top: 5rem; }
.related-articles > h2 { font-size: clamp(2rem, 4vw, 3rem); }

@media (max-width: 720px) {
    .container { width: min(100% - 2rem, 1120px); }
    .hero { padding-block: 4.25rem 4.5rem; }
    .hero__layout { grid-template-columns: 1fr; gap: 1.6rem; }
    .hero__visual { min-height: 22rem; margin: .5rem -1rem -2rem; }
    .hero-console { inset: .5rem 0 1.7rem; border-radius: 1.35rem; }
    .hero-console__top { top: .8rem; right: .8rem; left: .8rem; font-size: .52rem; }
    .hero-console__schematic { inset: 2.9rem .45rem 3.25rem; }
    .hero-console__schematic svg { right: -3.2rem; bottom: .4rem; width: 32rem; }
    .hero-console__identifier { top: .75rem; right: .75rem; }.hero-console__identifier b { font-size: 2rem; }.hero-console__identifier span { font-size: .5rem; }
    .hero-console__steps { right: .65rem; bottom: .65rem; left: .65rem; }.hero-console__steps span { padding: .42rem .3rem; font-size: .48rem; }
    .vin-scan-card { top: 0; left: 0; width: min(20rem, 88%); padding: 1rem; }
    .report-preview { display: none; }
    .decision-strip { margin-top: -1.25rem; }
    .decision-strip__layout { grid-template-columns: 1fr; gap: .8rem; padding: .9rem; }
    .decision-strip__steps { gap: .35rem; }
    .decision-strip__steps li { grid-template-columns: 1rem 1fr; padding: .46rem; }
    .decision-strip__steps b { font-size: .57rem; }
    .decision-strip__steps span { font-size: .61rem; }
    .vin-form__heading { display: grid; gap: .35rem; }
    .vin-form__benefits { grid-template-columns: 1fr; }
    .vin-form__benefits li { grid-template-columns: 1.2rem minmax(0, 1fr) auto; }
    .vin-form__benefits li > span { grid-row: auto; }
    .vin-form__benefits small { grid-column: 3; grid-row: 1; }
    .vin-form__row, .split { display: grid; }
    .vin-form button { width: 100%; }
    .search-form > div { display: grid; }
    .section-heading { display: grid; align-items: start; }
    .card-grid { grid-template-columns: 1fr; }
    .brand-quick__heading { display: grid; gap: .7rem; align-items: start; }
    .brand-quick__links { grid-template-columns: 1fr 1fr; gap: .55rem; }
    .brand-quick__links > a { grid-template-columns: 2.05rem minmax(0, 1fr); min-height: 4.8rem; padding: .65rem; font-size: .83rem; }
    .brand-quick__links > a > span { width: 2rem; height: 2rem; font-size: .64rem; }
    .brand-quick__links > .brand-quick__all { grid-column: 1 / -1; min-height: 3.15rem; }
    .admin-metrics { grid-template-columns: 1fr; }
    .admin-section-heading { display: grid; }
    .article-grid { grid-template-columns: 1fr; }
    .vehicle-preview { grid-template-columns: 1fr; }
    .vehicle-identity { flex-wrap: wrap; }
    .vehicle-identity__status { margin-left: 3.6rem; }
    .vin-result-page__grid { grid-template-columns: 1fr; }
    .vin-result-cta { position: static; order: -1; }
    .admin-header { display: grid; }
    .launch-check { display: grid; }
    .admin-layout { display: block; }
    .admin-sidebar { position: static; height: auto; min-height: 0; padding: 1rem; }
    .admin-sidebar .site-brand { margin: 0 .35rem .85rem; }
    .admin-sidebar__nav { display: flex; flex-wrap: wrap; gap: .35rem; }
    .admin-nav-label { display: none; }
    .admin-nav-link { padding: .45rem .55rem; font-size: .8rem; }
    .admin-sidebar__footer { display: flex; align-items: center; justify-content: space-between; margin-top: 1rem; padding: .8rem .35rem 0; }
    .admin-sidebar__footer .button--quiet { width: auto; }
    .admin-content .admin-dashboard { width: min(100% - 2rem, 1280px); padding-block: 2rem; }
    .site-nav { min-height: 4.7rem; gap: .55rem; }
    .site-brand { gap: .45rem; font-size: 1.03rem; }
    .site-brand__mark { width: 2rem; height: 2rem; border-radius: .62rem; }
    .site-links { display: none; }
    .mobile-nav-cta { display: inline-flex; gap: .38rem; align-items: center; margin-left: auto; padding: .6rem .66rem; border: 1px solid #ef764c; border-radius: .62rem; color: white; background: linear-gradient(135deg, #ec6337, #cf3e1d); box-shadow: 0 .35rem .85rem rgb(0 0 0 / 20%); font-size: .72rem; font-weight: 800; line-height: 1; text-decoration: none; }
    .mobile-nav-cta span { font-size: 1rem; }
    .site-menu { display: block; }
    .site-menu nav { grid-template-columns: 1fr 1fr; gap: .35rem; width: min(23rem, calc(100vw - 2rem)); padding: .72rem; border-radius: 1rem; }
    .site-menu__lead, .site-menu__cta, .site-menu__language { grid-column: 1 / -1; }
    .site-menu nav a { min-height: 2.85rem; padding: .7rem; font-size: .82rem; }
    .site-footer__cta { display: grid; gap: 1.25rem; padding-block: 2.35rem 2rem; }.site-footer__cta > a { width: fit-content; }
    .site-footer__grid { grid-template-columns: 1fr 1fr; gap: 1.6rem .8rem; padding-top: 1.8rem; }.site-footer__grid > :first-child { grid-column: 1 / -1; }.site-footer__grid > div:not(:first-child) { padding-left: 0; border-left: 0; }
    .site-footer__bottom { grid-template-columns: 1fr; gap: .65rem; margin-top: 2rem; }.site-footer__bottom > :nth-child(2) { text-align: left; }
    .consent-banner div { display: grid; }
    .not-found-links { display: grid; justify-items: start; }
    button { width: 100%; }
}

@media (prefers-reduced-motion: no-preference) {
    .vin-scan-card { animation: hover-card 5s ease-in-out infinite; }
}

@keyframes hover-card { 50% { transform: rotate(-2deg) translateY(-.45rem); } }