.also{z-index:1;background:var(--color-mist);padding:96px 16px;position:relative}@media (min-width:1024px){.also{padding:140px clamp(32px,4vw,72px)}}.also-inner{max-width:1400px;margin-inline:auto}.also-heading{letter-spacing:-.04em;font-size:clamp(2rem,1rem + 2.4vw,3.6rem);font-weight:700;line-height:1}.also-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}@media (min-width:1024px){.also-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.also-grid{gap:16px;margin-top:40px}.also-tile{border:1px solid var(--tone-line);border-radius:var(--radius-card);background:var(--tone-bg);transition:transform var(--duration-settle) var(--ease-settle);flex-direction:column;gap:10px;padding:24px;display:flex}.also-tile:hover{transform:translateY(-3px)}.also-visual{border-radius:var(--radius-tile);background:var(--tone-sunken);height:140px;color:var(--tone-accent);place-items:center;margin-bottom:8px;display:grid}.also-light{filter:drop-shadow(0 0 14px #e8781773)}.also-title{letter-spacing:-.3px;flex-wrap:wrap;align-items:center;gap:8px;font-size:20px;font-weight:600;line-height:26px;display:flex}.also-tag{border-radius:var(--radius-pill);background:var(--tone-fg);color:var(--tone-bg);letter-spacing:0;padding:1px 8px;font-size:11px;font-weight:700;line-height:18px}.also-body{color:var(--tone-muted);font-size:15px;line-height:22px}.also-tile[data-tone=dark] .also-visual{background:radial-gradient(closest-side,#ffffff12,#0000)}.also-widget{background:var(--color-white);width:200px;box-shadow:var(--shadow-floating);color:var(--color-ink);border-radius:22px;gap:8px;padding:14px 16px;display:grid}.also-widget-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-grey);font-size:11px;font-weight:600;line-height:14px}.also-widget-row{gap:2px;font-size:15px;font-weight:600;line-height:20px;display:grid}.also-widget-row>span:last-child{color:var(--color-petrol);font-size:13px}.mileage-track{z-index:1;background:var(--tone-bg);position:relative}.mileage-stage{--p:1;height:100svh;min-height:640px;padding:88px 16px 24px;position:relative;overflow:clip}.mileage-stage:before{content:"";background:radial-gradient(80% 50% at 50% 100%, color-mix(in srgb, var(--color-petrol-glow) 14%, transparent), transparent 70%), radial-gradient(40% 30% at 85% 10%, color-mix(in srgb, var(--color-petrol-glow) 6%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.js .mileage-track{height:240svh}.js .mileage-stage{--p:0;position:sticky;top:0}}@media (min-width:1024px){.mileage-stage{padding:96px clamp(32px,4vw,72px) 32px}}.mileage-copy{z-index:2;max-width:34rem;position:relative}.mileage-panel{z-index:2;inset-inline-end:16px;border:1px solid var(--tone-line);border-radius:var(--radius-card);background:var(--tone-raised);align-items:baseline;gap:10px;padding:18px 22px;display:flex;position:absolute;top:88px;box-shadow:inset 0 1px #ffffff0f}@media (max-width:1023px){.mileage-panel{top:auto;bottom:24px;inset-inline:16px auto}}@media (min-width:1024px){.mileage-panel{inset-inline-end:clamp(32px,4vw,72px);top:calc(var(--slant) + 24px);padding:24px 28px}}.mileage-odometer{letter-spacing:-.04em;font-variant-numeric:tabular-nums;direction:ltr;font-size:clamp(40px,1.4rem + 3vw,84px);font-weight:800;line-height:1;display:inline-flex}.odo-strip.odo-live{transform:translateY(calc(var(--d) * -1em));transition:transform .16s var(--ease-settle)}.mileage-unit{color:var(--tone-muted);font-size:20px;font-weight:600}.mileage-road{position:absolute;inset:34% 0 12%}@media (max-width:1023px){.mileage-road{inset:42% 12% 24% 2%}}.mileage-road svg{width:100%;height:100%;overflow:visible;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.road-edge{fill:none;stroke:#ffffff29;stroke-width:60px}.road-bed{fill:none;stroke:#1a1f1e;stroke-width:56px}.road-dashes{fill:none;stroke:#ffffff52;stroke-width:2px;stroke-dasharray:14 18}.road-line{fill:none;stroke:var(--tone-accent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--draw,1));filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-petrol-glow) 70%, transparent))}.road-car{width:clamp(84px,9vw,150px);position:absolute;top:0;left:0;translate:-50% -78%}.road-car:before{content:"";z-index:-1;clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);filter:blur(4px);background:linear-gradient(90deg,#fff6dc6b,#fff6dc00 90%);width:150%;height:46%;position:absolute;top:22%;left:92%}.road-car img{width:100%;height:auto;display:block}.road-car .due-dot{width:10px;height:10px;top:6%;left:52%;right:auto}.road-stop{z-index:1;position:absolute;top:0;left:0}.road-stop-pin{border:3px solid var(--tone-accent);background:var(--tone-bg);border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:-7px}.road-stop-card{border:1px solid var(--tone-line);border-radius:var(--radius-tile);background:var(--tone-raised);white-space:nowrap;transition:opacity .32s var(--ease-settle), scale .32s var(--ease-settle);gap:4px;padding:10px 14px;display:grid;position:absolute;bottom:22px;left:0;translate:-50%;box-shadow:0 16px 32px -12px #0009}.road-stop-name{font-size:15px;font-weight:600}.road-stop-km{color:var(--tone-accent);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}@media (prefers-reduced-motion:no-preference){.js .road-stop:not([data-on]) .road-stop-card{opacity:0;scale:.9}}.trust{z-index:1;padding:96px 16px calc(72px + var(--arch));background:var(--tone-bg);position:relative}@media (min-width:1024px){.trust{padding:160px clamp(32px, 4vw, 72px) calc(96px + var(--arch))}}.trust:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--color-petrol) 30%, transparent) 1.5px, transparent 2px) 0 0 / 22px 22px;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 0 100%,#000,#0000 75%);mask-image:radial-gradient(70% 60% at 0 100%,#000,#0000 75%)}.trust-inner,.trust-languages{position:relative}.trust-inner{gap:40px;max-width:1400px;margin-inline:auto;display:grid}@media (min-width:1024px){.trust-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:6vw}}.trust-title{letter-spacing:-.04em;text-wrap:balance;margin-top:14px;font-size:clamp(2.3rem,1rem + 3.4vw,4.9rem);font-weight:700;line-height:.98}.trust-sub{max-width:34ch;color:var(--color-grey);margin-top:20px;font-size:clamp(17px,.95rem + .35vw,21px);line-height:1.5}.trust-facts{border-top:1px solid var(--tone-line);display:grid}.trust-facts li{border-bottom:1px solid var(--tone-line);gap:16px;padding:22px 0;font-size:17px;line-height:26px;display:flex}.trust-icon{background:var(--color-petrol-tint);width:44px;height:44px;color:var(--color-petrol);border-radius:12px;flex:none;place-items:center;display:grid}.trust-languages{letter-spacing:-.02em;max-width:1400px;color:var(--color-grey);margin:64px auto 0;font-size:clamp(20px,1rem + 1vw,30px);font-weight:600}.trust-languages span{color:var(--color-ink)}.finale-track{z-index:1;background:var(--tone-bg);position:relative}.finale-stage{--p:1;--drive:clamp(0, (var(--p) - .08) / .5, 1);--dawn:clamp(0, (var(--p) - .2) / .6, 1);min-height:100svh;padding:calc(var(--arch) + 72px) 16px 64px;flex-direction:column;justify-content:flex-start;display:flex;position:relative;overflow:clip}.finale-night{z-index:0;object-fit:cover;object-position:50% 62%}[dir=rtl] .finale-night{scale:-1 1}.finale-stage:before{content:"";z-index:1;background:radial-gradient(60% 26% at 50% 54%, color-mix(in srgb, var(--color-saffron) calc(var(--dawn) * 30%), transparent), transparent 75%), linear-gradient(180deg, var(--color-ink) 0%, #0c0f0e8c 30%, #0c0f0e00 52%, #0c0f0e00 80%, #0c0f0e99 100%);pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.js .finale-track{height:190svh}.js .finale-stage{--p:0;height:100svh;position:sticky;top:0}}@media (min-width:1024px){.finale-stage{padding:96px clamp(32px,4vw,72px)}}.finale-road{z-index:2;justify-content:center;display:flex;position:absolute;inset:auto 0 3%}.finale-car{width:min(84vw,600px);transform:translate3d(calc(var(--drive) * var(--drive) * 115vw), 0, 0);filter:blur(calc(var(--drive) * var(--drive) * 3px));position:relative}.finale-car:before{content:"";z-index:-1;background:radial-gradient(closest-side,#000000bf,#0000);border-radius:50%;position:absolute;inset:70% 4% 14%}.finale-car img{width:100%;height:auto;display:block}.finale-streak{height:4px;width:calc(var(--drive) * 70vw);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-red) 80%, transparent));box-shadow:0 0 14px 2px color-mix(in srgb, var(--color-red) 45%, transparent);opacity:calc(var(--drive) * (1 - var(--drive)) * 4);border-radius:2px;position:absolute;top:41%;right:97%}.finale-cta{z-index:3;width:100%;max-width:1400px;margin-inline:auto;position:relative}@media (prefers-reduced-motion:no-preference){.js .finale-cta{--in:clamp(0, (var(--p) - .4) / .2, 1);opacity:var(--in);transform:translate3d(0, calc((1 - var(--in)) * 40px), 0)}}.finale-title{letter-spacing:-.045em;text-wrap:balance;max-width:14ch;font-size:clamp(2.6rem,1rem + 5vw,7.4rem);font-weight:700;line-height:.95}.finale-sub{color:var(--tone-muted);margin-top:20px;font-size:clamp(17px,.95rem + .35vw,21px);line-height:1.5}.finale-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;margin-top:32px;display:flex}.finale-actions>div:first-child{align-items:center;gap:18px;display:flex}.finale-dot{background:var(--color-saffron);width:14px;height:14px;box-shadow:0 0 0 7px color-mix(in srgb, var(--color-saffron) 25%, transparent);border-radius:50%}.finale-qr{align-items:center;gap:16px;font-size:15px;font-weight:600;line-height:20px;display:none}@media (min-width:1024px) and (pointer:fine){.finale-qr{display:flex}}.finale-qr-code{border:1px solid var(--tone-line);border-radius:var(--radius-tile);background:var(--color-white);width:112px;height:112px;padding:10px;display:block}.finale-qr-code svg{width:100%;height:100%;display:block}
.chapter-track{z-index:1;background:var(--tone-bg);position:relative;overflow:clip}.chapter-stage{--p:1;flex-direction:column;gap:24px;min-height:100svh;padding:88px 16px 32px;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.js .chapter-track{height:190svh}.js .chapter-stage{--p:0;height:100svh;position:sticky;top:0}}@media (min-width:1024px){.chapter-stage{grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:center;column-gap:4vw;max-width:1680px;margin-inline:auto;padding:96px clamp(32px,4vw,72px) 48px;display:grid}.chapter-stage[data-side=start]{grid-template-columns:minmax(0,60fr) minmax(0,40fr)}.chapter-stage[data-side=start] .chapter-visual{order:-1}}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.js .chapter-track{height:230svh}}.chapter-copy{z-index:3;position:relative}.chapter-title{letter-spacing:-.04em;text-wrap:balance;max-width:13ch;margin-top:14px;font-size:clamp(2.3rem,1rem + 3.4vw,4.9rem);font-weight:700;line-height:.98}.chapter-sub{max-width:34ch;color:var(--tone-muted);margin-top:20px;font-size:clamp(17px,.95rem + .35vw,21px);line-height:1.5}.chapter-notes{gap:10px;margin-top:24px;display:grid}.chapter-note{max-width:44ch;color:var(--tone-muted);align-items:baseline;gap:8px;font-size:14px;line-height:20px;display:flex}.plus-tag{border-radius:var(--radius-pill);background:var(--tone-fg);color:var(--tone-bg);letter-spacing:.02em;flex:none;padding:1px 8px;font-size:11px;font-weight:700;line-height:18px}@media (prefers-reduced-motion:no-preference){.js .chapter-copy{--in:clamp(0, var(--p) / .12, 1);opacity:var(--in);transform:translate3d(0, calc((1 - var(--in)) * 28px), 0)}}.chapter-visual{flex:auto;min-height:420px;position:relative}@media (min-width:1024px){.chapter-visual{height:min(76svh,760px)}}.chapter-moment{z-index:1;position:absolute;inset:0}:is(.chapter-phone,.chapter-halo){--phone-zoom:.4;z-index:2;inset-inline-end:0;position:absolute;bottom:0}[data-side=start] :is(.chapter-phone,.chapter-halo){inset-inline:0 auto}@media (min-width:1024px){:is(.chapter-phone,.chapter-halo){--phone-zoom:.6;inset-inline-end:4%;top:50%;bottom:auto;translate:0 -50%}[data-side=start] :is(.chapter-phone,.chapter-halo){inset-inline:4% auto}}@media (min-width:1024px) and (max-height:820px){:is(.chapter-phone,.chapter-halo){--phone-zoom:.5}}.chapter-halo{z-index:0;width:calc(422px * var(--phone-zoom));height:calc(894px * var(--phone-zoom));pointer-events:none}.chapter-halo>*{position:absolute;top:50%;left:50%;translate:-50% -50%}.chapter-backdrop{z-index:0;inset-block:0;pointer-events:none;width:100vw;position:absolute;left:50%;translate:-50%}.schedule-moment{inset-inline-start:0;gap:18px;width:min(380px,70%);display:grid;position:absolute;top:4%}@media (min-width:1024px){.schedule-moment{width:min(400px,52%);top:50%;translate:0 -50%}}.notices{gap:10px;display:grid}.notice{--t:clamp(0, (var(--p) - (.12 + var(--i) * .1)) / .16, 1);background:color-mix(in srgb, var(--color-white) 86%, transparent);border:1px solid var(--color-hairline);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:var(--t);transform:translate3d(calc((1 - var(--t)) * 220px), calc((1 - var(--t)) * 40px), 0) scale(calc(.8 + .2 * var(--t)));border-radius:22px;gap:12px;padding:12px 14px;display:flex;position:relative}.notice-icon{border-radius:9px;flex:none}.notice-body{min-width:0;font-size:15px;line-height:20px}.notice-head{justify-content:space-between;font-weight:600;display:flex}.notice-head>span:last-child{color:var(--color-grey);font-size:13px;font-weight:400}.stamp{inset-inline-end:-18px;opacity:0;position:absolute;top:-18px}.stamp-halo{background:var(--color-petrol-tint);border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.stamp-core{background:var(--color-petrol);width:38px;height:38px;color:var(--color-white);border-radius:50%;place-items:center;display:grid}[data-stamped] .stamp{opacity:1}@media (prefers-reduced-motion:no-preference){[data-stamped] .stamp{animation:.55s linear both stamp-in}}@keyframes stamp-in{0%{opacity:0;scale:.4}20%{opacity:1}45%{scale:1.16}70%{scale:.96}to{opacity:1;scale:1}}.countdown-pill{--t:clamp(0, (var(--p) - .3) / .12, 1);border-radius:var(--radius-pill);background:var(--color-amber-tint);color:var(--color-amber);letter-spacing:-.02em;font-variant-numeric:tabular-nums;opacity:var(--t);transform:translate3d(0, calc((1 - var(--t)) * 16px), 0);justify-self:start;align-items:center;gap:12px;padding:12px 22px 12px 18px;font-size:clamp(22px,1rem + 1vw,32px);font-weight:700;line-height:1.2;display:inline-flex}.countdown-dot{background:var(--color-saffron);width:14px;height:14px;box-shadow:0 0 0 6px color-mix(in srgb, var(--color-saffron) 25%, transparent);border-radius:50%}.scan-moment{inset-inline-end:2%;justify-items:center;gap:14px;display:grid;position:absolute;top:2%}@media (min-width:1024px){.scan-moment{inset-inline-end:6%;top:50%;translate:0 -50%}}.scan-frame{--beam:clamp(0, (var(--p) - .14) / .6, 1);padding:26px 22px;position:relative;scale:.78}@media (min-width:1024px){.scan-frame{scale:1.32}}.scan-frame .receipt{rotate:-2deg}.scan-bracket{border:4px solid var(--tone-accent);width:30px;height:30px;position:absolute}.scan-bracket[data-corner=tl]{border-bottom:0;border-right:0;border-top-left-radius:12px;top:0;left:0}.scan-bracket[data-corner=tr]{border-bottom:0;border-left:0;border-top-right-radius:12px;top:0;right:0}.scan-bracket[data-corner=bl]{border-top:0;border-right:0;border-bottom-left-radius:12px;bottom:0;left:0}.scan-bracket[data-corner=br]{border-top:0;border-left:0;border-bottom-right-radius:12px;bottom:0;right:0}.scan-beam{inset-inline:10px;top:calc(16px + var(--beam) * (100% - 32px));background:var(--color-petrol-glow);height:2px;box-shadow:0 0 12px 2px color-mix(in srgb, var(--color-petrol-glow) 70%, transparent), 0 -26px 30px -6px color-mix(in srgb, var(--color-petrol-glow) 22%, transparent);opacity:calc(clamp(0, var(--p) / .1, 1) * (1 - clamp(0, (var(--p) - .8) / .08, 1)));border-radius:1px;position:absolute}.scan-hint{color:var(--tone-muted);font-size:14px}@media (prefers-reduced-motion:no-preference){.js [data-scene=scan] [data-fill] .app-input-value{transition:opacity .26s var(--ease-settle)}.js [data-scene=scan] [data-fill]:not([data-on]) .app-input-value{opacity:0}.js [data-scene=scan] [data-fill=station]:not([data-on]) .app-input[data-low]{border-color:var(--color-mist);background:var(--color-mist)}.js [data-scene=scan] [data-fill=station]:not([data-on]) .app-low-hint{visibility:hidden}}.costs-moment{flex-direction:column;gap:22px;display:flex;position:absolute;inset:0 34% 0 0}@media (min-width:1024px){.costs-moment{justify-content:center;inset:6% 36% 6% 0}}.odometer-panel{justify-self:start;gap:4px;display:grid}.odometer-panel-label{color:var(--tone-muted);font-size:13px;line-height:18px}.odometer-panel-value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;direction:ltr;font-size:clamp(56px,2rem + 4vw,112px);font-weight:800;line-height:1;display:inline-flex}.odo-digit{height:1em;display:inline-block;overflow:hidden}.odo-strip{--roll:clamp(0, (var(--p) - .08) / .5, 1);transform:translateY(calc(var(--d) * var(--roll) * -1em));flex-direction:column;display:flex}.odo-sep{margin-inline:-.04em}.odometer-panel-unit{color:var(--tone-muted);font-size:15px;font-weight:600}.months{align-items:flex-end;gap:clamp(10px,1.6vw,26px);height:clamp(200px,34svh,340px);display:flex}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.js .months{transform:translate3d(calc((.35 - var(--p)) * 30%), 0, 0)}}.month{--grow:clamp(0, (var(--p) - (.12 + var(--i) * .07)) / .16, 1);flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:stretch;gap:8px;height:100%;display:flex}.month-total{text-align:center;white-space:nowrap;color:var(--tone-muted);font-variant-numeric:tabular-nums;opacity:var(--grow);font-size:12px;font-weight:600;line-height:16px}.month-bar{height:calc(var(--h) * var(--grow) * (100% - 48px));border-radius:10px;flex-direction:column;gap:3px;display:flex;overflow:hidden}.month-bar>span{flex-basis:0;min-height:0}[data-kind=fuel]{--kind:var(--color-petrol)}[data-kind=repair]{--kind:#e3a33b}[data-kind=other]{--kind:#b9c0c7}.month-bar>span{background:var(--kind)}.month-name{text-align:center;font-size:13px;font-weight:600}.months-legend{color:var(--tone-muted);gap:18px;font-size:13px;display:flex}.months-legend>span{align-items:center;gap:6px;display:inline-flex}.months-legend>span:before{content:"";background:var(--kind);border-radius:3px;width:10px;height:10px}[data-scene=costs] :is(.chapter-phone,.chapter-halo){--phone-zoom:.36}@media (min-width:1024px){[data-scene=costs] :is(.chapter-phone,.chapter-halo){--phone-zoom:.52}}.documents-moment{inset-inline-end:0;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:58%;height:100%;display:flex;position:absolute;top:0}.deck{width:200px;height:290px;position:relative}.deck-card{--t:clamp(0, (var(--p) - (.1 + var(--i) * .09)) / .2, 1);--fan:calc(var(--i) - 1);border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-white);box-shadow:var(--shadow-floating);transform-origin:50% 120%;opacity:var(--t);transform:translate3d(calc(var(--fan) * 120px * var(--t) - (1 - var(--t)) * 340px), calc(var(--fan) * var(--fan) * 22px * var(--t)), 0) rotate(calc(var(--fan) * 8deg * var(--t)));flex-direction:column;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.deck-card:nth-of-type(2){z-index:2}.deck-image{aspect-ratio:1.3;object-fit:contain;width:100%;height:auto}.deck-title{letter-spacing:-.3px;font-size:20px;font-weight:600;line-height:26px}.deck-date{color:var(--color-grey);font-size:13px}.dash{border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;align-self:flex-start;align-items:center;gap:8px;min-height:28px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.dash-dot{background:var(--tone);border-radius:4px;width:8px;height:8px}.dash[data-tone=ok]{--tone:var(--color-petrol);background:var(--color-petrol-tint);color:var(--color-petrol)}.dash[data-tone=soon]{--tone:var(--color-saffron);background:var(--color-amber-tint);color:var(--color-amber)}.dash[data-tone=overdue]{--tone:var(--color-red);background:var(--color-red-tint);color:var(--color-red)}.timeline{--t:clamp(0, (var(--p) - .42) / .1, 1);color:var(--tone-muted);opacity:var(--t);gap:clamp(24px,3vw,48px);font-size:13px;font-weight:600;display:flex;position:relative}.timeline:before{content:"";inset-inline:6px;background:var(--tone-line);height:2px;position:absolute;top:6px}.timeline li{justify-items:start;gap:10px;display:grid;position:relative}.timeline-dot{border:2px solid var(--tone-line);background:var(--tone-bg);border-radius:50%;width:14px;height:14px}.timeline li[data-state=sent] .timeline-dot{border-color:var(--tone-accent);background:var(--tone-accent)}.timeline li[data-state=now]{color:var(--color-amber)}[data-tone=dark] .timeline li[data-state=now]{color:var(--color-saffron)}.timeline li[data-state=now] .timeline-dot{border-color:var(--color-saffron);background:var(--color-saffron);box-shadow:0 0 0 6px color-mix(in srgb, var(--color-saffron) 25%, transparent)}@media (max-width:1023px){[data-scene=costs] :is(.chapter-phone,.chapter-halo),[data-scene=documents] :is(.chapter-phone,.chapter-halo){display:none}.costs-moment{inset:0}.documents-moment{justify-content:flex-start;gap:28px;width:100%;padding-top:12px;inset-inline:0}.deck{transform-origin:50% 0;scale:.74}@media (prefers-reduced-motion:no-preference){.js .deck-card{transform:translate3d(calc(var(--fan) * 96px * var(--t) - (1 - var(--t)) * 200px), calc(var(--fan) * var(--fan) * 18px * var(--t)), 0) rotate(calc(var(--fan) * 7deg * var(--t)))}}[data-scene=schedule] :is(.chapter-phone,.chapter-halo),[data-scene=scan] :is(.chapter-phone,.chapter-halo){--phone-zoom:.34}.schedule-moment{transform-origin:0 0;width:66%;scale:.8}.scan-moment{inset-inline-end:0;transform-origin:100% 0;top:0;scale:.7}}.ping{--ph:calc(894px * var(--phone-zoom));width:0;height:0}.ping>span,.ping:after{border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.ping-disc{width:calc(var(--ph) * .96);height:calc(var(--ph) * .96);background:radial-gradient(closest-side, var(--color-amber-tint) 86%, color-mix(in srgb, var(--color-saffron) 26%, var(--color-amber-tint)) 100%);scale:calc(.7 + .3 * clamp(0, var(--p) / .2, 1))}.ping-ring{--t:clamp(0, (var(--p) - var(--i) * .08) / .3, 1);width:calc(var(--ph) * (1.2 + var(--i) * .38));height:calc(var(--ph) * (1.2 + var(--i) * .38));border:1.5px solid color-mix(in srgb, var(--color-saffron) calc(50% - var(--i) * 11%), transparent);opacity:var(--t);scale:calc(.8 + .2 * var(--t))}@media (prefers-reduced-motion:no-preference){.ping:after{content:"";width:calc(var(--ph) * .96);height:calc(var(--ph) * .96);border:2px solid var(--color-saffron);animation:ping-out 3.2s var(--ease-settle) infinite}}@keyframes ping-out{0%{opacity:.55;scale:1}to{opacity:0;scale:2.1}}.finder-grid{--at:42% 50%;background:radial-gradient(28vmax 28vmax at var(--at), color-mix(in srgb, var(--color-petrol-glow) 16%, transparent), transparent 70%), linear-gradient(to right, color-mix(in srgb, var(--color-petrol-glow) 10%, transparent) 1px, transparent 1px) center / 56px 56px, linear-gradient(to bottom, color-mix(in srgb, var(--color-petrol-glow) 10%, transparent) 1px, transparent 1px) center / 56px 56px;-webkit-mask-image:radial-gradient(70% 80% at var(--at), #000 20%, transparent 100%);-webkit-mask-image:radial-gradient(70% 80% at var(--at), #000 20%, transparent 100%);mask-image:radial-gradient(70% 80% at var(--at), #000 20%, transparent 100%);position:absolute;inset:0}.finder-sweep{inset-inline:0;top:calc(10% + var(--p) * 80%);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-petrol-glow) 60%, transparent) 25% 75%, transparent);height:1px;box-shadow:0 0 28px 3px color-mix(in srgb, var(--color-petrol-glow) 22%, transparent);opacity:calc(clamp(0, var(--p) / .08, 1) * (1 - clamp(0, (var(--p) - .84) / .1, 1)));position:absolute}.finder-corner{--inset:clamp(16px, 2.4vw, 44px);aspect-ratio:1;border:2px solid color-mix(in srgb, var(--color-petrol-glow) 50%, transparent);width:clamp(36px,4vw,72px);position:absolute}.finder-corner[data-corner=tl]{top:calc(72px + var(--inset));left:var(--inset);border-bottom:0;border-right:0;border-top-left-radius:20px}.finder-corner[data-corner=tr]{top:calc(72px + var(--inset));right:var(--inset);border-bottom:0;border-left:0;border-top-right-radius:20px}.finder-corner[data-corner=bl]{bottom:var(--inset);left:var(--inset);border-top:0;border-right:0;border-bottom-left-radius:20px}.finder-corner[data-corner=br]{bottom:var(--inset);right:var(--inset);border-top:0;border-left:0;border-bottom-right-radius:20px}.plinth{width:calc(894px * var(--phone-zoom) * .68);aspect-ratio:1;background:linear-gradient(155deg, #16645b 0%, var(--color-petrol) 45%, var(--color-petrol-deep) 100%);box-shadow:inset 0 1px 0 #ffffff29, 0 50px 90px -40px color-mix(in srgb, var(--color-petrol-deep) 70%, transparent);rotate:calc(-14deg + var(--p) * 20deg);scale:calc(.72 + .28 * clamp(0, var(--p) / .3, 1));border-radius:30%}@supports (corner-shape:squircle){.plinth{corner-shape:squircle;border-radius:50%}}.chart-lines{background:repeating-linear-gradient(to bottom, var(--color-hairline) 0 1px, transparent 1px 64px);position:absolute;inset:14% 0 8%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.dial{z-index:-1;pointer-events:none;width:760px;height:760px;position:absolute;top:46%;left:50%;overflow:visible;translate:-50% -50%}.dial-ring{fill:none;stroke:var(--tone-line);stroke-width:1.5px}.dial-ticks{fill:none;stroke:#fff3;stroke-width:12px;stroke-dasharray:2 17.79}.dial-arc{fill:none;stroke:var(--color-saffron);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - clamp(0, (var(--p) - .3) / .56, 1));filter:drop-shadow(0 0 8px #e8a31799)}@media (max-width:1023px){.finder-grid{--at:74% 50%}.finder-corner{display:none}.dial{-webkit-mask-image:linear-gradient(#0000 22%,#000 46%);mask-image:linear-gradient(#0000 22%,#000 46%)}}
.phone{--frame:10px;width:calc(402px + 2 * var(--frame));height:calc(874px + 2 * var(--frame));padding:var(--frame);zoom:var(--phone-zoom,.6);background:linear-gradient(150deg,#3d4241 0%,#141716 34%,#0c0f0e 62%,#262a29 100%);border-radius:66px;flex:none;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff24,inset 0 0 0 4px #050606,0 60px 90px -40px #0c0f0e80,0 24px 40px -24px #0c0f0e59}.phone:before,.phone:after{content:"";background:#1b1e1d;border-radius:2px;width:4px;position:absolute}.phone:before{inset-inline-start:-3px;height:64px;top:190px;box-shadow:0 86px #1b1e1d}.phone:after{inset-inline-end:-3px;height:104px;top:250px}.phone-island{top:calc(var(--frame) + 11px);background:#000;border-radius:20px;width:125px;height:37px;position:absolute;left:50%;translate:-50%}.phone-screen{background:var(--color-white);width:402px;height:874px;color:var(--color-ink);font-family:var(--font-sans);text-align:start;-webkit-font-smoothing:antialiased;border-radius:56px;font-size:16px;line-height:24px;position:relative;overflow:hidden}.phone-status{z-index:2;background:var(--color-white);direction:ltr;justify-content:space-between;height:54px;padding:18px 30px 0 52px;display:flex;position:absolute;inset:0 0 auto}.phone-time{letter-spacing:-.2px;font-size:17px;font-weight:600;line-height:22px}.phone-status-icons{align-items:center;gap:6px;height:22px;display:inline-flex}.phone-content{transform:translate3d(0, calc(var(--screen-scroll,0px) * -1), 0);position:absolute;inset:54px 0 0}.phone-home{z-index:3;background:var(--color-ink);border-radius:3px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;translate:-50%}.phone p{margin:0}.app-body{font-size:16px;line-height:24px}.app-body-strong{font-size:16px;font-weight:600;line-height:24px}.app-caption{font-size:13px;line-height:18px}.app-caption-strong{font-size:13px;font-weight:600;line-height:18px}.app-section{letter-spacing:-.3px;font-size:20px;font-weight:600;line-height:26px}.app-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--color-grey);font-size:12px;font-weight:600;line-height:16px}.app-muted{color:var(--color-grey)}.app-danger{color:var(--color-red)}.app-grow{flex:auto;min-width:0}.app-one-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-header{justify-content:space-between;align-items:flex-end;padding:12px 16px;display:flex}.app-header .app-label{margin-bottom:4px}.app-switcher{background:var(--color-mist);border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 16px 0 12px;display:inline-flex}.app-make{border-radius:11px;place-items:center;width:22px;height:22px;font-size:9px;font-weight:700;line-height:11px;display:grid}.app-avatar{background:var(--color-petrol);width:34px;height:34px;color:var(--color-white);border-radius:17px;place-items:center;margin-bottom:3px;display:grid}.app-blocks{flex-direction:column;gap:16px;padding:0 16px 120px;display:flex}.app-car{aspect-ratio:2.1;object-fit:cover;width:100%;height:auto;display:block}.app-card{border:1px solid var(--color-hairline);background:var(--color-white);border-radius:20px;padding:16px}.app-mileage{align-items:center;gap:16px;display:flex}.app-outline-button{border:1.5px solid var(--color-petrol);min-height:44px;color:var(--color-petrol);border-radius:14px;align-items:center;padding:0 24px;font-weight:600;display:inline-flex}.app-alert{background:var(--color-red-tint);border:1px solid #f3c9c4;border-radius:20px;align-items:center;gap:16px;padding:16px;display:flex}.app-alert-icon{color:var(--color-red);display:grid;position:relative}.app-alert-badge{inset-inline-end:-4px;border:2px solid var(--color-red-tint);background:var(--color-red);width:18px;height:18px;color:var(--color-white);border-radius:9px;place-items:center;font-size:11px;font-weight:600;line-height:13px;display:grid;position:absolute;bottom:-2px}.app-danger-button{min-height:44px;color:var(--color-white);background:#a61f19;border-radius:14px;align-items:center;gap:4px;padding:0 16px;font-weight:600;display:inline-flex}.app-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:-16px;padding:24px 0 8px;display:flex}.app-link{min-height:32px;color:var(--color-petrol);align-items:center;gap:4px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex}.app-upcoming-row{gap:12px;display:flex}.app-upcoming{flex-direction:column;flex:1 1 0;gap:8px;min-width:0;display:flex}.app-upcoming-image{aspect-ratio:1;object-fit:contain;align-self:center;width:70%;height:auto}.app-due{font-variant-numeric:tabular-nums;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;min-height:30px;padding:0 12px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex}.app-due[data-tone=ok]{background:var(--color-petrol-tint);color:var(--color-petrol)}.app-due[data-tone=soon]{background:var(--color-amber-tint);color:var(--color-amber)}.app-due[data-tone=overdue]{background:var(--color-red-tint);color:var(--color-red)}.app-light-on{background:var(--color-amber-tint);border:1px solid #f4e3bf;border-radius:20px;align-items:center;gap:16px;padding:16px;display:flex}.app-cost{align-items:stretch;gap:16px;display:flex}.app-cost-left{flex-direction:column;flex:1 1 0;gap:2px;display:flex}.app-cost-value{align-items:baseline;gap:6px;display:flex}.app-cost-number{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:38px;font-weight:800;line-height:44px}.app-divider{background:var(--color-hairline);width:.5px}.app-cost-right{flex-direction:column;flex:1 1 0;justify-content:space-between;gap:8px;display:flex}.app-cost-right .app-link{align-self:flex-end;min-height:28px}.app-tabbar{z-index:2;border-top:1px solid var(--color-hairline);background:var(--color-white);padding:8px 0 34px;display:flex;position:absolute;inset:auto 0 0}.app-tabbar-bump{position:absolute;top:-15px;left:50%;translate:-50%}.app-tab{min-height:48px;color:var(--color-grey);flex-direction:column;flex:1 1 0;align-items:center;gap:2px;font-size:12px;font-weight:500;line-height:16px;display:flex;position:relative}.app-tab[data-active]{color:var(--color-petrol);font-weight:600}.app-tab-dot{border-radius:2px;width:4px;height:4px;margin-top:2px}.app-tab[data-active] .app-tab-dot{background:var(--color-petrol)}.app-scan-button{background:var(--color-ink);width:46px;height:46px;color:var(--color-white);border-radius:14px;place-items:center;margin:-15px 0 5px;display:grid;box-shadow:0 2px 6px #0c0f0e1f}.roll{font-variant-numeric:tabular-nums;display:inline-flex}.roll-digit{height:26px;display:inline-block;overflow:hidden}.roll-strip{transform:translateY(calc(var(--d) * -26px));flex-direction:column;display:flex}@media (prefers-reduced-motion:no-preference){.roll-strip{animation:roll-in 1.1s var(--ease-settle) both;animation-delay:calc(.5s + var(--i) * 70ms)}}@keyframes roll-in{0%{transform:translateY(0)}}.app-title{letter-spacing:-.8px;font-size:30px;font-weight:700;line-height:36px}.app-brand{color:var(--color-petrol)}.app-brand-pill{background:var(--color-petrol);min-height:44px;color:var(--color-white);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.app-stack{flex-direction:column;gap:12px;padding:0 16px 96px;display:flex}.app-segments{gap:8px;margin-top:8px;display:flex}.app-segments>span{background:var(--color-mist);min-height:40px;color:var(--color-grey);border-radius:14px;flex:1 1 0;place-items:center;font-size:13px;font-weight:600;line-height:18px;display:grid}.app-segments>span[data-active]{background:var(--color-petrol);color:var(--color-white)}.app-segments-two{background:var(--color-mist);border-radius:14px;gap:0;margin-top:0;padding:3px}.app-segments-two>span{border-radius:11px;font-size:16px;font-weight:400;line-height:24px}.app-segments-two>span[data-active]{font-weight:600}.app-group{flex-direction:column;gap:8px;margin-top:12px;display:flex}.app-group-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.app-card-flush{padding:0;overflow:hidden}.app-task{background:var(--color-white);align-items:center;gap:12px;padding:12px;display:flex}.app-task+.app-task{border-top:1px solid var(--color-hairline)}.app-task-image{object-fit:contain;flex:none;width:56px;height:56px}.app-task-text{flex-direction:column;gap:4px;display:flex}[data-due=overdue]{color:var(--color-red)}[data-due=soon]{color:var(--color-amber)}[data-due=ok]{color:var(--color-grey)}.app-task-aside{text-align:end;max-width:96px}.app-progress{background:var(--color-mist);border-radius:3px;height:6px;display:block;overflow:hidden}.app-progress>span{border-radius:3px;height:100%;display:block}.app-progress[data-tone=overdue]>span{background:var(--color-red)}.app-progress[data-tone=soon]>span{background:var(--color-saffron)}.app-progress[data-tone=ok]>span{background:var(--color-petrol)}.app-disclaimer{padding-top:12px}.app-dashlight{font-variant-numeric:tabular-nums;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;min-height:28px;padding:0 12px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex}.app-dashlight-dot{border-radius:4px;width:8px;height:8px}.app-dashlight[data-tone=ok]{background:var(--color-petrol-tint);color:var(--color-petrol)}.app-dashlight[data-tone=ok] .app-dashlight-dot{background:var(--color-petrol)}.app-dashlight[data-tone=soon]{background:var(--color-amber-tint);color:var(--color-amber)}.app-dashlight[data-tone=soon] .app-dashlight-dot{background:var(--color-saffron)}.app-dashlight[data-tone=overdue]{background:var(--color-red-tint);color:var(--color-red)}.app-dashlight[data-tone=overdue] .app-dashlight-dot{background:var(--color-red)}.app-sheet{padding-top:8px;position:relative}.app-grabber{background:var(--color-hairline);border-radius:3px;width:36px;height:5px;margin:0 auto;display:block}.app-sheet-head{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.app-photo{aspect-ratio:4/3;background:linear-gradient(160deg,#e9e7e0,#d9d6cd);border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.app-photo-receipt{white-space:pre;background:#fbfbf8;flex-direction:column;gap:4px;width:58%;padding:14px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px;line-height:14px;display:flex;rotate:-3deg;box-shadow:0 10px 22px #0c0f0e2e}.app-photo-receipt>span:first-child,.app-photo-receipt>span:last-child{font-weight:700}.app-bracket{border:3px solid var(--color-petrol);width:22px;height:22px;position:absolute}.app-bracket[data-corner=tl]{border-bottom:0;border-right:0;border-top-left-radius:6px;top:12px;left:12px}.app-bracket[data-corner=tr]{border-bottom:0;border-left:0;border-top-right-radius:6px;top:12px;right:12px}.app-bracket[data-corner=bl]{border-top:0;border-right:0;border-bottom-left-radius:6px;bottom:12px;left:12px}.app-bracket[data-corner=br]{border-top:0;border-left:0;border-bottom-right-radius:6px;bottom:12px;right:12px}.app-kinds{background:var(--color-mist);border-radius:14px;gap:4px;padding:4px;display:flex}.app-kinds>span{min-height:40px;color:var(--color-grey);border-radius:10px;flex:1 1 0;justify-content:center;align-items:center;gap:4px;display:inline-flex}.app-kinds>span[data-active]{background:var(--color-white);color:var(--color-ink);box-shadow:0 1px 3px #0c0f0e1f}.app-field-row{gap:12px;display:flex}.app-field-row>.app-field{flex:1 1 0;min-width:0}.app-field{flex-direction:column;gap:8px;display:flex}.app-input{border:1px solid var(--color-mist);background:var(--color-mist);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:0 16px;display:flex}.app-input[data-low]{border-color:var(--color-saffron);background:var(--color-amber-tint)}.app-input-value{white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;overflow:hidden}.app-low-hint{align-items:center;gap:8px;display:flex}.app-low-dot{background:var(--color-saffron);border-radius:4px;flex:none;width:8px;height:8px}.app-primary-button{background:var(--color-ink);min-height:52px;color:var(--color-white);border-radius:14px;place-items:center;margin-top:4px;font-weight:600;display:grid}.app-outline-small{gap:8px;padding:0 16px}.app-costs-head{align-items:center;padding-top:8px}.app-chip{background:var(--color-mist);min-height:32px;color:var(--color-grey);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex}.app-metrics{gap:12px;display:flex}.app-metric{flex-direction:column;flex:1 1 0;gap:2px;min-height:116px;display:flex}.app-metric-head{justify-content:space-between;align-items:center;min-height:28px;display:flex}.app-metric-value{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-top:8px;font-size:34px;font-weight:800;line-height:40px}.app-forecast{flex-direction:column;gap:4px;display:flex}.app-forecast-total{letter-spacing:-.8px;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:36px}.app-bars{gap:5px;height:112px;margin-top:12px;display:flex}.app-bar-slot{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:stretch;gap:4px;display:flex}.app-bar{background:#b9d3cd;border-radius:4px;max-height:calc(100% - 16px)}.app-bar[data-service]{background:var(--color-petrol)}.app-bar-label{text-align:center;color:var(--color-grey);font-size:10px;line-height:12px}.app-banner{background:var(--color-petrol);color:var(--color-white);border-radius:20px;align-items:center;gap:12px;margin:0 16px 12px;padding:16px;display:flex}.app-document{align-items:center;gap:12px;min-height:150px;display:flex}.app-document-text{flex-direction:column;gap:8px;display:flex}.app-document-image{aspect-ratio:1;object-fit:contain;flex:none;width:42%;height:auto}
.hero-track{--ticker:44px;z-index:1;position:relative;overflow:clip}.hero-sticky{height:100svh;min-height:640px;padding:92px 16px calc(28px + var(--ticker));flex-direction:column;gap:20px;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.js .hero-track{height:160svh}.js .hero-sticky{position:sticky;top:0}}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.js .hero-track{height:200svh}}@media (min-width:1024px){.hero-sticky{padding:96px clamp(32px, 4vw, 72px) calc(56px + var(--ticker));grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:center;column-gap:2vw;max-width:1680px;margin-inline:auto;display:grid}.hero-track{--ticker:52px}}.hero-copy{z-index:2;position:relative}.hero-eyebrow{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:18px;display:flex}.hero-platforms{color:var(--color-grey);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);padding:3px 10px;font-size:13px;line-height:18px}.hero-title{letter-spacing:-.045em;text-wrap:balance;max-width:9.5ch;font-size:clamp(3rem,.5rem + 5.6vw,8rem);font-weight:700;line-height:.94}.hero-sub{max-width:34ch;color:var(--color-grey);margin-top:22px;font-size:clamp(17px,.95rem + .35vw,21px);line-height:1.5}.hero-actions{margin-top:28px}.hero-reducer{color:var(--color-grey);margin-top:12px;font-size:14px;line-height:20px}.badge-link{transition:transform var(--duration-settle) var(--ease-settle)}.badge-link:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:no-preference){.hero-word{animation:hero-word-in .9s var(--ease-settle) both;animation-delay:calc(var(--i) * 70ms + 60ms);display:inline-block}}@keyframes hero-word-in{0%{filter:blur(12px);transform:translateY(.3em)}to{filter:blur();transform:none}}.hero-visual{flex:auto;min-height:360px;position:relative}.hero-car{inset-inline-end:-2%;aspect-ratio:2.1;isolation:isolate;width:96%;position:absolute;top:2%}.hero-car:after{content:"";z-index:-3;aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--color-petrol-tint) 75%, transparent), transparent);pointer-events:none;border-radius:50%;width:120%;position:absolute;top:56%;left:50%;translate:-50% -50%}.hero-car:before{content:"";z-index:-2;background:linear-gradient(to bottom, var(--color-mist) 0%, color-mix(in srgb, var(--color-mist) 40%, transparent) 30%, transparent 75%);border-top:1px solid color-mix(in srgb, var(--color-hairline) 70%, transparent);pointer-events:none;height:50svh;position:absolute;top:88.8%;left:-70%;right:-70%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 38% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 38% 70%,#0000)}.hero-car-reflection{object-fit:cover;transform-origin:50% 88.8%;opacity:.16;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;scale:1 -1;-webkit-mask-image:linear-gradient(#0000 62%,#000 88.6%,#0000 88.8%);mask-image:linear-gradient(#0000 62%,#000 88.6%,#0000 88.8%)}.hero-car-shine{pointer-events:none;-webkit-mask:var(--mask) center / cover no-repeat;-webkit-mask:var(--mask) center / cover no-repeat;mask:var(--mask) center / cover no-repeat;opacity:0;background:linear-gradient(105deg,#0000 44%,#ffffff8c 50%,#0000 56%) 100% 0/300% 100% no-repeat;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.hero-car-shine{animation:car-shine 8s var(--ease-settle) 1.6s infinite}}@keyframes car-shine{0%{opacity:1;background-position:100% 0}28%{opacity:1;background-position:0 0}29%,to{opacity:0;background-position:0 0}}.hero-gauge{z-index:-1;aspect-ratio:1;pointer-events:none;width:100%;position:absolute;top:56%;left:50%;overflow:visible;translate:-50% -50%}@media (max-width:1023px){.hero-gauge{width:72%;top:64%}}.hero-readout{z-index:1;pointer-events:none;justify-items:center;gap:4px;display:none;position:absolute;top:-27%;left:50%;translate:-50% -50%}@media (min-width:1024px) and (min-height:821px){.hero-readout{display:grid}}.hero-readout-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-grey);font-size:11px;font-weight:600;line-height:14px}.hero-readout-value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;direction:ltr;align-items:baseline;font-size:clamp(32px,.8rem + 2.2vw,56px);font-weight:800;line-height:1;display:inline-flex}.hero-odo{height:1em;display:inline-block;overflow:hidden}.hero-odo-strip{transform:translateY(calc(var(--d) * -1em));flex-direction:column;display:flex}@media (prefers-reduced-motion:no-preference){.hero-odo-strip{animation:hero-odo-in 1.4s var(--ease-settle) both;animation-delay:calc(.3s + var(--i) * 90ms)}}@keyframes hero-odo-in{0%{transform:translateY(0)}}.hero-readout-unit{letter-spacing:0;color:var(--color-grey);margin-inline-start:.22em;font-size:.36em;font-weight:600}.gauge-ring{fill:none;stroke:var(--color-hairline);stroke-width:2px}.gauge-ticks{fill:none;stroke:var(--color-grey);stroke-width:14px;stroke-dasharray:.06 .94;stroke-dashoffset:.03px;opacity:.3}.gauge-ticks-major{fill:none;stroke:var(--color-ink);stroke-width:30px;stroke-dasharray:.03 .97;stroke-dashoffset:.015px;opacity:.4}.gauge-arc{fill:none;stroke:var(--color-petrol);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - .22 - var(--hero-p,0) * .5);transition:stroke-dashoffset .12s linear}@media (max-width:639px){.data-layer{display:none}}.hero-car-image{object-fit:cover;width:100%;height:100%;display:block}.hero-phone{--phone-zoom:.34;inset-inline-start:2%;z-index:4;transform-origin:50% 100%;transform:perspective(1600px) rotateY(calc(18deg - var(--hero-p,0) * 14deg)) rotateX(3deg);position:absolute;bottom:0}@media (min-width:640px) and (max-width:1023px){.hero-phone{--phone-zoom:.46}}@media (min-width:1024px){.hero-visual{height:min(72svh,720px)}.hero-car{inset-inline-end:-2%;width:88%;top:auto;bottom:16%}.hero-phone{--phone-zoom:.56;inset-inline-start:0}}@media (min-width:1024px) and (min-height:860px){.hero-phone{--phone-zoom:.66}}@media (min-width:1024px) and (max-height:720px){.hero-phone{--phone-zoom:.48}}.data-layer{position:absolute;inset:0}.pill{--k:.6;left:var(--x);top:var(--y);z-index:3;width:0;height:0;position:absolute}@media (min-width:1024px){.pill{--k:1}}.pill[data-tone=ok]{--tone:var(--color-petrol);--tone-text:var(--color-petrol);--tone-tint:var(--color-petrol-tint)}.pill[data-tone=soon]{--tone:var(--color-saffron);--tone-text:var(--color-amber);--tone-tint:var(--color-amber-tint)}.pill[data-tone=overdue]{--tone:var(--color-red);--tone-text:var(--color-red);--tone-tint:var(--color-red-tint)}.pill-anchor{border-radius:var(--radius-pill);background:var(--color-white);border:2px solid var(--tone);width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in srgb, var(--tone) 16%, transparent);position:absolute;top:-6px;left:-6px}.pill-line{height:1px;width:calc(var(--len) * var(--k));background:var(--tone);opacity:.6;transform-origin:0;rotate:var(--angle);position:absolute;top:-.5px;left:0}.pill-card{left:calc(var(--cx) * var(--k) + var(--shift-x,0px));top:calc(var(--cy) * var(--k) + var(--shift-y,0px));background:var(--color-white);border:1px solid var(--color-hairline);border-radius:var(--radius-tile);box-shadow:var(--shadow-floating);white-space:nowrap;gap:6px;padding:10px 12px;display:grid;position:absolute;translate:-50% -50%}.pill-title{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:1.2}.pill-status{border-radius:var(--radius-pill);width:max-content;color:var(--tone-text);background:var(--tone-tint);align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.pill-dot{border-radius:var(--radius-pill);background:var(--tone);width:7px;height:7px}@media (min-width:1024px){.pill-card{padding:12px 14px}.pill-title{font-size:15px}.pill-status{font-size:13px;line-height:18px}}@media (prefers-reduced-motion:no-preference){.js .pill-anchor,.js .pill-line,.js .pill-card{transition:opacity .36s var(--ease-settle), scale .36s var(--ease-settle)}.js .pill-line{transition-delay:80ms}.js .pill-card{transition-delay:.14s}.js .pill:not([data-on]) .pill-anchor{opacity:0;scale:.4}.js .pill:not([data-on]) .pill-line{opacity:0;scale:0 1}.js .pill:not([data-on]) .pill-card{opacity:0;scale:.94}}html.hero-static .hero-track{height:auto}html.hero-static .hero-sticky{position:relative}html.hero-static .pill .pill-anchor,html.hero-static .pill .pill-line,html.hero-static .pill .pill-card{opacity:1;scale:1}@media (max-width:1023px){:is(html:not(.js),html.hero-static) .hero-sticky{height:auto;min-height:100svh}:is(html:not(.js),html.hero-static) .hero-visual{min-height:420px}:is(html:not(.js),html.hero-static) .data-layer{display:none}}.hero-ticker{z-index:5;width:100vw;height:var(--ticker);background:var(--color-ink);color:var(--color-white);align-items:center;display:flex;position:absolute;bottom:0;left:50%;overflow:hidden;translate:-50%}.hero-ticker ul{flex:none;width:max-content;display:flex}.hero-ticker li{white-space:nowrap;letter-spacing:.01em;align-items:center;gap:28px;padding-inline-end:28px;font-size:14px;font-weight:600;line-height:20px;display:flex}.hero-ticker li:after{content:"";background:var(--color-saffron);border-radius:50%;width:6px;height:6px}@media (min-width:1024px){.hero-ticker li{gap:36px;padding-inline-end:36px;font-size:15px}}@media (prefers-reduced-motion:no-preference){.hero-ticker ul{animation:70s linear infinite ticker}[dir=rtl] .hero-ticker ul{animation-name:ticker-rtl}.hero-ticker:hover ul{animation-play-state:paused}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes ticker-rtl{to{transform:translate(50%)}}
.problem-track{z-index:1;position:relative}.problem-stage{--dark:1;background:color-mix(in srgb, var(--color-ink) calc(var(--dark) * 100%), var(--color-white));height:100svh;min-height:640px;position:relative;overflow:clip}.problem-stage:before{content:"";background:radial-gradient(60% 55% at 62% -8%, color-mix(in srgb, var(--color-petrol-glow) 22%, transparent), transparent 70%);opacity:var(--dark);pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.js .problem-track{height:260svh}.js .problem-stage{--dark:0;position:sticky;top:0}}.problem-copy{z-index:3;inset-inline:16px;max-width:34rem;position:absolute;top:96px}.problem-title{letter-spacing:-.04em;color:var(--color-white);text-wrap:balance;font-size:clamp(2.4rem,1rem + 4vw,5.6rem);font-weight:700;line-height:.98}.problem-sub{max-width:30ch;color:var(--color-fog);margin-top:22px;font-size:clamp(17px,.95rem + .35vw,21px);line-height:1.5}@media (min-width:1024px){.problem-copy{inset-inline-start:clamp(32px,4vw,72px);max-width:36vw;top:50%;translate:0 -50%}}.problem-items{z-index:2;position:absolute;inset:44% 0 4%}@media (min-width:1024px){.problem-items{inset:8% 4% 8% 40%}}.problem-item{left:var(--x);top:var(--y);width:max-content;translate:-50% -50%;rotate:var(--turn);scale:calc(.62 + var(--depth) * .42);will-change:transform, opacity;position:absolute}@media (max-width:1023px){.problem-items{inset:50% 0 6%}.problem-item{scale:calc((.62 + var(--depth) * .42) * .62)}.problem-item:not([data-small]){display:none}}.paper{color:var(--color-ink);background:#fbfbf8;flex-direction:column;display:flex;box-shadow:inset 0 1px #fff9,0 24px 48px -12px #0000008c}.receipt{letter-spacing:.02em;clip-path:polygon(0 0,100% 0,100% 97%,92% 100%,84% 97%,76% 100%,68% 97%,60% 100%,52% 97%,44% 100%,36% 97%,28% 100%,20% 97%,12% 100%,4% 97%,0 100%);gap:3px;width:188px;padding:16px 14px 18px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;line-height:16px}.receipt-line{justify-content:space-between;gap:12px;display:flex}.receipt-line:first-of-type{font-weight:700}.receipt-total{font-size:13px;font-weight:700}.receipt-rule{border-top:1px dashed #0c0f0e59;margin:6px 0}.receipt-barcode{background:repeating-linear-gradient(90deg, var(--color-ink) 0 2px, transparent 2px 3px, var(--color-ink) 3px 4px, transparent 4px 7px);opacity:.85;height:24px;margin-top:10px}.certificate{border-radius:6px;gap:12px;width:210px;height:146px;padding:16px}.certificate[data-tone=petrol]{--tone:var(--color-petrol)}.certificate[data-tone=red]{--tone:var(--color-red)}.certificate[data-tone=grey]{--tone:var(--color-grey)}.certificate-head{letter-spacing:.14em;color:var(--tone);align-items:center;gap:8px;font-size:11px;font-weight:700;line-height:14px;display:flex}.certificate-lines{gap:7px;display:grid}.certificate-lines span{background:#e3e3de;border-radius:3px;height:6px}.certificate-foot{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.certificate-foot>span:first-child{border-top:1px solid #0c0f0e66;width:70px}.certificate-seal{border:2px solid var(--tone);opacity:.45;border-radius:50%;width:34px;height:34px}.calendar{text-align:center;border-radius:14px;width:112px;height:124px;overflow:hidden}.calendar-month{background:var(--color-ink);color:var(--color-white);letter-spacing:.18em;border-bottom:1px solid #2a2e2d;padding:6px 0;font-size:13px;font-weight:700;line-height:18px}.calendar-day{letter-spacing:-.04em;font-variant-numeric:tabular-nums;flex:1;place-items:center;font-size:52px;font-weight:800;line-height:1;display:grid;position:relative}.due-dot{background:var(--color-saffron);width:12px;height:12px;box-shadow:0 0 0 6px color-mix(in srgb, var(--color-saffron) 25%, transparent);border-radius:50%;position:absolute;top:12px;right:12px}@media (prefers-reduced-motion:no-preference){.due-dot{animation:due-pulse 1.6s var(--ease-settle) infinite}}@keyframes due-pulse{50%{box-shadow:0 0 0 12px color-mix(in srgb, var(--color-saffron) 0%, transparent)}}.warning-light{filter:drop-shadow(0 0 16px #e878178c);width:92px;height:92px}.problem-phone{--phone-zoom:.38;z-index:4;inset-inline-end:50%;translate:50%;transform:translate3d(0, var(--rise,0%), 0);position:absolute;bottom:-2%}@media (min-width:1024px){.problem-phone{--phone-zoom:.62;inset-inline-end:12%;bottom:50%;translate:0 50%}}@media (min-width:1024px) and (max-height:820px){.problem-phone{--phone-zoom:.52}}@media (prefers-reduced-motion:no-preference){.js .problem-phone [data-land]{transition:opacity .32s var(--ease-settle), transform .32s var(--ease-settle)}.js .problem-phone [data-land]:not([data-on]){opacity:0;transform:translateY(14px)scale(.98)}}.problem-turn{z-index:3;inset-inline-start:clamp(16px,4vw,72px);letter-spacing:-.03em;color:var(--color-ink);opacity:0;font-size:clamp(24px,1rem + 1.6vw,44px);font-weight:700;position:absolute;bottom:9svh}@media (max-width:1023px){.problem-turn{display:none}}
