{"title":"Cannondale","description":"\u003cp\u003eBiciclete Cannondale disponibile la ProVelo.\u003c\/p\u003e","products":[{"product_id":"bicicleta-mtb-full-suspension-cannondale-jekyll-carbon-2-deep-teal","title":"Bicicleta MTB full suspension Cannondale Jekyll Carbon 2 Deep Teal","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"alignnone wp-image-217324\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"335\" height=\"59\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003c\/h2\u003e\n\u003ch2 style=\"text-align: center;\"\u003e\n\u003cstrong\u003eDescoperă Cannondale Jekyll 2 29\" – O Bijuterie a Inovării pentru Downhill\u003c\/strong\u003e 🚀\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eBicicleta Cannondale Jekyll 2 29\" din carbon este o mașinărie enduro full-suspension, proiectată pentru a domina traseele de downhill. Cu \u003cstrong\u003ecomponente Shimano avansate\u003c\/strong\u003e, \u003cstrong\u003esuspensie RockShox\u003c\/strong\u003e și \u003cstrong\u003eamortizor Fox\u003c\/strong\u003e, această bicicletă aduce o serie de inovații tehnice care fac fiecare cursă de neuitat.\u003c\/p\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e🌟 \u003cstrong\u003eDe ce să alegi Jekyll 2?\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003eGravity Cavity\u003c\/strong\u003e: Amortizorul este integrat în tubul inferior, coborând centrul de greutate pentru o stabilitate incredibilă.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGuidler – o combinație inovatoare\u003c\/strong\u003e: Îmbină un ghidaj de lanț și o roată intermediară pentru a preveni căderea lanțului și reculul pedalelor pe teren accidentat.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign Proportional Response\u003c\/strong\u003e: Geometria cadrului, lungimea chainstay-ului și suspensia sunt adaptate fiecărei mărimi de cadru pentru un fit perfect.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTriunghi spate cu offset Ai\u003c\/strong\u003e: Oferă spațiu generos pentru cauciucuri, chainstay-uri scurte pentru agilitate și o roată din spate mai rigidă și mai durabilă.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003eRezultatul? O bicicletă cu \u003cstrong\u003eeficiență\u003c\/strong\u003e, \u003cstrong\u003eaderență\u003c\/strong\u003e, \u003cstrong\u003efluiditate\u003c\/strong\u003e și \u003cstrong\u003eagilitate\u003c\/strong\u003e, ideală pentru pasionații de downhill care caută performanță și viteză.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e🔧 \u003cstrong\u003eSpecificații cheie\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDimensiune roți\u003c\/strong\u003e: 29\"\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuspensie față\/spate\u003c\/strong\u003e: 170 mm \/ 165 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial cadru\u003c\/strong\u003e: Carbon (triunghi față și spate)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTransmisie\u003c\/strong\u003e: Shimano Deore, 12 viteze\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuspensie\u003c\/strong\u003e: Furcă RockShox ZEB Select, Amortizor Fox Float DPX2\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnvelope\u003c\/strong\u003e: Maxxis Assegai 29x2.5\" (față) \u0026amp; Maxxis Minion DHR II 29x2.4\" (spate)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e🚴‍♀️ \u003cstrong\u003eCaracteristici care îți îmbunătățesc experiența\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePunct pivot înalt\u003c\/strong\u003e: Asigură o mișcare lină a axului spate și un control excepțional peste obstacole.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign cu 4 brațe\u003c\/strong\u003e: Oferă tracțiune și control la frânare, împreună cu eficiență sporită la pedalare.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRoti și anvelope tubeless-ready\u003c\/strong\u003e: Setare mai ușoară, cu aderență mai bună și rezistență redusă la rulare.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTijă de șa dropper\u003c\/strong\u003e: Ajustează rapid înălțimea șeii pentru un control optim pe coborâri.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e🔥 \u003cstrong\u003eDe ce iubesc cicliștii această bicicletă?\u003c\/strong\u003e ❤️\u003c\/h3\u003e\n\u003cp\u003eCannondale Jekyll 2 nu doar că abordează traseele dificile—le \u003cstrong\u003estăpânește\u003c\/strong\u003e. Cu o stabilitate remarcabilă la coborâre, manevrabilitate precisă și rafinament tehnic, această bicicletă este partenerul tău ideal pentru cucerirea terenurilor accidentate.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ytp-cued-thumbnail-overlay\" data-layer=\"4\"\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEști gata să trăiești aventura?\u003c\/strong\u003e\u003cbr\u003e\nIntră în posesia Cannondale Jekyll 2 și transformă fiecare traseu în terenul tău de joacă.🌟 \u003cstrong\u003eComandă acum și pornește la drum!\u003c\/strong\u003e 🌟\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"paragraph-with-title\"\u003e\u003c\/div\u003e\n\u003csection class=\"single-product-storyteller -fullbleed site-gutter aside- \"\u003e\n\u003cdiv class=\"single-product-storyteller-container img-right\"\u003e\n\u003cdiv class=\"text-container\"\u003e\n\u003cdiv class=\"content\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"spacer spacer-large spacer-m-3\"\u003e\u003c\/div\u003e\n\u003csection class=\"full-bleed-media -fullbleed\"\u003e\n\u003cdiv class=\"prog-load is-img-loaded\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"intro-with-media -fullbleed animation-reset\" data-offsetmobile=\"200\" data-offsetdesktop=\"200\"\u003e\n\u003cdiv class=\"platform\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e\u003cimg class=\"alignleft\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C21_Jekyll_Tech_022_v2.png\" alt=\"Suspension Like No Other\" width=\"606\" height=\"404\"\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch1\u003e\n\u003cstrong\u003eSuspensie fără rival \u003c\/strong\u003e😀\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3 class=\"t-headline-reduced dd-compact-large-10\"\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePivotul principal înalt oferă o traiectorie a axei care \"înghite\" orice obstacol. Roata cu ghidaj elimină complet reculul pedalei specific sistemelor cu pivot înalt. Iar legătura cu patru brațe asigură frânare lină, tracțiune impecabilă și o pedalare perfectă.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\u003cstrong\u003e⭐️\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg class=\"alignleft\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C21_Jekyll_Tech_018_web.png\" alt=\"Guidler\" width=\"593\" height=\"395\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\n\u003cstrong\u003eGuidler \u003c\/strong\u003e😜✌️\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRoată cu ghidaj + ghidaj de lanț = Guidler. Ingenios, nu-i așa? Roata cu ghidaj elimină feedback-ul de la balansul pivotului înalt, menținând mișcarea pedalelor fluentă, chiar și pe cele mai dificile terenuri. Iar ghidajul? Ei bine, ghidajul… își face treaba\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\u003cstrong\u003e⭐️\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eDETALII\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePlatformă\u003c\/strong\u003e: Jekyll\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eModel\u003c\/strong\u003e: Jekyll 2\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCod model\u003c\/strong\u003e: C21202U\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eCADRU\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCadru\u003c\/strong\u003e: Cursă de 165 mm, carbon, Proportional Response Tuned, cu ghidaj Guidler, BSA 73, ISCG05, head tube conic, Ai Offset\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFurcă\u003c\/strong\u003e: RockShox Zeb Select, 170 mm, ax thru-15x110 mm, pivot conic, offset 44 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHeadset\u003c\/strong\u003e: Rulment sigilat integrat, conic\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAmortizor spate\u003c\/strong\u003e: Fox Float X Performance Elite, cu aer, rezervor piggyback, mod ferm 2 poziții, compresie ajustabilă, Metric Trunnion 205x65 mm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eTRANSMISIE\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchimbător spate\u003c\/strong\u003e: Shimano Deore M6100\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eManete de schimbător\u003c\/strong\u003e: Shimano Deore M6100, 12 viteze\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLanț\u003c\/strong\u003e: Shimano Deore 6100, 12 viteze\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAngrenaj\u003c\/strong\u003e: Shimano Deore 6120, 30T, 55 mm CL\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCasetă\u003c\/strong\u003e: Shimano Deore M6100, 10-51, 12 viteze\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eButuc pedalier\u003c\/strong\u003e: Shimano Deore BSA 73\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eFR NE\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFrâne\u003c\/strong\u003e: Shimano M6120 cu disc hidraulic, discuri de 203 mm RT64 (față\/spate)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eManete de frână\u003c\/strong\u003e: Shimano M6120 cu disc hidraulic\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eROȚI\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eJante\u003c\/strong\u003e: WTB STX i30 TCS, 32h, tubeless ready\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSpițe\u003c\/strong\u003e: Oțel inoxidabil, 14g\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDimensiune cauciucuri\u003c\/strong\u003e: 2.5\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDimensiune roți\u003c\/strong\u003e: 29”\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eButuci\u003c\/strong\u003e:\n\u003cul\u003e\n\u003cli\u003eFață: Shimano MT400, thru-axle 15x110 mm\u003c\/li\u003e\n\u003cli\u003eSpate: Shimano MT410, thru-axle 12x148 mm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCauciucuri\u003c\/strong\u003e:\n\u003cul\u003e\n\u003cli\u003eFață: Maxxis Assegai, 29x2.5\", compus dual, protecție EXO+, tubeless ready\u003c\/li\u003e\n\u003cli\u003eSpate: Maxxis Minion DHR II, 29x2.4\", EXO+, tubeless ready\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eCOMPONENTE\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eGhidon\u003c\/strong\u003e: Cannondale 3 Riser, aliaj 6061, înălțare 30 mm, unghi 8° sweep, 6° rise, 780 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePipă\u003c\/strong\u003e: Cannondale 3, aliaj 6061, 31.8, unghi 0°\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eManșoane\u003c\/strong\u003e: Cannondale TrailShroom\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eȘa\u003c\/strong\u003e: Cannondale Stage 3\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTijă de șa\u003c\/strong\u003e: TranzX dropper, rutare internă, diametru 31.6 mm, cursă:\n\u003cul\u003e\n\u003cli\u003e130 mm (S)\u003c\/li\u003e\n\u003cli\u003e150 mm (M-XL)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"wp-image-217324 aligncenter\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"466\" height=\"82\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch4 style=\"text-align: center;\"\u003e\u003ca href=\"https:\/\/provelo.ro\/contact\/\"\u003eSe poate vedea si testa la sediul magazinului  de biciclete ProVelo Bucuresti, Sos Nicolae Titulescu 155, S1.\u003c\/a\u003e\u003c\/h4\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv id=\"tab-description\" class=\"woocommerce-Tabs-panel woocommerce-Tabs-panel--description panel entry-content wc-tab\" role=\"tabpanel\" aria-labelledby=\"tab-title-description\"\u003e\u003c\/div\u003e","brand":"Cannondale","offers":[{"title":"S","offer_id":57494072426878,"sku":"ORBEAOCCAMH20-1","price":17495.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57494072459646,"sku":"C21202U40MD","price":24995.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57494072492414,"sku":"C21202U40LG","price":17495.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57494072525182,"sku":"N23209N3-1-2","price":24995.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/jekyll-2-deep-teal-1-1489120.jpg?v=1780298749"},{"product_id":"bicicleta-mtb-cannondale-trail-sl-4-orange","title":"Bicicleta MTB Cannondale Trail SL 4 Orange","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"alignnone wp-image-217324\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"335\" height=\"59\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003c\/h2\u003e\n\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB Cannondale Trail SL 4 Orange\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 class=\"p3\"\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv id=\"description\" class=\"data item content\" role=\"tabpanel\" aria-labelledby=\"tab-label-description\" data-role=\"content\" aria-hidden=\"false\"\u003e\n\u003cdiv class=\"product attribute description\"\u003e\n\u003cdiv class=\"value\"\u003e\n\u003cdiv id=\"description\" class=\"data item content\" role=\"tabpanel\" aria-labelledby=\"tab-label-description\" data-role=\"content\" aria-hidden=\"false\"\u003e\n\u003cdiv class=\"product attribute description\"\u003e\n\u003cdiv class=\"value\"\u003e\n\u003ch1\u003eObisnuieste-te sa fii surprins \u003cb\u003e😜\u003c\/b\u003e\n\u003c\/h1\u003e\n\u003cp\u003eCannondale Trail este o bicicleta de munte cu un pret foarte bun si componente. Una dintre optiunile pe care Cannondale le-a oferit in cazul modelului Trail, este de a monta roti de 29\" pe marimile mai mari si roti de 27,5\" pe marimile extra-small si small. Acest lucru a permis o potrivire mai buna a cadrului. Proprietarii vor aprecia foarte mult blocarea de la distanta a furcii (pentru modelele dotate cu lockout), care va reduce balansul si va face ca bicicleta Trail sa fie mai usor de utilizat pe drumuri, deplasari obisnuite si catarari. Aceasta caracteristica, impreuna cu cadrul din aliaj usor al bicicletei si cu o pozitie verticala, ii dau lui Trail capacitatea de a se catara usor.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTrail SL (Super Light)\u003c\/strong\u003e se deosebeste fata de modelul de baza prin constructia triunghiului spate de la cadru. Acesta are o lungime mai ingusta, fapt ce contribuie semnificativ la agilitatea bicicletei per ansablu. Mai mult, cadrul modelului SL este mai usor ca cel de baza, Trail.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch4\u003eManevrabilitate increzatoare\u003c\/h4\u003e\n\u003cp\u003eComportamentul de generatie noua si componentele pregatite pentru munte au ca rezultat o experienta moderna, care inspira incredere la un nivel inalt, fara compromisuri. Cam asa arata distractia pe doua roti.\u003c\/p\u003e\n\u003ch4\u003eIncadrata perfect\u003c\/h4\u003e\n\u003cp\u003eToate bicicletele Cannondale incorporeaza know-how-ul premiat in materie de cadre - imbinand atentia la detalii cu greutatea redusa si manevrabilitatea moderna. Rezultatul este o bicicleta dinamica, rigida si mai presus de toate, distractiva.\u003c\/p\u003e\n\u003ch4\u003eSpecificatii pentru viteza\u003c\/h4\u003e\n\u003cp\u003eModelul SL (Super Light) este construit pentru viteza, eficienta si agilitate. Este echipata cu anvelope mai usoare de cross country Schwalbe de 2.25, tija zero-rize, furca de 100mm si atitudinea verticala a unui \"\u003cem\u003evanator de trasee\u003c\/em\u003e\".\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Trail_SL_Geo_Table.png\" alt=\"\" width=\"1200\" height=\"1795\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"additional\" class=\"data item content\" role=\"tabpanel\" aria-labelledby=\"tab-label-additional\" data-role=\"content\" aria-hidden=\"true\"\u003e\n\u003cdiv class=\"additional-attributes-wrapper table-wrapper\"\u003e\n\u003ctable id=\"product-attribute-specs-table\" class=\"data table additional-attributes\"\u003e\n\u003cdiv\u003eSpecificatii\u003c\/div\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eDisciplina\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Disciplina\"\u003eCross Country, Trail\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eGen\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Gen\"\u003eBarbati, Dama\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eCadru\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Cadru\"\u003eTrail SL, Smartform C2 Alloy, SAVE dropped seatstays, tapered headtube, post mount disc, StraightShot internal cable routing, dropper post compatible BSA 73, 12mm thru axle, Boost 148\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eTip cadru\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Tip cadru\"\u003eHardtail\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eMaterial Cadru\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Material Cadru\"\u003eAluminiu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eFurca\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Furca\"\u003eSR Suntour XCR 100mm travel, 29\", Remote Lockout, Air Spring, 46mm offset, Rebount adjustment, 15mm thru axle\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eCuvete\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Cuvete\"\u003eIntegrated Sealed Bearing, Tapered\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eSchimbator Spate\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Schimbator Spate\"\u003eMicroShift Advent X\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eManete schimbator\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Manete schimbator\"\u003eMicroShift Trail, 11-speed\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eLant\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Lant\"\u003eKMC X11, 11-speed\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eAngrenaj\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Angrenaj\"\u003eProwheel, 30T\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eCaseta Pinioane\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Caseta Pinioane\"\u003eMicroShift, 11-42, 11-speed\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eButuc Pedalier\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Butuc Pedalier\"\u003eProwheel Hollowtech\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eFrane\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Frane\"\u003eShimano MT200 hydraulic disc, 160\/160mm RT10 rotors\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eManete frane\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Manete frane\"\u003eShimano MT200\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eJante\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Jante\"\u003eWTB STX i23 TCS, 32h, tubeless ready\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eSpite\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Spite\"\u003eStainless Steel, 14g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eAnvelope\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Anvelope\"\u003eSchwalbe Rocket Rick, 29 x 2.25\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eDiametru Roata\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Diametru Roata\"\u003e29\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eGhidon\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Ghidon\"\u003eFSA Alloy Riser, 15mm rise, 760mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003ePipa\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Pipa\"\u003e6061 Alloy, 31.8, 7°\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eMansoane\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Mansoane\"\u003eCannondale Locking Grips\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eSa\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Sa\"\u003eCannondale Ergo XC\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eTija Sa\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Tija Sa\"\u003e6061 Alloy, 31.6x400mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003ePedale\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Pedale\"\u003eFlat pedals\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"col label\" scope=\"row\"\u003eGreutate\u003c\/th\u003e\n\u003ctd class=\"col data\" data-th=\"Greutate\"\u003e13.7 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-12-15-at-16_01_24.png\"\u003e\u003cimg class=\"aligncenter wp-image-219106 size-full\" title=\"Alege marimea potrivita!\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-12-15-at-16_01_24.png\" alt=\"\" width=\"4480\" height=\"646\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"wp-image-217324 aligncenter\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"466\" height=\"82\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch4 style=\"text-align: center;\"\u003e\u003ca href=\"https:\/\/provelo.ro\/contact\/\"\u003eSe poate vedea si testa la sediul magazinului  de biciclete ProVelo Bucuresti, Sos Nicolae Titulescu 155, S1.\u003c\/a\u003e\u003c\/h4\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv id=\"tab-description\" class=\"woocommerce-Tabs-panel woocommerce-Tabs-panel--description panel entry-content wc-tab\" role=\"tabpanel\" aria-labelledby=\"tab-title-description\"\u003e\u003c\/div\u003e","brand":"Cannondale","offers":[{"title":"S","offer_id":57494260613502,"sku":"C23401U10LG1-1-1-3","price":3950.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57494260646270,"sku":"C26302U20MD-2","price":3950.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57494260679038,"sku":"C26302U20LG-2","price":3950.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57494260711806,"sku":"C26302U20XL-2","price":3950.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C22_C26452M_Trail_SL_4_ORG_PD.webp?v=1780304177"},{"product_id":"bicicleta-mtb-full-suspension-cannondale-habit-4-ice-green","title":"Bicicleta MTB full suspension Cannondale Habit 4 Ice Green","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"alignnone wp-image-217324\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"335\" height=\"59\"\u003e\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"306770\" class=\"elementor elementor-306770\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-8f661c0 e-flex e-con-boxed e-con e-parent\" data-id=\"8f661c0\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-fe7cb5b elementor-widget elementor-widget-html\" data-id=\"fe7cb5b\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003ctitle\u003eCannondale Habit 4 — Trail bike 29\" entry-level | ProVelo\u003c\/title\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003cbr\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- ============ Product schema (stub) ============ --\u003e\u003cbr\u003e\u003cbr\u003e\u003cscript type=\"application\/ld+json\"\u003e\u003cbr \/\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Cannondale Habit 4\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C24_C23401U_Habit_4_IGN_PD.png\",\"description\":\"Trail bike full-suspension 29 inch cu 140mm furca \/ 130mm spate. Cadru SmartForm C1 Alloy, Proportional Response Design, RockShox Recon RL + Deluxe Select, Shimano Deore 12-speed. Disponibil în 3 culori: Ice Green, Candy Red, Black.\",\"sku\":\"C23401U\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Cannondale\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"10450\",\"priceValidUntil\":\"2026-06-30\",\"availability\":\"https:\/\/schema.org\/PreOrder\"}}\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e\/* =============================================================\u003cbr \/\u003e   ProVelo tokens — Cannondale edition (dark + lime green)\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e:root{\u003cbr \/\u003e  --pv-black:#0A0A0A;\u003cbr \/\u003e  --pv-ink:#1D1D1F;\u003cbr \/\u003e  --pv-graphite:#424245;\u003cbr \/\u003e  --pv-silver:#86868B;\u003cbr \/\u003e  --pv-mist:#D2D2D7;\u003cbr \/\u003e  --pv-fog:#F5F5F7;\u003cbr \/\u003e  --pv-white:#FFFFFF;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  \/* Cannondale brand accents *\/\u003cbr \/\u003e  --cdl-lime:#B3FF00;\u003cbr \/\u003e  --cdl-lime-deep:#8FCC00;\u003cbr \/\u003e  --cdl-gray-dark:#2A2A2C;\u003cbr \/\u003e  --cdl-gray-steel:#3E3E42;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --accent: var(--cdl-lime);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --r-md:18px;\u003cbr \/\u003e  --r-lg:24px;\u003cbr \/\u003e  --r-pill:980px;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --ease-out:cubic-bezier(0.25,0.46,0.45,0.94);\u003cbr \/\u003e  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --container:1200px;\u003cbr \/\u003e  --container-narrow:960px;\u003cbr \/\u003e  --container-text:680px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= reset ================= *\/\u003cbr \/\u003e*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\u003cbr \/\u003ehtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\u003cbr \/\u003ebody{\u003cbr \/\u003e  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;\u003cbr \/\u003e  font-size:17px;line-height:1.55;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  background:var(--pv-white);\u003cbr \/\u003e  -webkit-font-smoothing:antialiased;\u003cbr \/\u003e  -moz-osx-font-smoothing:grayscale;\u003cbr \/\u003e  text-rendering:optimizeLegibility;\u003cbr \/\u003e  overflow-x:hidden;\u003cbr \/\u003e}\u003cbr \/\u003eimg{display:block;max-width:100%;height:auto}\u003cbr \/\u003ea{color:inherit;text-decoration:none}\u003cbr \/\u003ebutton{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= type scale ================= *\/\u003cbr \/\u003e.eyebrow{\u003cbr \/\u003e  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;\u003cbr \/\u003e  color:var(--pv-graphite);display:inline-block;\u003cbr \/\u003e}\u003cbr \/\u003e.eyebrow.on-dark{color:rgba(255,255,255,0.72)}\u003cbr \/\u003e.eyebrow.lime{color:var(--cdl-lime-deep)}\u003cbr \/\u003eh1,h2,h3,h4{font-weight:600;letter-spacing:-0.015em;color:var(--pv-ink);line-height:1.15}\u003cbr \/\u003e.hero h1,.hero h2,.hero h3,.hero h4{color:inherit}\u003cbr \/\u003e.display-xl{font-size:clamp(56px,9.5vw,112px);font-weight:800;line-height:1.02;letter-spacing:-0.04em}\u003cbr \/\u003e.display-l{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.06;letter-spacing:-0.03em}\u003cbr \/\u003e.display-m{font-size:clamp(34px,4.4vw,56px);font-weight:600;line-height:1.08;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-l{font-size:clamp(32px,4.5vw,60px);font-weight:600;line-height:1.12;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-m{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-0.01em}\u003cbr \/\u003e.body-l{font-size:19px;line-height:1.55;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.body{font-size:17px;line-height:1.6;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.caption{font-size:13px;line-height:1.4;color:var(--pv-silver)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.text-wrap{text-wrap:pretty}\u003cbr \/\u003e.narrow{max-width:var(--container-text);margin-inline:auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= buttons ================= *\/\u003cbr \/\u003e.btn{\u003cbr \/\u003e  display:inline-flex;align-items:center;justify-content:center;gap:8px;\u003cbr \/\u003e  padding:14px 28px;border-radius:var(--r-pill);\u003cbr \/\u003e  font-size:17px;font-weight:500;line-height:1;\u003cbr \/\u003e  transition:background .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out),transform .3s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.btn.primary{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.primary:hover{background:var(--pv-black)}\u003cbr \/\u003e.btn.secondary{background:transparent;border:1px solid var(--pv-ink);color:var(--pv-ink)}\u003cbr \/\u003e.btn.secondary:hover{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.lime{background:var(--cdl-lime);color:var(--pv-black)}\u003cbr \/\u003e.btn.lime:hover{background:var(--cdl-lime-deep)}\u003cbr \/\u003e.btn.ghost-on-dark{background:rgba(255,255,255,0.92);color:var(--pv-ink)}\u003cbr \/\u003e.btn.ghost-on-dark:hover{background:#fff}\u003cbr \/\u003e.btn.outline-on-dark{background:transparent;border:1px solid rgba(255,255,255,0.55);color:#fff}\u003cbr \/\u003e.btn.outline-on-dark:hover{background:rgba(255,255,255,0.12)}\u003cbr \/\u003e.btn.tertiary{padding:4px 0;border-radius:0}\u003cbr \/\u003e.btn.tertiary::after{content:\"→\";transition:transform .3s var(--ease-out);margin-left:4px}\u003cbr \/\u003e.btn.tertiary:hover::after{transform:translateX(4px)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   HERO — dramatic dark stage with lime accent\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e.hero{\u003cbr \/\u003e  position:relative;\u003cbr \/\u003e  min-height:100vh;\u003cbr \/\u003e  min-height:100dvh;\u003cbr \/\u003e  padding:clamp(32px,5vh,56px) 32px clamp(28px,4vh,44px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-rows:auto 1fr auto;\u003cbr \/\u003e  gap:clamp(20px,3vh,36px);\u003cbr \/\u003e  overflow:hidden;\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(120% 80% at 50% 20%, #2A2A2C 0%, #0A0A0A 65%),\u003cbr \/\u003e    #0A0A0A;\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* full-width breakout for all main sections *\/\u003cbr \/\u003esection,.footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lime gradient glow behind the bike *\/\u003cbr \/\u003e.hero::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 -10% 0;height:60%;\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.18) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero::after{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 0 0;height:30%;\u003cbr \/\u003e  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* subtle wordmark + price in hero corners *\/\u003cbr \/\u003e.hero-mark{\u003cbr \/\u003e  position:absolute;top:clamp(24px,3vh,36px);left:32px;\u003cbr \/\u003e  font-size:15px;font-weight:600;letter-spacing:-0.01em;\u003cbr \/\u003e  opacity:0.92;z-index:3;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-mark .dot{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price{\u003cbr \/\u003e  position:absolute;top:clamp(24px,3vh,36px);right:32px;\u003cbr \/\u003e  font-size:14px;font-weight:500;\u003cbr \/\u003e  display:flex;align-items:center;gap:10px;\u003cbr \/\u003e  opacity:0.95;z-index:3;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-price strong{font-weight:600;color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price .old-price{\u003cbr \/\u003e  text-decoration:line-through;\u003cbr \/\u003e  opacity:0.55;font-weight:400;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-top{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e  padding-top:clamp(28px,4vh,48px);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-top .eyebrow{\u003cbr \/\u003e  letter-spacing:0.18em;\u003cbr \/\u003e  color:var(--cdl-lime);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-title{\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px);\u003cbr \/\u003e  font-weight:800;letter-spacing:-0.05em;line-height:0.9;\u003cbr \/\u003e  display:flex;gap:0.12em;align-items:baseline;justify-content:center;\u003cbr \/\u003e  flex-wrap:nowrap;white-space:nowrap;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){.hero-title{flex-wrap:wrap;white-space:normal}}\u003cbr \/\u003e.hero-title .lt{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-title .n{\u003cbr \/\u003e  font-weight:900;\u003cbr \/\u003e  -webkit-text-stroke:2px var(--cdl-lime);\u003cbr \/\u003e  -webkit-text-fill-color:transparent;\u003cbr \/\u003e  color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-tag{font-size:clamp(17px,1.6vw,21px);font-weight:500;opacity:0.85;max-width:560px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-stage{\u003cbr \/\u003e  position:relative;width:100%;\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  z-index:1;min-height:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike{\u003cbr \/\u003e  position:relative;width:100%;max-width:1200px;\u003cbr \/\u003e  height:100%;aspect-ratio:3\/2;max-height:100%;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes subtleFloat{\u003cbr \/\u003e  0%,100%{transform:translateY(0) scale(1)}\u003cbr \/\u003e  50%{transform:translateY(-10px) scale(1)}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-bottom{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:clamp(16px,2.5vh,24px);align-items:center;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-meta{\u003cbr \/\u003e  display:flex;gap:0;align-items:center;justify-content:center;\u003cbr \/\u003e  font-size:14px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta{\u003cbr \/\u003e  padding:0 22px;position:relative;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:2px;align-items:center;min-width:96px;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta + .meta::before{\u003cbr \/\u003e  content:\"\";position:absolute;left:0;top:6px;bottom:6px;width:1px;\u003cbr \/\u003e  background:currentColor;opacity:0.25;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .v{font-size:18px;font-weight:600;letter-spacing:-0.01em}\u003cbr \/\u003e.hero-meta .k{font-size:11px;text-transform:uppercase;letter-spacing:0.1em;opacity:0.65}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* color swatch row — single color but still branded *\/\u003cbr \/\u003e\/* dynamic hero tint per color *\/\u003cbr \/\u003e.hero\u003cdata-color=\"ign\"\u003e::before{\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(180,220,200,0.18) 0%, rgba(180,220,200,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.hero\u003cdata-color=\"crd\"\u003e::before{\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(220,40,60,0.16) 0%, rgba(220,40,60,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.hero\u003cdata-color=\"blk\"\u003e::before{\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.10) 0%, rgba(179,255,0,0) 70%) !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* hero-bike multi-image stack *\/\u003cbr \/\u003e.hero-bike{position:relative}\u003cbr \/\u003e.hero-bike img{\u003cbr \/\u003e  position:absolute;inset:0;\u003cbr \/\u003e  width:100%;height:100%;object-fit:contain;\u003cbr \/\u003e  opacity:0;transform:scale(0.99);\u003cbr \/\u003e  transition:opacity .55s var(--ease-out), transform .7s var(--ease-out);\u003cbr \/\u003e  filter:drop-shadow(0 40px 60px rgba(0,0,0,0.55)) drop-shadow(0 0 80px rgba(179,255,0,0.06));\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike img.active{\u003cbr \/\u003e  opacity:1;transform:scale(1);\u003cbr \/\u003e  animation:subtleFloat 7s ease-in-out infinite;\u003cbr \/\u003e  animation-delay:1.5s;\u003cbr \/\u003e}\u003cbr \/\u003e\/* JPG variants from retailer have gray backgrounds — multiply against dark hero to absorb the gray *\/\u003cbr \/\u003e.hero-bike img\u003cdata-color=\"crd\"\u003e,\u003cbr \/\u003e.hero-bike img\u003cdata-color=\"blk\"\u003e{\u003cbr \/\u003e  -webkit-mask-image:radial-gradient(ellipse 55% 55% at center, #000 50%, transparent 100%);\u003cbr \/\u003e  mask-image:radial-gradient(ellipse 55% 55% at center, #000 50%, transparent 100%);\u003cbr \/\u003e  filter:drop-shadow(0 30px 50px rgba(0,0,0,0.6)) brightness(1.05) contrast(1.05);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* swatch buttons (interactive) *\/\u003cbr \/\u003e.swatches{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}\u003cbr \/\u003e.swatch{\u003cbr \/\u003e  width:38px;height:38px;border-radius:50%;\u003cbr \/\u003e  position:relative;cursor:pointer;border:none;padding:0;\u003cbr \/\u003e  transition:transform .35s var(--ease-spring);\u003cbr \/\u003e  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 2px 8px rgba(0,0,0,0.30);\u003cbr \/\u003e}\u003cbr \/\u003e.swatch::after{\u003cbr \/\u003e  content:\"\";position:absolute;inset:-6px;border-radius:50%;\u003cbr \/\u003e  border:1.5px solid rgba(255,255,255,0.85);opacity:0;\u003cbr \/\u003e  transition:opacity .25s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.swatch\u003caria-pressed=\"true\"\u003e::after{opacity:1}\u003cbr \/\u003e.swatch:hover{transform:scale(1.1)}\u003cbr \/\u003e.swatch.ign{background:linear-gradient(135deg,#C5DDD2 0%,#7FA395 100%)}\u003cbr \/\u003e.swatch.crd{background:linear-gradient(135deg,#E63946 0%,#A41E2D 100%)}\u003cbr \/\u003e.swatch.blk{background:linear-gradient(135deg,#2A2A2C 0%,#0A0A0A 100%)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.color-label{\u003cbr \/\u003e  display:inline-flex;align-items:center;gap:8px;\u003cbr \/\u003e  font-size:14px;color:#fff;opacity:0.94;\u003cbr \/\u003e}\u003cbr \/\u003e.color-label strong{font-weight:600;color:#fff}\u003cbr \/\u003e.color-label .caption{font-size:13px;color:rgba(255,255,255,0.65);font-weight:400}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* scroll cue *\/\u003cbr \/\u003e.hero-scroll{\u003cbr \/\u003e  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e  opacity:0.55;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;\u003cbr \/\u003e  animation:scrollHint 2.4s ease-in-out infinite;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-scroll::after{\u003cbr \/\u003e  content:\"\";width:1px;height:28px;background:currentColor;opacity:0.6;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes scrollHint{\u003cbr \/\u003e  0%,100%{transform:translate(-50%,0);opacity:0.4}\u003cbr \/\u003e  50%{transform:translate(-50%,6px);opacity:0.75}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:860px){\u003cbr \/\u003e  .hero-price{font-size:13px}\u003cbr \/\u003e  .hero-price .sep,.hero-price .buy{display:none}\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .hero{padding:20px 20px 24px}\u003cbr \/\u003e  .hero-mark{top:20px;left:20px}\u003cbr \/\u003e  .hero-price{top:20px;right:20px}\u003cbr \/\u003e  .hero-top{padding-top:60px;gap:10px}\u003cbr \/\u003e  .hero-bike{aspect-ratio:4\/3}\u003cbr \/\u003e  .hero-meta{gap:10px 0}\u003cbr \/\u003e  .hero-meta .meta{min-width:72px;padding:0 14px}\u003cbr \/\u003e  .hero-scroll{display:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Sections\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003esection{padding:120px 32px}\u003cbr \/\u003esection.pad-sm{padding:88px 32px}\u003cbr \/\u003esection.fog{background:var(--pv-fog)}\u003cbr \/\u003esection.ink{background:#0A0A0A;color:#fff}\u003cbr \/\u003esection.ink h1,section.ink h2,section.ink h3{color:#fff}\u003cbr \/\u003esection.ink .body,section.ink .body-l{color:rgba(255,255,255,0.72)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.container{max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.container-narrow{max-width:var(--container-narrow);margin:0 auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:720px){\u003cbr \/\u003e  section{padding:72px 20px}\u003cbr \/\u003e  section.pad-sm{padding:56px 20px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ========== INTRO — Apple-style, lime accent ========== *\/\u003cbr \/\u003e.intro{padding:clamp(88px,11vw,160px) 32px clamp(96px,12vw,180px)}\u003cbr \/\u003e.intro-head{text-align:center;max-width:980px;margin:0 auto}\u003cbr \/\u003e.intro-eyebrow{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  font-size:13px;font-weight:600;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.16em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  margin-bottom:clamp(18px,2vw,28px);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title{\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.035em;\u003cbr \/\u003e  line-height:1.02;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px);\u003cbr \/\u003e  max-width:24ch;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede{\u003cbr \/\u003e  font-size:clamp(19px,1.5vw,24px);\u003cbr \/\u003e  line-height:1.5;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  max-width:680px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e  font-weight:400;\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede strong{color:var(--pv-ink);font-weight:600}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.intro-stats{\u003cbr \/\u003e  margin-top:clamp(64px,8vw,112px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(4,1fr);\u003cbr \/\u003e  gap:clamp(32px,4vw,56px);\u003cbr \/\u003e  max-width:1040px;\u003cbr \/\u003e  margin-left:auto;margin-right:auto;\u003cbr \/\u003e  text-align:center;\u003cbr \/\u003e}\u003cbr \/\u003e.stat-value{\u003cbr \/\u003e  font-size:clamp(36px,4vw,56px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.03em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  line-height:1;\u003cbr \/\u003e  margin-bottom:clamp(8px,0.8vw,12px);\u003cbr \/\u003e}\u003cbr \/\u003e.stat-label{\u003cbr \/\u003e  font-size:14px;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  line-height:1.45;\u003cbr \/\u003e  max-width:220px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:880px){.intro-stats{grid-template-columns:repeat(2,1fr);gap:40px}}\u003cbr \/\u003e@media (max-width:420px){.intro-stats{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* feature story — alternating image\/text *\/\u003cbr \/\u003e.story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.story + .story{margin-top:120px}\u003cbr \/\u003e.story.reverse .story-media{order:2}\u003cbr \/\u003e.story-media{\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e  border-radius:var(--r-lg);\u003cbr \/\u003e  aspect-ratio:4\/3;overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.story-media.dark{background:var(--pv-ink)}\u003cbr \/\u003e.story-media img{width:100%;height:100%;object-fit:cover}\u003cbr \/\u003e.story-text .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.story-text h2{margin-top:14px}\u003cbr \/\u003e.story-text p{margin-top:20px;max-width:480px}\u003cbr \/\u003e@media (max-width:920px){\u003cbr \/\u003e  .story{grid-template-columns:1fr;gap:32px}\u003cbr \/\u003e  .story.reverse .story-media{order:0}\u003cbr \/\u003e  .story + .story{margin-top:72px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* detail grid *\/\u003cbr \/\u003e.details-head{text-align:center;max-width:720px;margin:0 auto 72px}\u003cbr \/\u003e.details-head .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.details-head h2{margin-top:14px}\u003cbr \/\u003e.details-grid{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:grid;grid-template-columns:repeat(3,1fr);\u003cbr \/\u003e  gap:1px;background:var(--pv-mist);\u003cbr \/\u003e  border:1px solid var(--pv-mist);border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.detail{\u003cbr \/\u003e  background:var(--pv-white);padding:36px 28px 32px;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:14px;min-height:240px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon{\u003cbr \/\u003e  width:44px;height:44px;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  margin-bottom:4px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon svg{width:100%;height:100%;display:block}\u003cbr \/\u003e.detail-title{\u003cbr \/\u003e  font-size:20px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.01em;line-height:1.25;\u003cbr \/\u003e  color:var(--pv-ink);margin:0;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.detail p{font-size:14px;color:var(--pv-silver);line-height:1.55;margin:auto 0 0 0}\u003cbr \/\u003e@media (max-width:900px){.details-grid{grid-template-columns:repeat(2,1fr)}}\u003cbr \/\u003e@media (max-width:540px){.details-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* tech callout strip — dark, cinematic *\/\u003cbr \/\u003e.tech-strip{\u003cbr \/\u003e  background:#0A0A0A;color:#fff;padding:clamp(88px,11vw,160px) 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-strip .details-head{margin-bottom:56px}\u003cbr \/\u003e.tech-strip .details-head h2{color:#fff}\u003cbr \/\u003e.tech-strip .details-head .eyebrow{color:var(--cdl-lime)}\u003cbr \/\u003e.tech-grid{\u003cbr \/\u003e  max-width:1200px;margin:0 auto;display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(2,1fr);gap:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card{\u003cbr \/\u003e  background:#16161A;border:1px solid rgba(255,255,255,0.06);\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  display:flex;flex-direction:column;\u003cbr \/\u003e  transition:transform .5s var(--ease-out),border-color .5s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card:hover{transform:translateY(-4px);border-color:rgba(179,255,0,0.3)}\u003cbr \/\u003e.tech-card-media{aspect-ratio:16\/10;overflow:hidden;background:#0A0A0A}\u003cbr \/\u003e.tech-card-media img{width:100%;height:100%;object-fit:cover;opacity:0.92}\u003cbr \/\u003e.tech-card-body{padding:32px 32px 36px}\u003cbr \/\u003e.tech-card-body .eyebrow{color:var(--cdl-lime);letter-spacing:0.14em}\u003cbr \/\u003e.tech-card-body h3{\u003cbr \/\u003e  color:#fff;font-size:24px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.015em;margin-top:10px;line-height:1.2;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card-body p{\u003cbr \/\u003e  margin-top:14px;color:rgba(255,255,255,0.62);\u003cbr \/\u003e  font-size:15px;line-height:1.55;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:860px){.tech-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* video *\/\u003cbr \/\u003e.video-wrap{\u003cbr \/\u003e  max-width:1100px;margin:48px auto 0;\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  background:var(--pv-ink);\u003cbr \/\u003e  aspect-ratio:16\/9;position:relative;\u003cbr \/\u003e}\u003cbr \/\u003e.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* fullwidth cinematic video *\/\u003cbr \/\u003e.video-full{\u003cbr \/\u003e  position:relative;width:100vw;\u003cbr \/\u003e  height:100vh;height:100dvh;\u003cbr \/\u003e  padding:0 !important;overflow:hidden;\u003cbr \/\u003e  background:#000;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full iframe{\u003cbr \/\u003e  position:absolute;top:50%;left:50%;\u003cbr \/\u003e  width:max(100vw, calc(100vh * 16\/9));\u003cbr \/\u003e  height:max(100vh, calc(100vw * 9\/16));\u003cbr \/\u003e  transform:translate(-50%,-50%);\u003cbr \/\u003e  border:0;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-overlay,\u003cbr \/\u003e.video-full .video-caption{pointer-events:none}\u003cbr \/\u003e.video-full .video-overlay{\u003cbr \/\u003e  position:absolute;inset:0;z-index:2;\u003cbr \/\u003e  background:\u003cbr \/\u003e    linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.08) 25%, rgba(0,0,0,0.08) 70%, rgba(0,0,0,0.55) 100%),\u003cbr \/\u003e    radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.08) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption{\u003cbr \/\u003e  position:absolute;left:0;right:0;bottom:clamp(48px,8vh,96px);\u003cbr \/\u003e  z-index:3;text-align:center;color:#fff;padding:0 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption .eyebrow{\u003cbr \/\u003e  color:var(--cdl-lime);letter-spacing:0.18em;display:block;margin-bottom:14px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption h2{\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  font-size:clamp(36px,6vw,84px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.03em;line-height:1.04;\u003cbr \/\u003e  max-width:1100px;margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption p{\u003cbr \/\u003e  margin:18px auto 0;max-width:640px;\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:clamp(15px,1.2vw,19px);\u003cbr \/\u003e  line-height:1.55;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lifestyle fullwidth banner *\/\u003cbr \/\u003e.lifestyle{\u003cbr \/\u003e  position:relative;min-height:520px;\u003cbr \/\u003e  background-size:cover;background-position:center;\u003cbr \/\u003e  display:flex;align-items:flex-end;\u003cbr \/\u003e  padding:80px 48px;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:0;\u003cbr \/\u003e  background:linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0) 100%);\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle-inner{position:relative;z-index:1;max-width:640px}\u003cbr \/\u003e.lifestyle h2{\u003cbr \/\u003e  color:#fff;font-size:clamp(36px,5vw,60px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.025em;line-height:1.08;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle p{\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:18px;\u003cbr \/\u003e  line-height:1.55;margin-top:16px;max-width:520px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* size table *\/\u003cbr \/\u003e.size-table{\u003cbr \/\u003e  width:100%;border-collapse:separate;border-spacing:0;\u003cbr \/\u003e  background:var(--pv-white);border:1px solid var(--pv-mist);\u003cbr \/\u003e  border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e  font-size:15px;\u003cbr \/\u003e}\u003cbr \/\u003e.size-table th{\u003cbr \/\u003e  padding:16px 22px;text-align:left;\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;\u003cbr \/\u003e  color:var(--pv-silver);border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table td{\u003cbr \/\u003e  padding:18px 22px;border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table tbody tr:last-child td{border-bottom:none}\u003cbr \/\u003e.size-table tr.current td{background:#F5FFD6;color:var(--pv-ink);font-weight:500}\u003cbr \/\u003e.size-table td:first-child,.size-table th:first-child{padding-left:28px}\u003cbr \/\u003e.size-table td:first-child{color:var(--pv-ink);font-weight:500}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* specs — Apple-style grouped list *\/\u003cbr \/\u003e.specs-list{max-width:1080px;margin:0 auto;display:flex;flex-direction:column}\u003cbr \/\u003e.specs-row{\u003cbr \/\u003e  display:grid;grid-template-columns:220px 1fr;gap:64px;\u003cbr \/\u003e  padding:44px 0;border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  align-items:flex-start;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-row:first-child{border-top:none;padding-top:24px}\u003cbr \/\u003e.specs-cat{\u003cbr \/\u003e  font-size:17px;font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-content{font-size:15px;line-height:1.55;color:var(--pv-graphite)}\u003cbr \/\u003e.specs-primary{font-weight:600;color:var(--pv-ink);margin:0 0 4px 0}\u003cbr \/\u003e.specs-desc{margin:0}\u003cbr \/\u003e.specs-sublabel{\u003cbr \/\u003e  font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  margin:14px 0 4px 0;font-size:14px;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:760px){\u003cbr \/\u003e  .specs-row{grid-template-columns:1fr;gap:14px;padding:32px 0}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* FAQ *\/\u003cbr \/\u003e.faq-list{max-width:720px;margin:0 auto;border-top:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq{border-bottom:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq summary{\u003cbr \/\u003e  list-style:none;cursor:pointer;\u003cbr \/\u003e  padding:22px 4px;\u003cbr \/\u003e  display:flex;justify-content:space-between;gap:24px;align-items:center;\u003cbr \/\u003e  font-size:18px;font-weight:500;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.faq summary::-webkit-details-marker{display:none}\u003cbr \/\u003e.faq summary::after{\u003cbr \/\u003e  content:\"+\";font-weight:300;font-size:26px;color:var(--pv-silver);\u003cbr \/\u003e  transition:transform .3s var(--ease-out);flex-shrink:0;line-height:1;\u003cbr \/\u003e}\u003cbr \/\u003e.faq\u003copen\u003e summary::after{content:\"−\"}\u003cbr \/\u003e.faq-body{padding:0 4px 24px;color:var(--pv-graphite);font-size:16px;line-height:1.6;max-width:640px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* closing CTA *\/\u003cbr \/\u003e.closing{text-align:center;padding:clamp(80px,10vw,140px) 32px;background:var(--pv-fog)}\u003cbr \/\u003e.sale-badge{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  background:var(--cdl-lime);color:var(--pv-black);\u003cbr \/\u003e  font-size:12px;font-weight:700;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.1em;\u003cbr \/\u003e  padding:8px 16px;border-radius:var(--r-pill);\u003cbr \/\u003e  margin-bottom:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price{\u003cbr \/\u003e  display:flex;align-items:baseline;justify-content:center;gap:18px;\u003cbr \/\u003e  margin:28px 0 4px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .old{\u003cbr \/\u003e  font-size:clamp(20px,2vw,26px);color:var(--pv-silver);\u003cbr \/\u003e  text-decoration:line-through;font-weight:400;letter-spacing:-0.01em;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .now{\u003cbr \/\u003e  font-size:clamp(36px,4.5vw,56px);font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.025em;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.closing h2{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-0.03em;line-height:1.06}\u003cbr \/\u003e.closing h2 em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  background:linear-gradient(120deg, #8FCC00 0%, #B3FF00 60%, #6A9900 100%);\u003cbr \/\u003e  -webkit-background-clip:text;background-clip:text;\u003cbr \/\u003e  -webkit-text-fill-color:transparent;color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.closing p{margin:22px auto 0;max-width:560px}\u003cbr \/\u003e.closing .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\u003cbr \/\u003e.assurances{\u003cbr \/\u003e  margin-top:72px;display:flex;gap:48px;justify-content:center;flex-wrap:wrap;\u003cbr \/\u003e  font-size:13px;color:var(--pv-silver);\u003cbr \/\u003e}\u003cbr \/\u003e.assurances strong{display:block;color:var(--pv-ink);font-weight:500;font-size:14px;margin-bottom:2px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* footer strip *\/\u003cbr \/\u003e.footer{\u003cbr \/\u003e  border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  padding:28px 32px;text-align:center;\u003cbr \/\u003e  font-size:12px;color:var(--pv-silver);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* reveal on scroll *\/\u003cbr \/\u003e.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}\u003cbr \/\u003e.reveal.in{opacity:1;transform:none}\u003cbr \/\u003e@media (prefers-reduced-motion:reduce){\u003cbr \/\u003e  .reveal{opacity:1;transform:none;transition:none}\u003cbr \/\u003e  .hero-scroll{animation:none}\u003cbr \/\u003e  .hero-bike img{animation:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Elementor \/ WordPress override layer — scoped to .cdl-landing\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003ehtml,body{overflow-x:hidden !important;max-width:100vw !important}\u003cbr \/\u003e.cdl-landing{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;overflow:visible !important;float:none !important;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important}\u003cbr \/\u003e.cdl-landing *,.cdl-landing *::before,.cdl-landing *::after{box-sizing:border-box !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Hero override *\/\u003cbr \/\u003e.cdl-landing .hero{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e  min-height:100vh !important;min-height:100dvh !important;\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .hero .hero-title,\u003cbr \/\u003e.cdl-landing h1.hero-title{\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  font-weight:800 !important;letter-spacing:-0.05em !important;line-height:0.9 !important;\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px) !important;\u003cbr \/\u003e  flex-wrap:nowrap !important;white-space:nowrap !important;\u003cbr \/\u003e  display:flex !important;align-items:baseline !important;justify-content:center !important;\u003cbr \/\u003e  gap:0.12em !important;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .cdl-landing .hero-title{flex-wrap:wrap !important;white-space:normal !important;font-size:clamp(56px,14vw,96px) !important}\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing section .heading-l,\u003cbr \/\u003e.cdl-landing h2.heading-l{\u003cbr \/\u003e  font-size:clamp(36px,5vw,72px) !important;\u003cbr \/\u003e  line-height:1.1 !important;letter-spacing:-0.025em !important;\u003cbr \/\u003e  font-weight:600 !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-title .lt{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .hero-title .n{\u003cbr \/\u003e  -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e  -webkit-text-stroke:2px #B3FF00 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-tag{color:#fff !important;-webkit-text-fill-color:#fff !important;opacity:0.85 !important}\u003cbr \/\u003e.cdl-landing .hero .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Sections full-width *\/\u003cbr \/\u003e.cdl-landing section,.cdl-landing .footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Intro *\/\u003cbr \/\u003e.cdl-landing .intro{background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .intro-eyebrow{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title,\u003cbr \/\u003e.cdl-landing h2.intro-title{\u003cbr \/\u003e  color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px) !important;\u003cbr \/\u003e  font-weight:700 !important;\u003cbr \/\u003e  letter-spacing:-0.035em !important;\u003cbr \/\u003e  line-height:1.02 !important;\u003cbr \/\u003e  max-width:24ch !important;\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px) !important;\u003cbr \/\u003e  display:block !important;\u003cbr \/\u003e  width:auto !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title em,\u003cbr \/\u003e.cdl-landing h2.intro-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important;font-size:inherit !important;line-height:inherit !important}\u003cbr \/\u003e.cdl-landing .intro-lede{\u003cbr \/\u003e  color:#424245 !important;-webkit-text-fill-color:#424245 !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(18px,1.6vw,24px) !important;\u003cbr \/\u003e  line-height:1.5 !important;\u003cbr \/\u003e  max-width:680px !important;margin:0 auto !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .intro-lede strong{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .stat-value{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .stat-label{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Section headings *\/\u003cbr \/\u003e.cdl-landing section h2{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:600 !important;letter-spacing:-0.015em !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Dark tech-strip *\/\u003cbr \/\u003e.cdl-landing .tech-strip{background:#0A0A0A !important}\u003cbr \/\u003e.cdl-landing .tech-strip h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-strip .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .tech-card-body h3{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-card-body p{color:rgba(255,255,255,0.62) !important;-webkit-text-fill-color:rgba(255,255,255,0.62) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Lifestyle heading text — white on dark image *\/\u003cbr \/\u003e.cdl-landing .lifestyle h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .lifestyle p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Fullwidth cinematic video *\/\u003cbr \/\u003e.cdl-landing .video-full{\u003cbr \/\u003e  background:#000 !important;padding:0 !important;\u003cbr \/\u003e  height:100vh !important;height:100dvh !important;overflow:hidden !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .video-full .video-caption h2{color:#fff !important;-webkit-text-fill-color:#fff !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:700 !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Detail cards *\/\u003cbr \/\u003e.cdl-landing .detail-title{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .detail-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important}\u003cbr \/\u003e.cdl-landing .detail p{color:#86868B !important;-webkit-text-fill-color:#86868B !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Specs *\/\u003cbr \/\u003e.cdl-landing .specs-cat,\u003cbr \/\u003e.cdl-landing .specs-primary,\u003cbr \/\u003e.cdl-landing .specs-sublabel{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .specs-content,\u003cbr \/\u003e.cdl-landing .specs-desc{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Size table *\/\u003cbr \/\u003e.cdl-landing .size-table{background:#fff !important;border:1px solid #D2D2D7 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .size-table th{color:#86868B !important;-webkit-text-fill-color:#86868B !important;background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .size-table td{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003cbr \/\u003e.cdl-landing .size-table tr.current td{background:#F5FFD6 !important;color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .size-table td:first-child{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Closing *\/\u003cbr \/\u003e.cdl-landing .closing{background:#F5F5F7 !important;text-align:center !important}\u003cbr \/\u003e.cdl-landing .sale-badge{\u003cbr \/\u003e  display:inline-block !important;\u003cbr \/\u003e  background:#B3FF00 !important;color:#0A0A0A !important;-webkit-text-fill-color:#0A0A0A !important;\u003cbr \/\u003e  font-size:12px !important;font-weight:700 !important;\u003cbr \/\u003e  text-transform:uppercase !important;letter-spacing:0.1em !imp\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cannondale","offers":[{"title":"S","offer_id":57496378245502,"sku":"C23401U30MD1","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57496378278270,"sku":"C23401U30MD","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57496378311038,"sku":"C21202U40LG-1","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57496378343806,"sku":"N23209N3-1-2-2","price":10450.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C24_C23401U_Habit_4_IGN_PD.webp?v=1780336765"},{"product_id":"bicicleta-mtb-full-suspension-cannondale-habit-4-candy-red","title":"Bicicleta MTB full suspension Cannondale Habit 4 Candy Red","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"alignnone wp-image-217324\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"335\" height=\"59\"\u003e\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp class=\"product-detail-information-area__product-name\"\u003e\u003cbr\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"306770\" class=\"elementor elementor-306770\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-8f661c0 e-flex e-con-boxed e-con e-parent\" data-id=\"8f661c0\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-fe7cb5b elementor-widget elementor-widget-html\" data-id=\"fe7cb5b\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003ctitle\u003eCannondale Habit 4 — Trail bike 29\" entry-level | ProVelo\u003c\/title\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003cbr\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- ============ Product schema (stub) ============ --\u003e\u003cbr\u003e\u003cbr\u003e\u003cscript type=\"application\/ld+json\"\u003e\u003cbr \/\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Cannondale Habit 4\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C24_C23401U_Habit_4_IGN_PD.png\",\"description\":\"Trail bike full-suspension 29 inch cu 140mm furca \/ 130mm spate. Cadru SmartForm C1 Alloy, Proportional Response Design, RockShox Recon RL + Deluxe Select, Shimano Deore 12-speed. Disponibil în 3 culori: Ice Green, Candy Red, Black.\",\"sku\":\"C23401U\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Cannondale\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"10450\",\"priceValidUntil\":\"2026-06-30\",\"availability\":\"https:\/\/schema.org\/PreOrder\"}}\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e\/* =============================================================\u003cbr \/\u003e   ProVelo tokens — Cannondale edition (dark + lime green)\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e:root{\u003cbr \/\u003e  --pv-black:#0A0A0A;\u003cbr \/\u003e  --pv-ink:#1D1D1F;\u003cbr \/\u003e  --pv-graphite:#424245;\u003cbr \/\u003e  --pv-silver:#86868B;\u003cbr \/\u003e  --pv-mist:#D2D2D7;\u003cbr \/\u003e  --pv-fog:#F5F5F7;\u003cbr \/\u003e  --pv-white:#FFFFFF;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  \/* Cannondale brand accents *\/\u003cbr \/\u003e  --cdl-lime:#B3FF00;\u003cbr \/\u003e  --cdl-lime-deep:#8FCC00;\u003cbr \/\u003e  --cdl-gray-dark:#2A2A2C;\u003cbr \/\u003e  --cdl-gray-steel:#3E3E42;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --accent: var(--cdl-lime);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --r-md:18px;\u003cbr \/\u003e  --r-lg:24px;\u003cbr \/\u003e  --r-pill:980px;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --ease-out:cubic-bezier(0.25,0.46,0.45,0.94);\u003cbr \/\u003e  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --container:1200px;\u003cbr \/\u003e  --container-narrow:960px;\u003cbr \/\u003e  --container-text:680px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= reset ================= *\/\u003cbr \/\u003e*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\u003cbr \/\u003ehtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\u003cbr \/\u003ebody{\u003cbr \/\u003e  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;\u003cbr \/\u003e  font-size:17px;line-height:1.55;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  background:var(--pv-white);\u003cbr \/\u003e  -webkit-font-smoothing:antialiased;\u003cbr \/\u003e  -moz-osx-font-smoothing:grayscale;\u003cbr \/\u003e  text-rendering:optimizeLegibility;\u003cbr \/\u003e  overflow-x:hidden;\u003cbr \/\u003e}\u003cbr \/\u003eimg{display:block;max-width:100%;height:auto}\u003cbr \/\u003ea{color:inherit;text-decoration:none}\u003cbr \/\u003ebutton{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= type scale ================= *\/\u003cbr \/\u003e.eyebrow{\u003cbr \/\u003e  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;\u003cbr \/\u003e  color:var(--pv-graphite);display:inline-block;\u003cbr \/\u003e}\u003cbr \/\u003e.eyebrow.on-dark{color:rgba(255,255,255,0.72)}\u003cbr \/\u003e.eyebrow.lime{color:var(--cdl-lime-deep)}\u003cbr \/\u003eh1,h2,h3,h4{font-weight:600;letter-spacing:-0.015em;color:var(--pv-ink);line-height:1.15}\u003cbr \/\u003e.hero h1,.hero h2,.hero h3,.hero h4{color:inherit}\u003cbr \/\u003e.display-xl{font-size:clamp(56px,9.5vw,112px);font-weight:800;line-height:1.02;letter-spacing:-0.04em}\u003cbr \/\u003e.display-l{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.06;letter-spacing:-0.03em}\u003cbr \/\u003e.display-m{font-size:clamp(34px,4.4vw,56px);font-weight:600;line-height:1.08;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-l{font-size:clamp(32px,4.5vw,60px);font-weight:600;line-height:1.12;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-m{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-0.01em}\u003cbr \/\u003e.body-l{font-size:19px;line-height:1.55;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.body{font-size:17px;line-height:1.6;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.caption{font-size:13px;line-height:1.4;color:var(--pv-silver)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.text-wrap{text-wrap:pretty}\u003cbr \/\u003e.narrow{max-width:var(--container-text);margin-inline:auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= buttons ================= *\/\u003cbr \/\u003e.btn{\u003cbr \/\u003e  display:inline-flex;align-items:center;justify-content:center;gap:8px;\u003cbr \/\u003e  padding:14px 28px;border-radius:var(--r-pill);\u003cbr \/\u003e  font-size:17px;font-weight:500;line-height:1;\u003cbr \/\u003e  transition:background .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out),transform .3s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.btn.primary{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.primary:hover{background:var(--pv-black)}\u003cbr \/\u003e.btn.secondary{background:transparent;border:1px solid var(--pv-ink);color:var(--pv-ink)}\u003cbr \/\u003e.btn.secondary:hover{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.lime{background:var(--cdl-lime);color:var(--pv-black)}\u003cbr \/\u003e.btn.lime:hover{background:var(--cdl-lime-deep)}\u003cbr \/\u003e.btn.ghost-on-dark{background:rgba(255,255,255,0.92);color:var(--pv-ink)}\u003cbr \/\u003e.btn.ghost-on-dark:hover{background:#fff}\u003cbr \/\u003e.btn.outline-on-dark{background:transparent;border:1px solid rgba(255,255,255,0.55);color:#fff}\u003cbr \/\u003e.btn.outline-on-dark:hover{background:rgba(255,255,255,0.12)}\u003cbr \/\u003e.btn.tertiary{padding:4px 0;border-radius:0}\u003cbr \/\u003e.btn.tertiary::after{content:\"→\";transition:transform .3s var(--ease-out);margin-left:4px}\u003cbr \/\u003e.btn.tertiary:hover::after{transform:translateX(4px)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   HERO — dramatic dark stage with lime accent\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e.hero{\u003cbr \/\u003e  position:relative;\u003cbr \/\u003e  min-height:100vh;\u003cbr \/\u003e  min-height:100dvh;\u003cbr \/\u003e  padding:clamp(32px,5vh,56px) 32px clamp(28px,4vh,44px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-rows:auto 1fr auto;\u003cbr \/\u003e  gap:clamp(20px,3vh,36px);\u003cbr \/\u003e  overflow:hidden;\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(120% 80% at 50% 20%, #2A2A2C 0%, #0A0A0A 65%),\u003cbr \/\u003e    #0A0A0A;\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* full-width breakout for all main sections *\/\u003cbr \/\u003esection,.footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lime gradient glow behind the bike *\/\u003cbr \/\u003e.hero::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 -10% 0;height:60%;\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.18) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero::after{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 0 0;height:30%;\u003cbr \/\u003e  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* subtle wordmark + price in hero corners *\/\u003cbr \/\u003e.hero-mark{\u003cbr \/\u003e  position:absolute;top:clamp(24px,3vh,36px);left:32px;\u003cbr \/\u003e  font-size:15px;font-weight:600;letter-spacing:-0.01em;\u003cbr \/\u003e  opacity:0.92;z-index:3;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-mark .dot{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price{\u003cbr \/\u003e  position:absolute;top:clamp(24px,3vh,36px);right:32px;\u003cbr \/\u003e  font-size:14px;font-weight:500;\u003cbr \/\u003e  display:flex;align-items:center;gap:10px;\u003cbr \/\u003e  opacity:0.95;z-index:3;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-price strong{font-weight:600;color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price .old-price{\u003cbr \/\u003e  text-decoration:line-through;\u003cbr \/\u003e  opacity:0.55;font-weight:400;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-top{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e  padding-top:clamp(28px,4vh,48px);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-top .eyebrow{\u003cbr \/\u003e  letter-spacing:0.18em;\u003cbr \/\u003e  color:var(--cdl-lime);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-title{\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px);\u003cbr \/\u003e  font-weight:800;letter-spacing:-0.05em;line-height:0.9;\u003cbr \/\u003e  display:flex;gap:0.12em;align-items:baseline;justify-content:center;\u003cbr \/\u003e  flex-wrap:nowrap;white-space:nowrap;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){.hero-title{flex-wrap:wrap;white-space:normal}}\u003cbr \/\u003e.hero-title .lt{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-title .n{\u003cbr \/\u003e  font-weight:900;\u003cbr \/\u003e  -webkit-text-stroke:2px var(--cdl-lime);\u003cbr \/\u003e  -webkit-text-fill-color:transparent;\u003cbr \/\u003e  color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-tag{font-size:clamp(17px,1.6vw,21px);font-weight:500;opacity:0.85;max-width:560px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-stage{\u003cbr \/\u003e  position:relative;width:100%;\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  z-index:1;min-height:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike{\u003cbr \/\u003e  position:relative;width:100%;max-width:1200px;\u003cbr \/\u003e  height:100%;aspect-ratio:3\/2;max-height:100%;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes subtleFloat{\u003cbr \/\u003e  0%,100%{transform:translateY(0) scale(1)}\u003cbr \/\u003e  50%{transform:translateY(-10px) scale(1)}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-bottom{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:clamp(16px,2.5vh,24px);align-items:center;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-meta{\u003cbr \/\u003e  display:flex;gap:0;align-items:center;justify-content:center;\u003cbr \/\u003e  font-size:14px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta{\u003cbr \/\u003e  padding:0 22px;position:relative;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:2px;align-items:center;min-width:96px;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta + .meta::before{\u003cbr \/\u003e  content:\"\";position:absolute;left:0;top:6px;bottom:6px;width:1px;\u003cbr \/\u003e  background:currentColor;opacity:0.25;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .v{font-size:18px;font-weight:600;letter-spacing:-0.01em}\u003cbr \/\u003e.hero-meta .k{font-size:11px;text-transform:uppercase;letter-spacing:0.1em;opacity:0.65}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* color swatch row — single color but still branded *\/\u003cbr \/\u003e\/* dynamic hero tint per color *\/\u003cbr \/\u003e.hero\u003cdata-color=\"ign\"\u003e::before{\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(180,220,200,0.18) 0%, rgba(180,220,200,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.hero\u003cdata-color=\"crd\"\u003e::before{\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(220,40,60,0.16) 0%, rgba(220,40,60,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.hero\u003cdata-color=\"blk\"\u003e::before{\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.10) 0%, rgba(179,255,0,0) 70%) !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* hero-bike multi-image stack *\/\u003cbr \/\u003e.hero-bike{position:relative}\u003cbr \/\u003e.hero-bike img{\u003cbr \/\u003e  position:absolute;inset:0;\u003cbr \/\u003e  width:100%;height:100%;object-fit:contain;\u003cbr \/\u003e  opacity:0;transform:scale(0.99);\u003cbr \/\u003e  transition:opacity .55s var(--ease-out), transform .7s var(--ease-out);\u003cbr \/\u003e  filter:drop-shadow(0 40px 60px rgba(0,0,0,0.55)) drop-shadow(0 0 80px rgba(179,255,0,0.06));\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike img.active{\u003cbr \/\u003e  opacity:1;transform:scale(1);\u003cbr \/\u003e  animation:subtleFloat 7s ease-in-out infinite;\u003cbr \/\u003e  animation-delay:1.5s;\u003cbr \/\u003e}\u003cbr \/\u003e\/* JPG variants from retailer have gray backgrounds — multiply against dark hero to absorb the gray *\/\u003cbr \/\u003e.hero-bike img\u003cdata-color=\"crd\"\u003e,\u003cbr \/\u003e.hero-bike img\u003cdata-color=\"blk\"\u003e{\u003cbr \/\u003e  -webkit-mask-image:radial-gradient(ellipse 55% 55% at center, #000 50%, transparent 100%);\u003cbr \/\u003e  mask-image:radial-gradient(ellipse 55% 55% at center, #000 50%, transparent 100%);\u003cbr \/\u003e  filter:drop-shadow(0 30px 50px rgba(0,0,0,0.6)) brightness(1.05) contrast(1.05);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* swatch buttons (interactive) *\/\u003cbr \/\u003e.swatches{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}\u003cbr \/\u003e.swatch{\u003cbr \/\u003e  width:38px;height:38px;border-radius:50%;\u003cbr \/\u003e  position:relative;cursor:pointer;border:none;padding:0;\u003cbr \/\u003e  transition:transform .35s var(--ease-spring);\u003cbr \/\u003e  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 2px 8px rgba(0,0,0,0.30);\u003cbr \/\u003e}\u003cbr \/\u003e.swatch::after{\u003cbr \/\u003e  content:\"\";position:absolute;inset:-6px;border-radius:50%;\u003cbr \/\u003e  border:1.5px solid rgba(255,255,255,0.85);opacity:0;\u003cbr \/\u003e  transition:opacity .25s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.swatch\u003caria-pressed=\"true\"\u003e::after{opacity:1}\u003cbr \/\u003e.swatch:hover{transform:scale(1.1)}\u003cbr \/\u003e.swatch.ign{background:linear-gradient(135deg,#C5DDD2 0%,#7FA395 100%)}\u003cbr \/\u003e.swatch.crd{background:linear-gradient(135deg,#E63946 0%,#A41E2D 100%)}\u003cbr \/\u003e.swatch.blk{background:linear-gradient(135deg,#2A2A2C 0%,#0A0A0A 100%)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.color-label{\u003cbr \/\u003e  display:inline-flex;align-items:center;gap:8px;\u003cbr \/\u003e  font-size:14px;color:#fff;opacity:0.94;\u003cbr \/\u003e}\u003cbr \/\u003e.color-label strong{font-weight:600;color:#fff}\u003cbr \/\u003e.color-label .caption{font-size:13px;color:rgba(255,255,255,0.65);font-weight:400}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* scroll cue *\/\u003cbr \/\u003e.hero-scroll{\u003cbr \/\u003e  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e  opacity:0.55;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;\u003cbr \/\u003e  animation:scrollHint 2.4s ease-in-out infinite;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-scroll::after{\u003cbr \/\u003e  content:\"\";width:1px;height:28px;background:currentColor;opacity:0.6;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes scrollHint{\u003cbr \/\u003e  0%,100%{transform:translate(-50%,0);opacity:0.4}\u003cbr \/\u003e  50%{transform:translate(-50%,6px);opacity:0.75}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:860px){\u003cbr \/\u003e  .hero-price{font-size:13px}\u003cbr \/\u003e  .hero-price .sep,.hero-price .buy{display:none}\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .hero{padding:20px 20px 24px}\u003cbr \/\u003e  .hero-mark{top:20px;left:20px}\u003cbr \/\u003e  .hero-price{top:20px;right:20px}\u003cbr \/\u003e  .hero-top{padding-top:60px;gap:10px}\u003cbr \/\u003e  .hero-bike{aspect-ratio:4\/3}\u003cbr \/\u003e  .hero-meta{gap:10px 0}\u003cbr \/\u003e  .hero-meta .meta{min-width:72px;padding:0 14px}\u003cbr \/\u003e  .hero-scroll{display:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Sections\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003esection{padding:120px 32px}\u003cbr \/\u003esection.pad-sm{padding:88px 32px}\u003cbr \/\u003esection.fog{background:var(--pv-fog)}\u003cbr \/\u003esection.ink{background:#0A0A0A;color:#fff}\u003cbr \/\u003esection.ink h1,section.ink h2,section.ink h3{color:#fff}\u003cbr \/\u003esection.ink .body,section.ink .body-l{color:rgba(255,255,255,0.72)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.container{max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.container-narrow{max-width:var(--container-narrow);margin:0 auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:720px){\u003cbr \/\u003e  section{padding:72px 20px}\u003cbr \/\u003e  section.pad-sm{padding:56px 20px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ========== INTRO — Apple-style, lime accent ========== *\/\u003cbr \/\u003e.intro{padding:clamp(88px,11vw,160px) 32px clamp(96px,12vw,180px)}\u003cbr \/\u003e.intro-head{text-align:center;max-width:980px;margin:0 auto}\u003cbr \/\u003e.intro-eyebrow{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  font-size:13px;font-weight:600;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.16em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  margin-bottom:clamp(18px,2vw,28px);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title{\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.035em;\u003cbr \/\u003e  line-height:1.02;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px);\u003cbr \/\u003e  max-width:24ch;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede{\u003cbr \/\u003e  font-size:clamp(19px,1.5vw,24px);\u003cbr \/\u003e  line-height:1.5;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  max-width:680px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e  font-weight:400;\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede strong{color:var(--pv-ink);font-weight:600}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.intro-stats{\u003cbr \/\u003e  margin-top:clamp(64px,8vw,112px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(4,1fr);\u003cbr \/\u003e  gap:clamp(32px,4vw,56px);\u003cbr \/\u003e  max-width:1040px;\u003cbr \/\u003e  margin-left:auto;margin-right:auto;\u003cbr \/\u003e  text-align:center;\u003cbr \/\u003e}\u003cbr \/\u003e.stat-value{\u003cbr \/\u003e  font-size:clamp(36px,4vw,56px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.03em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  line-height:1;\u003cbr \/\u003e  margin-bottom:clamp(8px,0.8vw,12px);\u003cbr \/\u003e}\u003cbr \/\u003e.stat-label{\u003cbr \/\u003e  font-size:14px;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  line-height:1.45;\u003cbr \/\u003e  max-width:220px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:880px){.intro-stats{grid-template-columns:repeat(2,1fr);gap:40px}}\u003cbr \/\u003e@media (max-width:420px){.intro-stats{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* feature story — alternating image\/text *\/\u003cbr \/\u003e.story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.story + .story{margin-top:120px}\u003cbr \/\u003e.story.reverse .story-media{order:2}\u003cbr \/\u003e.story-media{\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e  border-radius:var(--r-lg);\u003cbr \/\u003e  aspect-ratio:4\/3;overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.story-media.dark{background:var(--pv-ink)}\u003cbr \/\u003e.story-media img{width:100%;height:100%;object-fit:cover}\u003cbr \/\u003e.story-text .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.story-text h2{margin-top:14px}\u003cbr \/\u003e.story-text p{margin-top:20px;max-width:480px}\u003cbr \/\u003e@media (max-width:920px){\u003cbr \/\u003e  .story{grid-template-columns:1fr;gap:32px}\u003cbr \/\u003e  .story.reverse .story-media{order:0}\u003cbr \/\u003e  .story + .story{margin-top:72px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* detail grid *\/\u003cbr \/\u003e.details-head{text-align:center;max-width:720px;margin:0 auto 72px}\u003cbr \/\u003e.details-head .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.details-head h2{margin-top:14px}\u003cbr \/\u003e.details-grid{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:grid;grid-template-columns:repeat(3,1fr);\u003cbr \/\u003e  gap:1px;background:var(--pv-mist);\u003cbr \/\u003e  border:1px solid var(--pv-mist);border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.detail{\u003cbr \/\u003e  background:var(--pv-white);padding:36px 28px 32px;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:14px;min-height:240px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon{\u003cbr \/\u003e  width:44px;height:44px;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  margin-bottom:4px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon svg{width:100%;height:100%;display:block}\u003cbr \/\u003e.detail-title{\u003cbr \/\u003e  font-size:20px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.01em;line-height:1.25;\u003cbr \/\u003e  color:var(--pv-ink);margin:0;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.detail p{font-size:14px;color:var(--pv-silver);line-height:1.55;margin:auto 0 0 0}\u003cbr \/\u003e@media (max-width:900px){.details-grid{grid-template-columns:repeat(2,1fr)}}\u003cbr \/\u003e@media (max-width:540px){.details-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* tech callout strip — dark, cinematic *\/\u003cbr \/\u003e.tech-strip{\u003cbr \/\u003e  background:#0A0A0A;color:#fff;padding:clamp(88px,11vw,160px) 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-strip .details-head{margin-bottom:56px}\u003cbr \/\u003e.tech-strip .details-head h2{color:#fff}\u003cbr \/\u003e.tech-strip .details-head .eyebrow{color:var(--cdl-lime)}\u003cbr \/\u003e.tech-grid{\u003cbr \/\u003e  max-width:1200px;margin:0 auto;display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(2,1fr);gap:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card{\u003cbr \/\u003e  background:#16161A;border:1px solid rgba(255,255,255,0.06);\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  display:flex;flex-direction:column;\u003cbr \/\u003e  transition:transform .5s var(--ease-out),border-color .5s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card:hover{transform:translateY(-4px);border-color:rgba(179,255,0,0.3)}\u003cbr \/\u003e.tech-card-media{aspect-ratio:16\/10;overflow:hidden;background:#0A0A0A}\u003cbr \/\u003e.tech-card-media img{width:100%;height:100%;object-fit:cover;opacity:0.92}\u003cbr \/\u003e.tech-card-body{padding:32px 32px 36px}\u003cbr \/\u003e.tech-card-body .eyebrow{color:var(--cdl-lime);letter-spacing:0.14em}\u003cbr \/\u003e.tech-card-body h3{\u003cbr \/\u003e  color:#fff;font-size:24px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.015em;margin-top:10px;line-height:1.2;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card-body p{\u003cbr \/\u003e  margin-top:14px;color:rgba(255,255,255,0.62);\u003cbr \/\u003e  font-size:15px;line-height:1.55;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:860px){.tech-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* video *\/\u003cbr \/\u003e.video-wrap{\u003cbr \/\u003e  max-width:1100px;margin:48px auto 0;\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  background:var(--pv-ink);\u003cbr \/\u003e  aspect-ratio:16\/9;position:relative;\u003cbr \/\u003e}\u003cbr \/\u003e.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* fullwidth cinematic video *\/\u003cbr \/\u003e.video-full{\u003cbr \/\u003e  position:relative;width:100vw;\u003cbr \/\u003e  height:100vh;height:100dvh;\u003cbr \/\u003e  padding:0 !important;overflow:hidden;\u003cbr \/\u003e  background:#000;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full iframe{\u003cbr \/\u003e  position:absolute;top:50%;left:50%;\u003cbr \/\u003e  width:max(100vw, calc(100vh * 16\/9));\u003cbr \/\u003e  height:max(100vh, calc(100vw * 9\/16));\u003cbr \/\u003e  transform:translate(-50%,-50%);\u003cbr \/\u003e  border:0;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-overlay,\u003cbr \/\u003e.video-full .video-caption{pointer-events:none}\u003cbr \/\u003e.video-full .video-overlay{\u003cbr \/\u003e  position:absolute;inset:0;z-index:2;\u003cbr \/\u003e  background:\u003cbr \/\u003e    linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.08) 25%, rgba(0,0,0,0.08) 70%, rgba(0,0,0,0.55) 100%),\u003cbr \/\u003e    radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.08) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption{\u003cbr \/\u003e  position:absolute;left:0;right:0;bottom:clamp(48px,8vh,96px);\u003cbr \/\u003e  z-index:3;text-align:center;color:#fff;padding:0 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption .eyebrow{\u003cbr \/\u003e  color:var(--cdl-lime);letter-spacing:0.18em;display:block;margin-bottom:14px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption h2{\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  font-size:clamp(36px,6vw,84px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.03em;line-height:1.04;\u003cbr \/\u003e  max-width:1100px;margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption p{\u003cbr \/\u003e  margin:18px auto 0;max-width:640px;\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:clamp(15px,1.2vw,19px);\u003cbr \/\u003e  line-height:1.55;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lifestyle fullwidth banner *\/\u003cbr \/\u003e.lifestyle{\u003cbr \/\u003e  position:relative;min-height:520px;\u003cbr \/\u003e  background-size:cover;background-position:center;\u003cbr \/\u003e  display:flex;align-items:flex-end;\u003cbr \/\u003e  padding:80px 48px;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:0;\u003cbr \/\u003e  background:linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0) 100%);\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle-inner{position:relative;z-index:1;max-width:640px}\u003cbr \/\u003e.lifestyle h2{\u003cbr \/\u003e  color:#fff;font-size:clamp(36px,5vw,60px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.025em;line-height:1.08;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle p{\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:18px;\u003cbr \/\u003e  line-height:1.55;margin-top:16px;max-width:520px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* size table *\/\u003cbr \/\u003e.size-table{\u003cbr \/\u003e  width:100%;border-collapse:separate;border-spacing:0;\u003cbr \/\u003e  background:var(--pv-white);border:1px solid var(--pv-mist);\u003cbr \/\u003e  border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e  font-size:15px;\u003cbr \/\u003e}\u003cbr \/\u003e.size-table th{\u003cbr \/\u003e  padding:16px 22px;text-align:left;\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;\u003cbr \/\u003e  color:var(--pv-silver);border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table td{\u003cbr \/\u003e  padding:18px 22px;border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table tbody tr:last-child td{border-bottom:none}\u003cbr \/\u003e.size-table tr.current td{background:#F5FFD6;color:var(--pv-ink);font-weight:500}\u003cbr \/\u003e.size-table td:first-child,.size-table th:first-child{padding-left:28px}\u003cbr \/\u003e.size-table td:first-child{color:var(--pv-ink);font-weight:500}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* specs — Apple-style grouped list *\/\u003cbr \/\u003e.specs-list{max-width:1080px;margin:0 auto;display:flex;flex-direction:column}\u003cbr \/\u003e.specs-row{\u003cbr \/\u003e  display:grid;grid-template-columns:220px 1fr;gap:64px;\u003cbr \/\u003e  padding:44px 0;border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  align-items:flex-start;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-row:first-child{border-top:none;padding-top:24px}\u003cbr \/\u003e.specs-cat{\u003cbr \/\u003e  font-size:17px;font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-content{font-size:15px;line-height:1.55;color:var(--pv-graphite)}\u003cbr \/\u003e.specs-primary{font-weight:600;color:var(--pv-ink);margin:0 0 4px 0}\u003cbr \/\u003e.specs-desc{margin:0}\u003cbr \/\u003e.specs-sublabel{\u003cbr \/\u003e  font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  margin:14px 0 4px 0;font-size:14px;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:760px){\u003cbr \/\u003e  .specs-row{grid-template-columns:1fr;gap:14px;padding:32px 0}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* FAQ *\/\u003cbr \/\u003e.faq-list{max-width:720px;margin:0 auto;border-top:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq{border-bottom:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq summary{\u003cbr \/\u003e  list-style:none;cursor:pointer;\u003cbr \/\u003e  padding:22px 4px;\u003cbr \/\u003e  display:flex;justify-content:space-between;gap:24px;align-items:center;\u003cbr \/\u003e  font-size:18px;font-weight:500;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.faq summary::-webkit-details-marker{display:none}\u003cbr \/\u003e.faq summary::after{\u003cbr \/\u003e  content:\"+\";font-weight:300;font-size:26px;color:var(--pv-silver);\u003cbr \/\u003e  transition:transform .3s var(--ease-out);flex-shrink:0;line-height:1;\u003cbr \/\u003e}\u003cbr \/\u003e.faq\u003copen\u003e summary::after{content:\"−\"}\u003cbr \/\u003e.faq-body{padding:0 4px 24px;color:var(--pv-graphite);font-size:16px;line-height:1.6;max-width:640px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* closing CTA *\/\u003cbr \/\u003e.closing{text-align:center;padding:clamp(80px,10vw,140px) 32px;background:var(--pv-fog)}\u003cbr \/\u003e.sale-badge{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  background:var(--cdl-lime);color:var(--pv-black);\u003cbr \/\u003e  font-size:12px;font-weight:700;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.1em;\u003cbr \/\u003e  padding:8px 16px;border-radius:var(--r-pill);\u003cbr \/\u003e  margin-bottom:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price{\u003cbr \/\u003e  display:flex;align-items:baseline;justify-content:center;gap:18px;\u003cbr \/\u003e  margin:28px 0 4px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .old{\u003cbr \/\u003e  font-size:clamp(20px,2vw,26px);color:var(--pv-silver);\u003cbr \/\u003e  text-decoration:line-through;font-weight:400;letter-spacing:-0.01em;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .now{\u003cbr \/\u003e  font-size:clamp(36px,4.5vw,56px);font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.025em;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.closing h2{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-0.03em;line-height:1.06}\u003cbr \/\u003e.closing h2 em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  background:linear-gradient(120deg, #8FCC00 0%, #B3FF00 60%, #6A9900 100%);\u003cbr \/\u003e  -webkit-background-clip:text;background-clip:text;\u003cbr \/\u003e  -webkit-text-fill-color:transparent;color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.closing p{margin:22px auto 0;max-width:560px}\u003cbr \/\u003e.closing .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\u003cbr \/\u003e.assurances{\u003cbr \/\u003e  margin-top:72px;display:flex;gap:48px;justify-content:center;flex-wrap:wrap;\u003cbr \/\u003e  font-size:13px;color:var(--pv-silver);\u003cbr \/\u003e}\u003cbr \/\u003e.assurances strong{display:block;color:var(--pv-ink);font-weight:500;font-size:14px;margin-bottom:2px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* footer strip *\/\u003cbr \/\u003e.footer{\u003cbr \/\u003e  border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  padding:28px 32px;text-align:center;\u003cbr \/\u003e  font-size:12px;color:var(--pv-silver);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* reveal on scroll *\/\u003cbr \/\u003e.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}\u003cbr \/\u003e.reveal.in{opacity:1;transform:none}\u003cbr \/\u003e@media (prefers-reduced-motion:reduce){\u003cbr \/\u003e  .reveal{opacity:1;transform:none;transition:none}\u003cbr \/\u003e  .hero-scroll{animation:none}\u003cbr \/\u003e  .hero-bike img{animation:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Elementor \/ WordPress override layer — scoped to .cdl-landing\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003ehtml,body{overflow-x:hidden !important;max-width:100vw !important}\u003cbr \/\u003e.cdl-landing{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;overflow:visible !important;float:none !important;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important}\u003cbr \/\u003e.cdl-landing *,.cdl-landing *::before,.cdl-landing *::after{box-sizing:border-box !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Hero override *\/\u003cbr \/\u003e.cdl-landing .hero{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e  min-height:100vh !important;min-height:100dvh !important;\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .hero .hero-title,\u003cbr \/\u003e.cdl-landing h1.hero-title{\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  font-weight:800 !important;letter-spacing:-0.05em !important;line-height:0.9 !important;\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px) !important;\u003cbr \/\u003e  flex-wrap:nowrap !important;white-space:nowrap !important;\u003cbr \/\u003e  display:flex !important;align-items:baseline !important;justify-content:center !important;\u003cbr \/\u003e  gap:0.12em !important;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .cdl-landing .hero-title{flex-wrap:wrap !important;white-space:normal !important;font-size:clamp(56px,14vw,96px) !important}\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing section .heading-l,\u003cbr \/\u003e.cdl-landing h2.heading-l{\u003cbr \/\u003e  font-size:clamp(36px,5vw,72px) !important;\u003cbr \/\u003e  line-height:1.1 !important;letter-spacing:-0.025em !important;\u003cbr \/\u003e  font-weight:600 !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-title .lt{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .hero-title .n{\u003cbr \/\u003e  -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e  -webkit-text-stroke:2px #B3FF00 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-tag{color:#fff !important;-webkit-text-fill-color:#fff !important;opacity:0.85 !important}\u003cbr \/\u003e.cdl-landing .hero .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Sections full-width *\/\u003cbr \/\u003e.cdl-landing section,.cdl-landing .footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Intro *\/\u003cbr \/\u003e.cdl-landing .intro{background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .intro-eyebrow{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title,\u003cbr \/\u003e.cdl-landing h2.intro-title{\u003cbr \/\u003e  color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px) !important;\u003cbr \/\u003e  font-weight:700 !important;\u003cbr \/\u003e  letter-spacing:-0.035em !important;\u003cbr \/\u003e  line-height:1.02 !important;\u003cbr \/\u003e  max-width:24ch !important;\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px) !important;\u003cbr \/\u003e  display:block !important;\u003cbr \/\u003e  width:auto !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title em,\u003cbr \/\u003e.cdl-landing h2.intro-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important;font-size:inherit !important;line-height:inherit !important}\u003cbr \/\u003e.cdl-landing .intro-lede{\u003cbr \/\u003e  color:#424245 !important;-webkit-text-fill-color:#424245 !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(18px,1.6vw,24px) !important;\u003cbr \/\u003e  line-height:1.5 !important;\u003cbr \/\u003e  max-width:680px !important;margin:0 auto !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .intro-lede strong{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .stat-value{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .stat-label{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Section headings *\/\u003cbr \/\u003e.cdl-landing section h2{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:600 !important;letter-spacing:-0.015em !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Dark tech-strip *\/\u003cbr \/\u003e.cdl-landing .tech-strip{background:#0A0A0A !important}\u003cbr \/\u003e.cdl-landing .tech-strip h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-strip .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .tech-card-body h3{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-card-body p{color:rgba(255,255,255,0.62) !important;-webkit-text-fill-color:rgba(255,255,255,0.62) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Lifestyle heading text — white on dark image *\/\u003cbr \/\u003e.cdl-landing .lifestyle h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .lifestyle p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Fullwidth cinematic video *\/\u003cbr \/\u003e.cdl-landing .video-full{\u003cbr \/\u003e  background:#000 !important;padding:0 !important;\u003cbr \/\u003e  height:100vh !important;height:100dvh !important;overflow:hidden !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .video-full .video-caption h2{color:#fff !important;-webkit-text-fill-color:#fff !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:700 !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Detail cards *\/\u003cbr \/\u003e.cdl-landing .detail-title{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .detail-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important}\u003cbr \/\u003e.cdl-landing .detail p{color:#86868B !important;-webkit-text-fill-color:#86868B !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Specs *\/\u003cbr \/\u003e.cdl-landing .specs-cat,\u003cbr \/\u003e.cdl-landing .specs-primary,\u003cbr \/\u003e.cdl-landing .specs-sublabel{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .specs-content,\u003cbr \/\u003e.cdl-landing .specs-desc{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Size table *\/\u003cbr \/\u003e.cdl-landing .size-table{background:#fff !important;border:1px solid #D2D2D7 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .size-table th{color:#86868B !important;-webkit-text-fill-color:#86868B !important;background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .size-table td{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003cbr \/\u003e.cdl-landing .size-table tr.current td{background:#F5FFD6 !important;color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .size-table td:first-child{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Closing *\/\u003cbr \/\u003e.cdl-landing .closing{background:#F5F5F7 !important;text-align:center !important}\u003cbr \/\u003e.cdl-landing .sale-badge{\u003cbr \/\u003e  display:inline-block !important;\u003cbr \/\u003e  background:#B3FF00 !important;color:#0A0A0A !important;-webkit-text-fill-color:#0A0A0A !important;\u003cbr \/\u003e  font-size:12px !important;font-weight:700 !im\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cannondale","offers":[{"title":"S","offer_id":57496378540414,"sku":"C23401U10LG1","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57496378573182,"sku":"C23401U30MD-1","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57496378605950,"sku":"C23401U10LG","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57496378638718,"sku":"N23209N3-1-2-2-1","price":10450.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C23_C23401U_Habit_4_CRD_PD-1.webp?v=1780336776"},{"product_id":"bicicleta-mtb-cannondale-habit-ht-1-cinnamon","title":"Bicicleta MTB Cannondale HABIT HT 1","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"alignnone wp-image-217324\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"335\" height=\"59\"\u003e\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"307341\" class=\"elementor elementor-307341\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-1800755 e-flex e-con-boxed e-con e-parent\" data-id=\"1800755\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-ebe6283 elementor-widget elementor-widget-html\" data-id=\"ebe6283\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003ctitle\u003eCannondale Habit HT 1 — Trail hardtail 29\" capabil | ProVelo\u003c\/title\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003cbr\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- ============ Product schema (stub) ============ --\u003e\u003cbr\u003e\u003cbr\u003e\u003cscript type=\"application\/ld+json\"\u003e\u003cbr \/\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Cannondale Habit HT 1\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C25_C26075U_Habit_HT_1_TSK_PD.png\",\"description\":\"Trail hardtail 29 inch cu 130mm furca RockShox Recon Silver RL. Cadru SmartForm C2 Alloy, geometrie progresiva 64° HA, transmisie Shimano CUES 11-speed, frane TRP Gemini 4-piston, dropper TranzX, anvelope Maxxis DHF\/DHR II.\",\"sku\":\"C26075U\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Cannondale\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"7400\",\"priceValidUntil\":\"2026-09-30\",\"availability\":\"https:\/\/schema.org\/PreOrder\"}}\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e\/* =============================================================\u003cbr \/\u003e   ProVelo tokens — Cannondale edition (dark + lime green)\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e:root{\u003cbr \/\u003e  --pv-black:#0A0A0A;\u003cbr \/\u003e  --pv-ink:#1D1D1F;\u003cbr \/\u003e  --pv-graphite:#424245;\u003cbr \/\u003e  --pv-silver:#86868B;\u003cbr \/\u003e  --pv-mist:#D2D2D7;\u003cbr \/\u003e  --pv-fog:#F5F5F7;\u003cbr \/\u003e  --pv-white:#FFFFFF;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  \/* Cannondale brand accents *\/\u003cbr \/\u003e  --cdl-lime:#B3FF00;\u003cbr \/\u003e  --cdl-lime-deep:#8FCC00;\u003cbr \/\u003e  --cdl-gray-dark:#2A2A2C;\u003cbr \/\u003e  --cdl-gray-steel:#3E3E42;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  \/* Habit HT 1 colorways *\/\u003cbr \/\u003e  --cdl-tiger:#C9B58E;\u003cbr \/\u003e  --cdl-tiger-deep:#A89376;\u003cbr \/\u003e  --cdl-tungsten:#6B8597;\u003cbr \/\u003e  --cdl-tungsten-deep:#2C3E4F;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --accent: var(--cdl-lime);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --r-md:18px;\u003cbr \/\u003e  --r-lg:24px;\u003cbr \/\u003e  --r-pill:980px;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --ease-out:cubic-bezier(0.25,0.46,0.45,0.94);\u003cbr \/\u003e  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --container:1200px;\u003cbr \/\u003e  --container-narrow:960px;\u003cbr \/\u003e  --container-text:680px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= reset ================= *\/\u003cbr \/\u003e*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\u003cbr \/\u003ehtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\u003cbr \/\u003ebody{\u003cbr \/\u003e  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;\u003cbr \/\u003e  font-size:17px;line-height:1.55;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  background:var(--pv-white);\u003cbr \/\u003e  -webkit-font-smoothing:antialiased;\u003cbr \/\u003e  -moz-osx-font-smoothing:grayscale;\u003cbr \/\u003e  text-rendering:optimizeLegibility;\u003cbr \/\u003e  overflow-x:hidden;\u003cbr \/\u003e}\u003cbr \/\u003eimg{display:block;max-width:100%;height:auto}\u003cbr \/\u003ea{color:inherit;text-decoration:none}\u003cbr \/\u003ebutton{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= type scale ================= *\/\u003cbr \/\u003e.eyebrow{\u003cbr \/\u003e  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;\u003cbr \/\u003e  color:var(--pv-graphite);display:inline-block;\u003cbr \/\u003e}\u003cbr \/\u003e.eyebrow.on-dark{color:rgba(255,255,255,0.72)}\u003cbr \/\u003e.eyebrow.lime{color:var(--cdl-lime-deep)}\u003cbr \/\u003eh1,h2,h3,h4{font-weight:600;letter-spacing:-0.015em;color:var(--pv-ink);line-height:1.15}\u003cbr \/\u003e.hero h1,.hero h2,.hero h3,.hero h4{color:inherit}\u003cbr \/\u003e.display-xl{font-size:clamp(56px,9.5vw,112px);font-weight:800;line-height:1.02;letter-spacing:-0.04em}\u003cbr \/\u003e.display-l{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.06;letter-spacing:-0.03em}\u003cbr \/\u003e.display-m{font-size:clamp(34px,4.4vw,56px);font-weight:600;line-height:1.08;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-l{font-size:clamp(32px,4.5vw,60px);font-weight:600;line-height:1.12;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-m{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-0.01em}\u003cbr \/\u003e.body-l{font-size:19px;line-height:1.55;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.body{font-size:17px;line-height:1.6;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.caption{font-size:13px;line-height:1.4;color:var(--pv-silver)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.text-wrap{text-wrap:pretty}\u003cbr \/\u003e.narrow{max-width:var(--container-text);margin-inline:auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= buttons ================= *\/\u003cbr \/\u003e.btn{\u003cbr \/\u003e  display:inline-flex;align-items:center;justify-content:center;gap:8px;\u003cbr \/\u003e  padding:14px 28px;border-radius:var(--r-pill);\u003cbr \/\u003e  font-size:17px;font-weight:500;line-height:1;\u003cbr \/\u003e  transition:background .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out),transform .3s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.btn.primary{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.primary:hover{background:var(--pv-black)}\u003cbr \/\u003e.btn.secondary{background:transparent;border:1px solid var(--pv-ink);color:var(--pv-ink)}\u003cbr \/\u003e.btn.secondary:hover{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.lime{background:var(--cdl-lime);color:var(--pv-black)}\u003cbr \/\u003e.btn.lime:hover{background:var(--cdl-lime-deep)}\u003cbr \/\u003e.btn.ghost-on-dark{background:rgba(255,255,255,0.92);color:var(--pv-ink)}\u003cbr \/\u003e.btn.ghost-on-dark:hover{background:#fff}\u003cbr \/\u003e.btn.outline-on-dark{background:transparent;border:1px solid rgba(255,255,255,0.55);color:#fff}\u003cbr \/\u003e.btn.outline-on-dark:hover{background:rgba(255,255,255,0.12)}\u003cbr \/\u003e.btn.tertiary{padding:4px 0;border-radius:0}\u003cbr \/\u003e.btn.tertiary::after{content:\"→\";transition:transform .3s var(--ease-out);margin-left:4px}\u003cbr \/\u003e.btn.tertiary:hover::after{transform:translateX(4px)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Hero background tinted to match the bike — Santa Cruz style (lighter, mid-tone) *\/\u003cbr \/\u003e.cdl-landing .hero{transition:background .8s var(--ease-out)}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"tiger\"\u003e .hero{\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(140% 90% at 50% 25%, #8a6e54 0%, #5a4533 70%),\u003cbr \/\u003e    #5a4533 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"tiger\"\u003e .hero::before{\u003cbr \/\u003e  background:radial-gradient(70% 55% at 50% 100%, rgba(232,213,180,0.28) 0%, rgba(232,213,180,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"tungsten\"\u003e .hero{\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(140% 90% at 50% 25%, #6a8294 0%, #455a6a 70%),\u003cbr \/\u003e    #455a6a !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"tungsten\"\u003e .hero::before{\u003cbr \/\u003e  background:radial-gradient(70% 55% at 50% 100%, rgba(160,185,205,0.30) 0%, rgba(160,185,205,0) 70%) !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   HERO — dramatic dark stage with lime accent\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e.hero{\u003cbr \/\u003e  position:relative;\u003cbr \/\u003e  min-height:100vh;\u003cbr \/\u003e  min-height:100dvh;\u003cbr \/\u003e  padding:clamp(32px,5vh,56px) 32px clamp(28px,4vh,44px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-rows:auto 1fr auto;\u003cbr \/\u003e  gap:clamp(20px,3vh,36px);\u003cbr \/\u003e  overflow:hidden;\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(120% 80% at 50% 20%, #2A2A2C 0%, #0A0A0A 65%),\u003cbr \/\u003e    #0A0A0A;\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* full-width breakout for all main sections *\/\u003cbr \/\u003esection,.footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lime gradient glow behind the bike *\/\u003cbr \/\u003e.hero::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 -10% 0;height:60%;\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.18) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero::after{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 0 0;height:30%;\u003cbr \/\u003e  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* legacy hero-mark + hero-price — moved into sticky .cdl-nav above *\/\u003cbr \/\u003e.hero-mark,.hero-price{display:none !important}\u003cbr \/\u003e.hero-price strong{font-weight:600;color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price .old-price{\u003cbr \/\u003e  text-decoration:line-through;\u003cbr \/\u003e  opacity:0.55;font-weight:400;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-top{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e  padding-top:clamp(28px,4vh,48px);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-top .eyebrow{\u003cbr \/\u003e  letter-spacing:0.18em;\u003cbr \/\u003e  color:var(--cdl-lime);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-title{\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px);\u003cbr \/\u003e  font-weight:800;letter-spacing:-0.05em;line-height:0.9;\u003cbr \/\u003e  display:flex;gap:0.12em;align-items:baseline;justify-content:center;\u003cbr \/\u003e  flex-wrap:nowrap;white-space:nowrap;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){.hero-title{flex-wrap:wrap;white-space:normal}}\u003cbr \/\u003e.hero-title .ht{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-title .n{\u003cbr \/\u003e  font-weight:900;\u003cbr \/\u003e  -webkit-text-stroke:2px var(--cdl-lime);\u003cbr \/\u003e  -webkit-text-fill-color:transparent;\u003cbr \/\u003e  color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-tag{font-size:clamp(17px,1.6vw,21px);font-weight:500;opacity:0.85;max-width:560px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-stage{\u003cbr \/\u003e  position:relative;width:100%;\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  z-index:1;min-height:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike{\u003cbr \/\u003e  position:relative;width:100%;max-width:1500px;\u003cbr \/\u003e  height:100%;aspect-ratio:16\/9;max-height:100%;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike img{\u003cbr \/\u003e  position:absolute;inset:0;\u003cbr \/\u003e  width:100%;height:100%;object-fit:contain;\u003cbr \/\u003e  filter:drop-shadow(0 40px 60px rgba(0,0,0,0.55)) drop-shadow(0 0 80px rgba(179,255,0,0.08));\u003cbr \/\u003e  animation:subtleFloat 7s ease-in-out infinite;\u003cbr \/\u003e  animation-delay:1.5s;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike .bike-img.hidden{display:none}\u003cbr \/\u003e@keyframes subtleFloat{\u003cbr \/\u003e  0%,100%{transform:translateY(0)}\u003cbr \/\u003e  50%{transform:translateY(-10px)}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-bottom{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:clamp(16px,2.5vh,24px);align-items:center;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-meta{\u003cbr \/\u003e  display:flex;gap:0;align-items:center;justify-content:center;\u003cbr \/\u003e  font-size:14px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta{\u003cbr \/\u003e  padding:0 22px;position:relative;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:2px;align-items:center;min-width:96px;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta + .meta::before{\u003cbr \/\u003e  content:\"\";position:absolute;left:0;top:6px;bottom:6px;width:1px;\u003cbr \/\u003e  background:currentColor;opacity:0.25;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .v{font-size:18px;font-weight:600;letter-spacing:-0.01em}\u003cbr \/\u003e.hero-meta .k{font-size:11px;text-transform:uppercase;letter-spacing:0.1em;opacity:0.65}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Big color picker pills — under the bike, in the hero *\/\u003cbr \/\u003e.hero-colors{\u003cbr \/\u003e  display:inline-flex;align-items:center;gap:12px;\u003cbr \/\u003e  flex-wrap:wrap;justify-content:center;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill{\u003cbr \/\u003e  display:inline-flex;align-items:center;gap:12px;\u003cbr \/\u003e  padding:10px 22px 10px 12px;\u003cbr \/\u003e  background:rgba(255,255,255,0.05);\u003cbr \/\u003e  border:1px solid rgba(255,255,255,0.16);\u003cbr \/\u003e  border-radius:var(--r-pill);\u003cbr \/\u003e  color:#fff;font-size:14px;font-weight:500;\u003cbr \/\u003e  letter-spacing:-0.005em;cursor:pointer;\u003cbr \/\u003e  transition:background .25s var(--ease-out),border-color .25s var(--ease-out),transform .25s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px)}\u003cbr \/\u003e.hero-colors .pill .swatch-dot{\u003cbr \/\u003e  width:30px;height:30px;border-radius:50%;\u003cbr \/\u003e  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 2px 6px rgba(0,0,0,0.35);\u003cbr \/\u003e  flex-shrink:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill .swatch-dot.tiger{background:linear-gradient(135deg,#D8C7A2 0%,#A89376 100%)}\u003cbr \/\u003e.hero-colors .pill .swatch-dot.tungsten{background:linear-gradient(135deg,#7B95A7 0%,#2C3E4F 100%)}\u003cbr \/\u003e.hero-colors .pill\u003caria-pressed=\"true\"\u003e{\u003cbr \/\u003e  background:rgba(179,255,0,0.12);\u003cbr \/\u003e  border-color:var(--cdl-lime);\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill\u003caria-pressed=\"true\"\u003e .swatch-dot{\u003cbr \/\u003e  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 0 0 3px rgba(179,255,0,0.45), 0 2px 6px rgba(0,0,0,0.35);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors-tag{\u003cbr \/\u003e  display:block;font-size:12px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e  opacity:0.55;margin-bottom:14px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* scroll cue *\/\u003cbr \/\u003e.hero-scroll{\u003cbr \/\u003e  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e  opacity:0.55;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;\u003cbr \/\u003e  animation:scrollHint 2.4s ease-in-out infinite;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-scroll::after{\u003cbr \/\u003e  content:\"\";width:1px;height:28px;background:currentColor;opacity:0.6;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes scrollHint{\u003cbr \/\u003e  0%,100%{transform:translate(-50%,0);opacity:0.4}\u003cbr \/\u003e  50%{transform:translate(-50%,6px);opacity:0.75}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:860px){\u003cbr \/\u003e  .hero-price{font-size:13px}\u003cbr \/\u003e  .hero-price .sep,.hero-price .buy{display:none}\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .hero{padding:20px 20px 24px}\u003cbr \/\u003e  .hero-mark{top:20px;left:20px}\u003cbr \/\u003e  .hero-price{top:20px;right:20px}\u003cbr \/\u003e  .hero-top{padding-top:60px;gap:10px}\u003cbr \/\u003e  .hero-bike{aspect-ratio:4\/3}\u003cbr \/\u003e  .hero-meta{gap:10px 0}\u003cbr \/\u003e  .hero-meta .meta{min-width:72px;padding:0 14px}\u003cbr \/\u003e  .hero-scroll{display:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Sections\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003esection{padding:120px 32px}\u003cbr \/\u003esection.pad-sm{padding:88px 32px}\u003cbr \/\u003esection.fog{background:var(--pv-fog)}\u003cbr \/\u003esection.ink{background:#0A0A0A;color:#fff}\u003cbr \/\u003esection.ink h1,section.ink h2,section.ink h3{color:#fff}\u003cbr \/\u003esection.ink .body,section.ink .body-l{color:rgba(255,255,255,0.72)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.container{max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.container-narrow{max-width:var(--container-narrow);margin:0 auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:720px){\u003cbr \/\u003e  section{padding:72px 20px}\u003cbr \/\u003e  section.pad-sm{padding:56px 20px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ========== INTRO — Apple-style, lime accent ========== *\/\u003cbr \/\u003e.intro{padding:clamp(88px,11vw,160px) 32px clamp(96px,12vw,180px)}\u003cbr \/\u003e.intro-head{text-align:center;max-width:980px;margin:0 auto}\u003cbr \/\u003e.intro-eyebrow{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  font-size:13px;font-weight:600;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.16em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  margin-bottom:clamp(18px,2vw,28px);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title{\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.035em;\u003cbr \/\u003e  line-height:1.02;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px);\u003cbr \/\u003e  max-width:24ch;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede{\u003cbr \/\u003e  font-size:clamp(19px,1.5vw,24px);\u003cbr \/\u003e  line-height:1.5;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  max-width:680px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e  font-weight:400;\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede strong{color:var(--pv-ink);font-weight:600}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.intro-stats{\u003cbr \/\u003e  margin-top:clamp(64px,8vw,112px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(4,1fr);\u003cbr \/\u003e  gap:clamp(32px,4vw,56px);\u003cbr \/\u003e  max-width:1040px;\u003cbr \/\u003e  margin-left:auto;margin-right:auto;\u003cbr \/\u003e  text-align:center;\u003cbr \/\u003e}\u003cbr \/\u003e.stat-value{\u003cbr \/\u003e  font-size:clamp(36px,4vw,56px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.03em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  line-height:1;\u003cbr \/\u003e  margin-bottom:clamp(8px,0.8vw,12px);\u003cbr \/\u003e}\u003cbr \/\u003e.stat-label{\u003cbr \/\u003e  font-size:14px;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  line-height:1.45;\u003cbr \/\u003e  max-width:220px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:880px){.intro-stats{grid-template-columns:repeat(2,1fr);gap:40px}}\u003cbr \/\u003e@media (max-width:420px){.intro-stats{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* feature story — alternating image\/text *\/\u003cbr \/\u003e.story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.story + .story{margin-top:120px}\u003cbr \/\u003e.story.reverse .story-media{order:2}\u003cbr \/\u003e.story-media{\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e  border-radius:var(--r-lg);\u003cbr \/\u003e  aspect-ratio:4\/3;overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.story-media.dark{background:var(--pv-ink)}\u003cbr \/\u003e.story-media img{width:100%;height:100%;object-fit:cover}\u003cbr \/\u003e.story-text .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.story-text h2{margin-top:14px}\u003cbr \/\u003e.story-text p{margin-top:20px;max-width:480px}\u003cbr \/\u003e@media (max-width:920px){\u003cbr \/\u003e  .story{grid-template-columns:1fr;gap:32px}\u003cbr \/\u003e  .story.reverse .story-media{order:0}\u003cbr \/\u003e  .story + .story{margin-top:72px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* detail grid *\/\u003cbr \/\u003e.details-head{text-align:center;max-width:720px;margin:0 auto 72px}\u003cbr \/\u003e.details-head .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.details-head h2{margin-top:14px}\u003cbr \/\u003e.details-grid{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:grid;grid-template-columns:repeat(3,1fr);\u003cbr \/\u003e  gap:1px;background:var(--pv-mist);\u003cbr \/\u003e  border:1px solid var(--pv-mist);border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.detail{\u003cbr \/\u003e  background:var(--pv-white);padding:36px 28px 32px;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:14px;min-height:240px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon{\u003cbr \/\u003e  width:44px;height:44px;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  margin-bottom:4px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon svg{width:100%;height:100%;display:block}\u003cbr \/\u003e.detail-title{\u003cbr \/\u003e  font-size:20px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.01em;line-height:1.25;\u003cbr \/\u003e  color:var(--pv-ink);margin:0;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.detail p{font-size:14px;color:var(--pv-silver);line-height:1.55;margin:auto 0 0 0}\u003cbr \/\u003e@media (max-width:900px){.details-grid{grid-template-columns:repeat(2,1fr)}}\u003cbr \/\u003e@media (max-width:540px){.details-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* tech callout strip — dark, cinematic *\/\u003cbr \/\u003e.tech-strip{\u003cbr \/\u003e  background:#0A0A0A;color:#fff;padding:clamp(88px,11vw,160px) 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-strip .details-head{margin-bottom:56px}\u003cbr \/\u003e.tech-strip .details-head h2{color:#fff}\u003cbr \/\u003e.tech-strip .details-head .eyebrow{color:var(--cdl-lime)}\u003cbr \/\u003e.tech-grid{\u003cbr \/\u003e  max-width:1200px;margin:0 auto;display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(2,1fr);gap:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card{\u003cbr \/\u003e  background:#16161A;border:1px solid rgba(255,255,255,0.06);\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  display:flex;flex-direction:column;\u003cbr \/\u003e  transition:transform .5s var(--ease-out),border-color .5s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card:hover{transform:translateY(-4px);border-color:rgba(179,255,0,0.3)}\u003cbr \/\u003e.tech-card-media{aspect-ratio:16\/10;overflow:hidden;background:#0A0A0A}\u003cbr \/\u003e.tech-card-media img{width:100%;height:100%;object-fit:cover;opacity:0.92}\u003cbr \/\u003e.tech-card-body{padding:32px 32px 36px}\u003cbr \/\u003e.tech-card-body .eyebrow{color:var(--cdl-lime);letter-spacing:0.14em}\u003cbr \/\u003e.tech-card-body h3{\u003cbr \/\u003e  color:#fff;font-size:24px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.015em;margin-top:10px;line-height:1.2;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card-body p{\u003cbr \/\u003e  margin-top:14px;color:rgba(255,255,255,0.62);\u003cbr \/\u003e  font-size:15px;line-height:1.55;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:860px){.tech-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* video *\/\u003cbr \/\u003e.video-wrap{\u003cbr \/\u003e  max-width:1100px;margin:48px auto 0;\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  background:var(--pv-ink);\u003cbr \/\u003e  aspect-ratio:16\/9;position:relative;\u003cbr \/\u003e}\u003cbr \/\u003e.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* fullwidth cinematic video *\/\u003cbr \/\u003e.video-full{\u003cbr \/\u003e  position:relative;width:100vw;\u003cbr \/\u003e  height:100vh;height:100dvh;\u003cbr \/\u003e  padding:0 !important;overflow:hidden;\u003cbr \/\u003e  background:#000;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full iframe{\u003cbr \/\u003e  position:absolute;top:50%;left:50%;\u003cbr \/\u003e  width:max(100vw, calc(100vh * 16\/9));\u003cbr \/\u003e  height:max(100vh, calc(100vw * 9\/16));\u003cbr \/\u003e  transform:translate(-50%,-50%);\u003cbr \/\u003e  border:0;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-overlay,\u003cbr \/\u003e.video-full .video-caption{pointer-events:none}\u003cbr \/\u003e.video-full .video-overlay{\u003cbr \/\u003e  position:absolute;inset:0;z-index:2;\u003cbr \/\u003e  background:\u003cbr \/\u003e    linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.08) 25%, rgba(0,0,0,0.08) 70%, rgba(0,0,0,0.55) 100%),\u003cbr \/\u003e    radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.08) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption{\u003cbr \/\u003e  position:absolute;left:0;right:0;bottom:clamp(48px,8vh,96px);\u003cbr \/\u003e  z-index:3;text-align:center;color:#fff;padding:0 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption .eyebrow{\u003cbr \/\u003e  color:var(--cdl-lime);letter-spacing:0.18em;display:block;margin-bottom:14px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption h2{\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  font-size:clamp(36px,6vw,84px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.03em;line-height:1.04;\u003cbr \/\u003e  max-width:1100px;margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption p{\u003cbr \/\u003e  margin:18px auto 0;max-width:640px;\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:clamp(15px,1.2vw,19px);\u003cbr \/\u003e  line-height:1.55;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lifestyle fullwidth banner *\/\u003cbr \/\u003e.lifestyle{\u003cbr \/\u003e  position:relative;min-height:520px;\u003cbr \/\u003e  background-size:cover;background-position:center;\u003cbr \/\u003e  display:flex;align-items:flex-end;\u003cbr \/\u003e  padding:80px 48px;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:0;\u003cbr \/\u003e  background:linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0) 100%);\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle-inner{position:relative;z-index:1;max-width:640px}\u003cbr \/\u003e.lifestyle h2{\u003cbr \/\u003e  color:#fff;font-size:clamp(36px,5vw,60px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.025em;line-height:1.08;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle p{\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:18px;\u003cbr \/\u003e  line-height:1.55;margin-top:16px;max-width:520px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* size table *\/\u003cbr \/\u003e.size-table{\u003cbr \/\u003e  width:100%;border-collapse:separate;border-spacing:0;\u003cbr \/\u003e  background:var(--pv-white);border:1px solid var(--pv-mist);\u003cbr \/\u003e  border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e  font-size:15px;\u003cbr \/\u003e}\u003cbr \/\u003e.size-table th{\u003cbr \/\u003e  padding:16px 22px;text-align:left;\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;\u003cbr \/\u003e  color:var(--pv-silver);border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table td{\u003cbr \/\u003e  padding:18px 22px;border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table tbody tr:last-child td{border-bottom:none}\u003cbr \/\u003e.size-table tr.current td{background:#F5FFD6;color:var(--pv-ink);font-weight:500}\u003cbr \/\u003e.size-table td:first-child,.size-table th:first-child{padding-left:28px}\u003cbr \/\u003e.size-table td:first-child{color:var(--pv-ink);font-weight:500}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* specs — Apple-style grouped list *\/\u003cbr \/\u003e.specs-list{max-width:1080px;margin:0 auto;display:flex;flex-direction:column}\u003cbr \/\u003e.specs-row{\u003cbr \/\u003e  display:grid;grid-template-columns:220px 1fr;gap:64px;\u003cbr \/\u003e  padding:44px 0;border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  align-items:flex-start;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-row:first-child{border-top:none;padding-top:24px}\u003cbr \/\u003e.specs-cat{\u003cbr \/\u003e  font-size:17px;font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-content{font-size:15px;line-height:1.55;color:var(--pv-graphite)}\u003cbr \/\u003e.specs-primary{font-weight:600;color:var(--pv-ink);margin:0 0 4px 0}\u003cbr \/\u003e.specs-desc{margin:0}\u003cbr \/\u003e.specs-sublabel{\u003cbr \/\u003e  font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  margin:14px 0 4px 0;font-size:14px;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:760px){\u003cbr \/\u003e  .specs-row{grid-template-columns:1fr;gap:14px;padding:32px 0}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* FAQ *\/\u003cbr \/\u003e.faq-list{max-width:720px;margin:0 auto;border-top:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq{border-bottom:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq summary{\u003cbr \/\u003e  list-style:none;cursor:pointer;\u003cbr \/\u003e  padding:22px 4px;\u003cbr \/\u003e  display:flex;justify-content:space-between;gap:24px;align-items:center;\u003cbr \/\u003e  font-size:18px;font-weight:500;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.faq summary::-webkit-details-marker{display:none}\u003cbr \/\u003e.faq summary::after{\u003cbr \/\u003e  content:\"+\";font-weight:300;font-size:26px;color:var(--pv-silver);\u003cbr \/\u003e  transition:transform .3s var(--ease-out);flex-shrink:0;line-height:1;\u003cbr \/\u003e}\u003cbr \/\u003e.faq\u003copen\u003e summary::after{content:\"−\"}\u003cbr \/\u003e.faq-body{padding:0 4px 24px;color:var(--pv-graphite);font-size:16px;line-height:1.6;max-width:640px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* closing CTA *\/\u003cbr \/\u003e.closing{text-align:center;padding:clamp(80px,10vw,140px) 32px;background:var(--pv-fog)}\u003cbr \/\u003e.sale-badge{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  background:var(--cdl-lime);color:var(--pv-black);\u003cbr \/\u003e  font-size:12px;font-weight:700;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.1em;\u003cbr \/\u003e  padding:8px 16px;border-radius:var(--r-pill);\u003cbr \/\u003e  margin-bottom:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price{\u003cbr \/\u003e  display:flex;align-items:baseline;justify-content:center;gap:18px;\u003cbr \/\u003e  margin:28px 0 4px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .old{\u003cbr \/\u003e  font-size:clamp(20px,2vw,26px);color:var(--pv-silver);\u003cbr \/\u003e  text-decoration:line-through;font-weight:400;letter-spacing:-0.01em;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .now{\u003cbr \/\u003e  font-size:clamp(36px,4.5vw,56px);font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.025em;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.closing h2{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-0.03em;line-height:1.06}\u003cbr \/\u003e.closing h2 em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  background:linear-gradient(120deg, #8FCC00 0%, #B3FF00 60%, #6A9900 100%);\u003cbr \/\u003e  -webkit-background-clip:text;background-clip:text;\u003cbr \/\u003e  -webkit-text-fill-color:transparent;color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.closing p{margin:22px auto 0;max-width:560px}\u003cbr \/\u003e.closing .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\u003cbr \/\u003e.assurances{\u003cbr \/\u003e  margin-top:72px;display:flex;gap:48px;justify-content:center;flex-wrap:wrap;\u003cbr \/\u003e  font-size:13px;color:var(--pv-silver);\u003cbr \/\u003e}\u003cbr \/\u003e.assurances strong{display:block;color:var(--pv-ink);font-weight:500;font-size:14px;margin-bottom:2px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* footer strip *\/\u003cbr \/\u003e.footer{\u003cbr \/\u003e  border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  padding:28px 32px;text-align:center;\u003cbr \/\u003e  font-size:12px;color:var(--pv-silver);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* reveal on scroll *\/\u003cbr \/\u003e.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}\u003cbr \/\u003e.reveal.in{opacity:1;transform:none}\u003cbr \/\u003e@media (prefers-reduced-motion:reduce){\u003cbr \/\u003e  .reveal{opacity:1;transform:none;transition:none}\u003cbr \/\u003e  .hero-scroll{animation:none}\u003cbr \/\u003e  .hero-bike img{animation:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Elementor \/ WordPress override layer — scoped to .cdl-landing\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003ehtml,body{overflow-x:hidden !important;max-width:100vw !important}\u003cbr \/\u003e.cdl-landing{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;overflow:visible !important;float:none !important;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important}\u003cbr \/\u003e.cdl-landing *,.cdl-landing *::before,.cdl-landing *::after{box-sizing:border-box !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Hero override *\/\u003cbr \/\u003e.cdl-landing .hero{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e  min-height:100vh !important;min-height:100dvh !important;\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .hero .hero-title,\u003cbr \/\u003e.cdl-landing h1.hero-title{\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  font-weight:800 !important;letter-spacing:-0.05em !important;line-height:0.9 !important;\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px) !important;\u003cbr \/\u003e  flex-wrap:nowrap !important;white-space:nowrap !important;\u003cbr \/\u003e  display:flex !important;align-items:baseline !important;justify-content:center !important;\u003cbr \/\u003e  gap:0.12em !important;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .cdl-landing .hero-title{flex-wrap:wrap !important;white-space:normal !important;font-size:clamp(56px,14vw,96px) !important}\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing section .heading-l,\u003cbr \/\u003e.cdl-landing h2.heading-l{\u003cbr \/\u003e  font-size:clamp(36px,5vw,72px) !important;\u003cbr \/\u003e  line-height:1.1 !important;letter-spacing:-0.025em !important;\u003cbr \/\u003e  font-weight:600 !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-title .ht{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .hero-title .n{\u003cbr \/\u003e  -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e  -webkit-text-stroke:2px #B3FF00 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-tag{color:#fff !important;-webkit-text-fill-color:#fff !important;opacity:0.85 !important}\u003cbr \/\u003e.cdl-landing .hero .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Sections full-width *\/\u003cbr \/\u003e.cdl-landing section,.cdl-landing .footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Intro *\/\u003cbr \/\u003e.cdl-landing .intro{background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .intro-eyebrow{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title,\u003cbr \/\u003e.cdl-landing h2.intro-title{\u003cbr \/\u003e  color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px) !important;\u003cbr \/\u003e  font-weight:700 !important;\u003cbr \/\u003e  letter-spacing:-0.035em !important;\u003cbr \/\u003e  line-height:1.02 !important;\u003cbr \/\u003e  max-width:24ch !important;\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px) !important;\u003cbr \/\u003e  display:block !important;\u003cbr \/\u003e  width:auto !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title em,\u003cbr \/\u003e.cdl-landing h2.intro-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important;font-size:inherit !important;line-height:inherit !important}\u003cbr \/\u003e.cdl-landing .intro-lede{\u003cbr \/\u003e  color:#424245 !important;-webkit-text-fill-color:#424245 !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(18px,1.6vw,24px) !important;\u003cbr \/\u003e  line-height:1.5 !important;\u003cbr \/\u003e  max-width:680px !important;margin:0 auto !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .intro-lede strong{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .stat-value{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .stat-label{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Section headings *\/\u003cbr \/\u003e.cdl-landing section h2{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:600 !important;letter-spacing:-0.015em !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Dark tech-strip *\/\u003cbr \/\u003e.cdl-landing .tech-strip{background:#0A0A0A !important}\u003cbr \/\u003e.cdl-landing .tech-strip h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-strip .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .tech-card-body h3{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-card-body p{color:rgba(255,255,255,0.62) !important;-webkit-text-fill-color:rgba(255,255,255,0.62) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Lifestyle heading text — white on dark image *\/\u003cbr \/\u003e.cdl-landing .lifestyle h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .lifestyle p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Fullwidth cinematic video *\/\u003cbr \/\u003e.cdl-landing .video-full{\u003cbr \/\u003e  background:#000 !important;padding:0 !important;\u003cbr \/\u003e  height:100vh !important;height:100dvh !important;overflow:hidden !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .video-full .video-caption h2{color:#fff !important;-webkit-text-fill-color:#fff !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:700 !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Detail cards *\/\u003cbr \/\u003e.cdl-landing .detail-title{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .detail-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important}\u003cbr \/\u003e.cdl-landing .detail p{color:#86868B !important;-webkit-text-fill-color:#86868B !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Specs *\/\u003cbr \/\u003e.cdl-landing .specs-cat,\u003cbr \/\u003e.cdl-landing .specs-primary,\u003cbr \/\u003e.cdl-landing .specs-sublabel{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .specs-content,\u003cbr \/\u003e.cdl-landing .specs-desc{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Size table *\/\u003cbr \/\u003e.cdl-landing .size-table{background:#fff !important;border:1px solid #D2D2D7 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .size-table th{color:#86868B !important;-webkit-text-fill-color:#86868B !important;background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .size-table td{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003cbr \/\u003e.cdl-landing .size-table tr.current td{background:#F5FFD6 !important;color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .size-table td:first-child{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Closing *\/\u003cbr \/\u003e.cdl-landing .closing{background:#F5F5F7 !important;text-align:center !important}\u003cbr \/\u003e.cdl-landing .sale-badge{\u003cbr \/\u003e  display:inline-block !important;\u003cbr \/\u003e  background:#B3FF00 !important;color:#0A0A0A !important;-webkit-text-fill-color:#0A0A0A !important;\u003cbr \/\u003e  font-size:12px !important;font-weight:700 !important;\u003cbr \/\u003e  text-transform:uppercase !important;letter-spacing:0.1em !important;\u003cbr \/\u003e  padding:8px 16px !important;border-radius:980px !important;\u003cbr \/\u003e  margin-bottom:24px !important;font-family:'Inter',-apple-system,sans-serif !importan\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cannondale","offers":[{"title":"L \/ Tiger Shark","offer_id":57496379031934,"sku":"C23401U10LG1-1","price":6995.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tungsten Blue","offer_id":57496379064702,"sku":"C23401U10LG1-1","price":6995.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tiger Shark","offer_id":57496379097470,"sku":"C23401U10LG1-1","price":6995.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tungsten Blue","offer_id":57496379130238,"sku":"C23401U10LG1-1","price":6995.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tiger Shark","offer_id":57496379163006,"sku":"C23401U10LG1-1","price":6995.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tungsten Blue","offer_id":57496379195774,"sku":"C23401U10LG1-1","price":6995.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tiger Shark","offer_id":57496379228542,"sku":"C23401U10LG1-1","price":6995.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tungsten Blue","offer_id":57496379261310,"sku":"C23401U10LG1-1","price":6995.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C25_C26075U_Habit_HT_1_TSK_PD.webp?v=1780336806"},{"product_id":"bicicleta-mtb-cannondale-habit-ht-3-jade","title":"Bicicleta MTB Cannondale Habit HT 2","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"alignnone wp-image-217324\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"335\" height=\"59\"\u003e\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"307378\" class=\"elementor elementor-307378\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-6063384 e-flex e-con-boxed e-con e-parent\" data-id=\"6063384\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-48c5a18 elementor-widget elementor-widget-html\" data-id=\"48c5a18\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003ctitle\u003eCannondale Habit HT 2 — Trail hardtail 29\" accesibil | ProVelo\u003c\/title\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003cbr\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- ============ Product schema (stub) ============ --\u003e\u003cbr\u003e\u003cbr\u003e\u003cscript type=\"application\/ld+json\"\u003e\u003cbr \/\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Cannondale Habit HT 2\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C25_C26085U_Habit_HT_2_PYW_PD.png\",\"description\":\"Trail hardtail 29 inch cu 130mm furca SR Suntour XCM 34 LO. Cadru SmartForm C2 Alloy, geometrie progresiva 64° HA, transmisie Shimano CUES 10-speed LinkGlide, frane Shimano MT200, dropper TranzX, anvelope WTB Breakout\/Trail Boss.\",\"sku\":\"C26085U\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Cannondale\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"5650\",\"priceValidUntil\":\"2026-09-30\",\"availability\":\"https:\/\/schema.org\/PreOrder\"}}\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e\/* =============================================================\u003cbr \/\u003e   ProVelo tokens — Cannondale edition (dark + lime green)\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e:root{\u003cbr \/\u003e  --pv-black:#0A0A0A;\u003cbr \/\u003e  --pv-ink:#1D1D1F;\u003cbr \/\u003e  --pv-graphite:#424245;\u003cbr \/\u003e  --pv-silver:#86868B;\u003cbr \/\u003e  --pv-mist:#D2D2D7;\u003cbr \/\u003e  --pv-fog:#F5F5F7;\u003cbr \/\u003e  --pv-white:#FFFFFF;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  \/* Cannondale brand accents *\/\u003cbr \/\u003e  --cdl-lime:#B3FF00;\u003cbr \/\u003e  --cdl-lime-deep:#8FCC00;\u003cbr \/\u003e  --cdl-gray-dark:#2A2A2C;\u003cbr \/\u003e  --cdl-gray-steel:#3E3E42;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  \/* Habit HT 2 colorways *\/\u003cbr \/\u003e  --cdl-phoenix:#D4B637;\u003cbr \/\u003e  --cdl-phoenix-deep:#9C8418;\u003cbr \/\u003e  --cdl-obsidian:#2A2A2D;\u003cbr \/\u003e  --cdl-obsidian-deep:#0E0E10;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --accent: var(--cdl-lime);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --r-md:18px;\u003cbr \/\u003e  --r-lg:24px;\u003cbr \/\u003e  --r-pill:980px;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --ease-out:cubic-bezier(0.25,0.46,0.45,0.94);\u003cbr \/\u003e  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --container:1200px;\u003cbr \/\u003e  --container-narrow:960px;\u003cbr \/\u003e  --container-text:680px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= reset ================= *\/\u003cbr \/\u003e*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\u003cbr \/\u003ehtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\u003cbr \/\u003ebody{\u003cbr \/\u003e  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;\u003cbr \/\u003e  font-size:17px;line-height:1.55;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  background:var(--pv-white);\u003cbr \/\u003e  -webkit-font-smoothing:antialiased;\u003cbr \/\u003e  -moz-osx-font-smoothing:grayscale;\u003cbr \/\u003e  text-rendering:optimizeLegibility;\u003cbr \/\u003e  overflow-x:hidden;\u003cbr \/\u003e}\u003cbr \/\u003eimg{display:block;max-width:100%;height:auto}\u003cbr \/\u003ea{color:inherit;text-decoration:none}\u003cbr \/\u003ebutton{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= type scale ================= *\/\u003cbr \/\u003e.eyebrow{\u003cbr \/\u003e  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;\u003cbr \/\u003e  color:var(--pv-graphite);display:inline-block;\u003cbr \/\u003e}\u003cbr \/\u003e.eyebrow.on-dark{color:rgba(255,255,255,0.72)}\u003cbr \/\u003e.eyebrow.lime{color:var(--cdl-lime-deep)}\u003cbr \/\u003eh1,h2,h3,h4{font-weight:600;letter-spacing:-0.015em;color:var(--pv-ink);line-height:1.15}\u003cbr \/\u003e.hero h1,.hero h2,.hero h3,.hero h4{color:inherit}\u003cbr \/\u003e.display-xl{font-size:clamp(56px,9.5vw,112px);font-weight:800;line-height:1.02;letter-spacing:-0.04em}\u003cbr \/\u003e.display-l{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.06;letter-spacing:-0.03em}\u003cbr \/\u003e.display-m{font-size:clamp(34px,4.4vw,56px);font-weight:600;line-height:1.08;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-l{font-size:clamp(32px,4.5vw,60px);font-weight:600;line-height:1.12;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-m{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-0.01em}\u003cbr \/\u003e.body-l{font-size:19px;line-height:1.55;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.body{font-size:17px;line-height:1.6;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.caption{font-size:13px;line-height:1.4;color:var(--pv-silver)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.text-wrap{text-wrap:pretty}\u003cbr \/\u003e.narrow{max-width:var(--container-text);margin-inline:auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= buttons ================= *\/\u003cbr \/\u003e.btn{\u003cbr \/\u003e  display:inline-flex;align-items:center;justify-content:center;gap:8px;\u003cbr \/\u003e  padding:14px 28px;border-radius:var(--r-pill);\u003cbr \/\u003e  font-size:17px;font-weight:500;line-height:1;\u003cbr \/\u003e  transition:background .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out),transform .3s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.btn.primary{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.primary:hover{background:var(--pv-black)}\u003cbr \/\u003e.btn.secondary{background:transparent;border:1px solid var(--pv-ink);color:var(--pv-ink)}\u003cbr \/\u003e.btn.secondary:hover{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.lime{background:var(--cdl-lime);color:var(--pv-black)}\u003cbr \/\u003e.btn.lime:hover{background:var(--cdl-lime-deep)}\u003cbr \/\u003e.btn.ghost-on-dark{background:rgba(255,255,255,0.92);color:var(--pv-ink)}\u003cbr \/\u003e.btn.ghost-on-dark:hover{background:#fff}\u003cbr \/\u003e.btn.outline-on-dark{background:transparent;border:1px solid rgba(255,255,255,0.55);color:#fff}\u003cbr \/\u003e.btn.outline-on-dark:hover{background:rgba(255,255,255,0.12)}\u003cbr \/\u003e.btn.tertiary{padding:4px 0;border-radius:0}\u003cbr \/\u003e.btn.tertiary::after{content:\"→\";transition:transform .3s var(--ease-out);margin-left:4px}\u003cbr \/\u003e.btn.tertiary:hover::after{transform:translateX(4px)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Hero background tinted to match the bike — Santa Cruz style (lighter, mid-tone) *\/\u003cbr \/\u003e.cdl-landing .hero{transition:background .8s var(--ease-out)}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"phoenix\"\u003e .hero{\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(140% 90% at 50% 25%, #8a7438 0%, #4d3f1c 70%),\u003cbr \/\u003e    #4d3f1c !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"phoenix\"\u003e .hero::before{\u003cbr \/\u003e  background:radial-gradient(70% 55% at 50% 100%, rgba(232,201,64,0.30) 0%, rgba(232,201,64,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"obsidian\"\u003e .hero{\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(140% 90% at 50% 25%, #44464A 0%, #1d1d20 70%),\u003cbr \/\u003e    #1d1d20 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"obsidian\"\u003e .hero::before{\u003cbr \/\u003e  background:radial-gradient(70% 55% at 50% 100%, rgba(160,162,168,0.18) 0%, rgba(160,162,168,0) 70%) !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   HERO — dramatic dark stage with lime accent\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e.hero{\u003cbr \/\u003e  position:relative;\u003cbr \/\u003e  min-height:100vh;\u003cbr \/\u003e  min-height:100dvh;\u003cbr \/\u003e  padding:clamp(32px,5vh,56px) 32px clamp(28px,4vh,44px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-rows:auto 1fr auto;\u003cbr \/\u003e  gap:clamp(20px,3vh,36px);\u003cbr \/\u003e  overflow:hidden;\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(120% 80% at 50% 20%, #2A2A2C 0%, #0A0A0A 65%),\u003cbr \/\u003e    #0A0A0A;\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* full-width breakout for all main sections *\/\u003cbr \/\u003esection,.footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lime gradient glow behind the bike *\/\u003cbr \/\u003e.hero::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 -10% 0;height:60%;\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.18) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero::after{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 0 0;height:30%;\u003cbr \/\u003e  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* legacy hero-mark + hero-price — moved into sticky .cdl-nav above *\/\u003cbr \/\u003e.hero-mark,.hero-price{display:none !important}\u003cbr \/\u003e.hero-price strong{font-weight:600;color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price .old-price{\u003cbr \/\u003e  text-decoration:line-through;\u003cbr \/\u003e  opacity:0.55;font-weight:400;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-top{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e  padding-top:clamp(28px,4vh,48px);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-top .eyebrow{\u003cbr \/\u003e  letter-spacing:0.18em;\u003cbr \/\u003e  color:var(--cdl-lime);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-title{\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px);\u003cbr \/\u003e  font-weight:800;letter-spacing:-0.05em;line-height:0.9;\u003cbr \/\u003e  display:flex;gap:0.12em;align-items:baseline;justify-content:center;\u003cbr \/\u003e  flex-wrap:nowrap;white-space:nowrap;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){.hero-title{flex-wrap:wrap;white-space:normal}}\u003cbr \/\u003e.hero-title .ht{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-title .n{\u003cbr \/\u003e  font-weight:900;\u003cbr \/\u003e  -webkit-text-stroke:2px var(--cdl-lime);\u003cbr \/\u003e  -webkit-text-fill-color:transparent;\u003cbr \/\u003e  color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-tag{font-size:clamp(17px,1.6vw,21px);font-weight:500;opacity:0.85;max-width:560px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-stage{\u003cbr \/\u003e  position:relative;width:100%;\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  z-index:1;min-height:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike{\u003cbr \/\u003e  position:relative;width:100%;max-width:1500px;\u003cbr \/\u003e  height:100%;aspect-ratio:16\/9;max-height:100%;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike img{\u003cbr \/\u003e  position:absolute;inset:0;\u003cbr \/\u003e  width:100%;height:100%;object-fit:contain;\u003cbr \/\u003e  filter:drop-shadow(0 40px 60px rgba(0,0,0,0.55)) drop-shadow(0 0 80px rgba(179,255,0,0.08));\u003cbr \/\u003e  animation:subtleFloat 7s ease-in-out infinite;\u003cbr \/\u003e  animation-delay:1.5s;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike .bike-img.hidden{display:none}\u003cbr \/\u003e@keyframes subtleFloat{\u003cbr \/\u003e  0%,100%{transform:translateY(0)}\u003cbr \/\u003e  50%{transform:translateY(-10px)}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-bottom{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:clamp(16px,2.5vh,24px);align-items:center;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-meta{\u003cbr \/\u003e  display:flex;gap:0;align-items:center;justify-content:center;\u003cbr \/\u003e  font-size:14px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta{\u003cbr \/\u003e  padding:0 22px;position:relative;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:2px;align-items:center;min-width:96px;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta + .meta::before{\u003cbr \/\u003e  content:\"\";position:absolute;left:0;top:6px;bottom:6px;width:1px;\u003cbr \/\u003e  background:currentColor;opacity:0.25;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .v{font-size:18px;font-weight:600;letter-spacing:-0.01em}\u003cbr \/\u003e.hero-meta .k{font-size:11px;text-transform:uppercase;letter-spacing:0.1em;opacity:0.65}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Big color picker pills — under the bike, in the hero *\/\u003cbr \/\u003e.hero-colors{\u003cbr \/\u003e  display:inline-flex;align-items:center;gap:12px;\u003cbr \/\u003e  flex-wrap:wrap;justify-content:center;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill{\u003cbr \/\u003e  display:inline-flex;align-items:center;gap:12px;\u003cbr \/\u003e  padding:10px 22px 10px 12px;\u003cbr \/\u003e  background:rgba(255,255,255,0.05);\u003cbr \/\u003e  border:1px solid rgba(255,255,255,0.16);\u003cbr \/\u003e  border-radius:var(--r-pill);\u003cbr \/\u003e  color:#fff;font-size:14px;font-weight:500;\u003cbr \/\u003e  letter-spacing:-0.005em;cursor:pointer;\u003cbr \/\u003e  transition:background .25s var(--ease-out),border-color .25s var(--ease-out),transform .25s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px)}\u003cbr \/\u003e.hero-colors .pill .swatch-dot{\u003cbr \/\u003e  width:30px;height:30px;border-radius:50%;\u003cbr \/\u003e  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 2px 6px rgba(0,0,0,0.35);\u003cbr \/\u003e  flex-shrink:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill .swatch-dot.phoenix{background:linear-gradient(135deg,#E8C940 0%,#9A7E1A 100%)}\u003cbr \/\u003e.hero-colors .pill .swatch-dot.obsidian{background:linear-gradient(135deg,#3A3A3D 0%,#0A0A0A 100%)}\u003cbr \/\u003e.hero-colors .pill\u003caria-pressed=\"true\"\u003e{\u003cbr \/\u003e  background:rgba(179,255,0,0.12);\u003cbr \/\u003e  border-color:var(--cdl-lime);\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill\u003caria-pressed=\"true\"\u003e .swatch-dot{\u003cbr \/\u003e  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 0 0 3px rgba(179,255,0,0.45), 0 2px 6px rgba(0,0,0,0.35);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors-tag{\u003cbr \/\u003e  display:block;font-size:12px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e  opacity:0.55;margin-bottom:14px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* scroll cue *\/\u003cbr \/\u003e.hero-scroll{\u003cbr \/\u003e  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e  opacity:0.55;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;\u003cbr \/\u003e  animation:scrollHint 2.4s ease-in-out infinite;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-scroll::after{\u003cbr \/\u003e  content:\"\";width:1px;height:28px;background:currentColor;opacity:0.6;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes scrollHint{\u003cbr \/\u003e  0%,100%{transform:translate(-50%,0);opacity:0.4}\u003cbr \/\u003e  50%{transform:translate(-50%,6px);opacity:0.75}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:860px){\u003cbr \/\u003e  .hero-price{font-size:13px}\u003cbr \/\u003e  .hero-price .sep,.hero-price .buy{display:none}\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .hero{padding:20px 20px 24px}\u003cbr \/\u003e  .hero-mark{top:20px;left:20px}\u003cbr \/\u003e  .hero-price{top:20px;right:20px}\u003cbr \/\u003e  .hero-top{padding-top:60px;gap:10px}\u003cbr \/\u003e  .hero-bike{aspect-ratio:4\/3}\u003cbr \/\u003e  .hero-meta{gap:10px 0}\u003cbr \/\u003e  .hero-meta .meta{min-width:72px;padding:0 14px}\u003cbr \/\u003e  .hero-scroll{display:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Sections\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003esection{padding:120px 32px}\u003cbr \/\u003esection.pad-sm{padding:88px 32px}\u003cbr \/\u003esection.fog{background:var(--pv-fog)}\u003cbr \/\u003esection.ink{background:#0A0A0A;color:#fff}\u003cbr \/\u003esection.ink h1,section.ink h2,section.ink h3{color:#fff}\u003cbr \/\u003esection.ink .body,section.ink .body-l{color:rgba(255,255,255,0.72)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.container{max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.container-narrow{max-width:var(--container-narrow);margin:0 auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:720px){\u003cbr \/\u003e  section{padding:72px 20px}\u003cbr \/\u003e  section.pad-sm{padding:56px 20px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ========== INTRO — Apple-style, lime accent ========== *\/\u003cbr \/\u003e.intro{padding:clamp(88px,11vw,160px) 32px clamp(96px,12vw,180px)}\u003cbr \/\u003e.intro-head{text-align:center;max-width:980px;margin:0 auto}\u003cbr \/\u003e.intro-eyebrow{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  font-size:13px;font-weight:600;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.16em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  margin-bottom:clamp(18px,2vw,28px);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title{\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.035em;\u003cbr \/\u003e  line-height:1.02;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px);\u003cbr \/\u003e  max-width:24ch;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede{\u003cbr \/\u003e  font-size:clamp(19px,1.5vw,24px);\u003cbr \/\u003e  line-height:1.5;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  max-width:680px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e  font-weight:400;\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede strong{color:var(--pv-ink);font-weight:600}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.intro-stats{\u003cbr \/\u003e  margin-top:clamp(64px,8vw,112px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(4,1fr);\u003cbr \/\u003e  gap:clamp(32px,4vw,56px);\u003cbr \/\u003e  max-width:1040px;\u003cbr \/\u003e  margin-left:auto;margin-right:auto;\u003cbr \/\u003e  text-align:center;\u003cbr \/\u003e}\u003cbr \/\u003e.stat-value{\u003cbr \/\u003e  font-size:clamp(36px,4vw,56px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.03em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  line-height:1;\u003cbr \/\u003e  margin-bottom:clamp(8px,0.8vw,12px);\u003cbr \/\u003e}\u003cbr \/\u003e.stat-label{\u003cbr \/\u003e  font-size:14px;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  line-height:1.45;\u003cbr \/\u003e  max-width:220px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:880px){.intro-stats{grid-template-columns:repeat(2,1fr);gap:40px}}\u003cbr \/\u003e@media (max-width:420px){.intro-stats{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* feature story — alternating image\/text *\/\u003cbr \/\u003e.story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.story + .story{margin-top:120px}\u003cbr \/\u003e.story.reverse .story-media{order:2}\u003cbr \/\u003e.story-media{\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e  border-radius:var(--r-lg);\u003cbr \/\u003e  aspect-ratio:4\/3;overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.story-media.dark{background:var(--pv-ink)}\u003cbr \/\u003e.story-media img{width:100%;height:100%;object-fit:cover}\u003cbr \/\u003e.story-text .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.story-text h2{margin-top:14px}\u003cbr \/\u003e.story-text p{margin-top:20px;max-width:480px}\u003cbr \/\u003e@media (max-width:920px){\u003cbr \/\u003e  .story{grid-template-columns:1fr;gap:32px}\u003cbr \/\u003e  .story.reverse .story-media{order:0}\u003cbr \/\u003e  .story + .story{margin-top:72px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* detail grid *\/\u003cbr \/\u003e.details-head{text-align:center;max-width:720px;margin:0 auto 72px}\u003cbr \/\u003e.details-head .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.details-head h2{margin-top:14px}\u003cbr \/\u003e.details-grid{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:grid;grid-template-columns:repeat(3,1fr);\u003cbr \/\u003e  gap:1px;background:var(--pv-mist);\u003cbr \/\u003e  border:1px solid var(--pv-mist);border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.detail{\u003cbr \/\u003e  background:var(--pv-white);padding:36px 28px 32px;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:14px;min-height:240px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon{\u003cbr \/\u003e  width:44px;height:44px;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  margin-bottom:4px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon svg{width:100%;height:100%;display:block}\u003cbr \/\u003e.detail-title{\u003cbr \/\u003e  font-size:20px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.01em;line-height:1.25;\u003cbr \/\u003e  color:var(--pv-ink);margin:0;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.detail p{font-size:14px;color:var(--pv-silver);line-height:1.55;margin:auto 0 0 0}\u003cbr \/\u003e@media (max-width:900px){.details-grid{grid-template-columns:repeat(2,1fr)}}\u003cbr \/\u003e@media (max-width:540px){.details-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* tech callout strip — dark, cinematic *\/\u003cbr \/\u003e.tech-strip{\u003cbr \/\u003e  background:#0A0A0A;color:#fff;padding:clamp(88px,11vw,160px) 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-strip .details-head{margin-bottom:56px}\u003cbr \/\u003e.tech-strip .details-head h2{color:#fff}\u003cbr \/\u003e.tech-strip .details-head .eyebrow{color:var(--cdl-lime)}\u003cbr \/\u003e.tech-grid{\u003cbr \/\u003e  max-width:1200px;margin:0 auto;display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(2,1fr);gap:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card{\u003cbr \/\u003e  background:#16161A;border:1px solid rgba(255,255,255,0.06);\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  display:flex;flex-direction:column;\u003cbr \/\u003e  transition:transform .5s var(--ease-out),border-color .5s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card:hover{transform:translateY(-4px);border-color:rgba(179,255,0,0.3)}\u003cbr \/\u003e.tech-card-media{aspect-ratio:16\/10;overflow:hidden;background:#0A0A0A}\u003cbr \/\u003e.tech-card-media img{width:100%;height:100%;object-fit:cover;opacity:0.92}\u003cbr \/\u003e.tech-card-body{padding:32px 32px 36px}\u003cbr \/\u003e.tech-card-body .eyebrow{color:var(--cdl-lime);letter-spacing:0.14em}\u003cbr \/\u003e.tech-card-body h3{\u003cbr \/\u003e  color:#fff;font-size:24px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.015em;margin-top:10px;line-height:1.2;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card-body p{\u003cbr \/\u003e  margin-top:14px;color:rgba(255,255,255,0.62);\u003cbr \/\u003e  font-size:15px;line-height:1.55;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:860px){.tech-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* video *\/\u003cbr \/\u003e.video-wrap{\u003cbr \/\u003e  max-width:1100px;margin:48px auto 0;\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  background:var(--pv-ink);\u003cbr \/\u003e  aspect-ratio:16\/9;position:relative;\u003cbr \/\u003e}\u003cbr \/\u003e.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* fullwidth cinematic video *\/\u003cbr \/\u003e.video-full{\u003cbr \/\u003e  position:relative;width:100vw;\u003cbr \/\u003e  height:100vh;height:100dvh;\u003cbr \/\u003e  padding:0 !important;overflow:hidden;\u003cbr \/\u003e  background:#000;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full iframe{\u003cbr \/\u003e  position:absolute;top:50%;left:50%;\u003cbr \/\u003e  width:max(100vw, calc(100vh * 16\/9));\u003cbr \/\u003e  height:max(100vh, calc(100vw * 9\/16));\u003cbr \/\u003e  transform:translate(-50%,-50%);\u003cbr \/\u003e  border:0;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-overlay,\u003cbr \/\u003e.video-full .video-caption{pointer-events:none}\u003cbr \/\u003e.video-full .video-overlay{\u003cbr \/\u003e  position:absolute;inset:0;z-index:2;\u003cbr \/\u003e  background:\u003cbr \/\u003e    linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.08) 25%, rgba(0,0,0,0.08) 70%, rgba(0,0,0,0.55) 100%),\u003cbr \/\u003e    radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.08) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption{\u003cbr \/\u003e  position:absolute;left:0;right:0;bottom:clamp(48px,8vh,96px);\u003cbr \/\u003e  z-index:3;text-align:center;color:#fff;padding:0 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption .eyebrow{\u003cbr \/\u003e  color:var(--cdl-lime);letter-spacing:0.18em;display:block;margin-bottom:14px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption h2{\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  font-size:clamp(36px,6vw,84px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.03em;line-height:1.04;\u003cbr \/\u003e  max-width:1100px;margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption p{\u003cbr \/\u003e  margin:18px auto 0;max-width:640px;\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:clamp(15px,1.2vw,19px);\u003cbr \/\u003e  line-height:1.55;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lifestyle fullwidth banner *\/\u003cbr \/\u003e.lifestyle{\u003cbr \/\u003e  position:relative;min-height:520px;\u003cbr \/\u003e  background-size:cover;background-position:center;\u003cbr \/\u003e  display:flex;align-items:flex-end;\u003cbr \/\u003e  padding:80px 48px;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:0;\u003cbr \/\u003e  background:linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0) 100%);\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle-inner{position:relative;z-index:1;max-width:640px}\u003cbr \/\u003e.lifestyle h2{\u003cbr \/\u003e  color:#fff;font-size:clamp(36px,5vw,60px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.025em;line-height:1.08;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle p{\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:18px;\u003cbr \/\u003e  line-height:1.55;margin-top:16px;max-width:520px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* size table *\/\u003cbr \/\u003e.size-table{\u003cbr \/\u003e  width:100%;border-collapse:separate;border-spacing:0;\u003cbr \/\u003e  background:var(--pv-white);border:1px solid var(--pv-mist);\u003cbr \/\u003e  border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e  font-size:15px;\u003cbr \/\u003e}\u003cbr \/\u003e.size-table th{\u003cbr \/\u003e  padding:16px 22px;text-align:left;\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;\u003cbr \/\u003e  color:var(--pv-silver);border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table td{\u003cbr \/\u003e  padding:18px 22px;border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table tbody tr:last-child td{border-bottom:none}\u003cbr \/\u003e.size-table tr.current td{background:#F5FFD6;color:var(--pv-ink);font-weight:500}\u003cbr \/\u003e.size-table td:first-child,.size-table th:first-child{padding-left:28px}\u003cbr \/\u003e.size-table td:first-child{color:var(--pv-ink);font-weight:500}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* specs — Apple-style grouped list *\/\u003cbr \/\u003e.specs-list{max-width:1080px;margin:0 auto;display:flex;flex-direction:column}\u003cbr \/\u003e.specs-row{\u003cbr \/\u003e  display:grid;grid-template-columns:220px 1fr;gap:64px;\u003cbr \/\u003e  padding:44px 0;border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  align-items:flex-start;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-row:first-child{border-top:none;padding-top:24px}\u003cbr \/\u003e.specs-cat{\u003cbr \/\u003e  font-size:17px;font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-content{font-size:15px;line-height:1.55;color:var(--pv-graphite)}\u003cbr \/\u003e.specs-primary{font-weight:600;color:var(--pv-ink);margin:0 0 4px 0}\u003cbr \/\u003e.specs-desc{margin:0}\u003cbr \/\u003e.specs-sublabel{\u003cbr \/\u003e  font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  margin:14px 0 4px 0;font-size:14px;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:760px){\u003cbr \/\u003e  .specs-row{grid-template-columns:1fr;gap:14px;padding:32px 0}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* FAQ *\/\u003cbr \/\u003e.faq-list{max-width:720px;margin:0 auto;border-top:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq{border-bottom:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq summary{\u003cbr \/\u003e  list-style:none;cursor:pointer;\u003cbr \/\u003e  padding:22px 4px;\u003cbr \/\u003e  display:flex;justify-content:space-between;gap:24px;align-items:center;\u003cbr \/\u003e  font-size:18px;font-weight:500;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.faq summary::-webkit-details-marker{display:none}\u003cbr \/\u003e.faq summary::after{\u003cbr \/\u003e  content:\"+\";font-weight:300;font-size:26px;color:var(--pv-silver);\u003cbr \/\u003e  transition:transform .3s var(--ease-out);flex-shrink:0;line-height:1;\u003cbr \/\u003e}\u003cbr \/\u003e.faq\u003copen\u003e summary::after{content:\"−\"}\u003cbr \/\u003e.faq-body{padding:0 4px 24px;color:var(--pv-graphite);font-size:16px;line-height:1.6;max-width:640px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* closing CTA *\/\u003cbr \/\u003e.closing{text-align:center;padding:clamp(80px,10vw,140px) 32px;background:var(--pv-fog)}\u003cbr \/\u003e.sale-badge{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  background:var(--cdl-lime);color:var(--pv-black);\u003cbr \/\u003e  font-size:12px;font-weight:700;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.1em;\u003cbr \/\u003e  padding:8px 16px;border-radius:var(--r-pill);\u003cbr \/\u003e  margin-bottom:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price{\u003cbr \/\u003e  display:flex;align-items:baseline;justify-content:center;gap:18px;\u003cbr \/\u003e  margin:28px 0 4px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .old{\u003cbr \/\u003e  font-size:clamp(20px,2vw,26px);color:var(--pv-silver);\u003cbr \/\u003e  text-decoration:line-through;font-weight:400;letter-spacing:-0.01em;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .now{\u003cbr \/\u003e  font-size:clamp(36px,4.5vw,56px);font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.025em;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.closing h2{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-0.03em;line-height:1.06}\u003cbr \/\u003e.closing h2 em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  background:linear-gradient(120deg, #8FCC00 0%, #B3FF00 60%, #6A9900 100%);\u003cbr \/\u003e  -webkit-background-clip:text;background-clip:text;\u003cbr \/\u003e  -webkit-text-fill-color:transparent;color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.closing p{margin:22px auto 0;max-width:560px}\u003cbr \/\u003e.closing .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\u003cbr \/\u003e.assurances{\u003cbr \/\u003e  margin-top:72px;display:flex;gap:48px;justify-content:center;flex-wrap:wrap;\u003cbr \/\u003e  font-size:13px;color:var(--pv-silver);\u003cbr \/\u003e}\u003cbr \/\u003e.assurances strong{display:block;color:var(--pv-ink);font-weight:500;font-size:14px;margin-bottom:2px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* footer strip *\/\u003cbr \/\u003e.footer{\u003cbr \/\u003e  border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  padding:28px 32px;text-align:center;\u003cbr \/\u003e  font-size:12px;color:var(--pv-silver);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* reveal on scroll *\/\u003cbr \/\u003e.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}\u003cbr \/\u003e.reveal.in{opacity:1;transform:none}\u003cbr \/\u003e@media (prefers-reduced-motion:reduce){\u003cbr \/\u003e  .reveal{opacity:1;transform:none;transition:none}\u003cbr \/\u003e  .hero-scroll{animation:none}\u003cbr \/\u003e  .hero-bike img{animation:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Elementor \/ WordPress override layer — scoped to .cdl-landing\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003ehtml,body{overflow-x:hidden !important;max-width:100vw !important}\u003cbr \/\u003e.cdl-landing{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;overflow:visible !important;float:none !important;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important}\u003cbr \/\u003e.cdl-landing *,.cdl-landing *::before,.cdl-landing *::after{box-sizing:border-box !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Hero override *\/\u003cbr \/\u003e.cdl-landing .hero{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e  min-height:100vh !important;min-height:100dvh !important;\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .hero .hero-title,\u003cbr \/\u003e.cdl-landing h1.hero-title{\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  font-weight:800 !important;letter-spacing:-0.05em !important;line-height:0.9 !important;\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px) !important;\u003cbr \/\u003e  flex-wrap:nowrap !important;white-space:nowrap !important;\u003cbr \/\u003e  display:flex !important;align-items:baseline !important;justify-content:center !important;\u003cbr \/\u003e  gap:0.12em !important;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .cdl-landing .hero-title{flex-wrap:wrap !important;white-space:normal !important;font-size:clamp(56px,14vw,96px) !important}\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing section .heading-l,\u003cbr \/\u003e.cdl-landing h2.heading-l{\u003cbr \/\u003e  font-size:clamp(36px,5vw,72px) !important;\u003cbr \/\u003e  line-height:1.1 !important;letter-spacing:-0.025em !important;\u003cbr \/\u003e  font-weight:600 !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-title .ht{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .hero-title .n{\u003cbr \/\u003e  -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e  -webkit-text-stroke:2px #B3FF00 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-tag{color:#fff !important;-webkit-text-fill-color:#fff !important;opacity:0.85 !important}\u003cbr \/\u003e.cdl-landing .hero .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Sections full-width *\/\u003cbr \/\u003e.cdl-landing section,.cdl-landing .footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Intro *\/\u003cbr \/\u003e.cdl-landing .intro{background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .intro-eyebrow{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title,\u003cbr \/\u003e.cdl-landing h2.intro-title{\u003cbr \/\u003e  color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px) !important;\u003cbr \/\u003e  font-weight:700 !important;\u003cbr \/\u003e  letter-spacing:-0.035em !important;\u003cbr \/\u003e  line-height:1.02 !important;\u003cbr \/\u003e  max-width:24ch !important;\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px) !important;\u003cbr \/\u003e  display:block !important;\u003cbr \/\u003e  width:auto !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title em,\u003cbr \/\u003e.cdl-landing h2.intro-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important;font-size:inherit !important;line-height:inherit !important}\u003cbr \/\u003e.cdl-landing .intro-lede{\u003cbr \/\u003e  color:#424245 !important;-webkit-text-fill-color:#424245 !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(18px,1.6vw,24px) !important;\u003cbr \/\u003e  line-height:1.5 !important;\u003cbr \/\u003e  max-width:680px !important;margin:0 auto !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .intro-lede strong{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .stat-value{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .stat-label{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Section headings *\/\u003cbr \/\u003e.cdl-landing section h2{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:600 !important;letter-spacing:-0.015em !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Dark tech-strip *\/\u003cbr \/\u003e.cdl-landing .tech-strip{background:#0A0A0A !important}\u003cbr \/\u003e.cdl-landing .tech-strip h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-strip .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .tech-card-body h3{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-card-body p{color:rgba(255,255,255,0.62) !important;-webkit-text-fill-color:rgba(255,255,255,0.62) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Lifestyle heading text — white on dark image *\/\u003cbr \/\u003e.cdl-landing .lifestyle h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .lifestyle p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Fullwidth cinematic video *\/\u003cbr \/\u003e.cdl-landing .video-full{\u003cbr \/\u003e  background:#000 !important;padding:0 !important;\u003cbr \/\u003e  height:100vh !important;height:100dvh !important;overflow:hidden !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .video-full .video-caption h2{color:#fff !important;-webkit-text-fill-color:#fff !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:700 !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Detail cards *\/\u003cbr \/\u003e.cdl-landing .detail-title{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .detail-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important}\u003cbr \/\u003e.cdl-landing .detail p{color:#86868B !important;-webkit-text-fill-color:#86868B !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Specs *\/\u003cbr \/\u003e.cdl-landing .specs-cat,\u003cbr \/\u003e.cdl-landing .specs-primary,\u003cbr \/\u003e.cdl-landing .specs-sublabel{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .specs-content,\u003cbr \/\u003e.cdl-landing .specs-desc{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Size table *\/\u003cbr \/\u003e.cdl-landing .size-table{background:#fff !important;border:1px solid #D2D2D7 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .size-table th{color:#86868B !important;-webkit-text-fill-color:#86868B !important;background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .size-table td{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003cbr \/\u003e.cdl-landing .size-table tr.current td{background:#F5FFD6 !important;color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .size-table td:first-child{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Closing *\/\u003cbr \/\u003e.cdl-landing .closing{background:#F5F5F7 !important;text-align:center !important}\u003cbr \/\u003e.cdl-landing .sale-badge{\u003cbr \/\u003e  display:inline-block !important;\u003cbr \/\u003e  background:#B3FF00 !important;color:#0A0A0A !important;-webkit-text-fill-color:#0A0A0A !important;\u003cbr \/\u003e  font-size:12px !important;font-weight:700 !important;\u003cbr \/\u003e  text-transform:uppercase !important;letter-spacing:0.1em !important;\u003cbr \/\u003e  padding:8px 16px !important;border-radius:980px !important;\u003cbr \/\u003e  margin-bottom:24px !important;font-family:'Inter',-apple-system,sans-serif !i\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cannondale","offers":[{"title":"L \/ Obsidian","offer_id":57496379982206,"sku":"C23401U10LG1-1-1","price":4999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Phoenix Yellow","offer_id":57496380014974,"sku":"C23401U10LG1-1-1","price":4999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Obsidian","offer_id":57496380047742,"sku":"C23401U10LG1-1-1","price":4999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Phoenix Yellow","offer_id":57496380080510,"sku":"C23401U10LG1-1-1","price":4999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Obsidian","offer_id":57496380113278,"sku":"C23401U10LG1-1-1","price":4999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Phoenix Yellow","offer_id":57496380146046,"sku":"C23401U10LG1-1-1","price":4999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Obsidian","offer_id":57496380178814,"sku":"C23401U10LG1-1-1","price":4999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Phoenix Yellow","offer_id":57496380211582,"sku":"C23401U10LG1-1-1","price":4999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C25_C26085U_Habit_HT_2_PYW_PD.webp?v=1780336840"},{"product_id":"bicicleta-gravel-cannondale-topstone-carbon-4-olive-green-md","title":"Bicicleta Gravel Cannondale Topstone Carbon 3","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"alignnone wp-image-217324\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"335\" height=\"59\"\u003e\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003ch2 style=\"text-align: center;\"\u003eBicicleta Gravel Cannondale Topstone Carbon 3\u003c\/h2\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"307580\" class=\"elementor elementor-307580\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-88dc058 e-flex e-con-boxed e-con e-parent\" data-id=\"88dc058\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-a68a107 elementor-widget elementor-widget-html\" data-id=\"a68a107\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003ctitle\u003eCannondale Topstone Carbon 3 GRX 1x — Gravel carbon cu KingPin | ProVelo\u003c\/title\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003cbr\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- ============ Product schema (stub) ============ --\u003e\u003cbr\u003e\u003cbr\u003e\u003cscript type=\"application\/ld+json\"\u003e\u003cbr \/\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Cannondale Topstone Carbon 3 GRX 1x\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C25_C15195U_Topstone_Crb_3_GRX_1x_DTE_PD.png\",\"description\":\"Gravel bike carbon cu suspensie KingPin 30mm spate, cadru Topstone Carbon, geometrie OutFront, transmisie Shimano GRX 1x12 (10-51T), frane GRX hidraulice, anvelope WTB Riddler 700x45c, StashPort downtube storage.\",\"sku\":\"C15195U\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Cannondale\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"13750\",\"priceValidUntil\":\"2026-09-30\",\"availability\":\"https:\/\/schema.org\/PreOrder\"}}\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e\/* =============================================================\u003cbr \/\u003e   ProVelo tokens — Cannondale edition (dark + lime green)\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e:root{\u003cbr \/\u003e  --pv-black:#0A0A0A;\u003cbr \/\u003e  --pv-ink:#1D1D1F;\u003cbr \/\u003e  --pv-graphite:#424245;\u003cbr \/\u003e  --pv-silver:#86868B;\u003cbr \/\u003e  --pv-mist:#D2D2D7;\u003cbr \/\u003e  --pv-fog:#F5F5F7;\u003cbr \/\u003e  --pv-white:#FFFFFF;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  \/* Cannondale brand accents *\/\u003cbr \/\u003e  --cdl-lime:#B3FF00;\u003cbr \/\u003e  --cdl-lime-deep:#8FCC00;\u003cbr \/\u003e  --cdl-gray-dark:#2A2A2C;\u003cbr \/\u003e  --cdl-gray-steel:#3E3E42;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  \/* Topstone Carbon 3 colorways *\/\u003cbr \/\u003e  --cdl-teal:#1F4F58;\u003cbr \/\u003e  --cdl-teal-deep:#0E2F38;\u003cbr \/\u003e  --cdl-orange:#E5642C;\u003cbr \/\u003e  --cdl-orange-deep:#B14716;\u003cbr \/\u003e  --cdl-moonrock:#A6A8A6;\u003cbr \/\u003e  --cdl-moonrock-deep:#7A7C7A;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --accent: var(--cdl-lime);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --r-md:18px;\u003cbr \/\u003e  --r-lg:24px;\u003cbr \/\u003e  --r-pill:980px;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --ease-out:cubic-bezier(0.25,0.46,0.45,0.94);\u003cbr \/\u003e  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --container:1200px;\u003cbr \/\u003e  --container-narrow:960px;\u003cbr \/\u003e  --container-text:680px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= reset ================= *\/\u003cbr \/\u003e*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\u003cbr \/\u003ehtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\u003cbr \/\u003ebody{\u003cbr \/\u003e  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;\u003cbr \/\u003e  font-size:17px;line-height:1.55;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  background:var(--pv-white);\u003cbr \/\u003e  -webkit-font-smoothing:antialiased;\u003cbr \/\u003e  -moz-osx-font-smoothing:grayscale;\u003cbr \/\u003e  text-rendering:optimizeLegibility;\u003cbr \/\u003e  overflow-x:hidden;\u003cbr \/\u003e}\u003cbr \/\u003eimg{display:block;max-width:100%;height:auto}\u003cbr \/\u003ea{color:inherit;text-decoration:none}\u003cbr \/\u003ebutton{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= type scale ================= *\/\u003cbr \/\u003e.eyebrow{\u003cbr \/\u003e  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;\u003cbr \/\u003e  color:var(--pv-graphite);display:inline-block;\u003cbr \/\u003e}\u003cbr \/\u003e.eyebrow.on-dark{color:rgba(255,255,255,0.72)}\u003cbr \/\u003e.eyebrow.lime{color:var(--cdl-lime-deep)}\u003cbr \/\u003eh1,h2,h3,h4{font-weight:600;letter-spacing:-0.015em;color:var(--pv-ink);line-height:1.15}\u003cbr \/\u003e.hero h1,.hero h2,.hero h3,.hero h4{color:inherit}\u003cbr \/\u003e.display-xl{font-size:clamp(56px,9.5vw,112px);font-weight:800;line-height:1.02;letter-spacing:-0.04em}\u003cbr \/\u003e.display-l{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.06;letter-spacing:-0.03em}\u003cbr \/\u003e.display-m{font-size:clamp(34px,4.4vw,56px);font-weight:600;line-height:1.08;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-l{font-size:clamp(32px,4.5vw,60px);font-weight:600;line-height:1.12;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-m{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-0.01em}\u003cbr \/\u003e.body-l{font-size:19px;line-height:1.55;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.body{font-size:17px;line-height:1.6;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.caption{font-size:13px;line-height:1.4;color:var(--pv-silver)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.text-wrap{text-wrap:pretty}\u003cbr \/\u003e.narrow{max-width:var(--container-text);margin-inline:auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= buttons ================= *\/\u003cbr \/\u003e.btn{\u003cbr \/\u003e  display:inline-flex;align-items:center;justify-content:center;gap:8px;\u003cbr \/\u003e  padding:14px 28px;border-radius:var(--r-pill);\u003cbr \/\u003e  font-size:17px;font-weight:500;line-height:1;\u003cbr \/\u003e  transition:background .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out),transform .3s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.btn.primary{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.primary:hover{background:var(--pv-black)}\u003cbr \/\u003e.btn.secondary{background:transparent;border:1px solid var(--pv-ink);color:var(--pv-ink)}\u003cbr \/\u003e.btn.secondary:hover{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.lime{background:var(--cdl-lime);color:var(--pv-black)}\u003cbr \/\u003e.btn.lime:hover{background:var(--cdl-lime-deep)}\u003cbr \/\u003e.btn.ghost-on-dark{background:rgba(255,255,255,0.92);color:var(--pv-ink)}\u003cbr \/\u003e.btn.ghost-on-dark:hover{background:#fff}\u003cbr \/\u003e.btn.outline-on-dark{background:transparent;border:1px solid rgba(255,255,255,0.55);color:#fff}\u003cbr \/\u003e.btn.outline-on-dark:hover{background:rgba(255,255,255,0.12)}\u003cbr \/\u003e.btn.tertiary{padding:4px 0;border-radius:0}\u003cbr \/\u003e.btn.tertiary::after{content:\"→\";transition:transform .3s var(--ease-out);margin-left:4px}\u003cbr \/\u003e.btn.tertiary:hover::after{transform:translateX(4px)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Apple-style light hero — pale tinted gradients per colorway *\/\u003cbr \/\u003e.cdl-landing .hero{transition:background .8s var(--ease-out), color .8s var(--ease-out)}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"teal\"\u003e .hero{\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(140% 90% at 50% 25%, #e3eef0 0%, #c5d6da 70%),\u003cbr \/\u003e    #c5d6da !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"teal\"\u003e .hero::before{\u003cbr \/\u003e  background:radial-gradient(70% 55% at 50% 100%, rgba(45,106,117,0.18) 0%, rgba(45,106,117,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"orange\"\u003e .hero{\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(140% 90% at 50% 25%, #f7e7d8 0%, #ebccb1 70%),\u003cbr \/\u003e    #ebccb1 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"orange\"\u003e .hero::before{\u003cbr \/\u003e  background:radial-gradient(70% 55% at 50% 100%, rgba(229,100,44,0.18) 0%, rgba(229,100,44,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"moonrock\"\u003e .hero{\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(140% 90% at 50% 25%, #ededec 0%, #d2d3d1 70%),\u003cbr \/\u003e    #d2d3d1 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"moonrock\"\u003e .hero::before{\u003cbr \/\u003e  background:radial-gradient(70% 55% at 50% 100%, rgba(110,114,112,0.16) 0%, rgba(110,114,112,0) 70%) !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Light hero text — Apple style *\/\u003cbr \/\u003e.cdl-landing .hero{color:var(--pv-ink) !important}\u003cbr \/\u003e.cdl-landing .hero .eyebrow.on-dark{color:rgba(29,29,31,0.65) !important;-webkit-text-fill-color:rgba(29,29,31,0.65) !important}\u003cbr \/\u003e.cdl-landing .hero .hero-tag{color:rgba(29,29,31,0.72) !important;-webkit-text-fill-color:rgba(29,29,31,0.72) !important;opacity:1 !important}\u003cbr \/\u003e.cdl-landing .hero-scroll{color:rgba(29,29,31,0.55) !important}\u003cbr \/\u003e.cdl-landing .hero-colors-tag{color:rgba(29,29,31,0.55) !important}\u003cbr \/\u003e.cdl-landing .hero-colors .pill{\u003cbr \/\u003e  background:rgba(255,255,255,0.6) !important;\u003cbr \/\u003e  border-color:rgba(29,29,31,0.16) !important;\u003cbr \/\u003e  color:var(--pv-ink) !important;-webkit-text-fill-color:var(--pv-ink) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-colors .pill:hover{background:rgba(255,255,255,0.85) !important}\u003cbr \/\u003e.cdl-landing .hero-colors .pill\u003caria-pressed=\"true\"\u003e{\u003cbr \/\u003e  background:rgba(255,255,255,0.95) !important;\u003cbr \/\u003e  border-color:var(--pv-ink) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-colors .pill\u003caria-pressed=\"true\"\u003e .swatch-dot{\u003cbr \/\u003e  box-shadow:inset 0 0 0 1px rgba(0,0,0,0.18), 0 0 0 3px rgba(29,29,31,0.45), 0 2px 6px rgba(0,0,0,0.18) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-meta{color:var(--pv-ink) !important}\u003cbr \/\u003e.cdl-landing .hero-meta .v{color:var(--pv-ink) !important;-webkit-text-fill-color:var(--pv-ink) !important}\u003cbr \/\u003e.cdl-landing .hero-meta .k{color:rgba(29,29,31,0.6) !important;-webkit-text-fill-color:rgba(29,29,31,0.6) !important;opacity:1 !important}\u003cbr \/\u003e.cdl-landing .hero-meta .meta + .meta::before{background:rgba(29,29,31,0.18) !important;opacity:1 !important}\u003cbr \/\u003e\/* Hero title: dark \"Topstone\", gradient on \"Carbon\", outlined \"3\" *\/\u003cbr \/\u003ehtml body .cdl-landing .hero .hero-title,\u003cbr \/\u003e.cdl-landing h1.hero-title{color:var(--pv-ink) !important;-webkit-text-fill-color:var(--pv-ink) !important}\u003cbr \/\u003e.cdl-landing .hero-title .ht{\u003cbr \/\u003e  background:linear-gradient(120deg, #2D6A75 0%, #B3FF00 55%, #1F4F58 100%) !important;\u003cbr \/\u003e  -webkit-background-clip:text !important;background-clip:text !important;\u003cbr \/\u003e  -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-title .n{\u003cbr \/\u003e  -webkit-text-stroke:2px var(--pv-ink) !important;\u003cbr \/\u003e  -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Apple-style gradient text utility *\/\u003cbr \/\u003e.gradient-text{\u003cbr \/\u003e  background:linear-gradient(120deg, #2D6A75 0%, #8FCC00 55%, #1F4F58 100%);\u003cbr \/\u003e  -webkit-background-clip:text;background-clip:text;\u003cbr \/\u003e  -webkit-text-fill-color:transparent;color:transparent;\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e}\u003cbr \/\u003e.gradient-text-warm{\u003cbr \/\u003e  background:linear-gradient(120deg, #E5642C 0%, #B3FF00 55%, #B14716 100%);\u003cbr \/\u003e  -webkit-background-clip:text;background-clip:text;\u003cbr \/\u003e  -webkit-text-fill-color:transparent;color:transparent;\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   HERO — dramatic dark stage with lime accent\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e.hero{\u003cbr \/\u003e  position:relative;\u003cbr \/\u003e  min-height:100vh;\u003cbr \/\u003e  min-height:100dvh;\u003cbr \/\u003e  padding:clamp(32px,5vh,56px) 32px clamp(28px,4vh,44px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-rows:auto 1fr auto;\u003cbr \/\u003e  gap:clamp(20px,3vh,36px);\u003cbr \/\u003e  overflow:hidden;\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(120% 80% at 50% 20%, #2A2A2C 0%, #0A0A0A 65%),\u003cbr \/\u003e    #0A0A0A;\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* full-width breakout for all main sections *\/\u003cbr \/\u003esection,.footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lime gradient glow behind the bike *\/\u003cbr \/\u003e.hero::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 -10% 0;height:60%;\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.18) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero::after{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 0 0;height:30%;\u003cbr \/\u003e  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* legacy hero-mark + hero-price — moved into sticky .cdl-nav above *\/\u003cbr \/\u003e.hero-mark,.hero-price{display:none !important}\u003cbr \/\u003e.hero-price strong{font-weight:600;color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price .old-price{\u003cbr \/\u003e  text-decoration:line-through;\u003cbr \/\u003e  opacity:0.55;font-weight:400;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-top{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e  padding-top:clamp(28px,4vh,48px);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-top .eyebrow{\u003cbr \/\u003e  letter-spacing:0.18em;\u003cbr \/\u003e  color:var(--cdl-lime);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-title{\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px);\u003cbr \/\u003e  font-weight:800;letter-spacing:-0.05em;line-height:0.9;\u003cbr \/\u003e  display:flex;gap:0.12em;align-items:baseline;justify-content:center;\u003cbr \/\u003e  flex-wrap:nowrap;white-space:nowrap;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){.hero-title{flex-wrap:wrap;white-space:normal}}\u003cbr \/\u003e.hero-title .ht{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-title .n{\u003cbr \/\u003e  font-weight:900;\u003cbr \/\u003e  -webkit-text-stroke:2px var(--cdl-lime);\u003cbr \/\u003e  -webkit-text-fill-color:transparent;\u003cbr \/\u003e  color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-tag{font-size:clamp(17px,1.6vw,21px);font-weight:500;opacity:0.85;max-width:560px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-stage{\u003cbr \/\u003e  position:relative;width:100%;\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  z-index:1;min-height:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike{\u003cbr \/\u003e  position:relative;width:100%;max-width:1500px;\u003cbr \/\u003e  height:100%;aspect-ratio:16\/9;max-height:100%;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike img{\u003cbr \/\u003e  position:absolute;inset:0;\u003cbr \/\u003e  width:100%;height:100%;object-fit:contain;\u003cbr \/\u003e  filter:drop-shadow(0 40px 60px rgba(0,0,0,0.55)) drop-shadow(0 0 80px rgba(179,255,0,0.08));\u003cbr \/\u003e  animation:subtleFloat 7s ease-in-out infinite;\u003cbr \/\u003e  animation-delay:1.5s;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike .bike-img.hidden{display:none}\u003cbr \/\u003e@keyframes subtleFloat{\u003cbr \/\u003e  0%,100%{transform:translateY(0)}\u003cbr \/\u003e  50%{transform:translateY(-10px)}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-bottom{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:clamp(16px,2.5vh,24px);align-items:center;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-meta{\u003cbr \/\u003e  display:flex;gap:0;align-items:center;justify-content:center;\u003cbr \/\u003e  font-size:14px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta{\u003cbr \/\u003e  padding:0 22px;position:relative;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:2px;align-items:center;min-width:96px;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta + .meta::before{\u003cbr \/\u003e  content:\"\";position:absolute;left:0;top:6px;bottom:6px;width:1px;\u003cbr \/\u003e  background:currentColor;opacity:0.25;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .v{font-size:18px;font-weight:600;letter-spacing:-0.01em}\u003cbr \/\u003e.hero-meta .k{font-size:11px;text-transform:uppercase;letter-spacing:0.1em;opacity:0.65}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Big color picker pills — under the bike, in the hero *\/\u003cbr \/\u003e.hero-colors{\u003cbr \/\u003e  display:inline-flex;align-items:center;gap:12px;\u003cbr \/\u003e  flex-wrap:wrap;justify-content:center;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill{\u003cbr \/\u003e  display:inline-flex;align-items:center;gap:12px;\u003cbr \/\u003e  padding:10px 22px 10px 12px;\u003cbr \/\u003e  background:rgba(255,255,255,0.05);\u003cbr \/\u003e  border:1px solid rgba(255,255,255,0.16);\u003cbr \/\u003e  border-radius:var(--r-pill);\u003cbr \/\u003e  color:#fff;font-size:14px;font-weight:500;\u003cbr \/\u003e  letter-spacing:-0.005em;cursor:pointer;\u003cbr \/\u003e  transition:background .25s var(--ease-out),border-color .25s var(--ease-out),transform .25s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px)}\u003cbr \/\u003e.hero-colors .pill .swatch-dot{\u003cbr \/\u003e  width:30px;height:30px;border-radius:50%;\u003cbr \/\u003e  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 2px 6px rgba(0,0,0,0.35);\u003cbr \/\u003e  flex-shrink:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill .swatch-dot.teal{background:linear-gradient(135deg,#2D6A75 0%,#0E2F38 100%)}\u003cbr \/\u003e.hero-colors .pill .swatch-dot.orange{background:linear-gradient(135deg,#F0782E 0%,#B14716 100%)}\u003cbr \/\u003e.hero-colors .pill .swatch-dot.moonrock{background:linear-gradient(135deg,#BFC1BF 0%,#7A7C7A 100%)}\u003cbr \/\u003e.hero-colors .pill\u003caria-pressed=\"true\"\u003e{\u003cbr \/\u003e  background:rgba(179,255,0,0.12);\u003cbr \/\u003e  border-color:var(--cdl-lime);\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill\u003caria-pressed=\"true\"\u003e .swatch-dot{\u003cbr \/\u003e  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 0 0 3px rgba(179,255,0,0.45), 0 2px 6px rgba(0,0,0,0.35);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors-tag{\u003cbr \/\u003e  display:block;font-size:12px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e  opacity:0.55;margin-bottom:14px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* scroll cue *\/\u003cbr \/\u003e.hero-scroll{\u003cbr \/\u003e  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e  opacity:0.55;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;\u003cbr \/\u003e  animation:scrollHint 2.4s ease-in-out infinite;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-scroll::after{\u003cbr \/\u003e  content:\"\";width:1px;height:28px;background:currentColor;opacity:0.6;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes scrollHint{\u003cbr \/\u003e  0%,100%{transform:translate(-50%,0);opacity:0.4}\u003cbr \/\u003e  50%{transform:translate(-50%,6px);opacity:0.75}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:860px){\u003cbr \/\u003e  .hero-price{font-size:13px}\u003cbr \/\u003e  .hero-price .sep,.hero-price .buy{display:none}\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .hero{padding:20px 20px 24px}\u003cbr \/\u003e  .hero-mark{top:20px;left:20px}\u003cbr \/\u003e  .hero-price{top:20px;right:20px}\u003cbr \/\u003e  .hero-top{padding-top:60px;gap:10px}\u003cbr \/\u003e  .hero-bike{aspect-ratio:4\/3}\u003cbr \/\u003e  .hero-meta{gap:10px 0}\u003cbr \/\u003e  .hero-meta .meta{min-width:72px;padding:0 14px}\u003cbr \/\u003e  .hero-scroll{display:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Sections\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003esection{padding:120px 32px}\u003cbr \/\u003esection.pad-sm{padding:88px 32px}\u003cbr \/\u003esection.fog{background:var(--pv-fog)}\u003cbr \/\u003esection.ink{background:#0A0A0A;color:#fff}\u003cbr \/\u003esection.ink h1,section.ink h2,section.ink h3{color:#fff}\u003cbr \/\u003esection.ink .body,section.ink .body-l{color:rgba(255,255,255,0.72)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.container{max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.container-narrow{max-width:var(--container-narrow);margin:0 auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:720px){\u003cbr \/\u003e  section{padding:72px 20px}\u003cbr \/\u003e  section.pad-sm{padding:56px 20px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ========== INTRO — Apple-style, lime accent ========== *\/\u003cbr \/\u003e.intro{padding:clamp(88px,11vw,160px) 32px clamp(96px,12vw,180px)}\u003cbr \/\u003e.intro-head{text-align:center;max-width:980px;margin:0 auto}\u003cbr \/\u003e.intro-eyebrow{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  font-size:13px;font-weight:600;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.16em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  margin-bottom:clamp(18px,2vw,28px);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title{\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.035em;\u003cbr \/\u003e  line-height:1.02;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px);\u003cbr \/\u003e  max-width:24ch;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede{\u003cbr \/\u003e  font-size:clamp(19px,1.5vw,24px);\u003cbr \/\u003e  line-height:1.5;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  max-width:680px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e  font-weight:400;\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede strong{color:var(--pv-ink);font-weight:600}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.intro-stats{\u003cbr \/\u003e  margin-top:clamp(64px,8vw,112px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(4,1fr);\u003cbr \/\u003e  gap:clamp(32px,4vw,56px);\u003cbr \/\u003e  max-width:1040px;\u003cbr \/\u003e  margin-left:auto;margin-right:auto;\u003cbr \/\u003e  text-align:center;\u003cbr \/\u003e}\u003cbr \/\u003e.stat-value{\u003cbr \/\u003e  font-size:clamp(36px,4vw,56px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.03em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  line-height:1;\u003cbr \/\u003e  margin-bottom:clamp(8px,0.8vw,12px);\u003cbr \/\u003e}\u003cbr \/\u003e.stat-label{\u003cbr \/\u003e  font-size:14px;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  line-height:1.45;\u003cbr \/\u003e  max-width:220px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:880px){.intro-stats{grid-template-columns:repeat(2,1fr);gap:40px}}\u003cbr \/\u003e@media (max-width:420px){.intro-stats{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* feature story — alternating image\/text *\/\u003cbr \/\u003e.story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.story + .story{margin-top:120px}\u003cbr \/\u003e.story.reverse .story-media{order:2}\u003cbr \/\u003e.story-media{\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e  border-radius:var(--r-lg);\u003cbr \/\u003e  aspect-ratio:4\/3;overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.story-media.dark{background:var(--pv-ink)}\u003cbr \/\u003e.story-media img{width:100%;height:100%;object-fit:cover}\u003cbr \/\u003e.story-text .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.story-text h2{margin-top:14px}\u003cbr \/\u003e.story-text p{margin-top:20px;max-width:480px}\u003cbr \/\u003e@media (max-width:920px){\u003cbr \/\u003e  .story{grid-template-columns:1fr;gap:32px}\u003cbr \/\u003e  .story.reverse .story-media{order:0}\u003cbr \/\u003e  .story + .story{margin-top:72px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* detail grid *\/\u003cbr \/\u003e.details-head{text-align:center;max-width:720px;margin:0 auto 72px}\u003cbr \/\u003e.details-head .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.details-head h2{margin-top:14px}\u003cbr \/\u003e.details-grid{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:grid;grid-template-columns:repeat(3,1fr);\u003cbr \/\u003e  gap:1px;background:var(--pv-mist);\u003cbr \/\u003e  border:1px solid var(--pv-mist);border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.detail{\u003cbr \/\u003e  background:var(--pv-white);padding:36px 28px 32px;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:14px;min-height:240px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon{\u003cbr \/\u003e  width:44px;height:44px;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  margin-bottom:4px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon svg{width:100%;height:100%;display:block}\u003cbr \/\u003e.detail-title{\u003cbr \/\u003e  font-size:20px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.01em;line-height:1.25;\u003cbr \/\u003e  color:var(--pv-ink);margin:0;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.detail p{font-size:14px;color:var(--pv-silver);line-height:1.55;margin:auto 0 0 0}\u003cbr \/\u003e@media (max-width:900px){.details-grid{grid-template-columns:repeat(2,1fr)}}\u003cbr \/\u003e@media (max-width:540px){.details-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* tech callout strip — dark, cinematic *\/\u003cbr \/\u003e.tech-strip{\u003cbr \/\u003e  background:#0A0A0A;color:#fff;padding:clamp(88px,11vw,160px) 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-strip .details-head{margin-bottom:56px}\u003cbr \/\u003e.tech-strip .details-head h2{color:#fff}\u003cbr \/\u003e.tech-strip .details-head .eyebrow{color:var(--cdl-lime)}\u003cbr \/\u003e.tech-grid{\u003cbr \/\u003e  max-width:1200px;margin:0 auto;display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(2,1fr);gap:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card{\u003cbr \/\u003e  background:#16161A;border:1px solid rgba(255,255,255,0.06);\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  display:flex;flex-direction:column;\u003cbr \/\u003e  transition:transform .5s var(--ease-out),border-color .5s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card:hover{transform:translateY(-4px);border-color:rgba(179,255,0,0.3)}\u003cbr \/\u003e.tech-card-media{aspect-ratio:16\/10;overflow:hidden;background:#0A0A0A}\u003cbr \/\u003e.tech-card-media img{width:100%;height:100%;object-fit:cover;opacity:0.92}\u003cbr \/\u003e.tech-card-body{padding:32px 32px 36px}\u003cbr \/\u003e.tech-card-body .eyebrow{color:var(--cdl-lime);letter-spacing:0.14em}\u003cbr \/\u003e.tech-card-body h3{\u003cbr \/\u003e  color:#fff;font-size:24px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.015em;margin-top:10px;line-height:1.2;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card-body p{\u003cbr \/\u003e  margin-top:14px;color:rgba(255,255,255,0.62);\u003cbr \/\u003e  font-size:15px;line-height:1.55;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:860px){.tech-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* video *\/\u003cbr \/\u003e.video-wrap{\u003cbr \/\u003e  max-width:1100px;margin:48px auto 0;\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  background:var(--pv-ink);\u003cbr \/\u003e  aspect-ratio:16\/9;position:relative;\u003cbr \/\u003e}\u003cbr \/\u003e.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* fullwidth cinematic video *\/\u003cbr \/\u003e.video-full{\u003cbr \/\u003e  position:relative;width:100vw;\u003cbr \/\u003e  height:100vh;height:100dvh;\u003cbr \/\u003e  padding:0 !important;overflow:hidden;\u003cbr \/\u003e  background:#000;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full iframe{\u003cbr \/\u003e  position:absolute;top:50%;left:50%;\u003cbr \/\u003e  width:max(100vw, calc(100vh * 16\/9));\u003cbr \/\u003e  height:max(100vh, calc(100vw * 9\/16));\u003cbr \/\u003e  transform:translate(-50%,-50%);\u003cbr \/\u003e  border:0;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-overlay,\u003cbr \/\u003e.video-full .video-caption{pointer-events:none}\u003cbr \/\u003e.video-full .video-overlay{\u003cbr \/\u003e  position:absolute;inset:0;z-index:2;\u003cbr \/\u003e  background:\u003cbr \/\u003e    linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.08) 25%, rgba(0,0,0,0.08) 70%, rgba(0,0,0,0.55) 100%),\u003cbr \/\u003e    radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.08) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption{\u003cbr \/\u003e  position:absolute;left:0;right:0;bottom:clamp(48px,8vh,96px);\u003cbr \/\u003e  z-index:3;text-align:center;color:#fff;padding:0 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption .eyebrow{\u003cbr \/\u003e  color:var(--cdl-lime);letter-spacing:0.18em;display:block;margin-bottom:14px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption h2{\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  font-size:clamp(36px,6vw,84px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.03em;line-height:1.04;\u003cbr \/\u003e  max-width:1100px;margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption p{\u003cbr \/\u003e  margin:18px auto 0;max-width:640px;\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:clamp(15px,1.2vw,19px);\u003cbr \/\u003e  line-height:1.55;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lifestyle fullwidth banner *\/\u003cbr \/\u003e.lifestyle{\u003cbr \/\u003e  position:relative;min-height:520px;\u003cbr \/\u003e  background-size:cover;background-position:center;\u003cbr \/\u003e  display:flex;align-items:flex-end;\u003cbr \/\u003e  padding:80px 48px;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:0;\u003cbr \/\u003e  background:linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0) 100%);\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle-inner{position:relative;z-index:1;max-width:640px}\u003cbr \/\u003e.lifestyle h2{\u003cbr \/\u003e  color:#fff;font-size:clamp(36px,5vw,60px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.025em;line-height:1.08;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle p{\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:18px;\u003cbr \/\u003e  line-height:1.55;margin-top:16px;max-width:520px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* size table *\/\u003cbr \/\u003e.size-table{\u003cbr \/\u003e  width:100%;border-collapse:separate;border-spacing:0;\u003cbr \/\u003e  background:var(--pv-white);border:1px solid var(--pv-mist);\u003cbr \/\u003e  border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e  font-size:15px;\u003cbr \/\u003e}\u003cbr \/\u003e.size-table th{\u003cbr \/\u003e  padding:16px 22px;text-align:left;\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;\u003cbr \/\u003e  color:var(--pv-silver);border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table td{\u003cbr \/\u003e  padding:18px 22px;border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table tbody tr:last-child td{border-bottom:none}\u003cbr \/\u003e.size-table tr.current td{background:#F5FFD6;color:var(--pv-ink);font-weight:500}\u003cbr \/\u003e.size-table td:first-child,.size-table th:first-child{padding-left:28px}\u003cbr \/\u003e.size-table td:first-child{color:var(--pv-ink);font-weight:500}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* specs — Apple-style grouped list *\/\u003cbr \/\u003e.specs-list{max-width:1080px;margin:0 auto;display:flex;flex-direction:column}\u003cbr \/\u003e.specs-row{\u003cbr \/\u003e  display:grid;grid-template-columns:220px 1fr;gap:64px;\u003cbr \/\u003e  padding:44px 0;border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  align-items:flex-start;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-row:first-child{border-top:none;padding-top:24px}\u003cbr \/\u003e.specs-cat{\u003cbr \/\u003e  font-size:17px;font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-content{font-size:15px;line-height:1.55;color:var(--pv-graphite)}\u003cbr \/\u003e.specs-primary{font-weight:600;color:var(--pv-ink);margin:0 0 4px 0}\u003cbr \/\u003e.specs-desc{margin:0}\u003cbr \/\u003e.specs-sublabel{\u003cbr \/\u003e  font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  margin:14px 0 4px 0;font-size:14px;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:760px){\u003cbr \/\u003e  .specs-row{grid-template-columns:1fr;gap:14px;padding:32px 0}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* FAQ *\/\u003cbr \/\u003e.faq-list{max-width:720px;margin:0 auto;border-top:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq{border-bottom:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq summary{\u003cbr \/\u003e  list-style:none;cursor:pointer;\u003cbr \/\u003e  padding:22px 4px;\u003cbr \/\u003e  display:flex;justify-content:space-between;gap:24px;align-items:center;\u003cbr \/\u003e  font-size:18px;font-weight:500;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.faq summary::-webkit-details-marker{display:none}\u003cbr \/\u003e.faq summary::after{\u003cbr \/\u003e  content:\"+\";font-weight:300;font-size:26px;color:var(--pv-silver);\u003cbr \/\u003e  transition:transform .3s var(--ease-out);flex-shrink:0;line-height:1;\u003cbr \/\u003e}\u003cbr \/\u003e.faq\u003copen\u003e summary::after{content:\"−\"}\u003cbr \/\u003e.faq-body{padding:0 4px 24px;color:var(--pv-graphite);font-size:16px;line-height:1.6;max-width:640px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* closing CTA *\/\u003cbr \/\u003e.closing{text-align:center;padding:clamp(80px,10vw,140px) 32px;background:var(--pv-fog)}\u003cbr \/\u003e.sale-badge{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  background:var(--cdl-lime);color:var(--pv-black);\u003cbr \/\u003e  font-size:12px;font-weight:700;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.1em;\u003cbr \/\u003e  padding:8px 16px;border-radius:var(--r-pill);\u003cbr \/\u003e  margin-bottom:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price{\u003cbr \/\u003e  display:flex;align-items:baseline;justify-content:center;gap:18px;\u003cbr \/\u003e  margin:28px 0 4px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .old{\u003cbr \/\u003e  font-size:clamp(20px,2vw,26px);color:var(--pv-silver);\u003cbr \/\u003e  text-decoration:line-through;font-weight:400;letter-spacing:-0.01em;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .now{\u003cbr \/\u003e  font-size:clamp(36px,4.5vw,56px);font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.025em;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.closing h2{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-0.03em;line-height:1.06}\u003cbr \/\u003e.closing h2 em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  background:linear-gradient(120deg, #8FCC00 0%, #B3FF00 60%, #6A9900 100%);\u003cbr \/\u003e  -webkit-background-clip:text;background-clip:text;\u003cbr \/\u003e  -webkit-text-fill-color:transparent;color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.closing p{margin:22px auto 0;max-width:560px}\u003cbr \/\u003e.closing .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\u003cbr \/\u003e.assurances{\u003cbr \/\u003e  margin-top:72px;display:flex;gap:48px;justify-content:center;flex-wrap:wrap;\u003cbr \/\u003e  font-size:13px;color:var(--pv-silver);\u003cbr \/\u003e}\u003cbr \/\u003e.assurances strong{display:block;color:var(--pv-ink);font-weight:500;font-size:14px;margin-bottom:2px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* footer strip *\/\u003cbr \/\u003e.footer{\u003cbr \/\u003e  border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  padding:28px 32px;text-align:center;\u003cbr \/\u003e  font-size:12px;color:var(--pv-silver);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* reveal on scroll *\/\u003cbr \/\u003e.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}\u003cbr \/\u003e.reveal.in{opacity:1;transform:none}\u003cbr \/\u003e@media (prefers-reduced-motion:reduce){\u003cbr \/\u003e  .reveal{opacity:1;transform:none;transition:none}\u003cbr \/\u003e  .hero-scroll{animation:none}\u003cbr \/\u003e  .hero-bike img{animation:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Elementor \/ WordPress override layer — scoped to .cdl-landing\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003ehtml,body{overflow-x:hidden !important;max-width:100vw !important}\u003cbr \/\u003e.cdl-landing{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;overflow:visible !important;float:none !important;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important}\u003cbr \/\u003e.cdl-landing *,.cdl-landing *::before,.cdl-landing *::after{box-sizing:border-box !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Hero override — Apple light style *\/\u003cbr \/\u003e.cdl-landing .hero{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e  min-height:100vh !important;min-height:100dvh !important;\u003cbr \/\u003e  color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .hero .hero-title,\u003cbr \/\u003e.cdl-landing h1.hero-title{\u003cbr \/\u003e  color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  font-weight:800 !important;letter-spacing:-0.05em !important;line-height:0.9 !important;\u003cbr \/\u003e  font-size:clamp(54px,9.5vw,180px) !important;\u003cbr \/\u003e  flex-wrap:nowrap !important;white-space:nowrap !important;\u003cbr \/\u003e  display:flex !important;align-items:baseline !important;justify-content:center !important;\u003cbr \/\u003e  gap:0.12em !important;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .cdl-landing .hero-title{flex-wrap:wrap !important;white-space:normal !important;font-size:clamp(48px,13vw,84px) !important}\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing section .heading-l,\u003cbr \/\u003e.cdl-landing h2.heading-l{\u003cbr \/\u003e  font-size:clamp(36px,5vw,72px) !important;\u003cbr \/\u003e  line-height:1.1 !important;letter-spacing:-0.025em !important;\u003cbr \/\u003e  font-weight:600 !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-title .ht{\u003cbr \/\u003e  background:linear-gradient(120deg, #2D6A75 0%, #8FCC00 55%, #1F4F58 100%) !important;\u003cbr \/\u003e  -webkit-background-clip:text !important;background-clip:text !important;\u003cbr \/\u003e  -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-title .n{\u003cbr \/\u003e  -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e  -webkit-text-stroke:2px #1D1D1F !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-tag{color:rgba(29,29,31,0.72) !important;-webkit-text-fill-color:rgba(29,29,31,0.72) !important;opacity:1 !important}\u003cbr \/\u003e.cdl-landing .hero .eyebrow{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Sections full-width *\/\u003cbr \/\u003e.cdl-landing section,.cdl-landing .footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Intro *\/\u003cbr \/\u003e.cdl-landing .intro{background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .intro-eyebrow{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title,\u003cbr \/\u003e.cdl-landing h2.intro-title{\u003cbr \/\u003e  color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px) !important;\u003cbr \/\u003e  font-weight:700 !important;\u003cbr \/\u003e  letter-spacing:-0.035em !important;\u003cbr \/\u003e  line-height:1.02 !important;\u003cbr \/\u003e  max-width:24ch !important;\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px) !important;\u003cbr \/\u003e  display:block !important;\u003cbr \/\u003e  width:auto !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title em,\u003cbr \/\u003e.cdl-landing h2.intro-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important;font-size:inherit !important;line-height:inherit !important}\u003cbr \/\u003e.cdl-landing .intro-lede{\u003cbr \/\u003e  color:#424245 !important;-webkit-text-fill-color:#424245 !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(18px,1.6vw,24px) !important;\u003cbr \/\u003e  line-height:1.5 !important;\u003cbr \/\u003e  max-width:680px !important;margin:0 auto !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .intro-lede strong{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .stat-value{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .stat-label{color:#424245 !important;-webkit-tex\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cannondale","offers":[{"title":"47 cm \/ Deep Teal","offer_id":57496381292926,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"47 cm \/ Moonrock","offer_id":57496381325694,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"47 cm \/ Orange Slice","offer_id":57496381358462,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"51 cm \/ Deep Teal","offer_id":57496381391230,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"51 cm \/ Moonrock","offer_id":57496381423998,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"51 cm \/ Orange Slice","offer_id":57496381456766,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"54 cm \/ Deep Teal","offer_id":57496381489534,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"54 cm \/ Moonrock","offer_id":57496381522302,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"54 cm \/ Orange Slice","offer_id":57496381555070,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"56 cm \/ Deep Teal","offer_id":57496381587838,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"56 cm \/ Moonrock","offer_id":57496381620606,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"56 cm \/ Orange Slice","offer_id":57496381653374,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"58 cm \/ Deep Teal","offer_id":57496381686142,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"58 cm \/ Moonrock","offer_id":57496381718910,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"58 cm \/ Orange Slice","offer_id":57496381751678,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"61 cm \/ Deep Teal","offer_id":57496381784446,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"61 cm \/ Moonrock","offer_id":57496381817214,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true},{"title":"61 cm \/ Orange Slice","offer_id":57496381849982,"sku":"C15402U20MD","price":13750.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C26_C15195U_Topstone_Crb_3_GRX_1x_MRK_PD.webp?v=1780336891"},{"product_id":"bicicleta-mtb-full-suspension-cannondale-habit-lt-2-smoke-black","title":"Bicicleta MTB full suspension Cannondale Habit LT 2 Smoke Black","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"alignnone wp-image-217324\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"335\" height=\"59\"\u003e\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"306547\" class=\"elementor elementor-306547\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-605b43e e-flex e-con-boxed e-con e-parent\" data-id=\"605b43e\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-a4acc8d elementor-widget elementor-widget-html\" data-id=\"a4acc8d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003ctitle\u003eCannondale Habit LT 2 — Trail bike 29\" progresiv | ProVelo\u003c\/title\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003cbr\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- ============ Product schema (stub) ============ --\u003e\u003cbr\u003e\u003cbr\u003e\u003cscript type=\"application\/ld+json\"\u003e\u003cbr \/\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Cannondale Habit LT 2\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C23_C23252U_Habit_LT_2_SBK_PD.png\",\"description\":\"Trail bike full-suspension 29 inch cu 150mm furca \/ 140mm spate. Cadru SmartForm C1 Alloy, Proportional Response Design, RockShox Lyrik + Super Deluxe, Shimano SLX\/XT 12-speed.\",\"sku\":\"C23252U\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Cannondale\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"12295\",\"priceValidUntil\":\"2026-06-30\",\"availability\":\"https:\/\/schema.org\/PreOrder\"}}\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e\/* =============================================================\u003cbr \/\u003e   ProVelo tokens — Cannondale edition (dark + lime green)\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e:root{\u003cbr \/\u003e  --pv-black:#0A0A0A;\u003cbr \/\u003e  --pv-ink:#1D1D1F;\u003cbr \/\u003e  --pv-graphite:#424245;\u003cbr \/\u003e  --pv-silver:#86868B;\u003cbr \/\u003e  --pv-mist:#D2D2D7;\u003cbr \/\u003e  --pv-fog:#F5F5F7;\u003cbr \/\u003e  --pv-white:#FFFFFF;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  \/* Cannondale brand accents *\/\u003cbr \/\u003e  --cdl-lime:#B3FF00;\u003cbr \/\u003e  --cdl-lime-deep:#8FCC00;\u003cbr \/\u003e  --cdl-gray-dark:#2A2A2C;\u003cbr \/\u003e  --cdl-gray-steel:#3E3E42;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --accent: var(--cdl-lime);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --r-md:18px;\u003cbr \/\u003e  --r-lg:24px;\u003cbr \/\u003e  --r-pill:980px;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --ease-out:cubic-bezier(0.25,0.46,0.45,0.94);\u003cbr \/\u003e  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --container:1200px;\u003cbr \/\u003e  --container-narrow:960px;\u003cbr \/\u003e  --container-text:680px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= reset ================= *\/\u003cbr \/\u003e*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\u003cbr \/\u003ehtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\u003cbr \/\u003ebody{\u003cbr \/\u003e  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;\u003cbr \/\u003e  font-size:17px;line-height:1.55;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  background:var(--pv-white);\u003cbr \/\u003e  -webkit-font-smoothing:antialiased;\u003cbr \/\u003e  -moz-osx-font-smoothing:grayscale;\u003cbr \/\u003e  text-rendering:optimizeLegibility;\u003cbr \/\u003e  overflow-x:hidden;\u003cbr \/\u003e}\u003cbr \/\u003eimg{display:block;max-width:100%;height:auto}\u003cbr \/\u003ea{color:inherit;text-decoration:none}\u003cbr \/\u003ebutton{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= type scale ================= *\/\u003cbr \/\u003e.eyebrow{\u003cbr \/\u003e  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;\u003cbr \/\u003e  color:var(--pv-graphite);display:inline-block;\u003cbr \/\u003e}\u003cbr \/\u003e.eyebrow.on-dark{color:rgba(255,255,255,0.72)}\u003cbr \/\u003e.eyebrow.lime{color:var(--cdl-lime-deep)}\u003cbr \/\u003eh1,h2,h3,h4{font-weight:600;letter-spacing:-0.015em;color:var(--pv-ink);line-height:1.15}\u003cbr \/\u003e.hero h1,.hero h2,.hero h3,.hero h4{color:inherit}\u003cbr \/\u003e.display-xl{font-size:clamp(56px,9.5vw,112px);font-weight:800;line-height:1.02;letter-spacing:-0.04em}\u003cbr \/\u003e.display-l{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.06;letter-spacing:-0.03em}\u003cbr \/\u003e.display-m{font-size:clamp(34px,4.4vw,56px);font-weight:600;line-height:1.08;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-l{font-size:clamp(32px,4.5vw,60px);font-weight:600;line-height:1.12;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-m{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-0.01em}\u003cbr \/\u003e.body-l{font-size:19px;line-height:1.55;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.body{font-size:17px;line-height:1.6;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.caption{font-size:13px;line-height:1.4;color:var(--pv-silver)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.text-wrap{text-wrap:pretty}\u003cbr \/\u003e.narrow{max-width:var(--container-text);margin-inline:auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= buttons ================= *\/\u003cbr \/\u003e.btn{\u003cbr \/\u003e  display:inline-flex;align-items:center;justify-content:center;gap:8px;\u003cbr \/\u003e  padding:14px 28px;border-radius:var(--r-pill);\u003cbr \/\u003e  font-size:17px;font-weight:500;line-height:1;\u003cbr \/\u003e  transition:background .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out),transform .3s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.btn.primary{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.primary:hover{background:var(--pv-black)}\u003cbr \/\u003e.btn.secondary{background:transparent;border:1px solid var(--pv-ink);color:var(--pv-ink)}\u003cbr \/\u003e.btn.secondary:hover{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.lime{background:var(--cdl-lime);color:var(--pv-black)}\u003cbr \/\u003e.btn.lime:hover{background:var(--cdl-lime-deep)}\u003cbr \/\u003e.btn.ghost-on-dark{background:rgba(255,255,255,0.92);color:var(--pv-ink)}\u003cbr \/\u003e.btn.ghost-on-dark:hover{background:#fff}\u003cbr \/\u003e.btn.outline-on-dark{background:transparent;border:1px solid rgba(255,255,255,0.55);color:#fff}\u003cbr \/\u003e.btn.outline-on-dark:hover{background:rgba(255,255,255,0.12)}\u003cbr \/\u003e.btn.tertiary{padding:4px 0;border-radius:0}\u003cbr \/\u003e.btn.tertiary::after{content:\"→\";transition:transform .3s var(--ease-out);margin-left:4px}\u003cbr \/\u003e.btn.tertiary:hover::after{transform:translateX(4px)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   HERO — dramatic dark stage with lime accent\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e.hero{\u003cbr \/\u003e  position:relative;\u003cbr \/\u003e  min-height:100vh;\u003cbr \/\u003e  min-height:100dvh;\u003cbr \/\u003e  padding:clamp(32px,5vh,56px) 32px clamp(28px,4vh,44px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-rows:auto 1fr auto;\u003cbr \/\u003e  gap:clamp(20px,3vh,36px);\u003cbr \/\u003e  overflow:hidden;\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(120% 80% at 50% 20%, #2A2A2C 0%, #0A0A0A 65%),\u003cbr \/\u003e    #0A0A0A;\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* full-width breakout for all main sections *\/\u003cbr \/\u003esection,.footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lime gradient glow behind the bike *\/\u003cbr \/\u003e.hero::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 -10% 0;height:60%;\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.18) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero::after{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 0 0;height:30%;\u003cbr \/\u003e  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* subtle wordmark + price in hero corners *\/\u003cbr \/\u003e.hero-mark{\u003cbr \/\u003e  position:absolute;top:clamp(24px,3vh,36px);left:32px;\u003cbr \/\u003e  font-size:15px;font-weight:600;letter-spacing:-0.01em;\u003cbr \/\u003e  opacity:0.92;z-index:3;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-mark .dot{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price{\u003cbr \/\u003e  position:absolute;top:clamp(24px,3vh,36px);right:32px;\u003cbr \/\u003e  font-size:14px;font-weight:500;\u003cbr \/\u003e  display:flex;align-items:center;gap:10px;\u003cbr \/\u003e  opacity:0.95;z-index:3;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-price strong{font-weight:600;color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price .old-price{\u003cbr \/\u003e  text-decoration:line-through;\u003cbr \/\u003e  opacity:0.55;font-weight:400;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-top{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e  padding-top:clamp(28px,4vh,48px);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-top .eyebrow{\u003cbr \/\u003e  letter-spacing:0.18em;\u003cbr \/\u003e  color:var(--cdl-lime);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-title{\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px);\u003cbr \/\u003e  font-weight:800;letter-spacing:-0.05em;line-height:0.9;\u003cbr \/\u003e  display:flex;gap:0.12em;align-items:baseline;justify-content:center;\u003cbr \/\u003e  flex-wrap:nowrap;white-space:nowrap;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){.hero-title{flex-wrap:wrap;white-space:normal}}\u003cbr \/\u003e.hero-title .lt{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-title .n{\u003cbr \/\u003e  font-weight:900;\u003cbr \/\u003e  -webkit-text-stroke:2px var(--cdl-lime);\u003cbr \/\u003e  -webkit-text-fill-color:transparent;\u003cbr \/\u003e  color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-tag{font-size:clamp(17px,1.6vw,21px);font-weight:500;opacity:0.85;max-width:560px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-stage{\u003cbr \/\u003e  position:relative;width:100%;\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  z-index:1;min-height:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike{\u003cbr \/\u003e  position:relative;width:100%;max-width:1200px;\u003cbr \/\u003e  height:100%;aspect-ratio:3\/2;max-height:100%;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike img{\u003cbr \/\u003e  position:absolute;inset:0;\u003cbr \/\u003e  width:100%;height:100%;object-fit:contain;\u003cbr \/\u003e  filter:drop-shadow(0 40px 60px rgba(0,0,0,0.55)) drop-shadow(0 0 80px rgba(179,255,0,0.08));\u003cbr \/\u003e  animation:subtleFloat 7s ease-in-out infinite;\u003cbr \/\u003e  animation-delay:1.5s;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes subtleFloat{\u003cbr \/\u003e  0%,100%{transform:translateY(0)}\u003cbr \/\u003e  50%{transform:translateY(-10px)}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-bottom{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:clamp(16px,2.5vh,24px);align-items:center;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-meta{\u003cbr \/\u003e  display:flex;gap:0;align-items:center;justify-content:center;\u003cbr \/\u003e  font-size:14px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta{\u003cbr \/\u003e  padding:0 22px;position:relative;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:2px;align-items:center;min-width:96px;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta + .meta::before{\u003cbr \/\u003e  content:\"\";position:absolute;left:0;top:6px;bottom:6px;width:1px;\u003cbr \/\u003e  background:currentColor;opacity:0.25;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .v{font-size:18px;font-weight:600;letter-spacing:-0.01em}\u003cbr \/\u003e.hero-meta .k{font-size:11px;text-transform:uppercase;letter-spacing:0.1em;opacity:0.65}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* color swatch row — single color but still branded *\/\u003cbr \/\u003e.color-chip{\u003cbr \/\u003e  display:inline-flex;align-items:center;gap:10px;\u003cbr \/\u003e  background:rgba(255,255,255,0.06);\u003cbr \/\u003e  border:1px solid rgba(255,255,255,0.14);\u003cbr \/\u003e  padding:8px 16px 8px 8px;border-radius:var(--r-pill);\u003cbr \/\u003e  font-size:13px;color:#fff;opacity:0.94;\u003cbr \/\u003e}\u003cbr \/\u003e.color-chip .dot{\u003cbr \/\u003e  width:22px;height:22px;border-radius:50%;\u003cbr \/\u003e  background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);\u003cbr \/\u003e  box-shadow:inset 0 0 0 1px rgba(179,255,0,0.35);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* scroll cue *\/\u003cbr \/\u003e.hero-scroll{\u003cbr \/\u003e  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e  opacity:0.55;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;\u003cbr \/\u003e  animation:scrollHint 2.4s ease-in-out infinite;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-scroll::after{\u003cbr \/\u003e  content:\"\";width:1px;height:28px;background:currentColor;opacity:0.6;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes scrollHint{\u003cbr \/\u003e  0%,100%{transform:translate(-50%,0);opacity:0.4}\u003cbr \/\u003e  50%{transform:translate(-50%,6px);opacity:0.75}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:860px){\u003cbr \/\u003e  .hero-price{font-size:13px}\u003cbr \/\u003e  .hero-price .sep,.hero-price .buy{display:none}\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .hero{padding:20px 20px 24px}\u003cbr \/\u003e  .hero-mark{top:20px;left:20px}\u003cbr \/\u003e  .hero-price{top:20px;right:20px}\u003cbr \/\u003e  .hero-top{padding-top:60px;gap:10px}\u003cbr \/\u003e  .hero-bike{aspect-ratio:4\/3}\u003cbr \/\u003e  .hero-meta{gap:10px 0}\u003cbr \/\u003e  .hero-meta .meta{min-width:72px;padding:0 14px}\u003cbr \/\u003e  .hero-scroll{display:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Sections\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003esection{padding:120px 32px}\u003cbr \/\u003esection.pad-sm{padding:88px 32px}\u003cbr \/\u003esection.fog{background:var(--pv-fog)}\u003cbr \/\u003esection.ink{background:#0A0A0A;color:#fff}\u003cbr \/\u003esection.ink h1,section.ink h2,section.ink h3{color:#fff}\u003cbr \/\u003esection.ink .body,section.ink .body-l{color:rgba(255,255,255,0.72)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.container{max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.container-narrow{max-width:var(--container-narrow);margin:0 auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:720px){\u003cbr \/\u003e  section{padding:72px 20px}\u003cbr \/\u003e  section.pad-sm{padding:56px 20px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ========== INTRO — Apple-style, lime accent ========== *\/\u003cbr \/\u003e.intro{padding:clamp(88px,11vw,160px) 32px clamp(96px,12vw,180px)}\u003cbr \/\u003e.intro-head{text-align:center;max-width:980px;margin:0 auto}\u003cbr \/\u003e.intro-eyebrow{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  font-size:13px;font-weight:600;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.16em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  margin-bottom:clamp(18px,2vw,28px);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title{\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.035em;\u003cbr \/\u003e  line-height:1.02;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px);\u003cbr \/\u003e  max-width:24ch;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede{\u003cbr \/\u003e  font-size:clamp(19px,1.5vw,24px);\u003cbr \/\u003e  line-height:1.5;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  max-width:680px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e  font-weight:400;\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede strong{color:var(--pv-ink);font-weight:600}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.intro-stats{\u003cbr \/\u003e  margin-top:clamp(64px,8vw,112px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(4,1fr);\u003cbr \/\u003e  gap:clamp(32px,4vw,56px);\u003cbr \/\u003e  max-width:1040px;\u003cbr \/\u003e  margin-left:auto;margin-right:auto;\u003cbr \/\u003e  text-align:center;\u003cbr \/\u003e}\u003cbr \/\u003e.stat-value{\u003cbr \/\u003e  font-size:clamp(36px,4vw,56px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.03em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  line-height:1;\u003cbr \/\u003e  margin-bottom:clamp(8px,0.8vw,12px);\u003cbr \/\u003e}\u003cbr \/\u003e.stat-label{\u003cbr \/\u003e  font-size:14px;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  line-height:1.45;\u003cbr \/\u003e  max-width:220px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:880px){.intro-stats{grid-template-columns:repeat(2,1fr);gap:40px}}\u003cbr \/\u003e@media (max-width:420px){.intro-stats{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* feature story — alternating image\/text *\/\u003cbr \/\u003e.story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.story + .story{margin-top:120px}\u003cbr \/\u003e.story.reverse .story-media{order:2}\u003cbr \/\u003e.story-media{\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e  border-radius:var(--r-lg);\u003cbr \/\u003e  aspect-ratio:4\/3;overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.story-media.dark{background:var(--pv-ink)}\u003cbr \/\u003e.story-media img{width:100%;height:100%;object-fit:cover}\u003cbr \/\u003e.story-text .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.story-text h2{margin-top:14px}\u003cbr \/\u003e.story-text p{margin-top:20px;max-width:480px}\u003cbr \/\u003e@media (max-width:920px){\u003cbr \/\u003e  .story{grid-template-columns:1fr;gap:32px}\u003cbr \/\u003e  .story.reverse .story-media{order:0}\u003cbr \/\u003e  .story + .story{margin-top:72px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* detail grid *\/\u003cbr \/\u003e.details-head{text-align:center;max-width:720px;margin:0 auto 72px}\u003cbr \/\u003e.details-head .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.details-head h2{margin-top:14px}\u003cbr \/\u003e.details-grid{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:grid;grid-template-columns:repeat(3,1fr);\u003cbr \/\u003e  gap:1px;background:var(--pv-mist);\u003cbr \/\u003e  border:1px solid var(--pv-mist);border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.detail{\u003cbr \/\u003e  background:var(--pv-white);padding:36px 28px 32px;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:14px;min-height:240px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon{\u003cbr \/\u003e  width:44px;height:44px;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  margin-bottom:4px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon svg{width:100%;height:100%;display:block}\u003cbr \/\u003e.detail-title{\u003cbr \/\u003e  font-size:20px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.01em;line-height:1.25;\u003cbr \/\u003e  color:var(--pv-ink);margin:0;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.detail p{font-size:14px;color:var(--pv-silver);line-height:1.55;margin:auto 0 0 0}\u003cbr \/\u003e@media (max-width:900px){.details-grid{grid-template-columns:repeat(2,1fr)}}\u003cbr \/\u003e@media (max-width:540px){.details-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* tech callout strip — dark, cinematic *\/\u003cbr \/\u003e.tech-strip{\u003cbr \/\u003e  background:#0A0A0A;color:#fff;padding:clamp(88px,11vw,160px) 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-strip .details-head{margin-bottom:56px}\u003cbr \/\u003e.tech-strip .details-head h2{color:#fff}\u003cbr \/\u003e.tech-strip .details-head .eyebrow{color:var(--cdl-lime)}\u003cbr \/\u003e.tech-grid{\u003cbr \/\u003e  max-width:1200px;margin:0 auto;display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(2,1fr);gap:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card{\u003cbr \/\u003e  background:#16161A;border:1px solid rgba(255,255,255,0.06);\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  display:flex;flex-direction:column;\u003cbr \/\u003e  transition:transform .5s var(--ease-out),border-color .5s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card:hover{transform:translateY(-4px);border-color:rgba(179,255,0,0.3)}\u003cbr \/\u003e.tech-card-media{aspect-ratio:16\/10;overflow:hidden;background:#0A0A0A}\u003cbr \/\u003e.tech-card-media img{width:100%;height:100%;object-fit:cover;opacity:0.92}\u003cbr \/\u003e.tech-card-body{padding:32px 32px 36px}\u003cbr \/\u003e.tech-card-body .eyebrow{color:var(--cdl-lime);letter-spacing:0.14em}\u003cbr \/\u003e.tech-card-body h3{\u003cbr \/\u003e  color:#fff;font-size:24px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.015em;margin-top:10px;line-height:1.2;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card-body p{\u003cbr \/\u003e  margin-top:14px;color:rgba(255,255,255,0.62);\u003cbr \/\u003e  font-size:15px;line-height:1.55;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:860px){.tech-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* video *\/\u003cbr \/\u003e.video-wrap{\u003cbr \/\u003e  max-width:1100px;margin:48px auto 0;\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  background:var(--pv-ink);\u003cbr \/\u003e  aspect-ratio:16\/9;position:relative;\u003cbr \/\u003e}\u003cbr \/\u003e.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* fullwidth cinematic video *\/\u003cbr \/\u003e.video-full{\u003cbr \/\u003e  position:relative;width:100vw;\u003cbr \/\u003e  height:100vh;height:100dvh;\u003cbr \/\u003e  padding:0 !important;overflow:hidden;\u003cbr \/\u003e  background:#000;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full iframe{\u003cbr \/\u003e  position:absolute;top:50%;left:50%;\u003cbr \/\u003e  width:max(100vw, calc(100vh * 16\/9));\u003cbr \/\u003e  height:max(100vh, calc(100vw * 9\/16));\u003cbr \/\u003e  transform:translate(-50%,-50%);\u003cbr \/\u003e  border:0;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-overlay,\u003cbr \/\u003e.video-full .video-caption{pointer-events:none}\u003cbr \/\u003e.video-full .video-overlay{\u003cbr \/\u003e  position:absolute;inset:0;z-index:2;\u003cbr \/\u003e  background:\u003cbr \/\u003e    linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.08) 25%, rgba(0,0,0,0.08) 70%, rgba(0,0,0,0.55) 100%),\u003cbr \/\u003e    radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.08) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption{\u003cbr \/\u003e  position:absolute;left:0;right:0;bottom:clamp(48px,8vh,96px);\u003cbr \/\u003e  z-index:3;text-align:center;color:#fff;padding:0 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption .eyebrow{\u003cbr \/\u003e  color:var(--cdl-lime);letter-spacing:0.18em;display:block;margin-bottom:14px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption h2{\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  font-size:clamp(36px,6vw,84px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.03em;line-height:1.04;\u003cbr \/\u003e  max-width:1100px;margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption p{\u003cbr \/\u003e  margin:18px auto 0;max-width:640px;\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:clamp(15px,1.2vw,19px);\u003cbr \/\u003e  line-height:1.55;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lifestyle fullwidth banner *\/\u003cbr \/\u003e.lifestyle{\u003cbr \/\u003e  position:relative;min-height:520px;\u003cbr \/\u003e  background-size:cover;background-position:center;\u003cbr \/\u003e  display:flex;align-items:flex-end;\u003cbr \/\u003e  padding:80px 48px;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:0;\u003cbr \/\u003e  background:linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0) 100%);\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle-inner{position:relative;z-index:1;max-width:640px}\u003cbr \/\u003e.lifestyle h2{\u003cbr \/\u003e  color:#fff;font-size:clamp(36px,5vw,60px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.025em;line-height:1.08;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle p{\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:18px;\u003cbr \/\u003e  line-height:1.55;margin-top:16px;max-width:520px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* size table *\/\u003cbr \/\u003e.size-table{\u003cbr \/\u003e  width:100%;border-collapse:separate;border-spacing:0;\u003cbr \/\u003e  background:var(--pv-white);border:1px solid var(--pv-mist);\u003cbr \/\u003e  border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e  font-size:15px;\u003cbr \/\u003e}\u003cbr \/\u003e.size-table th{\u003cbr \/\u003e  padding:16px 22px;text-align:left;\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;\u003cbr \/\u003e  color:var(--pv-silver);border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table td{\u003cbr \/\u003e  padding:18px 22px;border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table tbody tr:last-child td{border-bottom:none}\u003cbr \/\u003e.size-table tr.current td{background:#F5FFD6;color:var(--pv-ink);font-weight:500}\u003cbr \/\u003e.size-table td:first-child,.size-table th:first-child{padding-left:28px}\u003cbr \/\u003e.size-table td:first-child{color:var(--pv-ink);font-weight:500}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* specs — Apple-style grouped list *\/\u003cbr \/\u003e.specs-list{max-width:1080px;margin:0 auto;display:flex;flex-direction:column}\u003cbr \/\u003e.specs-row{\u003cbr \/\u003e  display:grid;grid-template-columns:220px 1fr;gap:64px;\u003cbr \/\u003e  padding:44px 0;border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  align-items:flex-start;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-row:first-child{border-top:none;padding-top:24px}\u003cbr \/\u003e.specs-cat{\u003cbr \/\u003e  font-size:17px;font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-content{font-size:15px;line-height:1.55;color:var(--pv-graphite)}\u003cbr \/\u003e.specs-primary{font-weight:600;color:var(--pv-ink);margin:0 0 4px 0}\u003cbr \/\u003e.specs-desc{margin:0}\u003cbr \/\u003e.specs-sublabel{\u003cbr \/\u003e  font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  margin:14px 0 4px 0;font-size:14px;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:760px){\u003cbr \/\u003e  .specs-row{grid-template-columns:1fr;gap:14px;padding:32px 0}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* FAQ *\/\u003cbr \/\u003e.faq-list{max-width:720px;margin:0 auto;border-top:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq{border-bottom:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq summary{\u003cbr \/\u003e  list-style:none;cursor:pointer;\u003cbr \/\u003e  padding:22px 4px;\u003cbr \/\u003e  display:flex;justify-content:space-between;gap:24px;align-items:center;\u003cbr \/\u003e  font-size:18px;font-weight:500;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.faq summary::-webkit-details-marker{display:none}\u003cbr \/\u003e.faq summary::after{\u003cbr \/\u003e  content:\"+\";font-weight:300;font-size:26px;color:var(--pv-silver);\u003cbr \/\u003e  transition:transform .3s var(--ease-out);flex-shrink:0;line-height:1;\u003cbr \/\u003e}\u003cbr \/\u003e.faq\u003copen\u003e summary::after{content:\"−\"}\u003cbr \/\u003e.faq-body{padding:0 4px 24px;color:var(--pv-graphite);font-size:16px;line-height:1.6;max-width:640px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* closing CTA *\/\u003cbr \/\u003e.closing{text-align:center;padding:clamp(80px,10vw,140px) 32px;background:var(--pv-fog)}\u003cbr \/\u003e.sale-badge{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  background:var(--cdl-lime);color:var(--pv-black);\u003cbr \/\u003e  font-size:12px;font-weight:700;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.1em;\u003cbr \/\u003e  padding:8px 16px;border-radius:var(--r-pill);\u003cbr \/\u003e  margin-bottom:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price{\u003cbr \/\u003e  display:flex;align-items:baseline;justify-content:center;gap:18px;\u003cbr \/\u003e  margin:28px 0 4px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .old{\u003cbr \/\u003e  font-size:clamp(20px,2vw,26px);color:var(--pv-silver);\u003cbr \/\u003e  text-decoration:line-through;font-weight:400;letter-spacing:-0.01em;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .now{\u003cbr \/\u003e  font-size:clamp(36px,4.5vw,56px);font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.025em;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.closing h2{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-0.03em;line-height:1.06}\u003cbr \/\u003e.closing h2 em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  background:linear-gradient(120deg, #8FCC00 0%, #B3FF00 60%, #6A9900 100%);\u003cbr \/\u003e  -webkit-background-clip:text;background-clip:text;\u003cbr \/\u003e  -webkit-text-fill-color:transparent;color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.closing p{margin:22px auto 0;max-width:560px}\u003cbr \/\u003e.closing .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\u003cbr \/\u003e.assurances{\u003cbr \/\u003e  margin-top:72px;display:flex;gap:48px;justify-content:center;flex-wrap:wrap;\u003cbr \/\u003e  font-size:13px;color:var(--pv-silver);\u003cbr \/\u003e}\u003cbr \/\u003e.assurances strong{display:block;color:var(--pv-ink);font-weight:500;font-size:14px;margin-bottom:2px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* footer strip *\/\u003cbr \/\u003e.footer{\u003cbr \/\u003e  border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  padding:28px 32px;text-align:center;\u003cbr \/\u003e  font-size:12px;color:var(--pv-silver);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* reveal on scroll *\/\u003cbr \/\u003e.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}\u003cbr \/\u003e.reveal.in{opacity:1;transform:none}\u003cbr \/\u003e@media (prefers-reduced-motion:reduce){\u003cbr \/\u003e  .reveal{opacity:1;transform:none;transition:none}\u003cbr \/\u003e  .hero-scroll{animation:none}\u003cbr \/\u003e  .hero-bike img{animation:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Elementor \/ WordPress override layer — scoped to .cdl-landing\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003ehtml,body{overflow-x:hidden !important;max-width:100vw !important}\u003cbr \/\u003e.cdl-landing{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;overflow:visible !important;float:none !important;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important}\u003cbr \/\u003e.cdl-landing *,.cdl-landing *::before,.cdl-landing *::after{box-sizing:border-box !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Hero override *\/\u003cbr \/\u003e.cdl-landing .hero{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e  min-height:100vh !important;min-height:100dvh !important;\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .hero .hero-title,\u003cbr \/\u003e.cdl-landing h1.hero-title{\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  font-weight:800 !important;letter-spacing:-0.05em !important;line-height:0.9 !important;\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px) !important;\u003cbr \/\u003e  flex-wrap:nowrap !important;white-space:nowrap !important;\u003cbr \/\u003e  display:flex !important;align-items:baseline !important;justify-content:center !important;\u003cbr \/\u003e  gap:0.12em !important;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .cdl-landing .hero-title{flex-wrap:wrap !important;white-space:normal !important;font-size:clamp(56px,14vw,96px) !important}\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing section .heading-l,\u003cbr \/\u003e.cdl-landing h2.heading-l{\u003cbr \/\u003e  font-size:clamp(36px,5vw,72px) !important;\u003cbr \/\u003e  line-height:1.1 !important;letter-spacing:-0.025em !important;\u003cbr \/\u003e  font-weight:600 !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-title .lt{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .hero-title .n{\u003cbr \/\u003e  -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e  -webkit-text-stroke:2px #B3FF00 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-tag{color:#fff !important;-webkit-text-fill-color:#fff !important;opacity:0.85 !important}\u003cbr \/\u003e.cdl-landing .hero .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Sections full-width *\/\u003cbr \/\u003e.cdl-landing section,.cdl-landing .footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Intro *\/\u003cbr \/\u003e.cdl-landing .intro{background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .intro-eyebrow{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title,\u003cbr \/\u003e.cdl-landing h2.intro-title{\u003cbr \/\u003e  color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px) !important;\u003cbr \/\u003e  font-weight:700 !important;\u003cbr \/\u003e  letter-spacing:-0.035em !important;\u003cbr \/\u003e  line-height:1.02 !important;\u003cbr \/\u003e  max-width:24ch !important;\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px) !important;\u003cbr \/\u003e  display:block !important;\u003cbr \/\u003e  width:auto !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title em,\u003cbr \/\u003e.cdl-landing h2.intro-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important;font-size:inherit !important;line-height:inherit !important}\u003cbr \/\u003e.cdl-landing .intro-lede{\u003cbr \/\u003e  color:#424245 !important;-webkit-text-fill-color:#424245 !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(18px,1.6vw,24px) !important;\u003cbr \/\u003e  line-height:1.5 !important;\u003cbr \/\u003e  max-width:680px !important;margin:0 auto !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .intro-lede strong{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .stat-value{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .stat-label{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Section headings *\/\u003cbr \/\u003e.cdl-landing section h2{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:600 !important;letter-spacing:-0.015em !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Dark tech-strip *\/\u003cbr \/\u003e.cdl-landing .tech-strip{background:#0A0A0A !important}\u003cbr \/\u003e.cdl-landing .tech-strip h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-strip .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .tech-card-body h3{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-card-body p{color:rgba(255,255,255,0.62) !important;-webkit-text-fill-color:rgba(255,255,255,0.62) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Lifestyle heading text — white on dark image *\/\u003cbr \/\u003e.cdl-landing .lifestyle h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .lifestyle p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Fullwidth cinematic video *\/\u003cbr \/\u003e.cdl-landing .video-full{\u003cbr \/\u003e  background:#000 !important;padding:0 !important;\u003cbr \/\u003e  height:100vh !important;height:100dvh !important;overflow:hidden !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .video-full .video-caption h2{color:#fff !important;-webkit-text-fill-color:#fff !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:700 !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Detail cards *\/\u003cbr \/\u003e.cdl-landing .detail-title{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .detail-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important}\u003cbr \/\u003e.cdl-landing .detail p{color:#86868B !important;-webkit-text-fill-color:#86868B !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Specs *\/\u003cbr \/\u003e.cdl-landing .specs-cat,\u003cbr \/\u003e.cdl-landing .specs-primary,\u003cbr \/\u003e.cdl-landing .specs-sublabel{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .specs-content,\u003cbr \/\u003e.cdl-landing .specs-desc{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Size table *\/\u003cbr \/\u003e.cdl-landing .size-table{background:#fff !important;border:1px solid #D2D2D7 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .size-table th{color:#86868B !important;-webkit-text-fill-color:#86868B !important;background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .size-table td{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003cbr \/\u003e.cdl-landing .size-table tr.current td{background:#F5FFD6 !important;color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .size-table td:first-child{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Closing *\/\u003cbr \/\u003e.cdl-landing .closing{background:#F5F5F7 !important;text-align:center !important}\u003cbr \/\u003e.cdl-landing .sale-badge{\u003cbr \/\u003e  display:inline-block !important;\u003cbr \/\u003e  background:#B3FF00 !important;color:#0A0A0A !important;-webkit-text-fill-color:#0A0A0A !important;\u003cbr \/\u003e  font-size:12px !important;font-weight:700 !important;\u003cbr \/\u003e  text-transform:uppercase !important;letter-spacing:0.1em !important;\u003cbr \/\u003e  padding:8px 16px !important;border-radius:980px !important;\u003cbr \/\u003e  margin-bottom:24px !important;font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .closing-price{\u003cbr \/\u003e  display:flex !important;align-items:baseline !important;justify-content:center !important;\u003cbr \/\u003e  gap:18px !important;margin:28px 0 4px !important;flex-wrap:wrap !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .closing-price .old{\u003cbr \/\u003e  color:#86868B !important;-webkit-text-fill-color:#86868B !important;\u003cbr \/\u003e  text-decoration:line-through !important;font-weight:400 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .closing-price .now{\u003cbr \/\u003e  color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;\u003cbr \/\u003e  font-weight:700 !important;letter-spacing:-0.025em !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .closing h2{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .closing h2 em{\u003cbr \/\u003e  font-style:normal !important;\u003cbr \/\u003e  background:linear-gradient(120deg,#8FCC00 0%,#B3FF00 60%,#6A9900 100%) !important;\u003cbr \/\u003e  -webkit-background-clip:text !important;background-clip:text !important;\u003cbr \/\u003e  -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .closing p{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003cbr \/\u003e.cdl-landing .closing .btn{padding:14px 28px !important;border-radius:980px !important;font-size:17px !important;font-weight:500 !important}\u003cbr \/\u003e.cdl-landing .closing .btn.lime{background:#B3FF00 !important;color:#0A0A0A !important;-webkit-text-fill-color:#0A0A0A !important;border:none !important}\u003cbr \/\u003e.cdl-landing .closing .btn.secondary{background:transparent !important;border:1px solid #1D1D1F !important;color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .assurances strong{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .assurances{c\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cannondale","offers":[{"title":"S","offer_id":57496426807678,"sku":"C23401U10LG1-2","price":12290.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57496426840446,"sku":"C23401U30MD-1-2","price":12290.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57496426873214,"sku":"C23401U10LG-2","price":12290.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57496426905982,"sku":"N23209N3-1-2-2-1-2","price":12290.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C23_C23252U_Habit_LT_2_SBK_PD.webp?v=1780337622"},{"product_id":"bicicleta-mtb-full-suspension-cannondale-habit-4-black","title":"Bicicleta MTB full suspension Cannondale Habit 4 Black","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"alignnone wp-image-217324\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"335\" height=\"59\"\u003e\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp class=\"product-detail-information-area__product-name\"\u003e\u003cbr\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"306770\" class=\"elementor elementor-306770\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-8f661c0 e-flex e-con-boxed e-con e-parent\" data-id=\"8f661c0\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-fe7cb5b elementor-widget elementor-widget-html\" data-id=\"fe7cb5b\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003ctitle\u003eCannondale Habit 4 — Trail bike 29\" entry-level | ProVelo\u003c\/title\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003cbr\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- ============ Product schema (stub) ============ --\u003e\u003cbr\u003e\u003cbr\u003e\u003cscript type=\"application\/ld+json\"\u003e\u003cbr \/\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Cannondale Habit 4\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C24_C23401U_Habit_4_IGN_PD.png\",\"description\":\"Trail bike full-suspension 29 inch cu 140mm furca \/ 130mm spate. Cadru SmartForm C1 Alloy, Proportional Response Design, RockShox Recon RL + Deluxe Select, Shimano Deore 12-speed. Disponibil în 3 culori: Ice Green, Candy Red, Black.\",\"sku\":\"C23401U\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Cannondale\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"10450\",\"priceValidUntil\":\"2026-06-30\",\"availability\":\"https:\/\/schema.org\/PreOrder\"}}\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e\/* =============================================================\u003cbr \/\u003e   ProVelo tokens — Cannondale edition (dark + lime green)\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e:root{\u003cbr \/\u003e  --pv-black:#0A0A0A;\u003cbr \/\u003e  --pv-ink:#1D1D1F;\u003cbr \/\u003e  --pv-graphite:#424245;\u003cbr \/\u003e  --pv-silver:#86868B;\u003cbr \/\u003e  --pv-mist:#D2D2D7;\u003cbr \/\u003e  --pv-fog:#F5F5F7;\u003cbr \/\u003e  --pv-white:#FFFFFF;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  \/* Cannondale brand accents *\/\u003cbr \/\u003e  --cdl-lime:#B3FF00;\u003cbr \/\u003e  --cdl-lime-deep:#8FCC00;\u003cbr \/\u003e  --cdl-gray-dark:#2A2A2C;\u003cbr \/\u003e  --cdl-gray-steel:#3E3E42;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --accent: var(--cdl-lime);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --r-md:18px;\u003cbr \/\u003e  --r-lg:24px;\u003cbr \/\u003e  --r-pill:980px;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --ease-out:cubic-bezier(0.25,0.46,0.45,0.94);\u003cbr \/\u003e  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --container:1200px;\u003cbr \/\u003e  --container-narrow:960px;\u003cbr \/\u003e  --container-text:680px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= reset ================= *\/\u003cbr \/\u003e*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\u003cbr \/\u003ehtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\u003cbr \/\u003ebody{\u003cbr \/\u003e  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;\u003cbr \/\u003e  font-size:17px;line-height:1.55;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  background:var(--pv-white);\u003cbr \/\u003e  -webkit-font-smoothing:antialiased;\u003cbr \/\u003e  -moz-osx-font-smoothing:grayscale;\u003cbr \/\u003e  text-rendering:optimizeLegibility;\u003cbr \/\u003e  overflow-x:hidden;\u003cbr \/\u003e}\u003cbr \/\u003eimg{display:block;max-width:100%;height:auto}\u003cbr \/\u003ea{color:inherit;text-decoration:none}\u003cbr \/\u003ebutton{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= type scale ================= *\/\u003cbr \/\u003e.eyebrow{\u003cbr \/\u003e  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;\u003cbr \/\u003e  color:var(--pv-graphite);display:inline-block;\u003cbr \/\u003e}\u003cbr \/\u003e.eyebrow.on-dark{color:rgba(255,255,255,0.72)}\u003cbr \/\u003e.eyebrow.lime{color:var(--cdl-lime-deep)}\u003cbr \/\u003eh1,h2,h3,h4{font-weight:600;letter-spacing:-0.015em;color:var(--pv-ink);line-height:1.15}\u003cbr \/\u003e.hero h1,.hero h2,.hero h3,.hero h4{color:inherit}\u003cbr \/\u003e.display-xl{font-size:clamp(56px,9.5vw,112px);font-weight:800;line-height:1.02;letter-spacing:-0.04em}\u003cbr \/\u003e.display-l{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.06;letter-spacing:-0.03em}\u003cbr \/\u003e.display-m{font-size:clamp(34px,4.4vw,56px);font-weight:600;line-height:1.08;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-l{font-size:clamp(32px,4.5vw,60px);font-weight:600;line-height:1.12;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-m{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-0.01em}\u003cbr \/\u003e.body-l{font-size:19px;line-height:1.55;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.body{font-size:17px;line-height:1.6;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.caption{font-size:13px;line-height:1.4;color:var(--pv-silver)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.text-wrap{text-wrap:pretty}\u003cbr \/\u003e.narrow{max-width:var(--container-text);margin-inline:auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= buttons ================= *\/\u003cbr \/\u003e.btn{\u003cbr \/\u003e  display:inline-flex;align-items:center;justify-content:center;gap:8px;\u003cbr \/\u003e  padding:14px 28px;border-radius:var(--r-pill);\u003cbr \/\u003e  font-size:17px;font-weight:500;line-height:1;\u003cbr \/\u003e  transition:background .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out),transform .3s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.btn.primary{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.primary:hover{background:var(--pv-black)}\u003cbr \/\u003e.btn.secondary{background:transparent;border:1px solid var(--pv-ink);color:var(--pv-ink)}\u003cbr \/\u003e.btn.secondary:hover{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.lime{background:var(--cdl-lime);color:var(--pv-black)}\u003cbr \/\u003e.btn.lime:hover{background:var(--cdl-lime-deep)}\u003cbr \/\u003e.btn.ghost-on-dark{background:rgba(255,255,255,0.92);color:var(--pv-ink)}\u003cbr \/\u003e.btn.ghost-on-dark:hover{background:#fff}\u003cbr \/\u003e.btn.outline-on-dark{background:transparent;border:1px solid rgba(255,255,255,0.55);color:#fff}\u003cbr \/\u003e.btn.outline-on-dark:hover{background:rgba(255,255,255,0.12)}\u003cbr \/\u003e.btn.tertiary{padding:4px 0;border-radius:0}\u003cbr \/\u003e.btn.tertiary::after{content:\"→\";transition:transform .3s var(--ease-out);margin-left:4px}\u003cbr \/\u003e.btn.tertiary:hover::after{transform:translateX(4px)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   HERO — dramatic dark stage with lime accent\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e.hero{\u003cbr \/\u003e  position:relative;\u003cbr \/\u003e  min-height:100vh;\u003cbr \/\u003e  min-height:100dvh;\u003cbr \/\u003e  padding:clamp(32px,5vh,56px) 32px clamp(28px,4vh,44px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-rows:auto 1fr auto;\u003cbr \/\u003e  gap:clamp(20px,3vh,36px);\u003cbr \/\u003e  overflow:hidden;\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(120% 80% at 50% 20%, #2A2A2C 0%, #0A0A0A 65%),\u003cbr \/\u003e    #0A0A0A;\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* full-width breakout for all main sections *\/\u003cbr \/\u003esection,.footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lime gradient glow behind the bike *\/\u003cbr \/\u003e.hero::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 -10% 0;height:60%;\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.18) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero::after{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 0 0;height:30%;\u003cbr \/\u003e  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* subtle wordmark + price in hero corners *\/\u003cbr \/\u003e.hero-mark{\u003cbr \/\u003e  position:absolute;top:clamp(24px,3vh,36px);left:32px;\u003cbr \/\u003e  font-size:15px;font-weight:600;letter-spacing:-0.01em;\u003cbr \/\u003e  opacity:0.92;z-index:3;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-mark .dot{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price{\u003cbr \/\u003e  position:absolute;top:clamp(24px,3vh,36px);right:32px;\u003cbr \/\u003e  font-size:14px;font-weight:500;\u003cbr \/\u003e  display:flex;align-items:center;gap:10px;\u003cbr \/\u003e  opacity:0.95;z-index:3;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-price strong{font-weight:600;color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price .old-price{\u003cbr \/\u003e  text-decoration:line-through;\u003cbr \/\u003e  opacity:0.55;font-weight:400;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-top{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e  padding-top:clamp(28px,4vh,48px);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-top .eyebrow{\u003cbr \/\u003e  letter-spacing:0.18em;\u003cbr \/\u003e  color:var(--cdl-lime);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-title{\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px);\u003cbr \/\u003e  font-weight:800;letter-spacing:-0.05em;line-height:0.9;\u003cbr \/\u003e  display:flex;gap:0.12em;align-items:baseline;justify-content:center;\u003cbr \/\u003e  flex-wrap:nowrap;white-space:nowrap;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){.hero-title{flex-wrap:wrap;white-space:normal}}\u003cbr \/\u003e.hero-title .lt{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-title .n{\u003cbr \/\u003e  font-weight:900;\u003cbr \/\u003e  -webkit-text-stroke:2px var(--cdl-lime);\u003cbr \/\u003e  -webkit-text-fill-color:transparent;\u003cbr \/\u003e  color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-tag{font-size:clamp(17px,1.6vw,21px);font-weight:500;opacity:0.85;max-width:560px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-stage{\u003cbr \/\u003e  position:relative;width:100%;\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  z-index:1;min-height:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike{\u003cbr \/\u003e  position:relative;width:100%;max-width:1200px;\u003cbr \/\u003e  height:100%;aspect-ratio:3\/2;max-height:100%;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes subtleFloat{\u003cbr \/\u003e  0%,100%{transform:translateY(0) scale(1)}\u003cbr \/\u003e  50%{transform:translateY(-10px) scale(1)}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-bottom{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:clamp(16px,2.5vh,24px);align-items:center;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-meta{\u003cbr \/\u003e  display:flex;gap:0;align-items:center;justify-content:center;\u003cbr \/\u003e  font-size:14px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta{\u003cbr \/\u003e  padding:0 22px;position:relative;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:2px;align-items:center;min-width:96px;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta + .meta::before{\u003cbr \/\u003e  content:\"\";position:absolute;left:0;top:6px;bottom:6px;width:1px;\u003cbr \/\u003e  background:currentColor;opacity:0.25;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .v{font-size:18px;font-weight:600;letter-spacing:-0.01em}\u003cbr \/\u003e.hero-meta .k{font-size:11px;text-transform:uppercase;letter-spacing:0.1em;opacity:0.65}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* color swatch row — single color but still branded *\/\u003cbr \/\u003e\/* dynamic hero tint per color *\/\u003cbr \/\u003e.hero\u003cdata-color=\"ign\"\u003e::before{\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(180,220,200,0.18) 0%, rgba(180,220,200,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.hero\u003cdata-color=\"crd\"\u003e::before{\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(220,40,60,0.16) 0%, rgba(220,40,60,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.hero\u003cdata-color=\"blk\"\u003e::before{\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.10) 0%, rgba(179,255,0,0) 70%) !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* hero-bike multi-image stack *\/\u003cbr \/\u003e.hero-bike{position:relative}\u003cbr \/\u003e.hero-bike img{\u003cbr \/\u003e  position:absolute;inset:0;\u003cbr \/\u003e  width:100%;height:100%;object-fit:contain;\u003cbr \/\u003e  opacity:0;transform:scale(0.99);\u003cbr \/\u003e  transition:opacity .55s var(--ease-out), transform .7s var(--ease-out);\u003cbr \/\u003e  filter:drop-shadow(0 40px 60px rgba(0,0,0,0.55)) drop-shadow(0 0 80px rgba(179,255,0,0.06));\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike img.active{\u003cbr \/\u003e  opacity:1;transform:scale(1);\u003cbr \/\u003e  animation:subtleFloat 7s ease-in-out infinite;\u003cbr \/\u003e  animation-delay:1.5s;\u003cbr \/\u003e}\u003cbr \/\u003e\/* JPG variants from retailer have gray backgrounds — multiply against dark hero to absorb the gray *\/\u003cbr \/\u003e.hero-bike img\u003cdata-color=\"crd\"\u003e,\u003cbr \/\u003e.hero-bike img\u003cdata-color=\"blk\"\u003e{\u003cbr \/\u003e  -webkit-mask-image:radial-gradient(ellipse 55% 55% at center, #000 50%, transparent 100%);\u003cbr \/\u003e  mask-image:radial-gradient(ellipse 55% 55% at center, #000 50%, transparent 100%);\u003cbr \/\u003e  filter:drop-shadow(0 30px 50px rgba(0,0,0,0.6)) brightness(1.05) contrast(1.05);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* swatch buttons (interactive) *\/\u003cbr \/\u003e.swatches{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}\u003cbr \/\u003e.swatch{\u003cbr \/\u003e  width:38px;height:38px;border-radius:50%;\u003cbr \/\u003e  position:relative;cursor:pointer;border:none;padding:0;\u003cbr \/\u003e  transition:transform .35s var(--ease-spring);\u003cbr \/\u003e  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 2px 8px rgba(0,0,0,0.30);\u003cbr \/\u003e}\u003cbr \/\u003e.swatch::after{\u003cbr \/\u003e  content:\"\";position:absolute;inset:-6px;border-radius:50%;\u003cbr \/\u003e  border:1.5px solid rgba(255,255,255,0.85);opacity:0;\u003cbr \/\u003e  transition:opacity .25s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.swatch\u003caria-pressed=\"true\"\u003e::after{opacity:1}\u003cbr \/\u003e.swatch:hover{transform:scale(1.1)}\u003cbr \/\u003e.swatch.ign{background:linear-gradient(135deg,#C5DDD2 0%,#7FA395 100%)}\u003cbr \/\u003e.swatch.crd{background:linear-gradient(135deg,#E63946 0%,#A41E2D 100%)}\u003cbr \/\u003e.swatch.blk{background:linear-gradient(135deg,#2A2A2C 0%,#0A0A0A 100%)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.color-label{\u003cbr \/\u003e  display:inline-flex;align-items:center;gap:8px;\u003cbr \/\u003e  font-size:14px;color:#fff;opacity:0.94;\u003cbr \/\u003e}\u003cbr \/\u003e.color-label strong{font-weight:600;color:#fff}\u003cbr \/\u003e.color-label .caption{font-size:13px;color:rgba(255,255,255,0.65);font-weight:400}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* scroll cue *\/\u003cbr \/\u003e.hero-scroll{\u003cbr \/\u003e  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e  opacity:0.55;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;\u003cbr \/\u003e  animation:scrollHint 2.4s ease-in-out infinite;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-scroll::after{\u003cbr \/\u003e  content:\"\";width:1px;height:28px;background:currentColor;opacity:0.6;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes scrollHint{\u003cbr \/\u003e  0%,100%{transform:translate(-50%,0);opacity:0.4}\u003cbr \/\u003e  50%{transform:translate(-50%,6px);opacity:0.75}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:860px){\u003cbr \/\u003e  .hero-price{font-size:13px}\u003cbr \/\u003e  .hero-price .sep,.hero-price .buy{display:none}\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .hero{padding:20px 20px 24px}\u003cbr \/\u003e  .hero-mark{top:20px;left:20px}\u003cbr \/\u003e  .hero-price{top:20px;right:20px}\u003cbr \/\u003e  .hero-top{padding-top:60px;gap:10px}\u003cbr \/\u003e  .hero-bike{aspect-ratio:4\/3}\u003cbr \/\u003e  .hero-meta{gap:10px 0}\u003cbr \/\u003e  .hero-meta .meta{min-width:72px;padding:0 14px}\u003cbr \/\u003e  .hero-scroll{display:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Sections\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003esection{padding:120px 32px}\u003cbr \/\u003esection.pad-sm{padding:88px 32px}\u003cbr \/\u003esection.fog{background:var(--pv-fog)}\u003cbr \/\u003esection.ink{background:#0A0A0A;color:#fff}\u003cbr \/\u003esection.ink h1,section.ink h2,section.ink h3{color:#fff}\u003cbr \/\u003esection.ink .body,section.ink .body-l{color:rgba(255,255,255,0.72)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.container{max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.container-narrow{max-width:var(--container-narrow);margin:0 auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:720px){\u003cbr \/\u003e  section{padding:72px 20px}\u003cbr \/\u003e  section.pad-sm{padding:56px 20px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ========== INTRO — Apple-style, lime accent ========== *\/\u003cbr \/\u003e.intro{padding:clamp(88px,11vw,160px) 32px clamp(96px,12vw,180px)}\u003cbr \/\u003e.intro-head{text-align:center;max-width:980px;margin:0 auto}\u003cbr \/\u003e.intro-eyebrow{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  font-size:13px;font-weight:600;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.16em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  margin-bottom:clamp(18px,2vw,28px);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title{\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.035em;\u003cbr \/\u003e  line-height:1.02;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px);\u003cbr \/\u003e  max-width:24ch;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede{\u003cbr \/\u003e  font-size:clamp(19px,1.5vw,24px);\u003cbr \/\u003e  line-height:1.5;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  max-width:680px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e  font-weight:400;\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede strong{color:var(--pv-ink);font-weight:600}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.intro-stats{\u003cbr \/\u003e  margin-top:clamp(64px,8vw,112px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(4,1fr);\u003cbr \/\u003e  gap:clamp(32px,4vw,56px);\u003cbr \/\u003e  max-width:1040px;\u003cbr \/\u003e  margin-left:auto;margin-right:auto;\u003cbr \/\u003e  text-align:center;\u003cbr \/\u003e}\u003cbr \/\u003e.stat-value{\u003cbr \/\u003e  font-size:clamp(36px,4vw,56px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.03em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  line-height:1;\u003cbr \/\u003e  margin-bottom:clamp(8px,0.8vw,12px);\u003cbr \/\u003e}\u003cbr \/\u003e.stat-label{\u003cbr \/\u003e  font-size:14px;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  line-height:1.45;\u003cbr \/\u003e  max-width:220px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:880px){.intro-stats{grid-template-columns:repeat(2,1fr);gap:40px}}\u003cbr \/\u003e@media (max-width:420px){.intro-stats{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* feature story — alternating image\/text *\/\u003cbr \/\u003e.story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.story + .story{margin-top:120px}\u003cbr \/\u003e.story.reverse .story-media{order:2}\u003cbr \/\u003e.story-media{\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e  border-radius:var(--r-lg);\u003cbr \/\u003e  aspect-ratio:4\/3;overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.story-media.dark{background:var(--pv-ink)}\u003cbr \/\u003e.story-media img{width:100%;height:100%;object-fit:cover}\u003cbr \/\u003e.story-text .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.story-text h2{margin-top:14px}\u003cbr \/\u003e.story-text p{margin-top:20px;max-width:480px}\u003cbr \/\u003e@media (max-width:920px){\u003cbr \/\u003e  .story{grid-template-columns:1fr;gap:32px}\u003cbr \/\u003e  .story.reverse .story-media{order:0}\u003cbr \/\u003e  .story + .story{margin-top:72px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* detail grid *\/\u003cbr \/\u003e.details-head{text-align:center;max-width:720px;margin:0 auto 72px}\u003cbr \/\u003e.details-head .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.details-head h2{margin-top:14px}\u003cbr \/\u003e.details-grid{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:grid;grid-template-columns:repeat(3,1fr);\u003cbr \/\u003e  gap:1px;background:var(--pv-mist);\u003cbr \/\u003e  border:1px solid var(--pv-mist);border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.detail{\u003cbr \/\u003e  background:var(--pv-white);padding:36px 28px 32px;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:14px;min-height:240px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon{\u003cbr \/\u003e  width:44px;height:44px;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  margin-bottom:4px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon svg{width:100%;height:100%;display:block}\u003cbr \/\u003e.detail-title{\u003cbr \/\u003e  font-size:20px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.01em;line-height:1.25;\u003cbr \/\u003e  color:var(--pv-ink);margin:0;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.detail p{font-size:14px;color:var(--pv-silver);line-height:1.55;margin:auto 0 0 0}\u003cbr \/\u003e@media (max-width:900px){.details-grid{grid-template-columns:repeat(2,1fr)}}\u003cbr \/\u003e@media (max-width:540px){.details-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* tech callout strip — dark, cinematic *\/\u003cbr \/\u003e.tech-strip{\u003cbr \/\u003e  background:#0A0A0A;color:#fff;padding:clamp(88px,11vw,160px) 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-strip .details-head{margin-bottom:56px}\u003cbr \/\u003e.tech-strip .details-head h2{color:#fff}\u003cbr \/\u003e.tech-strip .details-head .eyebrow{color:var(--cdl-lime)}\u003cbr \/\u003e.tech-grid{\u003cbr \/\u003e  max-width:1200px;margin:0 auto;display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(2,1fr);gap:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card{\u003cbr \/\u003e  background:#16161A;border:1px solid rgba(255,255,255,0.06);\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  display:flex;flex-direction:column;\u003cbr \/\u003e  transition:transform .5s var(--ease-out),border-color .5s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card:hover{transform:translateY(-4px);border-color:rgba(179,255,0,0.3)}\u003cbr \/\u003e.tech-card-media{aspect-ratio:16\/10;overflow:hidden;background:#0A0A0A}\u003cbr \/\u003e.tech-card-media img{width:100%;height:100%;object-fit:cover;opacity:0.92}\u003cbr \/\u003e.tech-card-body{padding:32px 32px 36px}\u003cbr \/\u003e.tech-card-body .eyebrow{color:var(--cdl-lime);letter-spacing:0.14em}\u003cbr \/\u003e.tech-card-body h3{\u003cbr \/\u003e  color:#fff;font-size:24px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.015em;margin-top:10px;line-height:1.2;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card-body p{\u003cbr \/\u003e  margin-top:14px;color:rgba(255,255,255,0.62);\u003cbr \/\u003e  font-size:15px;line-height:1.55;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:860px){.tech-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* video *\/\u003cbr \/\u003e.video-wrap{\u003cbr \/\u003e  max-width:1100px;margin:48px auto 0;\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  background:var(--pv-ink);\u003cbr \/\u003e  aspect-ratio:16\/9;position:relative;\u003cbr \/\u003e}\u003cbr \/\u003e.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* fullwidth cinematic video *\/\u003cbr \/\u003e.video-full{\u003cbr \/\u003e  position:relative;width:100vw;\u003cbr \/\u003e  height:100vh;height:100dvh;\u003cbr \/\u003e  padding:0 !important;overflow:hidden;\u003cbr \/\u003e  background:#000;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full iframe{\u003cbr \/\u003e  position:absolute;top:50%;left:50%;\u003cbr \/\u003e  width:max(100vw, calc(100vh * 16\/9));\u003cbr \/\u003e  height:max(100vh, calc(100vw * 9\/16));\u003cbr \/\u003e  transform:translate(-50%,-50%);\u003cbr \/\u003e  border:0;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-overlay,\u003cbr \/\u003e.video-full .video-caption{pointer-events:none}\u003cbr \/\u003e.video-full .video-overlay{\u003cbr \/\u003e  position:absolute;inset:0;z-index:2;\u003cbr \/\u003e  background:\u003cbr \/\u003e    linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.08) 25%, rgba(0,0,0,0.08) 70%, rgba(0,0,0,0.55) 100%),\u003cbr \/\u003e    radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.08) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption{\u003cbr \/\u003e  position:absolute;left:0;right:0;bottom:clamp(48px,8vh,96px);\u003cbr \/\u003e  z-index:3;text-align:center;color:#fff;padding:0 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption .eyebrow{\u003cbr \/\u003e  color:var(--cdl-lime);letter-spacing:0.18em;display:block;margin-bottom:14px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption h2{\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  font-size:clamp(36px,6vw,84px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.03em;line-height:1.04;\u003cbr \/\u003e  max-width:1100px;margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption p{\u003cbr \/\u003e  margin:18px auto 0;max-width:640px;\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:clamp(15px,1.2vw,19px);\u003cbr \/\u003e  line-height:1.55;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lifestyle fullwidth banner *\/\u003cbr \/\u003e.lifestyle{\u003cbr \/\u003e  position:relative;min-height:520px;\u003cbr \/\u003e  background-size:cover;background-position:center;\u003cbr \/\u003e  display:flex;align-items:flex-end;\u003cbr \/\u003e  padding:80px 48px;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:0;\u003cbr \/\u003e  background:linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0) 100%);\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle-inner{position:relative;z-index:1;max-width:640px}\u003cbr \/\u003e.lifestyle h2{\u003cbr \/\u003e  color:#fff;font-size:clamp(36px,5vw,60px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.025em;line-height:1.08;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle p{\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:18px;\u003cbr \/\u003e  line-height:1.55;margin-top:16px;max-width:520px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* size table *\/\u003cbr \/\u003e.size-table{\u003cbr \/\u003e  width:100%;border-collapse:separate;border-spacing:0;\u003cbr \/\u003e  background:var(--pv-white);border:1px solid var(--pv-mist);\u003cbr \/\u003e  border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e  font-size:15px;\u003cbr \/\u003e}\u003cbr \/\u003e.size-table th{\u003cbr \/\u003e  padding:16px 22px;text-align:left;\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;\u003cbr \/\u003e  color:var(--pv-silver);border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table td{\u003cbr \/\u003e  padding:18px 22px;border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table tbody tr:last-child td{border-bottom:none}\u003cbr \/\u003e.size-table tr.current td{background:#F5FFD6;color:var(--pv-ink);font-weight:500}\u003cbr \/\u003e.size-table td:first-child,.size-table th:first-child{padding-left:28px}\u003cbr \/\u003e.size-table td:first-child{color:var(--pv-ink);font-weight:500}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* specs — Apple-style grouped list *\/\u003cbr \/\u003e.specs-list{max-width:1080px;margin:0 auto;display:flex;flex-direction:column}\u003cbr \/\u003e.specs-row{\u003cbr \/\u003e  display:grid;grid-template-columns:220px 1fr;gap:64px;\u003cbr \/\u003e  padding:44px 0;border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  align-items:flex-start;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-row:first-child{border-top:none;padding-top:24px}\u003cbr \/\u003e.specs-cat{\u003cbr \/\u003e  font-size:17px;font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-content{font-size:15px;line-height:1.55;color:var(--pv-graphite)}\u003cbr \/\u003e.specs-primary{font-weight:600;color:var(--pv-ink);margin:0 0 4px 0}\u003cbr \/\u003e.specs-desc{margin:0}\u003cbr \/\u003e.specs-sublabel{\u003cbr \/\u003e  font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  margin:14px 0 4px 0;font-size:14px;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:760px){\u003cbr \/\u003e  .specs-row{grid-template-columns:1fr;gap:14px;padding:32px 0}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* FAQ *\/\u003cbr \/\u003e.faq-list{max-width:720px;margin:0 auto;border-top:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq{border-bottom:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq summary{\u003cbr \/\u003e  list-style:none;cursor:pointer;\u003cbr \/\u003e  padding:22px 4px;\u003cbr \/\u003e  display:flex;justify-content:space-between;gap:24px;align-items:center;\u003cbr \/\u003e  font-size:18px;font-weight:500;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.faq summary::-webkit-details-marker{display:none}\u003cbr \/\u003e.faq summary::after{\u003cbr \/\u003e  content:\"+\";font-weight:300;font-size:26px;color:var(--pv-silver);\u003cbr \/\u003e  transition:transform .3s var(--ease-out);flex-shrink:0;line-height:1;\u003cbr \/\u003e}\u003cbr \/\u003e.faq\u003copen\u003e summary::after{content:\"−\"}\u003cbr \/\u003e.faq-body{padding:0 4px 24px;color:var(--pv-graphite);font-size:16px;line-height:1.6;max-width:640px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* closing CTA *\/\u003cbr \/\u003e.closing{text-align:center;padding:clamp(80px,10vw,140px) 32px;background:var(--pv-fog)}\u003cbr \/\u003e.sale-badge{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  background:var(--cdl-lime);color:var(--pv-black);\u003cbr \/\u003e  font-size:12px;font-weight:700;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.1em;\u003cbr \/\u003e  padding:8px 16px;border-radius:var(--r-pill);\u003cbr \/\u003e  margin-bottom:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price{\u003cbr \/\u003e  display:flex;align-items:baseline;justify-content:center;gap:18px;\u003cbr \/\u003e  margin:28px 0 4px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .old{\u003cbr \/\u003e  font-size:clamp(20px,2vw,26px);color:var(--pv-silver);\u003cbr \/\u003e  text-decoration:line-through;font-weight:400;letter-spacing:-0.01em;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .now{\u003cbr \/\u003e  font-size:clamp(36px,4.5vw,56px);font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.025em;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.closing h2{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-0.03em;line-height:1.06}\u003cbr \/\u003e.closing h2 em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  background:linear-gradient(120deg, #8FCC00 0%, #B3FF00 60%, #6A9900 100%);\u003cbr \/\u003e  -webkit-background-clip:text;background-clip:text;\u003cbr \/\u003e  -webkit-text-fill-color:transparent;color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.closing p{margin:22px auto 0;max-width:560px}\u003cbr \/\u003e.closing .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\u003cbr \/\u003e.assurances{\u003cbr \/\u003e  margin-top:72px;display:flex;gap:48px;justify-content:center;flex-wrap:wrap;\u003cbr \/\u003e  font-size:13px;color:var(--pv-silver);\u003cbr \/\u003e}\u003cbr \/\u003e.assurances strong{display:block;color:var(--pv-ink);font-weight:500;font-size:14px;margin-bottom:2px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* footer strip *\/\u003cbr \/\u003e.footer{\u003cbr \/\u003e  border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  padding:28px 32px;text-align:center;\u003cbr \/\u003e  font-size:12px;color:var(--pv-silver);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* reveal on scroll *\/\u003cbr \/\u003e.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}\u003cbr \/\u003e.reveal.in{opacity:1;transform:none}\u003cbr \/\u003e@media (prefers-reduced-motion:reduce){\u003cbr \/\u003e  .reveal{opacity:1;transform:none;transition:none}\u003cbr \/\u003e  .hero-scroll{animation:none}\u003cbr \/\u003e  .hero-bike img{animation:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Elementor \/ WordPress override layer — scoped to .cdl-landing\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003ehtml,body{overflow-x:hidden !important;max-width:100vw !important}\u003cbr \/\u003e.cdl-landing{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;overflow:visible !important;float:none !important;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important}\u003cbr \/\u003e.cdl-landing *,.cdl-landing *::before,.cdl-landing *::after{box-sizing:border-box !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Hero override *\/\u003cbr \/\u003e.cdl-landing .hero{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e  min-height:100vh !important;min-height:100dvh !important;\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .hero .hero-title,\u003cbr \/\u003e.cdl-landing h1.hero-title{\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  font-weight:800 !important;letter-spacing:-0.05em !important;line-height:0.9 !important;\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px) !important;\u003cbr \/\u003e  flex-wrap:nowrap !important;white-space:nowrap !important;\u003cbr \/\u003e  display:flex !important;align-items:baseline !important;justify-content:center !important;\u003cbr \/\u003e  gap:0.12em !important;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .cdl-landing .hero-title{flex-wrap:wrap !important;white-space:normal !important;font-size:clamp(56px,14vw,96px) !important}\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing section .heading-l,\u003cbr \/\u003e.cdl-landing h2.heading-l{\u003cbr \/\u003e  font-size:clamp(36px,5vw,72px) !important;\u003cbr \/\u003e  line-height:1.1 !important;letter-spacing:-0.025em !important;\u003cbr \/\u003e  font-weight:600 !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-title .lt{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .hero-title .n{\u003cbr \/\u003e  -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e  -webkit-text-stroke:2px #B3FF00 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-tag{color:#fff !important;-webkit-text-fill-color:#fff !important;opacity:0.85 !important}\u003cbr \/\u003e.cdl-landing .hero .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Sections full-width *\/\u003cbr \/\u003e.cdl-landing section,.cdl-landing .footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Intro *\/\u003cbr \/\u003e.cdl-landing .intro{background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .intro-eyebrow{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title,\u003cbr \/\u003e.cdl-landing h2.intro-title{\u003cbr \/\u003e  color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px) !important;\u003cbr \/\u003e  font-weight:700 !important;\u003cbr \/\u003e  letter-spacing:-0.035em !important;\u003cbr \/\u003e  line-height:1.02 !important;\u003cbr \/\u003e  max-width:24ch !important;\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px) !important;\u003cbr \/\u003e  display:block !important;\u003cbr \/\u003e  width:auto !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title em,\u003cbr \/\u003e.cdl-landing h2.intro-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important;font-size:inherit !important;line-height:inherit !important}\u003cbr \/\u003e.cdl-landing .intro-lede{\u003cbr \/\u003e  color:#424245 !important;-webkit-text-fill-color:#424245 !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(18px,1.6vw,24px) !important;\u003cbr \/\u003e  line-height:1.5 !important;\u003cbr \/\u003e  max-width:680px !important;margin:0 auto !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .intro-lede strong{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .stat-value{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .stat-label{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Section headings *\/\u003cbr \/\u003e.cdl-landing section h2{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:600 !important;letter-spacing:-0.015em !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Dark tech-strip *\/\u003cbr \/\u003e.cdl-landing .tech-strip{background:#0A0A0A !important}\u003cbr \/\u003e.cdl-landing .tech-strip h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-strip .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .tech-card-body h3{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-card-body p{color:rgba(255,255,255,0.62) !important;-webkit-text-fill-color:rgba(255,255,255,0.62) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Lifestyle heading text — white on dark image *\/\u003cbr \/\u003e.cdl-landing .lifestyle h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .lifestyle p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Fullwidth cinematic video *\/\u003cbr \/\u003e.cdl-landing .video-full{\u003cbr \/\u003e  background:#000 !important;padding:0 !important;\u003cbr \/\u003e  height:100vh !important;height:100dvh !important;overflow:hidden !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .video-full .video-caption h2{color:#fff !important;-webkit-text-fill-color:#fff !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:700 !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Detail cards *\/\u003cbr \/\u003e.cdl-landing .detail-title{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .detail-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important}\u003cbr \/\u003e.cdl-landing .detail p{color:#86868B !important;-webkit-text-fill-color:#86868B !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Specs *\/\u003cbr \/\u003e.cdl-landing .specs-cat,\u003cbr \/\u003e.cdl-landing .specs-primary,\u003cbr \/\u003e.cdl-landing .specs-sublabel{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .specs-content,\u003cbr \/\u003e.cdl-landing .specs-desc{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Size table *\/\u003cbr \/\u003e.cdl-landing .size-table{background:#fff !important;border:1px solid #D2D2D7 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .size-table th{color:#86868B !important;-webkit-text-fill-color:#86868B !important;background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .size-table td{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003cbr \/\u003e.cdl-landing .size-table tr.current td{background:#F5FFD6 !important;color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .size-table td:first-child{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Closing *\/\u003cbr \/\u003e.cdl-landing .closing{background:#F5F5F7 !important;text-align:center !important}\u003cbr \/\u003e.cdl-landing .sale-badge{\u003cbr \/\u003e  display:inline-block !important;\u003cbr \/\u003e  background:#B3FF00 !important;color:#0A0A0A !important;-webkit-text-fill-color:#0A0A0A !important;\u003cbr \/\u003e  font-size:12px !important;font-weight:700 !im\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cannondale","offers":[{"title":"S","offer_id":57496427069822,"sku":"C23401U10LG1-3","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57496427102590,"sku":"C23401U30MD-1-3","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57496427135358,"sku":"C23401U10LG-3","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57496427168126,"sku":"N23209N3-1-2-2-1-3","price":10450.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C23_C23401U_Habit_4_BLK_PD.webp?v=1780337632"},{"product_id":"bicicleta-mtb-full-suspension-cannondale-habit-3-purple-haze","title":"Bicicleta MTB full suspension Cannondale Habit 3 Purple Haze","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"alignnone wp-image-217324\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"335\" height=\"59\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp class=\"product-detail-information-area__product-name\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"306599\" class=\"elementor elementor-306599\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\n\u003cdiv class=\"elementor-element elementor-element-faf0669 e-flex e-con-boxed e-con e-parent\" data-id=\"faf0669\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\n\u003cdiv class=\"elementor-element elementor-element-faa11b8 elementor-widget elementor-widget-html\" data-id=\"faa11b8\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\n\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e \u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003cbr\u003e\u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003cbr\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\"\u003e \u003cbr\u003e\n\u003cp\u003e\u003c!-- ============ Product schema (stub) ============ --\u003e\u003cbr\u003e\u003cbr\u003e\u003cscript type=\"application\/ld+json\"\u003e\u003cbr \/\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Cannondale Habit 3\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C23_C23301U_Habit_3_PRH_PD.png\",\"description\":\"Trail bike full-suspension 29 inch cu 140mm furca \/ 130mm spate. Cadru SmartForm C1 Alloy, Proportional Response Design, RockShox Pike + Deluxe Select+, SRAM NX Eagle 12-speed. Disponibil în 3 culori: Cool Mint, Grey, Purple Haze.\",\"sku\":\"C23301U\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Cannondale\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"12750\",\"priceValidUntil\":\"2026-06-30\",\"availability\":\"https:\/\/schema.org\/PreOrder\"}}\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cannondale","offers":[{"title":"S","offer_id":57496427200894,"sku":"C23401U10LG1-3-1","price":11999.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57496427233662,"sku":"C23401U30MD-1-3-1","price":11999.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57496427266430,"sku":"C23401U10LG-3-1","price":11999.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57496427299198,"sku":"N23209N3-1-2-2-1-3-1","price":11999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C23_C23301U_Habit_3_PRH_PD-1.webp?v=1780337638"}],"url":"https:\/\/www.provelo.ro\/collections\/cannondale.oembed","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}