@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-bg:#0a0c10;--color-surface-dark:#12161f;--color-surface-mid:#1a202c;--color-surface-light:#232b3b;--color-accent:#ff6b00;--color-accent-hover:#ff8533;--color-accent-dim:#ff6b0026;--color-accent-glow:#ff6b0066;--color-amber:#f59e0b;--color-success:#10b981;--color-danger:#ef4444;--color-text-primary:#f0f0f0;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-border:#ff6b001f;--color-border-subtle:#ffffff0f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--max-width:1280px;--nav-height:72px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 40px #ff6b0026;--shadow-glow-strong:0 0 60px #ff6b0040;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.8s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img,video{max-width:100%;display:block}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-24) 0;position:relative}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);font-weight:600;display:flex}.section-label:before{content:"";background:var(--color-accent);width:24px;height:1px}.section-title{font-size:var(--text-5xl);letter-spacing:-.02em;margin-bottom:var(--space-6);font-weight:800;line-height:1.1}.section-title .accent{color:var(--color-accent)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;line-height:1.7}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;padding:var(--space-3) var(--space-8);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--color-accent);color:#000;box-shadow:0 0 20px #ff6b004d}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 0 30px #ff6b0080}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-glow)}.btn-ghost{color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);background:0 0}.btn-ghost:hover{color:var(--color-accent)}.card{background:var(--color-surface-dark);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--color-border);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.badge{align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-accent-dim);color:var(--color-accent);border:1px solid var(--color-border);font-weight:600;display:inline-flex}.badge-success{color:var(--color-success);background:#10b98126;border-color:#10b98133}.badge-warning{color:var(--color-amber);background:#f59e0b26;border-color:#f59e0b33}.badge-partner{background:var(--color-accent);color:#000;border-color:var(--color-accent)}.grid-bg{pointer-events:none;background-image:linear-gradient(#ff6b0008 1px,#0000 1px),linear-gradient(90deg,#ff6b0008 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.scan-line{background:linear-gradient(90deg, transparent, var(--color-accent), transparent);opacity:.3;height:2px;animation:4s ease-in-out infinite scanLine;position:absolute;left:0;right:0}@keyframes scanLine{0%,to{opacity:0;top:20%}10%{opacity:.3}90%{opacity:.3}50%{top:80%}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ff6b0033}50%{box-shadow:0 0 40px #ff6b0066}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite glowPulse;display:inline-block}.status-dot.good{background:var(--color-success)}.status-dot.warning{background:var(--color-amber)}.status-dot.danger{background:var(--color-danger)}.divider{background:linear-gradient(90deg, transparent, var(--color-border), transparent);width:100%;height:1px;margin:var(--space-16) 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (width<=1024px){:root{--text-7xl:3.5rem;--text-6xl:3rem;--text-5xl:2.5rem;--space-24:4rem;--space-32:6rem}}@media (width<=768px){:root{--text-7xl:2.5rem;--text-6xl:2.25rem;--text-5xl:2rem;--text-4xl:1.75rem;--text-3xl:1.5rem;--nav-height:60px;--space-24:3rem;--space-16:2.5rem}.container{padding:0 var(--space-4)}.section-title{font-size:var(--text-4xl)}}@media (width<=480px){:root{--text-5xl:1.75rem;--text-4xl:1.5rem}}.navbar{z-index:1000;height:var(--nav-height);transition:all var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(20px);background:#0a0c10cc;border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom-color:var(--color-border-subtle);background:#0a0c10f2;height:60px}.navbar-inner{width:100%;max-width:var(--max-width);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{font-size:var(--text-xl);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary);align-items:center;gap:var(--space-1);font-weight:900;display:flex}.navbar-logo .hood{color:var(--color-accent)}.navbar-logo .logo-dot{background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent-glow);border-radius:50%;margin-left:2px;display:inline-block}.navbar-links{align-items:center;gap:var(--space-1);display:flex}.navbar-links a{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);font-weight:500;position:relative}.navbar-links a:hover,.navbar-links a.active{color:var(--color-text-primary)}.navbar-links a.active:after{content:"";background:var(--color-accent);border-radius:1px;width:16px;height:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.navbar-actions{align-items:center;gap:var(--space-3);display:flex}.navbar-login{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast);font-weight:500}.navbar-login:hover{color:var(--color-accent)}.navbar-cta{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-2) var(--space-6);background:var(--color-accent);color:#000;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);font-weight:700}.navbar-cta:hover{background:var(--color-accent-hover);box-shadow:0 0 20px #ff6b004d}.navbar-menu-btn{padding:var(--space-2);flex-direction:column;gap:5px;display:none}.navbar-menu-btn span{background:var(--color-text-primary);width:22px;height:2px;transition:all var(--duration-fast) var(--ease-out);border-radius:1px}.navbar-menu-btn.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-menu-btn.open span:nth-child(2){opacity:0}.navbar-menu-btn.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navbar-mobile{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-8) var(--space-6);gap:var(--space-2);z-index:999;background:#0a0c10fa;flex-direction:column;display:none;position:fixed;bottom:0;left:0;right:0}.navbar-mobile.open{display:flex}.navbar-mobile a{font-size:var(--text-lg);color:var(--color-text-secondary);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-subtle);transition:color var(--duration-fast);font-weight:500}.navbar-mobile a:hover{color:var(--color-accent)}.navbar-mobile .mobile-actions{margin-top:var(--space-8);gap:var(--space-3);flex-direction:column;display:flex}@media (width<=1024px){.navbar-links{display:none}.navbar-menu-btn{display:flex}.navbar-actions .navbar-login{display:none}}@media (width<=480px){.navbar-cta{padding:var(--space-2) var(--space-4);font-size:10px}}.hero{z-index:5;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;max-width:640px;position:relative}.hero-badge{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-8);padding:var(--space-2) var(--space-4);background:var(--color-accent-dim);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:11px;font-weight:600;display:inline-flex}.hero-badge .pulse{background:var(--color-accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite glowPulse}.hero-title{font-size:var(--text-7xl);letter-spacing:-.03em;margin-bottom:var(--space-8);font-weight:900;line-height:1.05}.hero-title .line{display:block}.hero-title .accent{color:var(--color-accent)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-10);max-width:520px;line-height:1.7}.hero-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-install{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);font-size:11px;display:flex}.hero-install:hover{color:var(--color-accent);border-color:var(--color-border)}.hero-deco{pointer-events:none;z-index:1;width:500px;height:500px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.hero-ring{border:1px solid var(--color-accent-dim);border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.hero-ring:first-child{width:400px;height:400px;top:50px;left:50px}.hero-ring:nth-child(2){border-color:#ff6b0014;width:300px;height:300px;animation-delay:-2s;top:100px;left:100px}.hero-ring:nth-child(3){border-color:#ff6b000d;width:200px;height:200px;animation-delay:-4s;top:150px;left:150px}.hero-stats{gap:var(--space-12);margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border-subtle);display:flex}.hero-stat{text-align:left}.hero-stat .stat-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-1);font-size:10px}.hero-stat .stat-value{font-size:var(--text-2xl);color:var(--color-accent);font-weight:700}@media (width<=768px){.hero{padding-top:calc(var(--nav-height) + var(--space-8))}.hero-title{font-size:var(--text-5xl)}.hero-deco{display:none}.hero-stats{gap:var(--space-8);flex-wrap:wrap}}.motorcycle-scroll-spacer{z-index:2;height:250vh;position:relative}.motorcycle-scene-wrapper{z-index:1;background:radial-gradient(ellipse 85% 65% at 50% 55%, #ff6b000d 0%, #0a0c10cc 55%, var(--color-bg) 85%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.motorcycle-image-container{perspective:1200px;justify-content:center;align-items:center;width:78%;max-width:1080px;display:flex;position:relative}.bike-ambient-glow{filter:blur(50px);pointer-events:none;will-change:opacity, transform;background:radial-gradient(#ff6b001f 0%,#ff6b000a 45%,#0000 70%);border-radius:50%;width:95%;height:75%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.motorcycle-hero-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:brightness(1.04)contrast(1.08)saturate(1.1);will-change:transform, opacity;transform-origin:50%;width:100%;height:auto;display:block}.scan-line-overlay{pointer-events:none;will-change:opacity;position:absolute;inset:0;overflow:hidden}.scan-line-overlay:before{content:"";background:linear-gradient(90deg,#0000 0%,#ff6b0026 15%,#ff6b0080 50%,#ff6b0026 85%,#0000 100%);height:2px;animation:3.5s ease-in-out infinite scanMove;position:absolute;left:0;right:0;box-shadow:0 0 12px #ff6b0099}@keyframes scanMove{0%{opacity:0;top:12%}12%{opacity:.9}50%{top:88%}88%{opacity:.9}to{opacity:0;top:12%}}.scan-line-overlay:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#ff6b0005 3px 4px);position:absolute;inset:0}.telemetry-overlay{pointer-events:none;z-index:10;position:absolute;inset:0}.telemetry-indicator{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-primary);white-space:nowrap;-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);will-change:transform, opacity;background:#0c1018bf;border:1px solid #ff6b002e;padding:8px 14px;font-weight:600;transition:border-color .3s,box-shadow .3s;display:flex;position:absolute;box-shadow:0 4px 20px #00000080,0 0 15px #ff6b000f}.telemetry-indicator.focused{border-color:#ff6b0099;box-shadow:0 4px 24px #0009,0 0 25px #ff6b0040}.telemetry-indicator .ti-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative;box-shadow:0 0 10px}.telemetry-indicator .ti-dot:after{content:"";opacity:.4;border:1px solid;border-radius:50%;animation:2.2s ease-out infinite dotPing;position:absolute;inset:-4px}@keyframes dotPing{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.telemetry-indicator .ti-label{color:var(--color-text-muted);font-size:10px;line-height:1.2}.telemetry-indicator .ti-value{font-size:var(--text-sm);font-weight:700;line-height:1.2}.ti-connector{background:linear-gradient(90deg,#ff6b0099,#ff6b000d);flex-shrink:0;height:1px;display:block}.hud-corner{will-change:transform, opacity;border-style:solid;border-color:#ff6b004d;width:32px;height:32px;position:absolute}.hud-corner.tl{border-width:2px 0 0 2px;top:18%;left:18%}.hud-corner.tr{border-width:2px 2px 0 0;top:18%;right:18%}.hud-corner.bl{border-width:0 0 2px 2px;bottom:18%;left:18%}.hud-corner.br{border-width:0 2px 2px 0;bottom:18%;right:18%}.hud-reticle{will-change:transform, opacity;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-reticle span{background:#ff6b0059;position:absolute}.hud-reticle span:first-child{width:1px;height:12px;top:0;left:50%;transform:translate(-50%)}.hud-reticle span:nth-child(2){width:1px;height:12px;bottom:0;left:50%;transform:translate(-50%)}.hud-reticle span:nth-child(3){width:12px;height:1px;top:50%;left:0;transform:translateY(-50%)}.hud-reticle span:nth-child(4){width:12px;height:1px;top:50%;right:0;transform:translateY(-50%)}.hud-readout{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;will-change:transform, opacity;flex-direction:column;gap:2px;font-size:10px;display:flex;position:absolute}.hud-readout.top-left{top:19%;left:19%}.hud-readout.bottom-right{text-align:right;bottom:19%;right:19%}.hud-readout-label{color:var(--color-text-muted);font-size:9px}.hud-readout-value{color:var(--color-accent);letter-spacing:.12em;font-size:11px;font-weight:700}.hud-stepper{pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:90%;max-width:600px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hud-stepper-track{background:#ffffff14;border-radius:2px;width:100%;height:2px;position:relative;overflow:hidden}.hud-stepper-fill{background:linear-gradient(90deg, var(--color-accent), #ff9e40);width:0%;height:100%;transition:width .1s linear;box-shadow:0 0 10px #ff6b0080}.hud-stepper-labels{justify-content:space-between;gap:6px;width:100%;display:flex}.hud-step-pill{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-muted);border-radius:var(--radius-sm);background:#0a0c1066;border:1px solid #ffffff0d;align-items:center;gap:4px;padding:3px 8px;font-size:9px;transition:all .3s;display:flex}.hud-step-pill .step-num{opacity:.5}.hud-step-pill.done{color:var(--color-text-primary);background:#ff6b0014;border-color:#ff6b004d}.hud-step-pill.current{color:#fff;border-color:var(--color-accent);background:#ff6b0033;font-weight:700;box-shadow:0 0 12px #ff6b0040}.hud-step-pill.current .step-num{color:var(--color-accent);opacity:1}.scene-scroll-hint{z-index:15;align-items:center;gap:var(--space-2);pointer-events:none;will-change:opacity, transform;flex-direction:column;display:flex;position:absolute;bottom:75px;left:50%;transform:translate(-50%)}.scene-scroll-hint span{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);font-size:10px}.scroll-arrow{border:1px solid var(--color-text-muted);border-radius:10px;width:16px;height:24px;position:relative}.scroll-arrow:after{content:"";background:var(--color-accent);border-radius:1px;width:2px;height:6px;animation:1.5s ease-in-out infinite scrollBounce;position:absolute;top:4px;left:50%;transform:translate(-50%)}@keyframes scrollBounce{0%,to{opacity:1;top:4px}50%{opacity:.3;top:12px}}@media (width<=1024px){.motorcycle-image-container{width:88%}.hud-corner.tl,.hud-corner.bl{left:10%}.hud-corner.tr,.hud-corner.br{right:10%}.hud-readout.top-left{left:11%}.hud-readout.bottom-right{right:11%}}@media (width<=768px){.motorcycle-image-container{width:96%}.telemetry-indicator{padding:5px 10px;font-size:9px}.telemetry-indicator .ti-value{font-size:var(--text-xs)}.ti-connector,.hud-corner,.hud-reticle,.hud-readout{display:none}.hud-stepper-labels{font-size:8px}.hud-step-pill{padding:2px 5px;font-size:8px}.motorcycle-scroll-spacer{height:200vh}}@media (width<=480px){.hud-stepper-labels{display:none}}.motorcycle-health{background:var(--color-bg);position:relative;overflow:hidden}.health-grid{gap:var(--space-12);margin-top:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.health-visual{background:var(--color-surface-dark);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);justify-content:center;align-items:center;height:400px;display:flex;position:relative;overflow:hidden}.health-moto-icon{filter:grayscale(.3);opacity:.8;font-size:120px}.health-scan-text{top:var(--space-4);right:var(--space-4);font-family:var(--font-mono);letter-spacing:.2em;color:var(--color-accent);font-size:10px;animation:2s ease-in-out infinite glowPulse;position:absolute}.health-indicators{gap:var(--space-4);flex-direction:column;display:flex}.health-card{background:var(--color-surface-dark);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out)}.health-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-glow)}.health-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.health-card-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:600}.health-card-value{font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:700}.health-card-bar{background:var(--color-surface-mid);border-radius:2px;height:3px;overflow:hidden}.health-card-fill{height:100%;transition:width 1s var(--ease-out);border-radius:2px}.health-disclaimer{font-family:var(--font-mono);color:var(--color-text-muted);margin-top:var(--space-8);letter-spacing:.05em;font-size:10px}@media (width<=768px){.health-grid{gap:var(--space-8);grid-template-columns:1fr}.health-visual{height:250px}.health-moto-icon{font-size:80px}}.garage{background:var(--color-surface-dark);overflow:hidden}.garage-cards{gap:var(--space-8);margin-top:var(--space-12);perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));display:grid}.garage-card{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out);transform-style:preserve-3d;position:relative}.garage-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.garage-card.primary{border-color:var(--color-border)}.garage-card .badge{top:var(--space-4);right:var(--space-4);position:absolute}.garage-card-icon{margin-bottom:var(--space-4);font-size:48px}.garage-card-name{font-size:var(--text-2xl);margin-bottom:var(--space-1);font-weight:700}.garage-card-year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.garage-card-details{margin-top:var(--space-8);gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.garage-detail{justify-content:space-between;align-items:center;display:flex}.detail-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.detail-value{font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary)}.detail-value.health-good{align-items:center;gap:var(--space-2);color:var(--color-success);display:flex}@media (width<=768px){.garage-cards{grid-template-columns:1fr}}.documents{background:var(--color-bg);overflow:hidden}.documents-grid{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(4,1fr);display:grid}.document-card{background:var(--color-surface-dark);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:all var(--duration-normal) var(--ease-out);position:relative}.document-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.doc-icon{margin-bottom:var(--space-4);font-size:40px}.doc-type{font-size:var(--text-lg);margin-bottom:var(--space-3);font-weight:700}.doc-detail-line{background:var(--color-accent-dim);width:40px;height:2px;margin:var(--space-4) auto;border-radius:1px}.doc-meta{margin-top:var(--space-2)}.doc-meta-text{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-size:10px}@media (width<=1024px){.documents-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.documents-grid{grid-template-columns:1fr}}.workshop-discovery{background:var(--color-surface-dark);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);position:relative;overflow:hidden}.workshop-disc-layout{gap:var(--space-10);grid-template-columns:1fr 1.35fr;align-items:start;display:grid}.workshop-filters{gap:var(--space-2);margin-top:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-pill{font-family:var(--font-mono);letter-spacing:.05em;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);cursor:pointer;padding:6px 14px;font-size:11px;transition:all .2s}.filter-pill:hover{border-color:var(--color-accent);color:#fff}.filter-pill.active{background:var(--color-accent);color:#000;border-color:var(--color-accent);font-weight:700;box-shadow:0 0 15px #ff6b0059}.badge-lhmotor{color:#00d2ff;background:#00b4ff26;border:1px solid #00b4ff4d}.selected-workshop-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);transition:all .3s var(--ease-out);position:relative;overflow:hidden;box-shadow:0 8px 30px #0006,0 0 20px #ff6b0014}.selected-workshop-card:before{content:"";background:#00d2ff;width:4px;height:100%;position:absolute;top:0;left:0}.selected-workshop-card.collab-featured:before{background:var(--color-accent)}.sw-badge-row{margin-bottom:var(--space-2)}.sw-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.sw-name{font-size:var(--text-lg);color:#fff;margin-bottom:2px;font-weight:700}.sw-location{font-size:var(--text-xs);color:var(--color-text-secondary)}.sw-full-addr{color:var(--color-text-muted);font-size:11px;font-family:var(--font-mono);margin-top:4px}.sw-dist{color:var(--color-accent);font-weight:600}.sw-rating-box{border-radius:var(--radius-sm);text-align:right;background:#ff6b001f;border:1px solid #ff6b0040;flex-shrink:0;padding:4px 8px}.sw-rating{color:var(--color-accent);font-size:13px;font-weight:800;display:block}.sw-reviews{color:var(--color-text-muted);font-size:10px}.sw-specialty{gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.sw-tag{font-size:11px;font-family:var(--font-mono);background:var(--color-surface-mid);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:4px 10px}.sw-tag.specialty-tag{border:1px solid #ffffff14}.sw-tag.status-open{color:var(--color-success);background:#10b9811f;border:1px solid #10b98140}.sw-tag.slots-tag{color:var(--color-accent);background:#ff6b001a;border:1px solid #ff6b0033}.sw-actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.btn-sm{padding:8px 16px;font-size:11px}.workshop-disc-stats{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.disc-stat{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex}.disc-stat-icon{font-size:20px}.disc-stat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-size:9px}.disc-stat-value{color:var(--color-text-primary);font-size:12px;font-weight:600}.workshop-map-wrapper{gap:var(--space-3);flex-direction:column;display:flex;position:relative}.map-search-bar{align-items:center;gap:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 14px;display:flex;box-shadow:0 4px 15px #0000004d}.map-search-input{color:var(--color-text-primary);font-size:var(--text-xs);font-family:var(--font-sans);background:0 0;border:none;outline:none;width:100%}.map-search-input::placeholder{color:var(--color-text-muted)}.clear-search{color:var(--color-text-muted);cursor:pointer;font-size:12px}.workshop-disc-map{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#0a0d14;height:500px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 12px 40px #0009,inset 0 0 40px #00000080}.map-vector-canvas{pointer-events:none;width:100%;height:100%;display:block}.map-pin-interactive{cursor:pointer;z-index:10;flex-direction:column;align-items:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;transform:translate(-50%,-50%)}.map-pin-interactive:hover{z-index:25;transform:translate(-50%,-58%)scale(1.15)}.map-pin-interactive.active{z-index:30;transform:translate(-50%,-58%)scale(1.25)}.pin-badge{z-index:2;background:#121824;border:2px solid #00d2ff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:relative;box-shadow:0 0 14px #00d2ff80}.map-pin-interactive.collab-pin .pin-badge{border-color:var(--color-accent);width:34px;height:34px;box-shadow:0 0 18px #ff6b00b3}.map-pin-interactive.collab-pin.active .pin-badge{background:var(--color-accent);box-shadow:0 0 28px #ff6b00}.map-pin-interactive.lhmotor-pin.active .pin-badge{background:#00d2ff;box-shadow:0 0 25px #00d2ffe6}.pin-icon{font-size:13px}.pin-pulse-ring{pointer-events:none;border:1px solid #00d2ffb3;border-radius:50%;width:30px;height:30px;animation:2s ease-out infinite pinPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-pin-interactive.collab-pin .pin-pulse-ring{border-color:var(--color-accent);width:34px;height:34px}.map-pin-interactive.active .pin-pulse-ring{border-width:2px;animation-duration:1.2s}@keyframes pinPulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.6)}}.pin-tooltip{border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap;font-size:10px;font-family:var(--font-mono);pointer-events:none;opacity:0;background:#0a0d14f2;align-items:center;gap:6px;padding:4px 10px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 4px 15px #0009}.map-pin-interactive:hover .pin-tooltip,.map-pin-interactive.active .pin-tooltip{opacity:1;transform:translate(-50%)translateY(-10px)}.pin-tooltip-name{color:#fff;font-weight:600}.pin-tooltip-rating{color:var(--color-accent);font-weight:700}.map-hud-top-left{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-text-muted);border-radius:var(--radius-sm);background:#0a0d14bf;border:1px solid #ffffff0d;align-items:center;gap:6px;padding:4px 10px;font-size:9px;display:flex;position:absolute;top:14px;left:14px}.live-dot{background:var(--color-success);width:6px;height:6px;box-shadow:0 0 8px var(--color-success);border-radius:50%;animation:2s ease-in-out infinite glowPulse}.map-hud-bottom-right{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-accent);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#0a0d14bf;padding:4px 10px;font-size:9px;position:absolute;bottom:14px;right:14px}.map-controls{z-index:20;flex-direction:column;gap:4px;display:flex;position:absolute;top:60px;right:14px}.map-ctrl-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121824d9;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.map-ctrl-btn:hover{background:var(--color-accent);color:#000;box-shadow:0 0 10px #ff6b0080}@media (width<=1024px){.workshop-disc-layout{grid-template-columns:1fr}.workshop-disc-map{height:440px}}@media (width<=768px){.workshop-disc-map{height:380px}.workshop-disc-stats{grid-template-columns:1fr}}.workshop-directory{background:var(--color-bg)}.dir-controls-bar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-8);margin-bottom:var(--space-8);padding:var(--space-4);background:var(--color-surface-dark);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.dir-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.dir-tab{font-family:var(--font-mono);letter-spacing:.05em;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);cursor:pointer;padding:8px 16px;font-size:11px;transition:all .2s}.dir-tab:hover{border-color:var(--color-accent);color:#fff}.dir-tab.active{background:var(--color-accent);color:#000;border-color:var(--color-accent);font-weight:700;box-shadow:0 0 15px #ff6b004d}.dir-search-wrap{flex:1;min-width:260px;max-width:380px;position:relative}.dir-search-input{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--text-xs);outline:none;padding:8px 30px 8px 14px}.dir-search-input:focus{border-color:var(--color-accent)}.dir-search-clear{color:var(--color-text-muted);cursor:pointer;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.dir-section-group{margin-bottom:var(--space-12)}.dir-group-heading{margin-bottom:var(--space-6);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.group-badge{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:700}.group-badge.collab{color:var(--color-accent)}.group-badge.lhmotor{color:#00d2ff}.group-count{font-family:var(--font-mono);color:var(--color-text-muted);font-size:10px}.dir-featured-card{background:linear-gradient(135deg, #ff6b0014 0%, var(--color-surface-dark) 50%, var(--color-surface-dark) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);position:relative;overflow:hidden;box-shadow:0 12px 40px #00000080,0 0 30px #ff6b001a}.dir-featured-card:before{content:"";background:var(--color-accent);width:5px;height:100%;position:absolute;top:0;left:0}.df-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-4);display:flex}.df-title{font-size:var(--text-2xl);color:#fff;margin-top:var(--space-2);margin-bottom:var(--space-1);font-weight:800}.df-sub{font-size:var(--text-sm);color:var(--color-text-secondary)}.df-dist{color:var(--color-accent);font-weight:600}.df-address{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);margin-top:4px}.df-rating-box{border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);text-align:right;background:#ff6b0026;border:1px solid #ff6b004d;flex-shrink:0}.df-score{font-size:var(--text-lg);color:var(--color-accent);font-weight:800}.df-revs{color:var(--color-text-muted);font-size:10px}.df-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);max-width:800px;line-height:1.6}.df-tags{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.df-actions{gap:var(--space-3);display:flex}.directory-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.directory-card{background:var(--color-surface-dark);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.directory-card:hover{border-color:#00d2ff66;transform:translateY(-2px);box-shadow:0 8px 30px #00000080,0 0 20px #00d2ff1a}.directory-card:before{content:"";opacity:.6;background:#00d2ff;width:3px;height:100%;position:absolute;top:0;left:0}.directory-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.directory-card-name{font-size:var(--text-base);color:#fff;margin-top:4px;margin-bottom:2px;font-weight:700}.dir-card-location{color:var(--color-text-secondary);font-size:11px}.dir-card-rating{color:var(--color-accent);border-radius:var(--radius-sm);background:#ff6b001f;border:1px solid #ff6b0040;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:700}.dir-card-address{font-size:10px;font-family:var(--font-mono);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.4}.dir-card-specialty{color:var(--color-text-secondary);border-radius:var(--radius-sm);margin-bottom:var(--space-4);background:#ffffff05;border:1px solid #ffffff0d;padding:6px 10px;font-size:11px}.spec-label{color:#00d2ff;font-weight:600}.directory-card-meta{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.directory-tag{font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:3px 8px;font-size:10px}.dir-card-actions{gap:var(--space-2);margin-top:auto;display:flex}.btn-full{flex:1}.directory-note{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.05em;margin-top:var(--space-8);text-align:center;font-size:10px}@media (width<=768px){.dir-controls-bar{flex-direction:column;align-items:stretch}.dir-search-wrap{max-width:100%}.df-header{flex-direction:column}.df-rating-box{text-align:left}.directory-grid{grid-template-columns:1fr}}.wan-legacy{background:var(--color-surface-dark)}.wan-legacy-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-16);gap:var(--space-12);grid-template-columns:1.2fr 1fr;align-items:center;display:grid;position:relative;overflow:hidden}.wan-glow{pointer-events:none;background:radial-gradient(circle,#ff6b001a 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-100px;right:-100px}.wan-content{z-index:2;position:relative}.wan-title{font-size:var(--text-5xl);margin-top:var(--space-6);margin-bottom:var(--space-4);color:var(--color-accent);font-weight:900}.wan-desc{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.7}.wan-features{gap:var(--space-3);margin-bottom:var(--space-10);flex-direction:column;display:flex}.wan-feature{align-items:center;gap:var(--space-3);color:var(--color-text-primary);font-weight:500;display:flex}.wan-feature-icon{font-size:20px}.wan-cta{font-size:var(--text-sm);padding:var(--space-4) var(--space-10)}.wan-visual{justify-content:center;align-items:center;height:300px;display:flex;position:relative}.wan-moto{z-index:2;font-size:100px;position:relative}.wan-ring{border:1px solid var(--color-accent-dim);border-radius:50%;width:250px;height:250px;animation:5s ease-in-out infinite float;position:absolute}.wan-ring-2{border-color:#ff6b0014;width:180px;height:180px;animation-delay:-2s}@media (width<=768px){.wan-legacy-card{padding:var(--space-8);grid-template-columns:1fr}.wan-visual{height:200px}.wan-moto{font-size:60px}}.booking-experience{background:var(--color-bg);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);position:relative}.booking-layout{gap:var(--space-10);margin-top:var(--space-10);grid-template-columns:1.1fr 1fr;align-items:start;display:grid}.booking-stepper-panel{background:var(--color-surface-dark);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:0 8px 30px #0006}.stepper-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.stepper-status-badge{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-accent);border-radius:var(--radius-full);background:#ff6b001a;border:1px solid #ff6b0040;padding:4px 10px;font-size:11px;font-weight:700}.stepper-helper-text{font-family:var(--font-mono);color:var(--color-text-muted);font-size:10px}.booking-timeline{flex-direction:column;display:flex;position:relative}.booking-step{align-items:flex-start;gap:var(--space-5);padding-bottom:var(--space-6);opacity:.4;transition:all .4s var(--ease-out);cursor:pointer;display:flex;position:relative;transform:translate(-8px)}.booking-step:last-child{padding-bottom:0}.booking-step.active,.booking-step.completed{opacity:1;transform:translate(0)}.booking-step-node{z-index:3;position:relative}.booking-step-number{width:36px;min-width:36px;height:36px;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-bg);border:2px solid var(--color-border-subtle);color:var(--color-text-muted);transition:all .3s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.booking-step.active .booking-step-number{background:var(--color-accent);color:#000;border-color:var(--color-accent);transform:scale(1.1);box-shadow:0 0 16px #ff6b0080}.booking-step.completed .booking-step-number{background:var(--color-success);color:#000;border-color:var(--color-success);box-shadow:0 0 14px #10b98166}.booking-step-line{z-index:1;background:#ffffff14;width:2px;height:calc(100% - 36px);transition:background .4s;position:absolute;top:36px;left:17px}.booking-step-line.filled{background:var(--color-success);box-shadow:0 0 8px #10b98166}.booking-step-content{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);background:#0a0c1080;flex:1;transition:all .3s}.booking-step.active .booking-step-content{background:#ff6b000a;border-color:#ff6b0066;box-shadow:0 4px 18px #0000004d}.booking-step.completed .booking-step-content{background:#10b98108;border-color:#10b9814d}.booking-step-header-row{align-items:center;gap:var(--space-2);margin-bottom:2px;display:flex}.booking-step-icon{font-size:14px}.booking-step-label{font-weight:700;font-size:var(--text-sm);color:var(--color-text-primary)}.step-check-tag{font-family:var(--font-mono);color:var(--color-success);border-radius:var(--radius-sm);background:#10b98126;margin-left:auto;padding:1px 6px;font-size:9px}.step-active-tag{font-family:var(--font-mono);color:var(--color-accent);border-radius:var(--radius-sm);background:#ff6b0026;margin-left:auto;padding:1px 6px;font-size:9px;animation:1.5s infinite glowPulse}.booking-step-detail{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);margin-top:2px;font-weight:700}.booking-step.completed .booking-step-detail{color:var(--color-text-primary)}.booking-step-sub{color:var(--color-text-muted);margin-top:2px;font-size:11px}.booking-summary-panel{top:calc(var(--nav-height) + 20px);position:sticky}.booking-summary-card{background:var(--color-surface-dark);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all .4s var(--ease-out);position:relative;overflow:hidden;box-shadow:0 12px 40px #00000080,0 0 25px #ff6b000f}.booking-summary-card.confirmed-state{border-color:var(--color-success);box-shadow:0 12px 50px #0009,0 0 35px #10b98133}.booking-summary-card:before{content:"";background:linear-gradient(90deg, var(--color-accent), #ff9e40);height:4px;position:absolute;top:0;left:0;right:0}.booking-summary-card.confirmed-state:before{background:linear-gradient(90deg, var(--color-success), #34d399)}.bsc-top{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.bsc-status-indicator{align-items:center;gap:var(--space-2);display:flex}.bsc-status-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-secondary);font-size:10px;font-weight:700}.bsc-ref{font-family:var(--font-mono);color:var(--color-text-muted);font-size:10px}.bsc-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.bsc-icon-box{border-radius:var(--radius-md);background:#ff6b001f;border:1px solid #ff6b0040;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.booking-summary-card.confirmed-state .bsc-icon-box{background:#10b98126;border-color:#10b98159}.bsc-title{font-size:var(--text-xl);color:#fff;margin-bottom:2px;font-weight:800}.bsc-sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.bsc-divider{background:var(--color-border-subtle);width:100%;height:1px;margin:var(--space-6) 0}.bsc-items-grid{gap:var(--space-5) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.bsc-item{opacity:.5;flex-direction:column;gap:2px;transition:opacity .3s,transform .3s;display:flex}.bsc-item.revealed{opacity:1}.bsc-item-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-size:9px}.bsc-item-val{font-weight:700;font-size:var(--text-sm);color:#fff}.bsc-item-sub{color:var(--color-text-muted);font-size:11px;font-family:var(--font-mono)}.bsc-confirmed-banner{border-radius:var(--radius-md);padding:var(--space-5);gap:var(--space-4);animation:fadeInUp .4s var(--ease-out);background:#10b98114;border:1px solid #10b98140;flex-direction:column;display:flex}.conf-banner-text{font-size:var(--text-xs);color:var(--color-text-secondary);flex-direction:column;gap:3px;display:flex}.conf-banner-text strong{font-size:var(--text-sm);color:var(--color-success)}.bsc-actions{gap:var(--space-3);display:flex}.bsc-in-progress-banner{text-align:center;font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.05em;padding:var(--space-2);font-size:10px}@media (width<=1024px){.booking-layout{grid-template-columns:1fr}.booking-summary-panel{position:static}}@media (width<=768px){.bsc-items-grid{grid-template-columns:1fr}.bsc-actions{flex-direction:column}.booking-step{gap:var(--space-3)}}.workshop-admin{background:var(--color-surface-dark)}.admin-dashboard{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-top:var(--space-12);overflow:hidden}.admin-header{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-surface-mid);border-bottom:1px solid var(--color-border-subtle);display:flex}.admin-dot{border-radius:50%;width:10px;height:10px}.admin-dot.red{background:#ef4444}.admin-dot.yellow{background:#f59e0b}.admin-dot.green{background:#10b981}.admin-title-bar{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-4);letter-spacing:.05em}.admin-grid{gap:var(--space-4);padding:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.admin-tile{background:var(--color-surface-dark);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out)}.admin-tile:hover{border-color:var(--color-border);box-shadow:var(--shadow-glow)}.admin-tile-icon{margin-bottom:var(--space-3);font-size:28px}.admin-tile-title{font-size:var(--text-sm);margin-bottom:var(--space-4);font-weight:600}.admin-tile-bar{background:var(--color-surface-mid);border-radius:2px;height:3px;overflow:hidden}.admin-tile-bar-fill{background:var(--color-accent);height:100%;transition:width 1s var(--ease-out);border-radius:2px}@media (width<=768px){.admin-grid{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.admin-grid{grid-template-columns:1fr}}.reviews{background:var(--color-bg)}.reviews-columns{gap:var(--space-8);margin-top:var(--space-12);grid-template-columns:1fr 1fr;display:grid}.review-column{background:var(--color-surface-dark);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.review-column-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.review-source{font-weight:700;font-size:var(--text-base)}.review-badge-external{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:10px}.review-empty-state{padding:var(--space-12) var(--space-8);text-align:center;color:var(--color-text-secondary)}.review-empty-icon{margin-bottom:var(--space-4);opacity:.5;font-size:40px}.review-empty-state p{font-size:var(--text-sm);margin-bottom:var(--space-3)}.review-note{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.05em;font-size:10px}.review-disclaimer{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.05em;margin-top:var(--space-8);text-align:center;font-size:10px}@media (width<=768px){.reviews-columns{grid-template-columns:1fr}}.how-it-works{background:var(--color-surface-dark)}.steps-grid{gap:var(--space-4);margin-top:var(--space-12);grid-template-columns:repeat(5,1fr);display:grid;position:relative}.step-card{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);transition:all var(--duration-normal) var(--ease-out);position:relative}.step-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.step-number{font-family:var(--font-mono);font-size:var(--text-4xl);color:var(--color-accent);opacity:.3;margin-bottom:var(--space-4);font-weight:800;line-height:1}.step-card:hover .step-number{opacity:1}.step-title{font-size:var(--text-lg);margin-bottom:var(--space-3);font-weight:700}.step-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.step-connector{z-index:2;position:absolute;top:50%;right:-22px;transform:translateY(-50%)}@media (width<=1024px){.steps-grid{grid-template-columns:repeat(3,1fr)}.step-connector{display:none}}@media (width<=768px){.steps-grid{grid-template-columns:1fr;max-width:400px}}.for-riders,.for-workshops{background:var(--color-bg)}.for-workshops{background:var(--color-surface-dark)}.features-grid{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.feature-card{background:var(--color-surface-dark);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out)}.for-workshops .feature-card{background:var(--color-bg)}.feature-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.feature-icon{margin-bottom:var(--space-4);font-size:32px}.feature-title{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700}.feature-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.features-cta{margin-top:var(--space-10);text-align:center}@media (width<=768px){.features-grid{grid-template-columns:1fr}}.system-trust{background:var(--color-bg)}.roles-grid{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}.role-card{background:var(--color-surface-dark);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:all var(--duration-normal) var(--ease-out)}.role-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.role-icon{margin-bottom:var(--space-4);font-size:40px}.role-title{font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:700}.role-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}@media (width<=768px){.roles-grid{grid-template-columns:1fr}}.installation{background:var(--color-surface-dark)}.install-card{text-align:center;max-width:860px;margin:0 auto;position:relative}.install-card .section-label{justify-content:center}.install-card .section-subtitle{margin:0 auto var(--space-8);max-width:600px}.install-toast{z-index:1000;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--color-surface-mid);border:1px solid var(--color-accent);border-radius:var(--radius-md);box-shadow:0 10px 30px #0009, var(--shadow-glow);text-align:left;animation:.3s ease-out forwards slideInUp;display:flex;position:fixed;bottom:30px;right:30px}.toast-icon{font-size:24px;animation:1s infinite alternate pulse}.install-toast strong{font-size:var(--text-sm);color:var(--color-text-primary);display:block}.install-toast p{color:var(--color-text-muted);margin:0;font-size:11px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.apk-feature-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-10);text-align:left;transition:border-color var(--duration-normal) var(--ease-out);background:linear-gradient(135deg,#1a202ce6 0%,#12161ff2 100%);position:relative;overflow:hidden;box-shadow:0 12px 36px #0006}.apk-feature-card:hover{border-color:#ff6b0066}.apk-badge{color:var(--color-accent);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:#ff6b0026;border:1px solid #ff6b0066;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:18px;right:20px}.apk-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.apk-icon-wrap{border-radius:var(--radius-md);background:#ff6b001a;border:1px solid #ff6b004d;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.apk-name{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:4px;font-weight:700}.apk-specs{gap:var(--space-2);flex-wrap:wrap;display:flex}.spec-tag{font-family:var(--font-mono);color:var(--color-text-secondary);background:#ffffff0d;border-radius:4px;padding:2px 8px;font-size:11px}.apk-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:650px;line-height:1.6}.apk-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.apk-download-btn{align-items:center;gap:var(--space-2);font-size:var(--text-base);padding:var(--space-3) var(--space-6);cursor:pointer;font-weight:700;display:inline-flex}.download-icon{font-size:18px}.guide-toggle-btn{border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);cursor:pointer;background:#ffffff0a}.guide-toggle-btn:hover{color:var(--color-text-primary);background:#ffffff14}.install-steps-guide{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);animation:.3s ease-out fadeIn}.guide-title{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-4);font-weight:600}.guide-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.guide-step{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:#0a0c1099;display:flex}.step-num{background:var(--color-accent);color:#fff;width:24px;height:24px;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.guide-step strong{color:var(--color-text-primary);margin-bottom:2px;font-size:12px;display:block}.guide-step p{color:var(--color-text-muted);margin:0;font-size:11px;line-height:1.4}.other-platforms{margin-top:var(--space-8)}.other-platforms-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:12px}.install-platforms{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.install-btn{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);text-align:left;display:flex}.install-btn:not(.disabled):hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.install-btn.disabled{opacity:.5;cursor:not-allowed}.install-btn-icon{font-size:24px}.install-btn-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-size:10px;display:block}.install-btn-store{font-size:var(--text-base);font-weight:700;display:block}.install-device{margin-top:var(--space-12);justify-content:center;display:flex}.device-frame{background:var(--color-bg);border:2px solid var(--color-border);width:240px;height:420px;padding:var(--space-2);box-shadow:var(--shadow-glow);border-radius:28px;overflow:hidden}.device-screen{background:var(--color-surface-dark);border-radius:22px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.device-header{padding:var(--space-3) var(--space-4);text-align:center;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-mid)}.device-logo{font-size:var(--text-base);color:var(--color-text-primary);font-weight:800}.device-logo .hood{color:var(--color-accent)}.device-content{padding:var(--space-4);gap:var(--space-3);text-align:left;flex-direction:column;display:flex}.device-badge-mini{font-family:var(--font-mono);color:var(--color-accent);background:#ff6b001a;border-radius:4px;align-self:flex-start;padding:3px 8px;font-size:10px}.device-line{background:var(--color-surface-mid);border-radius:3px;width:80%;height:6px}.device-line.short{width:50%}.device-card-mock{padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:2px;display:flex}.mock-title{color:var(--color-text-primary);font-size:11px;font-weight:700}.mock-status{color:var(--color-success);font-size:9px;font-family:var(--font-mono)}.mock-sub{color:var(--color-text-muted);font-size:9px}.final-cta{text-align:center;background:var(--color-bg);justify-content:center;align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.final-cta-bg{pointer-events:none;position:absolute;inset:0}.final-glow{filter:blur(80px);border-radius:50%;position:absolute}.final-glow-1{background:#ff6b0014;width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%)}.final-glow-2{background:#ff6b000d;width:300px;height:300px;top:30%;right:20%}.final-particles{position:absolute;inset:0}.final-particle{background:var(--color-accent);opacity:.4;width:2px;height:2px;animation:float var(--duration-slow) ease-in-out infinite alternate;border-radius:50%;position:absolute}.final-cta-content{z-index:2;position:relative}.final-moto{margin-bottom:var(--space-8);font-size:80px;animation:4s ease-in-out infinite float}.final-title{font-size:var(--text-6xl);letter-spacing:-.02em;margin-bottom:var(--space-6);font-weight:900;line-height:1.1}.final-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-10);line-height:1.7}.final-actions{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.final-btn{padding:var(--space-4) var(--space-12);font-size:var(--text-base)}.final-sweep{background:linear-gradient(90deg, transparent, var(--color-accent), transparent);opacity:.3;width:200%;height:2px;animation:6s ease-in-out infinite sweepLine;position:absolute;top:0;left:-50%}@keyframes sweepLine{0%{transform:translate(-50%)}50%{transform:translate(50%)}to{transform:translate(-50%)}}@media (width<=768px){.final-title{font-size:var(--text-4xl)}.final-moto{font-size:56px}}.footer{background:var(--color-surface-dark);padding:var(--space-20) 0 var(--space-8)}.footer-grid{gap:var(--space-10);grid-template-columns:2fr 1fr 1fr 1fr 1fr;display:grid}.footer-brand{max-width:280px}.footer-logo{font-size:var(--text-xl);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-4);align-items:center;gap:2px;font-weight:900;display:inline-flex}.footer-logo .hood{color:var(--color-accent)}.footer-logo .logo-dot{background:var(--color-accent);border-radius:50%;width:5px;height:5px;margin-left:2px}.footer-tagline{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.footer-col{gap:var(--space-3);flex-direction:column;display:flex}.footer-col-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:600}.footer-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast)}.footer-link:hover{color:var(--color-accent)}.footer-socials{gap:var(--space-3);margin-top:var(--space-10);display:flex}.footer-social{width:36px;height:36px;font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;font-weight:700;display:flex}.footer-social:hover{border-color:var(--color-accent);color:var(--color-accent)}.footer-bottom{margin-top:var(--space-12)}.footer-divider{background:var(--color-border-subtle);width:100%;height:1px;margin-bottom:var(--space-6)}.footer-copy{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.05em}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=768px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}
