:root{--navy:#0d1b2a;--paper:#f7f6f2;--yellow:#ffc107;--pink:#ec407a;--red:#e53935;--green:#2e7d32;--line:rgba(13,27,42,.16);--mono:"DM Mono",monospace;--sans:"Noto Sans TC",sans-serif;--serif:"Playfair Display",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--sans);line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}.announcement{min-height:31px;padding:6px 4vw;background:var(--navy);color:#fff;display:flex;justify-content:center;gap:18px;font:11px var(--mono);letter-spacing:.08em}.announcement strong{color:var(--yellow)}.product-header{height:86px;padding:0 4vw;background:rgba(247,246,242,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.logo{font-size:27px;font-weight:700;font-style:italic;letter-spacing:-.08em}.logo i,.logo em,.logo b{font-style:italic}.logo i{color:var(--yellow)}.logo em{color:var(--pink)}.logo b{color:var(--red)}.product-header nav{display:flex;gap:28px;font-size:13px}.product-header nav a{padding:8px 0;border-bottom:2px solid transparent}.product-header nav a:hover{border-color:var(--yellow)}.header-back{font:12px var(--mono);border-bottom:1px solid var(--navy);padding-bottom:5px}.product-hero{min-height:calc(100vh - 117px);display:grid;grid-template-columns:46% 54%;position:relative;background:#fff}.hero-copy{padding:7vw 6vw 5vw 7vw;display:flex;flex-direction:column;justify-content:center}.breadcrumb{font:11px var(--mono);color:#657084;margin-bottom:44px}.eyebrow{font:12px var(--mono);letter-spacing:.16em;color:var(--pink);text-transform:uppercase}.hero-copy h1{font-size:clamp(78px,10vw,150px);line-height:.8;letter-spacing:-.07em;margin:12px 0 35px}.hero-tagline{font-size:clamp(25px,2.4vw,42px);font-weight:600;line-height:1.32;margin:0 0 22px}.hero-tagline em{font-family:var(--serif);font-weight:600;color:var(--pink)}.hero-intro{max-width:620px;color:#536074;font-size:16px}.hero-price{display:flex;align-items:flex-end;gap:20px;margin:30px 0 24px}.hero-price span{font:11px var(--mono);padding-bottom:7px}.hero-price strong{font:500 clamp(30px,3.2vw,48px) var(--mono)}.hero-actions,.final-cta>div{display:flex;gap:14px}.primary-action,.secondary-action{min-height:52px;padding:0 26px;border:1px solid var(--navy);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.primary-action{background:var(--navy);color:#fff}.primary-action:hover{background:var(--pink);border-color:var(--pink)}.secondary-action{background:transparent}.secondary-action:hover{background:var(--yellow)}.microcopy{font-size:11px;color:#747d8d;margin-top:18px}.hero-media{margin:0;min-height:700px;position:relative;overflow:hidden;background:#d7d6d0}.hero-media img{width:100%;height:100%;object-fit:cover;display:block}.hero-media figcaption{position:absolute;right:25px;bottom:20px;background:rgba(13,27,42,.8);color:#fff;padding:8px 12px;font:10px var(--mono)}.hero-index{position:absolute;left:22px;bottom:18px;writing-mode:vertical-rl;font:10px var(--mono);letter-spacing:.12em}.quick-specs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;padding:0 5vw}.quick-specs article{padding:34px 3vw;border-right:1px solid rgba(255,255,255,.17)}.quick-specs article:last-child{border:0}.quick-specs span,.quick-specs p{font:10px var(--mono);color:#a9b2bf}.quick-specs strong{display:block;font:500 clamp(28px,3vw,47px) var(--mono);margin:9px 0}.quick-specs small{font-size:13px;margin-left:5px}.quick-specs p{margin:0}.section{padding:110px 7vw}.section-label{font:11px var(--mono);color:var(--pink);writing-mode:vertical-rl}.ride-story{display:grid;grid-template-columns:70px 1.3fr 1fr;gap:6vw;align-items:start}.story-copy h2,.section-head h2,.compat-copy h2{font-size:clamp(42px,5.5vw,76px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 28px}.story-copy>p:last-child{font-size:18px;color:#526075;max-width:700px}.best-for{margin-top:68px;background:#fff;border-top:5px solid var(--yellow);padding:34px}.best-for>span{font:11px var(--mono);color:var(--pink)}.best-for ul{margin:22px 0 0;padding:0;list-style:none}.best-for li{padding:14px 0;border-top:1px solid var(--line)}.best-for li:before{content:"↗";color:var(--pink);margin-right:12px}.engineering{background:#ebeae5}.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end}.section-head>p{color:#586476;max-width:440px;margin-bottom:32px}.engineering-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px}.feature{min-height:480px;padding:38px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.feature>span{font:18px var(--mono);color:var(--pink)}.feature h3{font-size:30px;line-height:1.25;margin:70px 0 20px}.feature p{color:#606b7c}.feature b{font:10px var(--mono);letter-spacing:.12em;margin-top:auto}.feature-carbon{background:var(--navy);color:#fff}.feature-carbon p{color:#b9c0ca}.feature-ratchet{background:linear-gradient(145deg,#fff 55%,rgba(255,193,7,.35))}.compatibility{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#fff}.compat-copy p:last-child{color:#596678;max-width:500px}.compat-form fieldset{border:0;border-top:1px solid var(--line);padding:24px 0;margin:0}.compat-form legend{font:11px var(--mono);color:#697384;margin-bottom:16px}.compat-form label{display:inline-block;margin:0 8px 8px 0}.compat-form input{position:absolute;opacity:0}.compat-form label span{display:block;border:1px solid var(--line);padding:11px 15px;cursor:pointer}.compat-form input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy)}.compat-result{display:flex;gap:16px;margin-top:26px;padding:22px;background:#edf7ee;border-left:4px solid var(--green)}.compat-result>span{font-size:26px;color:var(--green)}.compat-result strong{display:block}.compat-result p{margin:4px 0 0;color:#5f6c7d;font-size:13px}.compat-result.warning{background:#fff5e6;border-color:#e89b18}.compat-result.warning>span{color:#e89b18}.spec-table{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:55px;border:1px solid var(--line)}.spec-group{background:#fff;padding:36px}.spec-group h3{font:13px var(--mono);letter-spacing:.08em;color:var(--pink);margin:0 0 22px}.spec-group dl{margin:0}.spec-group dl div{display:grid;grid-template-columns:42% 58%;padding:13px 0;border-top:1px solid var(--line)}.spec-group dt{color:#717b8b}.spec-group dd{margin:0;font-weight:600}.spec-note{font-size:12px;color:#6e7888;margin-top:18px}.final-cta{padding:120px 7vw;background:var(--navy);color:#fff;text-align:center}.final-cta h2{font-size:clamp(55px,8vw,110px);line-height:.92;letter-spacing:-.055em;margin:20px 0 30px}.final-cta>p:not(.eyebrow){color:#bac2cc}.final-cta>div{justify-content:center;margin-top:34px}.final-cta .primary-action{background:var(--yellow);color:var(--navy);border-color:var(--yellow)}.secondary-action.light{border-color:#fff;color:#fff}.secondary-action.light:hover{color:var(--navy)}footer{padding:40px 5vw;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;background:#fff;border-top:1px solid var(--line)}footer p{text-align:center;font-size:12px;color:#697384}footer p a{text-decoration:underline}.footer-logo{font-size:22px}.mobile-bar,.toast{display:none}@media(max-width:900px){.product-header{height:72px}.product-header nav{display:none}.product-hero{grid-template-columns:1fr}.hero-copy{padding:70px 7vw 50px}.breadcrumb{margin-bottom:25px}.hero-media{min-height:70vh}.quick-specs{grid-template-columns:repeat(2,1fr)}.quick-specs article:nth-child(2){border-right:0}.ride-story{grid-template-columns:1fr}.section-label{writing-mode:horizontal-tb}.best-for{margin-top:0}.section-head,.compatibility{grid-template-columns:1fr}.engineering-grid{grid-template-columns:1fr}.feature{min-height:360px;border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr;text-align:center}.footer-logo{margin:auto}}@media(max-width:600px){body{padding-bottom:74px}.announcement{font-size:9px;gap:8px}.product-header{padding:0 20px}.header-back{font-size:10px}.hero-copy{padding:52px 24px 42px}.hero-copy h1{font-size:76px}.hero-tagline{font-size:27px}.hero-actions{flex-direction:column}.hero-media{min-height:590px}.hero-index{display:none}.quick-specs{padding:0}.quick-specs article{padding:25px 20px}.quick-specs strong{font-size:27px}.section{padding:78px 24px}.story-copy h2,.section-head h2,.compat-copy h2{font-size:43px}.engineering-grid{margin-left:-24px;margin-right:-24px}.feature{padding:34px 24px}.spec-table{grid-template-columns:1fr}.spec-group{padding:28px 22px}.spec-group dl div{grid-template-columns:1fr;gap:3px}.final-cta{padding:90px 24px}.final-cta h2{font-size:61px}.final-cta>div{flex-direction:column}.mobile-bar{position:fixed;display:flex;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:10px 14px;align-items:center;justify-content:space-between}.mobile-bar small{display:block;font-size:9px;color:#6b7585}.mobile-bar strong{font:500 18px var(--mono)}.mobile-bar button{background:var(--navy);color:#fff;border:0;padding:12px 22px}.toast{position:fixed;display:block;z-index:40;left:20px;right:20px;bottom:90px;background:var(--pink);color:#fff;padding:15px;text-align:center;transform:translateY(150%);transition:.25s}.toast.show{transform:translateY(0)}}
.cert-badge{align-self:flex-start;background:var(--yellow);color:var(--navy);padding:6px 9px;font:10px var(--mono);letter-spacing:.12em;margin-top:8px}.hero-copy h1{overflow-wrap:anywhere}@media(max-width:600px){.hero-copy h1{font-size:56px}}

/* Official UCI mark on product pages */
.uci-detail-badge{width:128px;height:70px;background:#fff;padding:9px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 5px 18px rgba(13,27,42,.14)}
.uci-detail-badge img{display:block;width:104px;height:auto}
.uci-detail-badge small{font:500 7px/1 var(--mono);letter-spacing:.14em}
.voso-ultimate-page .hero-media img{object-position:center 72%}

/* Consumer conversion upgrade v18 */
.product-header{gap:28px}
.product-header nav{margin-right:auto}
.header-inquiry{font:500 11px var(--mono);padding:9px 13px;background:var(--navy);color:#fff;margin-left:0;margin-right:0}
.primary-action.added,.mobile-bar button.added{background:#247a4a;color:#fff}
.toast{display:block;position:fixed;z-index:50;right:24px;bottom:24px;max-width:420px;background:var(--pink);color:#fff;padding:16px 20px;text-align:center;transform:translateY(150%);transition:.25s;box-shadow:0 12px 35px rgba(13,27,42,.22)}
.toast.show{transform:translateY(0)}
.uci-detail-badge{text-decoration:none}
.uci-detail-badge small{font-size:6px;letter-spacing:.08em}
@media(max-width:600px){
  .product-header .logo{font-size:22px}
  .header-inquiry{font-size:9px;padding:8px;margin:0 8px 0 auto}
  .header-back{display:none}
  .toast{left:20px;right:20px;bottom:90px;max-width:none}
  .mobile-bar button.added{background:#247a4a}
}