:root{--red:#f20d28;--ink:#08090a;--panel:#111315;--line:#2a2d30;--text:#f4f3ef;--muted:#9b9da0;--display:'Barlow Condensed',sans-serif;--body:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.nav{height:82px;position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(#090a0bd9,#090a0b85);backdrop-filter:blur(14px)}.brand{display:grid;grid-template-columns:auto auto;align-items:center;font:800 1.65rem/1 var(--display);letter-spacing:.04em}.brand-x{color:var(--red);font-size:2.5rem;font-style:italic;margin-right:2px;text-shadow:0 0 18px #f20d2866}.brand small{grid-column:2;font:700 .48rem/1 var(--body);letter-spacing:.34em;color:#aaa}.nav nav{display:flex;gap:36px;font-size:.84rem}.nav nav a{color:#ccc;transition:.2s}.nav nav a:hover{color:#fff}.nav-cta{border:1px solid #555;padding:12px 17px;text-transform:uppercase;font:700 .76rem var(--body);letter-spacing:.08em}.hero{min-height:820px;height:100vh;position:relative;display:flex;align-items:center;background:url('xbikes-hero.png') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070809 0%,#070809e8 26%,#0708095e 56%,#07080910 80%),linear-gradient(0deg,#08090a 0%,transparent 28%)}.hero-copy{position:relative;z-index:2;width:min(780px,88vw);margin-left:clamp(24px,8vw,130px);padding-top:70px}.eyebrow{font:700 .72rem var(--body);letter-spacing:.22em;text-transform:uppercase;color:#c7c7c7;display:flex;align-items:center;gap:10px}.eyebrow span{display:inline-block;width:28px;height:2px;background:var(--red)}h1,h2{font-family:var(--display);letter-spacing:-.035em;margin:0;line-height:.85}h1{font-size:clamp(4rem,8.4vw,8.8rem);font-weight:900}h1 em,h2 em{font-style:italic;color:var(--red)}.lead{font-size:clamp(1rem,1.4vw,1.24rem);line-height:1.65;color:#c2c3c4;max-width:600px;margin:30px 0}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 22px;text-transform:uppercase;font:700 .78rem var(--body);letter-spacing:.09em;border:1px solid #4d4f51;transition:.25s}.button.primary{background:var(--red);border-color:var(--red);color:white}.button:hover{transform:translateY(-2px);filter:brightness(1.12)}.hero-facts{display:flex;gap:0;margin-top:65px;border-top:1px solid #ffffff26;max-width:720px}.hero-facts div{padding:18px 36px 0 0;margin-right:36px;border-right:1px solid #ffffff26}.hero-facts div:last-child{border:0}.hero-facts strong,.hero-facts span{display:block}.hero-facts strong{font:700 1.08rem var(--display);letter-spacing:.02em}.hero-facts span{font-size:.72rem;color:#8f9092;margin-top:5px}.scroll-cue{position:absolute;right:35px;bottom:60px;z-index:2;writing-mode:vertical-rl;font-size:.62rem;letter-spacing:.25em;color:#aaa}.scroll-cue span{color:var(--red);font-size:1.1rem;margin-top:10px}.marquee{overflow:hidden;border-block:1px solid #242628;background:#0c0d0e;padding:17px 0;white-space:nowrap}.marquee div{font:700 1rem var(--display);letter-spacing:.2em;word-spacing:1.2em;animation:move 18s linear infinite}.marquee b{color:var(--red)}@keyframes move{to{transform:translateX(-40%)}}.section{padding:110px clamp(24px,7vw,110px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head h2,.finder h2,.promise h2,.cta h2{font-size:clamp(3.3rem,6vw,6.5rem);font-weight:900}.section-head>p{color:var(--muted);line-height:1.7;max-width:460px}.filters{display:flex;gap:10px;margin-bottom:30px;overflow:auto}.filter{color:#b5b6b7;background:transparent;border:1px solid #303336;padding:11px 18px;cursor:pointer;white-space:nowrap}.filter.active,.filter:hover{background:#f4f3ef;color:#0b0c0d;border-color:#f4f3ef}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:510px;background:linear-gradient(145deg,#17191b,#0f1112);border:1px solid #26292c;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.3s}.card:hover{border-color:#555;transform:translateY(-4px)}.card.hidden{display:none}.card.featured{background:linear-gradient(145deg,#201216,#101112)}.card-top{display:flex;justify-content:space-between;padding:20px;position:relative;z-index:2}.tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#b8b9ba}.cc{font:800 1rem var(--display);color:var(--red)}.machine-art{height:200px;display:flex;align-items:center;justify-content:center;position:relative;font-family:var(--display);font-style:italic;color:#25272a;text-shadow:1px 1px #45484b;font-size:4rem;letter-spacing:.02em;transform:skew(-5deg)}.machine-art strong{font-size:9rem;color:#ffffff0a;position:absolute}.machine-art:after{content:'✕';position:absolute;color:#f20d282e;font-size:12rem;text-shadow:0 0 30px #f20d2820}.machine-art.compact{color:#777b80}.machine-art.red{color:#a90d20}.card-body{border-top:1px solid #292c2e;padding:22px;margin-top:auto}.card h3{font:800 2rem var(--display);text-transform:uppercase;margin:0}.card p{color:#939699;font-size:.85rem;line-height:1.6;min-height:54px}.price{display:flex;align-items:baseline;gap:8px;margin:22px 0}.price span{font-size:.7rem;color:#888;text-transform:uppercase}.price strong{font:700 1.55rem var(--display)}.card a{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#ddd}.card a:hover{color:var(--red)}.finder{background:#e7e5df;color:#111;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.finder-copy>p:not(.eyebrow){color:#5f6061;line-height:1.7;max-width:510px}.finder-number{font:800 5.6rem var(--display);color:#1b1c1d;margin-top:30px}.finder-number i{color:var(--red);font-style:normal}.quiz{background:#111315;color:white;min-height:500px;padding:clamp(28px,4vw,58px);box-shadow:18px 18px 0 #c9c6bd}.progress{height:3px;background:#303235;margin-bottom:50px}.progress i{display:block;width:50%;height:100%;background:var(--red);transition:.3s}.question-count{font-size:.66rem;letter-spacing:.2em;color:var(--red);font-weight:700}.quiz h3{font:800 clamp(2.2rem,4vw,4rem)/1 var(--display);margin:14px 0 36px}.quiz-step{display:none}.quiz-step.active{display:block}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choices button{display:flex;align-items:center;gap:14px;text-align:left;background:#1c1e20;color:white;border:1px solid #333638;padding:22px;cursor:pointer;transition:.2s}.choices button:hover{border-color:var(--red);background:#24171a}.choices button>span{display:grid}.choices strong{font:700 1rem var(--body)}.choices small{color:#939598;margin-top:4px}.back,.restart{background:none;border:0;color:#929496;margin-top:24px;padding:0;cursor:pointer;text-decoration:underline}.result p{color:#bbb;line-height:1.7;max-width:520px;margin-bottom:28px}.restart{display:block}.promise{text-align:center}.promise .eyebrow{justify-content:center}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#303234;margin-top:65px;text-align:left}.promise-grid>div{background:#111315;padding:35px}.promise-grid b{color:var(--red);font:800 2.2rem var(--display)}.promise-grid h3{font:700 1.55rem var(--display);text-transform:uppercase}.promise-grid p{color:#959799;line-height:1.65;font-size:.88rem}.cta{margin:0 clamp(16px,3vw,42px) 42px;padding:clamp(50px,8vw,110px);background:linear-gradient(115deg,#22080d,#a1081c 60%,#ef102a);display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:60px;position:relative;overflow:hidden}.cta:after{content:'X';position:absolute;right:-1vw;top:-15vw;font:900 38vw var(--display);color:#ffffff09}.cta-side{position:relative;z-index:2}.cta-side p{line-height:1.7}.button.large{background:#090a0b;border-color:#090a0b;width:100%;margin:20px 0}.instagram{font-size:.8rem;text-decoration:underline}.cta .eyebrow span{background:white}footer{border-top:1px solid #242628;padding:45px clamp(24px,7vw,110px);display:flex;align-items:center;justify-content:space-between;color:#777;font-size:.75rem}.float-wa{position:fixed;right:22px;bottom:22px;z-index:20;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:white;font:800 .72rem var(--body);box-shadow:0 8px 30px #0009}.reveal{animation:rise .9s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}}@media(max-width:900px){.nav nav{display:none}.nav-cta{font-size:0}.nav-cta:after{content:'WhatsApp';font-size:.7rem}.hero{min-height:780px;background-position:64% center}.hero-shade{background:linear-gradient(90deg,#070809f2 0%,#070809c7 48%,#07080935),linear-gradient(0deg,#08090a,transparent 36%)}.hero-copy{margin-left:24px}.hero-facts{max-width:94%;overflow:auto}.hero-facts div{min-width:160px}.section{padding:80px 24px}.section-head{display:block}.section-head>p{margin-top:20px}.model-grid{grid-template-columns:repeat(2,1fr)}.finder{grid-template-columns:1fr}.promise-grid{grid-template-columns:1fr}.cta{grid-template-columns:1fr}footer{gap:20px;flex-wrap:wrap}}@media(max-width:580px){.nav{height:68px;padding:0 16px}.brand{font-size:1.25rem}.brand-x{font-size:2rem}.nav-cta{padding:10px}.hero{height:auto;min-height:790px;align-items:end;padding-bottom:56px}.hero-copy{padding-top:120px}.lead{font-size:.95rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-facts{margin-top:38px}.hero-facts div{padding-right:20px;margin-right:20px}.scroll-cue{display:none}.model-grid{grid-template-columns:1fr}.card{min-height:480px}.choices{grid-template-columns:1fr}.quiz{min-height:520px;padding:28px;box-shadow:9px 9px 0 #c9c6bd}.cta{margin:0 10px 30px;padding:50px 25px}footer{display:grid}.marquee div{font-size:.8rem}}