:root{--bg:#050505;--panel:#0b0c0e;--panel2:#111216;--white:#f4f4f2;--muted:#96979c;--accent:#ef3f33;--line:rgba(255,255,255,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.bf-shell{min-height:100vh}.bf-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1260px)/2));border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:20;background:rgba(5,5,5,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.bf-brand{line-height:.78}.bf-brand span,.bf-brand b{font-size:22px;font-weight:800;letter-spacing:-.055em;color:#f4f4f2}.bf-brand small{display:block;margin-top:5px;font-size:5.8px;letter-spacing:.17em;color:#85858a}.bf-back{font-family:'Barlow Condensed';font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:#b8b8bd}.bf-main{width:min(1260px,calc(100% - 56px));margin:0 auto;padding:48px 0 78px}.bf-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:68px;align-items:end;margin-bottom:28px}.bf-kicker{margin:0 0 9px;color:var(--accent);font-family:'Barlow Condensed';font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.bf-intro h1{max-width:650px;margin:0;font-family:'Barlow Condensed';font-size:clamp(38px,4vw,54px);line-height:.96;letter-spacing:-.025em;text-transform:none}.bf-intro>p{max-width:470px;margin:0;color:#a9a9ae;font-size:12px;line-height:1.65}.bf-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0d0e10,#08090a);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.24)}.bf-progress{height:58px;padding:0 24px;display:grid;grid-template-columns:auto auto minmax(120px,1fr);align-items:center;gap:14px;border-bottom:1px solid var(--line)}.bf-step-label{font-family:'Barlow Condensed';font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#77787d}.bf-progress strong{font-family:'Barlow Condensed';font-size:26px;line-height:1;margin:0}.bf-track{height:2px;background:#292a2e}.bf-track i{display:block;height:100%;background:var(--accent);width:16.66%;transition:width .3s ease}.bf-steps,.bf-note{display:none!important}.bf-content{min-height:390px;padding:34px 38px 30px;display:flex;flex-direction:column}.bf-question h2{max-width:760px;margin:0 0 10px;font-family:'Barlow Condensed';font-size:clamp(30px,3.2vw,42px);line-height:1;letter-spacing:-.012em;text-transform:none}.bf-question>p{max-width:650px;margin:0 0 22px;color:#94959a;font-size:12px;line-height:1.55}.bf-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bf-option{appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#0d0e10;color:#fff;min-height:66px;padding:14px 16px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:border-color .2s,background .2s,transform .2s}.bf-option:hover,.bf-option.selected{border-color:rgba(239,63,51,.72);background:#141518;transform:translateY(-1px)}.bf-option b{font-family:'Barlow Condensed';font-size:18px;line-height:1.05;text-transform:none}.bf-option span{color:var(--accent);font-size:17px}.bf-height-wrap{max-width:520px}.bf-height{width:100%;font-family:'Barlow Condensed';font-size:26px;background:#0d0e10;border:1px solid rgba(255,255,255,.16);border-radius:10px;color:#fff;padding:15px 17px}.bf-height:focus{outline:1px solid var(--accent);border-color:var(--accent)}.bf-actions{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;gap:10px}.bf-button{border:1px solid rgba(255,255,255,.18);border-radius:9px;background:transparent;color:#fff;padding:10px 15px;min-height:42px;font-family:'Barlow Condensed';font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.bf-button:hover{border-color:rgba(239,63,51,.72)}.bf-button.primary{background:#fff;color:#050505;border-color:#fff}.bf-button.primary:hover{background:#ececea}.bf-button:disabled{opacity:.3;cursor:not-allowed}.bf-result{display:none}.bf-result.open{display:block}.bf-result-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}.bf-result-main,.bf-result-alt{border:1px solid var(--line);border-radius:16px;padding:26px;background:#0c0d0f}.bf-result-main{background:radial-gradient(circle at 82% 20%,#23262a,#111216 46%,#090a0b 100%)}.bf-result h2{margin:8px 0 14px;font-family:'Barlow Condensed';font-size:clamp(40px,5vw,62px);line-height:.92;text-transform:none;letter-spacing:-.02em}.bf-result h3{margin:0 0 12px;font-family:'Barlow Condensed';font-size:26px;text-transform:none}.bf-result p{color:#b8b8bd;font-size:12px;line-height:1.6}.bf-reasons{display:grid;margin:18px 0}.bf-reasons div{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1)}.bf-reasons b{display:block;font-family:'Barlow Condensed';font-size:16px}.bf-reasons span{color:#909096;font-size:12px}.bf-alt-list{display:grid;gap:8px}.bf-alt-item{padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:10px;display:flex;justify-content:space-between;align-items:center}.bf-alt-item b{font-family:'Barlow Condensed';font-size:18px}.bf-size{margin:16px 0;padding:14px 15px;border-left:2px solid var(--accent);background:#111216}.bf-size strong{display:block;font-family:'Barlow Condensed';font-size:21px}.bf-result-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.bf-disclaimer{font-size:11px!important;color:#75767b!important;margin-top:14px!important}.bf-hidden{display:none!important}
@media(max-width:850px){.bf-main{width:min(100% - 32px,1260px);padding-top:30px}.bf-intro{grid-template-columns:1fr;gap:14px;margin-bottom:22px}.bf-intro h1{font-size:clamp(36px,10vw,48px)}.bf-card{border-radius:15px}.bf-progress{height:54px;padding:0 18px}.bf-content{min-height:390px;padding:26px 20px 22px}.bf-result-grid{grid-template-columns:1fr}.bf-options{grid-template-columns:1fr}.bf-question h2{font-size:32px}.bf-button{flex:1}}
@media(max-width:480px){.bf-header{height:68px;padding:0 18px}.bf-brand span,.bf-brand b{font-size:20px}.bf-brand small{font-size:5.4px}.bf-back{font-size:11px}.bf-main{width:calc(100% - 24px);padding:24px 0 46px}.bf-intro h1{font-size:36px}.bf-intro>p{font-size:11px}.bf-progress{grid-template-columns:auto auto 1fr;gap:10px}.bf-progress strong{font-size:23px}.bf-content{min-height:370px;padding:22px 16px 18px}.bf-question h2{font-size:29px}.bf-question>p{font-size:11px}.bf-option{min-height:60px;padding:13px 14px}.bf-option b{font-size:17px}.bf-result-main,.bf-result-alt{padding:19px}.bf-result-actions .bf-button{width:100%}.bf-actions{position:sticky;bottom:0;background:linear-gradient(0deg,#08090a 74%,transparent);padding-top:24px}.bf-actions .bf-button{padding-inline:9px}}
@media(hover:none){.bf-option:hover{transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.bf-track i,.bf-option{transition:none}}


/* Bike Finder guided flow: neutral navigation and automatic progression. */
.bf-intro .bf-kicker{color:#929398}
.bf-option span,.bf-alt-item span{color:#8f9095}
#nextButton{display:none!important}
.bf-actions{justify-content:flex-start}
.bf-actions #backButton{flex:0 0 auto}
@media(max-width:850px){.bf-actions #backButton{flex:0 0 auto;min-width:118px}}