*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--twh-yellow: #F5A623;--twh-yellow-light: #FFBE55;--twh-yellow-dim: rgba(245, 166, 35, .15);--twh-yellow-glow: rgba(245, 166, 35, .08);--twh-navy: #1C2333;--twh-navy-mid: #232D42;--twh-navy-soft: #2A3450;--twh-navy-border: rgba(255,255,255,.08);--twh-black: #0d0f14;--white: #ffffff;--off-white: #F0EDE8;--off-white-dim: rgba(240, 237, 232, .7);--off-white-muted: rgba(240, 237, 232, .4);--font-brand: "Oswald", "Arial Narrow", sans-serif;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Oswald", "Arial Narrow", sans-serif;--ease-luxury: cubic-bezier(.25, .46, .45, .94);--ease-snap: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}html{font-size:112.5%}html,body{height:100%;width:100%;overflow:hidden;background:var(--twh-black);color:var(--off-white);font-family:var(--font-brand);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%}.app-root{height:100vh;width:100vw;overflow:hidden;position:relative;background:var(--twh-black)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--twh-navy)}::-webkit-scrollbar-thumb{background:var(--twh-yellow);border-radius:2px}::selection{background:var(--twh-yellow);color:var(--twh-black)}.display-xl{font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);font-weight:300;line-height:.95;letter-spacing:-.02em;color:var(--off-white)}.display-lg{font-family:var(--font-display);font-size:clamp(2rem,5vw,4.5rem);font-weight:300;line-height:1;letter-spacing:-.01em;color:var(--off-white)}.display-md{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.8rem);font-weight:600;line-height:1.1;color:#fff}.label-caps{font-family:var(--font-brand);font-size:.78rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--twh-yellow)}.body-text{font-family:var(--font-brand);font-size:1.05rem;font-weight:400;line-height:1.7;color:#fffc}.gold-rule{width:40px;height:2px;background:var(--twh-yellow);display:block}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px}.vignette{position:fixed;inset:0;pointer-events:none;z-index:99;background:radial-gradient(ellipse at center,transparent 40%,rgba(13,15,20,.75) 100%)}.twh-watermark-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.twh-watermark-bg:after{content:"W";position:absolute;right:-8%;bottom:-15%;font-family:var(--font-brand);font-size:clamp(400px,55vw,700px);font-weight:700;color:#ffffff06;line-height:1;-webkit-user-select:none;user-select:none;letter-spacing:-.05em}.btn-primary{display:inline-flex;align-items:center;gap:12px;padding:16px 40px;background:var(--twh-yellow);color:var(--twh-black);font-family:var(--font-brand);font-size:.82rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;border:none;cursor:pointer;transition:all .3s var(--ease-luxury);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:var(--twh-yellow-light);transform:translate(-100%);transition:transform .4s var(--ease-luxury)}.btn-primary:hover:before{transform:translate(0)}.btn-primary:hover{letter-spacing:.24em}.btn-primary span{position:relative;z-index:1}.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:transparent;color:var(--off-white);font-family:var(--font-brand);font-size:.78rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .3s var(--ease-luxury)}.btn-ghost:hover{border-color:var(--twh-yellow);color:var(--twh-yellow)}.progress-track{width:100%;height:2px;background:#ffffff0f;position:relative;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--twh-yellow) 0%,var(--twh-yellow-light) 100%);transition:width .6s var(--ease-snap);position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:-2px;width:4px;height:6px;background:var(--twh-yellow-light);box-shadow:0 0 10px var(--twh-yellow)}.option-card{display:flex;align-items:flex-start;gap:20px;padding:20px 24px;background:transparent;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .25s var(--ease-luxury);position:relative;overflow:hidden;text-align:left;width:100%}.option-card:before{content:"";position:absolute;inset:0;background:var(--twh-yellow-glow);opacity:0;transition:opacity .25s var(--ease-luxury)}.option-card:hover:before,.option-card.selected:before{opacity:1}.option-card:hover{border-color:#f5a62366}.option-card.selected{border-color:var(--twh-yellow)}.option-card.selected .option-icon{color:var(--twh-yellow)}.option-icon{font-size:1.4rem;min-width:32px;padding-top:2px;transition:transform .3s var(--ease-snap)}.option-card:hover .option-icon{transform:scale(1.15)}.option-label{font-family:var(--font-brand);font-size:1.05rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:5px;letter-spacing:.04em;text-transform:uppercase}.option-sublabel{font-family:var(--font-brand);font-size:.9rem;font-weight:400;color:#ffffffb8;line-height:1.5;text-transform:none;letter-spacing:.01em}.option-card.selected .option-label{color:var(--twh-yellow-light)}.option-check{margin-left:auto;width:20px;height:20px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s var(--ease-luxury)}.option-card.selected .option-check{background:var(--twh-yellow);border-color:var(--twh-yellow)}.option-check-inner{width:8px;height:8px;border-radius:50%;background:var(--twh-black);opacity:0;transform:scale(0);transition:all .2s var(--ease-snap)}.option-card.selected .option-check-inner{opacity:1;transform:scale(1)}.result-hero{position:relative;width:100%;height:55vh;overflow:hidden}.result-hero-img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(.62) contrast(1.05) saturate(1.1)}.result-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0d0f1426,#0d0f1400 25%,#0d0f1499 70%,#0d0f14)}.spec-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);font-family:var(--font-brand);font-size:.95rem;font-weight:300;color:var(--off-white-dim);letter-spacing:.03em}.spec-item:before{content:"";width:5px;height:5px;background:var(--twh-yellow);border-radius:50%;flex-shrink:0}.vip-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--twh-yellow);background:var(--twh-yellow-dim)}.question-counter{font-family:var(--font-brand);font-size:.65rem;font-weight:500;letter-spacing:.15em;color:var(--off-white-muted)}.intro-bg{position:absolute;inset:0;background-image:url(/manus-storage/wheelhouse-hero-bike_7a818c1b.webp);background-size:cover;background-position:center 60%}.intro-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(245,166,35,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,166,35,.03) 1px,transparent 1px);background-size:80px 80px}.name-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.12);color:var(--off-white);font-family:var(--font-display);font-size:1.8rem;font-weight:300;padding:8px 0;width:100%;outline:none;transition:border-color .3s var(--ease-luxury);caret-color:var(--twh-yellow)}.name-input::placeholder{color:var(--off-white-muted)}.name-input:focus{border-bottom-color:var(--twh-yellow)}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scanline{position:fixed;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--twh-yellow),transparent);animation:scanline 1.5s var(--ease-luxury) forwards;z-index:200}@keyframes pulse-gold{0%,to{opacity:.6}50%{opacity:1}}.pulse-gold{animation:pulse-gold 2s ease-in-out infinite}@media (max-width: 900px){.result-two-col{grid-template-columns:1fr!important}.result-sticky-panel{position:static!important}.brand-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.display-xl{font-size:clamp(2.2rem,10vw,3.5rem)}.display-lg{font-size:clamp(1.6rem,7vw,2.5rem)}.option-card{padding:16px 18px;gap:14px}.result-hero{height:45vh}.nav-pad,.content-pad{padding-left:20px!important;padding-right:20px!important}.bottom-nav{padding:16px 20px 20px!important}.brand-row{display:none!important}.options-grid,.brand-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.display-xl{font-size:2rem}.display-lg{font-size:1.5rem}.display-md{font-size:1.3rem}.btn-primary,.btn-ghost{padding:14px 24px;font-size:.72rem}}