@import "https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--otto-cream:#efeae0;--otto-cream-2:#e6e0d1;--otto-paper:#faf6ee;--otto-ink:#1a1410;--otto-ink-soft:#3a2f24;--otto-mute:#3a2f2499;--otto-mute-2:#3a2f2459;--otto-rule:#1a14101f;--otto-card:linear-gradient(135deg, #2a3148 0%, #131726 65%, #0c0f1a 100%);--otto-card-ink:#fff;--otto-card-mute:#ffffff8c;--otto-card-mute-2:#ffffff52;--otto-card-hover:linear-gradient(145deg, #303850 0%, #1a1f30 50%, #10131e 100%);--otto-amber:#e8782b;--otto-amber-2:#d65f15;--otto-amber-soft:#e8782b24;--otto-amber-strong:#ff7a1c;--otto-blue:#2dd0ff;--otto-blue-2:#5fa8d9;--otto-blue-soft:#2dd0ff1f;--otto-green:#34c275;--otto-red:#f04438;--otto-yellow:#ffce4d;--otto-font-display:"Saira Condensed", "Saira", "Bebas Neue", system-ui, sans-serif;--otto-font-body:"DM Sans", system-ui, -apple-system, sans-serif;--otto-font-mono:"JetBrains Mono", ui-monospace, monospace;--otto-page-x:48px;--otto-radius:14px}body{background:var(--otto-cream);color:var(--otto-ink);font-family:var(--otto-font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}.otto-root{font-family:var(--otto-font-body);color:var(--otto-ink);background:var(--otto-cream);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.otto-root *,.otto-root :before,.otto-root :after{box-sizing:border-box}.otto-split{grid-template-columns:var(--split-cols,1fr 1fr);gap:var(--split-gap,60px);display:grid}@media (max-width:760px){.otto-split{gap:var(--split-gap-mobile,28px);grid-template-columns:1fr}}.otto-rail{background:var(--otto-ink);z-index:50;flex-direction:column;align-items:center;width:72px;padding-top:20px;display:flex;position:fixed;top:0;bottom:0;left:0}.otto-shell-content{margin-left:72px;padding-bottom:60px}.otto-dock{bottom:0;left:72px}@media (max-width:760px){.otto-rail{border-top:1px solid #ffffff1f;flex-direction:row;justify-content:space-around;width:auto;height:56px;padding-top:0;top:auto;right:0}.otto-rail-desktop-only{display:none}.otto-shell-content{margin-left:0;padding-bottom:116px}.otto-dock{bottom:56px;left:0}}.otto-runrow{grid-template-columns:80px 1fr auto auto auto;align-items:center;gap:18px;display:grid}.otto-runrow-metrics{display:contents}@media (max-width:760px){.otto-runrow{grid-template-columns:56px 1fr;gap:12px}.otto-runrow-metrics{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:14px;display:flex}}.otto-display{font-family:var(--otto-font-display);letter-spacing:-.01em;font-weight:700;line-height:.96}.otto-eyebrow{font-family:var(--otto-font-body);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}.otto-mono{font-family:var(--otto-font-mono)}.otto-logo{font-family:var(--otto-font-display);letter-spacing:-.02em;color:var(--otto-ink);align-items:center;gap:8px;font-size:26px;font-weight:700;display:inline-flex}.otto-logo .star{color:var(--otto-amber);font-size:22px;transform:translateY(-1px)}.otto-logo .ask{letter-spacing:.18em;opacity:.7;font-size:16px;font-weight:500}.otto-card{background:var(--otto-card);color:var(--otto-card-ink);isolation:isolate;border-radius:18px;position:relative;overflow:hidden}.otto-card:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 50% 35%,#4b6eaa38,#0000 70%);position:absolute;inset:0}.otto-card>*{z-index:1;position:relative}.otto-card-content{flex-direction:column;gap:5px;padding:18px 18px 16px;display:flex}.otto-pill{letter-spacing:.04em;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.otto-pill.amber{background:var(--otto-amber);color:#fff}.otto-pill.amber-soft{background:var(--otto-amber-soft);color:var(--otto-amber-2)}.otto-pill.ink-soft{color:var(--otto-card-mute);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14}.otto-pill.outline{color:var(--otto-mute);border:1px solid var(--otto-rule);background:0 0}.otto-btn{font-family:var(--otto-font-body);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:transform 80ms,background .12s,box-shadow .12s;display:inline-flex}.otto-btn:active{transform:translateY(1px)}.otto-btn.primary{background:linear-gradient(180deg, var(--otto-amber-strong), var(--otto-amber-2));color:#fff;box-shadow:0 6px 16px #d65f1552,inset 0 1px #ffffff40}.otto-btn.ghost{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f}.otto-btn.ghost.dark{color:var(--otto-ink);border:1px solid var(--otto-rule);background:#1a14100a}.otto-divider{background-image:linear-gradient(to right, var(--otto-mute-2) 50%, transparent 50%);background-repeat:repeat-x;background-size:6px 1px;height:1px}@keyframes otto-pulse{0%,to{box-shadow:0 0 #f0443873}50%{box-shadow:0 0 0 6px #f0443800}}.otto-live-dot{background:var(--otto-red);border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite otto-pulse}.otto-meter{width:36px;height:36px;font-family:var(--otto-font-display);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex;position:relative}.otto-meter svg{position:absolute;inset:0;transform:rotate(-90deg)}.otto-vehicle-img{object-fit:cover;object-position:center 30%;filter:contrast(1.02)saturate(.95);width:100%;height:100%;-webkit-mask-image:radial-gradient(120% 100% at 50% 45%,#000 55%,#0000 95%);mask-image:radial-gradient(120% 100% at 50% 45%,#000 55%,#0000 95%)}.otto-img-skeleton{background:linear-gradient(135deg,#1c2238,#0c0f1a);width:100%;height:100%;animation:1.5s ease-in-out infinite otto-shimmer}@keyframes otto-shimmer{0%,to{opacity:1}50%{opacity:.6}}@keyframes otto-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--otto-mute);border-radius:3px}.otto-thumb-strip::-webkit-scrollbar{display:none}::selection{background:var(--otto-amber);color:#fff}.mood-day{--otto-cream:#efeae0;--otto-cream-2:#e6e0d1;--otto-paper:#faf6ee;--otto-ink:#1a1410;--otto-ink-soft:#3a2f24;--otto-mute:#3a2f2499;--otto-mute-2:#3a2f2459;--otto-rule:#1a14101f;--otto-card:linear-gradient(135deg, #2a3148 0%, #131726 65%, #0c0f1a 100%);--otto-card-ink:#fff;--otto-card-mute:#ffffff8c;--otto-amber:#e8782b;--otto-amber-2:#d65f15;--otto-amber-strong:#ff7a1c;--otto-amber-soft:#e8782b24;--mood-image-filter:contrast(1.02) saturate(.95);--mood-bg-overlay:none}.mood-showroom{--otto-cream:#fafafa;--otto-cream-2:#f0f0f2;--otto-paper:#fff;--otto-ink:#16181d;--otto-ink-soft:#2f3340;--otto-mute:#16181d80;--otto-mute-2:#16181d33;--otto-rule:#16181d14;--otto-card:linear-gradient(180deg, #fff 0%, #f4f4f6 100%);--otto-card-ink:#16181d;--otto-card-mute:#16181d8c;--otto-card-mute-2:#16181d4d;--otto-amber:#c2410c;--otto-amber-2:#9a2a04;--otto-amber-strong:#ea580c;--otto-amber-soft:#c2410c14;--mood-image-filter:contrast(1.1) saturate(1.05) brightness(1.02);--mood-bg-overlay:none;--mood-card-shadow:0 1px 0 #16181d0a, 0 18px 50px -20px #16181d2e, inset 0 0 0 1px #16181d0f}.mood-misty{--otto-cream:#dde1e8;--otto-cream-2:#d2d6dd;--otto-paper:#eef0f4;--otto-ink:#2e3744;--otto-ink-soft:#4a5562;--otto-mute:#2e37448c;--otto-mute-2:#2e374440;--otto-rule:#2e37441a;--otto-card:linear-gradient(180deg, #ffffffd9 0%, #f5f7fab3 100%);--otto-card-ink:#2e3744;--otto-card-mute:#2e37448c;--otto-card-mute-2:#2e37444d;--otto-amber:#a07a5c;--otto-amber-2:#7a5a40;--otto-amber-strong:#b78e6a;--otto-amber-soft:#a07a5c1a;--mood-image-filter:contrast(.85) saturate(.5) brightness(1.05);--mood-bg-overlay:radial-gradient(120% 80% at 50% 0%, #ffffff80, transparent 60%);--mood-card-shadow:0 24px 50px -28px #2e374440, 0 0 0 1px #fff9 inset}.mood-dusk{--otto-cream:#2e1f18;--otto-cream-2:#3a2920;--otto-paper:#3a2920;--otto-ink:#f5ead4;--otto-ink-soft:#d8c4a6;--otto-mute:#f5ead48c;--otto-mute-2:#f5ead440;--otto-rule:#f5ead41f;--otto-card:linear-gradient(135deg, #5a3a26 0%, #2a1810 100%);--otto-card-ink:#f5ead4;--otto-card-mute:#f5ead499;--otto-card-mute-2:#f5ead459;--otto-amber:#ff9b4a;--otto-amber-2:#e87a2b;--otto-amber-strong:#ffb068;--otto-amber-soft:#ff9b4a29;--mood-image-filter:contrast(1.05) saturate(1.15) sepia(.18);--mood-bg-overlay:radial-gradient(80% 60% at 50% 0%, #ff8c3c1f, transparent 70%);--mood-card-shadow:0 22px 50px -20px #00000073, 0 0 60px #ff8c3c14}.mood-night{--otto-cream:#0a1024;--otto-cream-2:#0e1530;--otto-paper:#131c3a;--otto-ink:#e8edf8;--otto-ink-soft:#b8c2db;--otto-mute:#e8edf880;--otto-mute-2:#e8edf833;--otto-rule:#e8edf81a;--otto-card:linear-gradient(135deg, #1c2a4d 0%, #08102a 100%);--otto-card-ink:#fff;--otto-card-mute:#fff9;--otto-card-mute-2:#ffffff52;--otto-amber:#4d8cff;--otto-amber-2:#2f6fe0;--otto-amber-strong:#6ba1ff;--otto-amber-soft:#4d8cff24;--mood-image-filter:contrast(1.08) saturate(.9) brightness(.95) hue-rotate(-5deg);--mood-bg-overlay:radial-gradient(60% 50% at 80% 10%, #4d8cff1a, transparent 70%);--mood-card-shadow:0 24px 60px -20px #08102ab3, 0 0 0 1px #4d8cff14 inset}.mood-bar{--otto-cream:#1d130c;--otto-cream-2:#281a10;--otto-paper:#2a1c12;--otto-ink:#f2dfb8;--otto-ink-soft:#d4b884;--otto-mute:#f2dfb880;--otto-mute-2:#f2dfb833;--otto-rule:#f2dfb81a;--otto-card:linear-gradient(135deg, #4a2e1a 0%, #1a0d06 100%);--otto-card-ink:#f2dfb8;--otto-card-mute:#f2dfb899;--otto-card-mute-2:#f2dfb852;--otto-amber:#e8b258;--otto-amber-2:#c79140;--otto-amber-strong:#f4c570;--otto-amber-soft:#e8b25824;--mood-image-filter:contrast(1.1) saturate(.85) sepia(.3) brightness(.92);--mood-bg-overlay:radial-gradient(80% 70% at 50% -20%, #e8b25829, transparent 65%);--mood-card-shadow:0 24px 60px -20px #0009, 0 0 90px #e8b25814}.mood-club{--otto-cream:#0a0014;--otto-cream-2:#100022;--otto-paper:#14002a;--otto-ink:#fff;--otto-ink-soft:#c8b5d8;--otto-mute:#ffffff80;--otto-mute-2:#fff3;--otto-rule:#ff00aa2e;--otto-card:linear-gradient(135deg, #2a0a4a 0%, #06000f 100%);--otto-card-ink:#fff;--otto-card-mute:#fff9;--otto-card-mute-2:#ffffff4d;--otto-amber:#ff2dd0;--otto-amber-2:#cc1ea8;--otto-amber-strong:#ff5be3;--otto-amber-soft:#ff2dd029;--otto-blue:#00e8ff;--mood-image-filter:contrast(1.18) saturate(1.4) brightness(.95) hue-rotate(280deg);--mood-bg-overlay:radial-gradient(50% 60% at 80% 10%, #00e8ff26, transparent 60%), radial-gradient(60% 50% at 20% 90%, #ff2dd02e, transparent 60%);--mood-card-shadow:0 0 0 1px #ff2dd04d inset, 0 30px 60px -20px #ff2dd040, 0 0 80px #00e8ff14}.mood-floor{--otto-cream:#060c08;--otto-cream-2:#0a1410;--otto-paper:#0d1812;--otto-ink:#b8f4c8;--otto-ink-soft:#6ec888;--otto-mute:#b8f4c880;--otto-mute-2:#b8f4c838;--otto-rule:#6ec8882e;--otto-card:linear-gradient(180deg, #102018 0%, #050a07 100%);--otto-card-ink:#b8f4c8;--otto-card-mute:#b8f4c88c;--otto-card-mute-2:#b8f4c84d;--otto-amber:#6effa0;--otto-amber-2:#3fcc70;--otto-amber-strong:#88ffb4;--otto-amber-soft:#6effa01f;--otto-font-display:"JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--otto-font-body:"JetBrains Mono", ui-monospace, monospace;--mood-image-filter:contrast(1.1) saturate(.4) brightness(.85) hue-rotate(80deg);--mood-bg-overlay:repeating-linear-gradient(0deg, transparent 0 2px, #6effa006 2px 3px);--mood-card-shadow:0 0 0 1px #6effa033 inset, 0 0 40px #6effa00d}.mood-stage{background:var(--otto-cream);position:relative}.mood-stage:before{content:"";background:var(--mood-bg-overlay,none);pointer-events:none;z-index:0;position:absolute;inset:0}.mood-stage>*{z-index:1;position:relative}.mood-shadow{box-shadow:var(--mood-card-shadow,0 18px 40px -20px #0f14288c)}.mood-image{filter:var(--mood-image-filter,contrast(1.02) saturate(.95))}@keyframes otto-lead-pulse{0%{box-shadow:0 0 #d4991c8c}70%{box-shadow:0 0 0 10px #d4991c00}to{box-shadow:0 0 #d4991c00}}.otto-lead-pulse{animation:1.4s ease-out otto-lead-pulse}@keyframes otto-lead-reveal{0%{opacity:0;transform:perspective(600px)rotateX(-78deg)}to{opacity:1;transform:perspective(600px)rotateX(0)}}.otto-lead-contact{transform-origin:50% 100%}.otto-lead-contact.is-revealed{animation:.42s cubic-bezier(.2,.8,.2,1) otto-lead-reveal}@media (prefers-reduced-motion:reduce){.otto-lead-pulse{animation:none;box-shadow:0 0 0 2px #d4991c80}.otto-lead-contact.is-revealed{animation:none}}