:root{--navy-50:#eef3f8;--navy-100:#dbe6f0;--navy-200:#b3c9dd;--navy-300:#8babc9;--navy-400:#5f88ac;--navy-500:#3d6690;--navy-600:#2a4d72;--navy-700:#1c3a5c;--navy-800:#113158;--navy-900:#0b2140;--orange-50:#fff3ec;--orange-100:#ffe0cc;--orange-200:#ffc199;--orange-300:#ff9d66;--orange-400:#fd8340;--orange-500:#fb6711;--orange-600:#e2530a;--orange-700:#b84208;--orange-800:#8f3306;--orange-900:#6b2604;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--color-primary:var(--orange-500);--color-primary-dark:var(--orange-600);--color-primary-light:var(--orange-100);--color-secondary:var(--navy-800);--color-bg:#fff;--color-bg-alt:var(--slate-50);--color-surface:#fff;--color-border:var(--slate-200);--color-text:var(--navy-900);--color-text-muted:var(--slate-500);--color-text-subtle:var(--slate-400);--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-error:#dc2626;--color-error-bg:#fee2e2;--color-link:var(--orange-700);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0b21400f, 0 1px 2px #0b21400a;--shadow-md:0 4px 12px #0b21401a, 0 2px 4px #0b21400a;--shadow-lg:0 10px 24px #0b21401f, 0 4px 8px #0b21400a;--shadow-xl:0 20px 40px #0b214029, 0 8px 16px #0b21400f;--shadow-glow:0 0 0 3px var(--orange-200);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.45s;--mobile-nav-height:64px;--mobile-header-height:52px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1.2}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{max-width:1100px}.container,.container-sm{margin:0 auto;padding:0 24px}.container-sm{max-width:680px}.section{padding:48px 0}.page-hero{background:linear-gradient(135deg,var(--orange-50) 0,var(--navy-50) 100%);border-bottom:1px solid var(--color-border);padding:0 0 48px}.page-hero .container-sm{padding-top:64px}.page-hero+.section{padding-top:80px}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=720px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border);text-decoration:none}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-alt);text-decoration:none}.btn-danger{background:var(--color-error);color:#fff;border:1px solid var(--color-error)}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;text-decoration:none}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:17px}.btn-block{justify-content:center;width:100%}.btn-locked,a.btn-locked{opacity:.55;border:1px dashed var(--slate-300);cursor:not-allowed;pointer-events:auto;filter:grayscale(.35)}.btn-locked,.btn-locked:hover,a.btn-locked,a.btn-locked:hover{color:var(--color-text-muted);background:var(--slate-100);box-shadow:none}.btn-locked:hover,a.btn-locked:hover{opacity:.7;border-color:var(--slate-300);text-decoration:none;transform:none}.feature-locked{opacity:.72;filter:grayscale(.2)}.feature-locked-hint{color:var(--color-text-subtle);margin-top:8px;font-size:12px}.feature-locked-hint a{color:var(--color-text-muted);text-decoration:underline}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);padding:24px}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--color-text);font-size:14px;font-weight:600}.form-label-optional{color:var(--color-text-muted);margin-left:4px;font-size:12px;font-weight:400}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:10px 14px;font-family:inherit;font-size:15px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.form-input::placeholder{color:var(--color-text-subtle)}.form-hint{color:var(--color-text-muted);font-size:12px}.form-error{color:var(--color-error);font-size:13px}.account-code{letter-spacing:.12em;background:var(--navy-900);color:#fff;border-radius:var(--radius-sm);padding:8px 20px;font-family:SF Mono,Fira Code,monospace;font-size:22px;font-weight:700;display:inline-block}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-overdue{background:var(--color-error-bg);color:var(--color-error)}.badge-upcoming{background:var(--color-warning-bg);color:var(--color-warning)}.badge-ok{background:var(--color-success-bg);color:var(--color-success)}.badge-slate{background:var(--slate-100);color:var(--slate-700)}.badge-orange{background:var(--orange-100);color:var(--orange-800)}.health-gauge{background:var(--color-bg-alt);border:4px solid var(--color-border);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;display:inline-flex}.health-gauge.excellent{border-color:var(--color-success)}.health-gauge.good{border-color:var(--orange-400)}.health-gauge.fair{border-color:var(--color-warning)}.health-gauge.needs-attention{border-color:var(--color-error)}.health-gauge-score{font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;line-height:1}.health-gauge-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.badge-shelf{flex-wrap:wrap;gap:12px;display:flex}.badge-chip{border-radius:var(--radius-full);background:var(--navy-50);border:1px solid var(--navy-100);color:var(--navy-800);align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.badge-chip svg{color:var(--color-primary)}.pref-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-alt);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;display:flex}.pref-toggle.compact{padding:10px 14px}.pref-toggle+.pref-toggle{margin-top:10px}.pref-toggle input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.pref-toggle-track{border-radius:var(--radius-full);background:var(--slate-300);width:38px;height:22px;transition:background var(--duration-fast,.15s) var(--ease-out,ease);flex:none;align-items:center;padding:3px;display:flex}.pref-toggle-thumb{width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast,.15s) var(--ease-out,ease);background:#fff;border-radius:50%}.pref-toggle input:checked+.pref-toggle-track{background:var(--color-primary)}.pref-toggle input:checked+.pref-toggle-track .pref-toggle-thumb{transform:translate(16px)}.pref-toggle input:focus-visible+.pref-toggle-track{outline:3px solid var(--orange-200);outline-offset:2px}.pref-toggle input:disabled+.pref-toggle-track{opacity:.6}.pref-toggle-copy{min-width:0;color:var(--color-text);flex-direction:column;gap:2px;font-size:14px;display:flex}.pref-toggle-copy strong{font-weight:600}.pref-toggle-copy small{color:var(--color-text-muted);font-size:12px;line-height:1.35}.streak-pill{border-radius:var(--radius-full);background:var(--orange-50);color:var(--orange-700);align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.modal-backdrop{z-index:1000;background:#0b214080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:420px;max-height:90vh;box-shadow:var(--shadow-xl);overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-enter-active,.modal-leave-active{transition:opacity var(--duration-base) var(--ease-out)}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal,.modal-leave-to .modal{opacity:0;transform:scale(.96)translateY(8px)}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}.page-shell{flex-direction:column;min-height:100vh;display:flex}.page-shell>:nth-child(2){flex:1 0 auto;min-height:0}@media (width<=720px){.container,.container-sm{padding:0 32px}.section{padding:40px 0}.section+.section{padding-top:56px}.page-hero+.section{padding-top:64px}.card{padding:20px}body{padding-top:var(--mobile-header-height);padding-bottom:var(--mobile-nav-height)}body.native-signed-out{padding-top:0;padding-bottom:0}body.native-signed-out .mobile-bottom-nav,body.native-signed-out .mobile-header{display:none}}@media (width<=480px){.container,.container-sm{padding:0 24px}}.home-page{flex-direction:column;min-height:100vh;display:flex;position:relative}.home-drive-overlay{z-index:0;pointer-events:none;transform-style:preserve-3d;perspective:1200px;position:fixed;inset:0;overflow:hidden}.home-drive-car{transform-origin:50%;opacity:0;z-index:6;will-change:transform,opacity,filter;filter:drop-shadow(0 12px 24px #0b21402e);width:min(480px,68vw);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)scale(.1)}.home-drive-car-side{z-index:5;width:min(440px,62vw)}.home-drive-car-front{z-index:7;width:min(480px,68vw)}.white-car-svg{-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.home-drive-content{z-index:1;padding:0 0 64px;position:relative}@media (width<=768px){.home-drive-car{width:min(280px,72vw);top:46%}.home-drive-car-side{width:min(240px,60vw)}.home-drive-car-front{width:min(300px,76vw)}}@media (prefers-reduced-motion:reduce){.home-drive-car{opacity:0!important}.reveal{opacity:1!important;transition:none!important;transform:none!important}}.mobile-header[data-v-e9134df9]{display:none}@media (width<=720px){.mobile-header[data-v-e9134df9]{z-index:50;height:var(--mobile-header-height);padding-top:env(safe-area-inset-top,0);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:center;position:fixed;top:0;left:0;right:0}.mobile-header[data-v-e9134df9],.mobile-header-brand[data-v-e9134df9]{align-items:center;display:flex}.mobile-header-logo[data-v-e9134df9]{-o-object-fit:contain;object-fit:contain;width:auto;height:24px}}.email-field[data-v-92cc43e3]{position:relative}.email-field-icon[data-v-92cc43e3]{color:var(--color-text-subtle);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.email-field-input[data-v-92cc43e3]{padding-left:36px}.mobile-bottom-nav[data-v-f3187598]{display:none}@media (width<=720px){.mobile-bottom-nav[data-v-f3187598]{z-index:50;height:var(--mobile-nav-height);padding-bottom:env(safe-area-inset-bottom,0);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-link[data-v-f3187598]{color:var(--color-text-muted);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.mobile-bottom-nav-link.active[data-v-f3187598]{color:var(--color-primary)}.nav-icon-wrap[data-v-f3187598]{position:relative}.nav-badge[data-v-f3187598],.nav-icon-wrap[data-v-f3187598]{justify-content:center;align-items:center;display:flex}.nav-badge[data-v-f3187598]{background:linear-gradient(135deg,var(--orange-500),var(--orange-600));color:#fff;border-radius:var(--radius-full);min-width:18px;height:18px;padding:0 5px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;position:absolute;top:-6px;right:-10px}}.app-update-banner[data-v-646307d8]{left:12px;right:12px;bottom:calc(var(--mobile-nav-height) + max(12px, env(safe-area-inset-bottom,0px)) + 8px);z-index:60;background:var(--color-secondary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex;position:fixed}.app-update-actions[data-v-646307d8]{flex-shrink:0;align-items:center;gap:8px;display:flex}.app-update-dismiss[data-v-646307d8]{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.global-wrench-display[data-v-cf374d4e]{top:max(16px,env(safe-area-inset-top,0px));z-index:55;background:linear-gradient(135deg,var(--orange-500),var(--orange-600));color:#fff;border-radius:var(--radius-full);align-items:center;gap:6px;padding:8px 16px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;animation:3s ease-in-out infinite wrench-pulse-cf374d4e;display:flex;position:fixed;right:16px;box-shadow:0 4px 16px #fb67114d,0 2px 6px #0000001a}.global-wrench-display[data-v-cf374d4e]:hover{text-decoration:none;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 24px #fb671166}.wrench-icon[data-v-cf374d4e]{animation:2s ease-in-out infinite wrench-wiggle-cf374d4e}@keyframes wrench-pulse-cf374d4e{0%,to{box-shadow:0 4px 16px #fb67114d}50%{box-shadow:0 4px 24px #fb671180}}@keyframes wrench-wiggle-cf374d4e{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.wrench-fade-enter-active[data-v-cf374d4e],.wrench-fade-leave-active[data-v-cf374d4e]{transition:opacity .3s,transform .3s}.wrench-fade-enter-from[data-v-cf374d4e],.wrench-fade-leave-to[data-v-cf374d4e]{opacity:0;transform:scale(.8)translateY(-10px)}@media (width<=720px){.global-wrench-display[data-v-cf374d4e]{top:max(60px,env(safe-area-inset-top,0px) + 48px);padding:6px 12px;font-size:13px;right:12px}}.wrench-overlay[data-v-f0b23e51]{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.flying-wrench[data-v-f0b23e51]{will-change:transform,opacity;text-shadow:0 2px 8px #00000026;font-size:28px;line-height:1;position:absolute}.wrench-popup[data-v-f0b23e51]{background:linear-gradient(135deg,var(--orange-500),var(--orange-600));color:#fff;border-radius:var(--radius-full);pointer-events:none;z-index:10000;align-items:center;gap:8px;padding:14px 28px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:800;display:flex;position:fixed;top:20%;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #fb671159,0 4px 12px #00000026}.wrench-popup-icon[data-v-f0b23e51]{font-size:28px;animation:.5s infinite alternate wrench-bounce-f0b23e51}@keyframes wrench-bounce-f0b23e51{0%{transform:rotate(-15deg)scale(1)}to{transform:rotate(15deg)scale(1.15)}}.popup-enter-active[data-v-f0b23e51]{animation:popup-in-f0b23e51 .4s var(--ease-out) forwards}.popup-leave-active[data-v-f0b23e51]{animation:popup-out-f0b23e51 .3s var(--ease-out) forwards}@keyframes popup-in-f0b23e51{0%{opacity:0;transform:translate(-50%)scale(.5)translateY(20px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}@keyframes popup-out-f0b23e51{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.8)translateY(-10px)}}