{"title":"Orbea Laufey","description":"\u003cp\u003eOrbea Laufey — hardtail-ul perfect pentru a-ți șlefui tehnica. Manevrabilitate precisă și senzație vioaie, mountain biking pur și direct.\u003c\/p\u003e","products":[{"product_id":"laufey-h10-s-tanzanite-matt-blue-stone-gloss","title":"Bicicleta MTB ORBEA LAUFEY H10 S Tanzanite (Matt)-Blue Stone (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Tanzanite (Matt)-Blue Stone (Gloss)","offer_id":57494313533822,"sku":"S25003P6","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Blue Stone -Spicy Lime (Gloss)","offer_id":57494313566590,"sku":"S25003P7","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Metallic Olive Green-Titanium Black (Gloss)","offer_id":57494313599358,"sku":"S25003P8","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt)-Blue Stone (Gloss)","offer_id":57494313632126,"sku":"S25005P6","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Blue Stone -Spicy Lime (Gloss)","offer_id":57494313664894,"sku":"S25005P7","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Olive Green-Titanium Black (Gloss)","offer_id":57494313697662,"sku":"S25005P8","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt)-Blue Stone (Gloss)","offer_id":57494313730430,"sku":"S25007P6","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Blue Stone -Spicy Lime (Gloss)","offer_id":57494313763198,"sku":"S25007P7","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Olive Green-Titanium Black (Gloss)","offer_id":57494313795966,"sku":"S25007P8","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt)-Blue Stone (Gloss)","offer_id":57494313828734,"sku":"S25009P6","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Blue Stone -Spicy Lime (Gloss)","offer_id":57494313861502,"sku":"S25009P7","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Olive Green-Titanium Black (Gloss)","offer_id":57494313894270,"sku":"S25009P8","price":10069.45,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/S250TTCC-P6-SIDE-LAUFEY_H10.jpg?v=1780305064"},{"product_id":"laufey-h-ltd-s-tanzanite-matt-blue-stone-gloss","title":"Bicicleta MTB ORBEA LAUFEY H-LTD S Tanzanite (Matt)-Blue Stone (Gloss)","description":"\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"285337\" class=\"elementor elementor-285337\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-60d1c8d e-flex e-con-boxed e-con e-parent\" data-id=\"60d1c8d\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-2941caf elementor-widget elementor-widget-html\" data-id=\"2941caf\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea LAUFEY - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea LAUFEY hardtail trail mountain bike, bicicletă MTB aluminiu trail, mountain bike România --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* ============================================\n CSS VARIABLES \u0026 DESIGN SYSTEM - LAUFEY EDITION\n Apple Style: Only white + gray, rainbow gradients\n ============================================ *\/\n .laufey-page {\n --laufey-black: #1d1d1f;\n --laufey-white: #ffffff;\n --laufey-gray-50: #fafafa;\n --laufey-gray-100: #f5f5f7;\n --laufey-gray-200: #e8e8ed;\n --laufey-gray-300: #d2d2d7;\n --laufey-gray-500: #86868b;\n --laufey-gray-600: #6e6e73;\n --laufey-gray-700: #515154;\n --laufey-gray-800: #2d2d2d;\n --laufey-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* LAUFEY Accent Colors (kept for dot selectors) *\/\n --laufey-orange: #ea580c;\n --laufey-orange-light: #f97316;\n --laufey-orange-dark: #c2410c;\u003c\/p\u003e\n\u003cp\u003e --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\n\u003cp\u003e \/* Animation timing functions *\/\n --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\n --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\n --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\n ============================================ *\/\n html, body {\n overflow-x: hidden !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-page {\n width: 100% !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n position: relative !important;\n overflow-x: hidden !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fw-parent {\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n border-radius: 0 !important;\n overflow: hidden !important;\n box-sizing: border-box !important;\n max-width: 100vw !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container:has(.laufey-page),\n .elementor-element:has(.laufey-page) {\n max-width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n overflow-x: hidden !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-section:has(.laufey-page),\n .elementor-container:has(.laufey-page),\n .elementor-column:has(.laufey-page),\n .elementor-widget:has(.laufey-page) {\n padding: 0 !important;\n margin: 0 !important;\n gap: 0 !important;\n max-width: 100% !important;\n overflow-x: hidden !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .laufey-page h1,\n .elementor-widget-container .laufey-page h2,\n .elementor-widget-container .laufey-page h3,\n .elementor-widget-container .laufey-page h4,\n .elementor-widget-container .laufey-page h5,\n .elementor-widget-container .laufey-page h6,\n .elementor-kit-6 .laufey-page h1,\n .elementor-kit-6 .laufey-page h2,\n .elementor-kit-6 .laufey-page h3,\n .elementor-kit-6 .laufey-page h4,\n .elementor-kit-6 .laufey-page h5,\n .elementor-kit-6 .laufey-page h6,\n .laufey-page h1,\n .laufey-page h2,\n .laufey-page h3,\n .laufey-page h4,\n .laufey-page h5,\n .laufey-page h6 {\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\n color: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-kit-6 .laufey-page h2,\n .elementor-widget-container .laufey-page h2 {\n font-size: inherit !important;\n font-weight: inherit !important;\n line-height: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n WOOCOMMERCE TAB PANEL H2 OVERRIDE\n ============================================ *\/\n .single-product-tabs .woocommerce-Tabs-panel .laufey-page h2,\n .woocommerce-Tabs-panel .laufey-page h2,\n .laufey-page h2.laufey-title-main,\n .laufey-page h2 {\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .laufey-page {\n font-family: var(--font-main);\n color: var(--laufey-black);\n background: var(--laufey-white);\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow-x: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-page img,\n .laufey-page video {\n max-width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n KEYFRAME ANIMATIONS\n ============================================ *\/\n @keyframes fadeInUp {\n 0% { opacity: 0; transform: translateY(40px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes blurFadeIn {\n 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\n 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes scaleReveal {\n 0% { opacity: 0; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE \"PRIVACY\" RAINBOW GRADIENT\n The single gradient used everywhere\n blue → purple → pink → red → orange\n ============================================ *\/\n .laufey-gradient,\n .laufey-page .laufey-gradient,\n .elementor-widget-container .laufey-gradient {\n background: linear-gradient(90deg, #2997ff 0%, #6366f1 25%, #a855f7 45%, #ec4899 65%, #ef4444 80%, #f97316 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Variation: starts more blue-purple *\/\n .laufey-gradient-cool,\n .laufey-page .laufey-gradient-cool,\n .elementor-widget-container .laufey-gradient-cool {\n background: linear-gradient(90deg, #0071e3 0%, #2997ff 20%, #6366f1 45%, #a855f7 70%, #ec4899 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Variation: warm side - pink → red → orange *\/\n .laufey-gradient-warm,\n .laufey-page .laufey-gradient-warm,\n .elementor-widget-container .laufey-gradient-warm {\n background: linear-gradient(90deg, #6366f1 0%, #a855f7 20%, #ec4899 45%, #ef4444 70%, #f97316 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Variation: reverse direction *\/\n .laufey-gradient-reverse,\n .laufey-page .laufey-gradient-reverse,\n .elementor-widget-container .laufey-gradient-reverse {\n background: linear-gradient(90deg, #f97316 0%, #ef4444 20%, #ec4899 45%, #a855f7 70%, #6366f1 90%, #2997ff 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE-STYLE TYPOGRAPHY SYSTEM\n ============================================ *\/\n .laufey-display-hero {\n font-size: clamp(4rem, 12vw, 11rem) !important;\n font-weight: 900 !important;\n letter-spacing: -0.03em !important;\n line-height: 1 !important;\n text-transform: uppercase;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-page .laufey-title-main,\n .elementor-kit-6 .laufey-page .laufey-title-main,\n .elementor-widget-container .laufey-page .laufey-title-main {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.1 !important;\n margin-bottom: 0.25rem !important;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-page .laufey-title-secondary,\n .elementor-kit-6 .laufey-page .laufey-title-secondary,\n .elementor-widget-container .laufey-page .laufey-title-secondary {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.15 !important;\n color: var(--laufey-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--laufey-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-subtitle-apple strong {\n color: var(--laufey-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - LIGHT APPLE STYLE\n ============================================ *\/\n .laufey-hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 600px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #000000;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-hero-video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.35);\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n color: var(--laufey-white);\n padding: 0 24px;\n max-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-hero-eyebrow {\n font-size: 0.95rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.25em;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 20px;\n opacity: 0;\n animation: blurFadeIn 1s var(--ease-out-expo) 0.1s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-hero-title {\n color: #ffffff !important;\n margin-bottom: 24px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-hero-subtitle {\n font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n font-weight: 400;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.85);\n max-width: 650px;\n margin: 0 auto 32px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL WIDTH USP IMAGES WITH TEXT OVERLAY\n ============================================ *\/\n .laufey-fullwidth-usp {\n position: relative;\n width: 100%;\n line-height: 0;\n margin: 0 !important;\n padding: 0 !important;\n border: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fullwidth-usp img {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fullwidth-usp-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding: 60px;\n line-height: 1.5;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fullwidth-usp-title {\n font-size: clamp(1.75rem, 3vw, 2.5rem) !important;\n font-weight: 800 !important;\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n margin-bottom: 16px !important;\n line-height: 1.2 !important;\n text-shadow: 0 2px 15px rgba(0,0,0,0.4);\n max-width: 500px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fullwidth-usp-text {\n font-size: clamp(0.875rem, 1.5vw, 1rem);\n color: rgba(255, 255, 255, 0.9) !important;\n -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;\n line-height: 1.7;\n max-width: 500px;\n text-shadow: 0 1px 8px rgba(0,0,0,0.3);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .laufey-fullwidth-usp-overlay {\n padding: 30px 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fullwidth-usp-title {\n font-size: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fullwidth-usp-text {\n font-size: 0.8125rem;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .laufey-page section {\n margin: 0 !important;\n padding-top: 0;\n border: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-page \u003e section + section {\n margin-top: 0 !important;\n border-top: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HIGHLIGHTS GRID - 3 CARDS\n ============================================ *\/\n .laufey-highlights-section {\n padding: 0;\n background: var(--laufey-white);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlights-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlight-card {\n position: relative;\n overflow: hidden;\n aspect-ratio: 4\/5;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlight-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlight-card:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlight-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 40px 32px;\n background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlight-title {\n font-size: clamp(1.5rem, 2.5vw, 2rem);\n font-weight: 700;\n color: #ffffff !important;\n margin-bottom: 12px;\n line-height: 1.2;\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlight-text {\n font-size: 0.9375rem;\n color: rgba(255, 255, 255, 0.8);\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n CONTENT SECTIONS - WHITE + APPLE GRAY ONLY\n ============================================ *\/\n .laufey-section-white {\n padding: 120px 24px;\n background: var(--laufey-white);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-section-gray {\n padding: 120px 24px;\n background: var(--laufey-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-container-wide {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-container-xl {\n max-width: 1600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPLIT LAYOUTS\n ============================================ *\/\n .laufey-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-split-image {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-split-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-split-content h3 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 700;\n margin-bottom: 20px;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-split-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--laufey-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-split-content p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TECH FEATURES CAROUSEL - LIGHT VERSION\n ============================================ *\/\n .laufey-tech-carousel {\n display: flex;\n gap: 12px;\n overflow-x: auto;\n scroll-behavior: smooth;\n scrollbar-width: none;\n -ms-overflow-style: none;\n padding: 0 20px 40px;\n margin-top: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-carousel::-webkit-scrollbar {\n display: none;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide {\n flex: 0 0 340px;\n height: 380px;\n border-radius: 20px;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide:hover {\n transform: scale(1.03) translateY(-5px);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide:hover img {\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide-content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 35px 25px;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide-number {\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 2px;\n margin-bottom: 10px;\n background: linear-gradient(90deg, #2997ff, #a855f7, #ef4444);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide-name {\n font-size: 1.3rem;\n font-weight: 700;\n color: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-carousel-progress {\n max-width: 600px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-progress-bar {\n height: 3px;\n background: var(--laufey-gray-200);\n border-radius: 2px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-progress-fill {\n height: 100%;\n background: linear-gradient(90deg, #2997ff 0%, #a855f7 50%, #ef4444 100%);\n width: 25%;\n transition: transform 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-carousel-nav {\n display: flex;\n justify-content: flex-end;\n gap: 12px;\n max-width: 1400px;\n margin: 25px auto 0;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-carousel-btn {\n width: 50px;\n height: 50px;\n border: 1px solid var(--laufey-gray-300);\n background: transparent;\n border-radius: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-carousel-btn:hover {\n background: var(--laufey-gray-100);\n border-color: var(--laufey-gray-500);\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-carousel-btn svg {\n width: 22px;\n height: 22px;\n stroke: var(--laufey-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DESIGN DETAILS - CARDS\n ============================================ *\/\n .laufey-design-features {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 28px;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card {\n background: var(--laufey-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n border: 1px solid var(--laufey-gray-200);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n border-color: var(--laufey-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card:hover .laufey-design-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card-content {\n padding: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--laufey-black);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--laufey-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n GEOMETRY SECTION\n ============================================ *\/\n .laufey-stats-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 24px;\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-stat-item {\n text-align: center;\n padding: 32px 16px;\n background: var(--laufey-white);\n border-radius: 20px;\n border: 1px solid var(--laufey-gray-200);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n transition: all 0.4s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-stat-item:hover {\n border-color: var(--laufey-gray-300);\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-stat-number {\n font-size: clamp(2rem, 4vw, 3.5rem);\n font-weight: 800;\n letter-spacing: -0.03em;\n line-height: 1;\n margin-bottom: 8px;\n background: linear-gradient(90deg, #2997ff 0%, #6366f1 30%, #a855f7 50%, #ec4899 70%, #ef4444 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--laufey-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n COMPARISON TABLE - LIGHT VERSION\n ============================================ *\/\n .laufey-comparison-table-wrapper {\n overflow-x: auto;\n margin-top: 60px;\n border-radius: 16px;\n background: var(--laufey-white);\n box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n border: 1px solid var(--laufey-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 800px;\n font-size: 0.9375rem;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table thead {\n background: var(--laufey-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table th {\n padding: 20px 16px;\n text-align: center;\n font-weight: 700;\n font-size: 0.8125rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n white-space: nowrap;\n color: var(--laufey-black);\n border-bottom: 2px solid var(--laufey-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table th:first-child {\n text-align: left;\n padding-left: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table tbody tr {\n border-bottom: 1px solid var(--laufey-gray-200);\n transition: background 0.2s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table tbody tr:hover {\n background: var(--laufey-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table tbody tr:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table td {\n padding: 18px 16px;\n text-align: center;\n color: var(--laufey-gray-700);\n vertical-align: top;\n line-height: 1.5;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table td:first-child {\n text-align: left;\n padding-left: 24px;\n font-weight: 600;\n color: var(--laufey-black);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table th:first-child,\n .laufey-comparison-table td:first-child {\n position: sticky;\n left: 0;\n background: inherit;\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table thead th:first-child {\n background: var(--laufey-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table tbody tr:hover td:first-child {\n background: var(--laufey-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-spec-highlight {\n font-weight: 600;\n color: var(--laufey-black);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-price-cell {\n font-weight: 700;\n font-size: 1.0625rem;\n white-space: nowrap;\n background: linear-gradient(90deg, #6366f1, #ec4899, #ef4444);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SIZING TABLE - ORBEA PILL\/TRACK STYLE\n ============================================ *\/\n .laufey-sizing-wrapper {\n max-width: 1100px;\n margin: 60px auto 0;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row {\n display: flex;\n align-items: center;\n padding: 24px 0;\n border-bottom: 1px solid var(--laufey-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row-header {\n padding: 16px 0;\n border-bottom: 1px solid var(--laufey-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-size {\n width: 60px;\n flex-shrink: 0;\n font-weight: 700;\n font-size: 1.125rem;\n color: var(--laufey-black);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-size {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--laufey-gray-500);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-track-area {\n flex: 1;\n position: relative;\n height: 40px;\n display: flex;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-track-area {\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-track-area span {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--laufey-gray-500);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-pill {\n position: absolute;\n height: 36px;\n border-radius: 20px;\n background: var(--laufey-gray-100);\n border: 1px solid var(--laufey-gray-200);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--laufey-gray-700);\n white-space: nowrap;\n padding: 0 20px;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row:hover .laufey-sizing-pill {\n background: var(--laufey-gray-200);\n border-color: var(--laufey-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-note {\n text-align: left;\n margin-top: 24px;\n font-size: 0.8125rem;\n color: var(--laufey-gray-500);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 600px) {\n .laufey-sizing-row {\n padding: 18px 0;\n }\n .laufey-sizing-size {\n width: 40px;\n font-size: 1rem;\n }\n .laufey-sizing-pill {\n height: 32px;\n font-size: 0.8125rem;\n padding: 0 14px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DEALER BADGE \u0026 CTA - LIGHT VERSION\n ============================================ *\/\n .laufey-dealer-section {\n padding: 60px 24px;\n background: var(--laufey-gray-100);\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-dealer-content {\n max-width: 600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-dealer-title {\n font-size: clamp(1.25rem, 2.5vw, 1.75rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.01em !important;\n color: var(--laufey-black) !important;\n margin-bottom: 12px !important;\n line-height: 1.3 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-dealer-subtitle {\n font-size: 1rem;\n color: var(--laufey-gray-600);\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-dealer-subtitle a {\n font-weight: 600;\n text-decoration: none;\n border-bottom: 2px solid var(--laufey-gray-300);\n transition: border-color 0.3s ease;\n background: linear-gradient(90deg, #6366f1, #ec4899);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-dealer-subtitle a:hover {\n border-color: #a855f7;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-section {\n background: var(--laufey-gray-100);\n padding: 120px 24px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-content {\n position: relative;\n z-index: 2;\n max-width: 700px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin-bottom: 2rem;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-badge-line {\n width: 40px;\n height: 1px;\n background: var(--laufey-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-badge-text {\n font-size: 0.8125rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--laufey-gray-500);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-buttons {\n display: flex;\n gap: 1rem;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 2rem;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 1rem 2rem;\n font-family: var(--font-main);\n font-size: 1rem;\n font-weight: 500;\n text-decoration: none;\n border-radius: 50px;\n transition: all 0.3s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-btn-primary {\n background: var(--laufey-black);\n color: var(--laufey-white);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-btn-primary:hover {\n background: #333;\n transform: scale(1.02);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-btn-outline {\n background: transparent;\n color: var(--laufey-black);\n border: 2px solid var(--laufey-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-btn-outline:hover {\n background: var(--laufey-white);\n border-color: var(--laufey-gray-500);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n END VIDEO SECTION\n ============================================ *\/\n .laufey-end-video-section {\n width: 100%;\n line-height: 0;\n margin: 0 !important;\n padding: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-end-video-section video {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SCROLL REVEAL\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Tanzanite (Matt)-Blue Stone (Gloss)","offer_id":57494313992574,"sku":"S25103P6","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Blue Stone -Spicy Lime (Gloss)","offer_id":57494314025342,"sku":"S25103P7","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Metallic Olive Green-Titanium Black (Gloss)","offer_id":57494314058110,"sku":"S25103P8","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt)-Blue Stone (Gloss)","offer_id":57494314090878,"sku":"S25105P6","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Blue Stone -Spicy Lime (Gloss)","offer_id":57494314123646,"sku":"S25105P7","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Olive Green-Titanium Black (Gloss)","offer_id":57494314156414,"sku":"S25105P8","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt)-Blue Stone (Gloss)","offer_id":57494314189182,"sku":"S25107P6","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Blue Stone -Spicy Lime (Gloss)","offer_id":57494314221950,"sku":"S25107P7","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Olive Green-Titanium Black (Gloss)","offer_id":57494314254718,"sku":"S25107P8","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt)-Blue Stone (Gloss)","offer_id":57494314287486,"sku":"S25109P6","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Blue Stone -Spicy Lime (Gloss)","offer_id":57494314320254,"sku":"S25109P7","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Olive Green-Titanium Black (Gloss)","offer_id":57494314353022,"sku":"S25109P8","price":13250.95,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/S251TTCC-P6-SIDE-LAUFEY_HLTD.jpg?v=1780305066"},{"product_id":"laufey-h30-s-digital-lavender-acid-gum-gloss","title":"Bicicleta MTB ORBEA LAUFEY H30","description":"\u003ch1 style=\"text-align: center;\"\u003e\u003cb\u003eOrbea Laufey H30: Hardtail-ul Agresiv Construit pentru Distracție Maximă\u003c\/b\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"285337\" class=\"elementor elementor-285337\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-60d1c8d e-flex e-con-boxed e-con e-parent\" data-id=\"60d1c8d\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-2941caf elementor-widget elementor-widget-html\" data-id=\"2941caf\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea LAUFEY - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea LAUFEY hardtail trail mountain bike, bicicletă MTB aluminiu trail, mountain bike România --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* ============================================\n CSS VARIABLES \u0026 DESIGN SYSTEM - LAUFEY EDITION\n Apple Style: Only white + gray, rainbow gradients\n ============================================ *\/\n .laufey-page {\n --laufey-black: #1d1d1f;\n --laufey-white: #ffffff;\n --laufey-gray-50: #fafafa;\n --laufey-gray-100: #f5f5f7;\n --laufey-gray-200: #e8e8ed;\n --laufey-gray-300: #d2d2d7;\n --laufey-gray-500: #86868b;\n --laufey-gray-600: #6e6e73;\n --laufey-gray-700: #515154;\n --laufey-gray-800: #2d2d2d;\n --laufey-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* LAUFEY Accent Colors (kept for dot selectors) *\/\n --laufey-orange: #ea580c;\n --laufey-orange-light: #f97316;\n --laufey-orange-dark: #c2410c;\u003c\/p\u003e\n\u003cp\u003e --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\n\u003cp\u003e \/* Animation timing functions *\/\n --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\n --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\n --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\n ============================================ *\/\n html, body {\n overflow-x: hidden !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-page {\n width: 100% !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n position: relative !important;\n overflow-x: hidden !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fw-parent {\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n border-radius: 0 !important;\n overflow: hidden !important;\n box-sizing: border-box !important;\n max-width: 100vw !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container:has(.laufey-page),\n .elementor-element:has(.laufey-page) {\n max-width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n overflow-x: hidden !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-section:has(.laufey-page),\n .elementor-container:has(.laufey-page),\n .elementor-column:has(.laufey-page),\n .elementor-widget:has(.laufey-page) {\n padding: 0 !important;\n margin: 0 !important;\n gap: 0 !important;\n max-width: 100% !important;\n overflow-x: hidden !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .laufey-page h1,\n .elementor-widget-container .laufey-page h2,\n .elementor-widget-container .laufey-page h3,\n .elementor-widget-container .laufey-page h4,\n .elementor-widget-container .laufey-page h5,\n .elementor-widget-container .laufey-page h6,\n .elementor-kit-6 .laufey-page h1,\n .elementor-kit-6 .laufey-page h2,\n .elementor-kit-6 .laufey-page h3,\n .elementor-kit-6 .laufey-page h4,\n .elementor-kit-6 .laufey-page h5,\n .elementor-kit-6 .laufey-page h6,\n .laufey-page h1,\n .laufey-page h2,\n .laufey-page h3,\n .laufey-page h4,\n .laufey-page h5,\n .laufey-page h6 {\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\n color: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-kit-6 .laufey-page h2,\n .elementor-widget-container .laufey-page h2 {\n font-size: inherit !important;\n font-weight: inherit !important;\n line-height: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n WOOCOMMERCE TAB PANEL H2 OVERRIDE\n ============================================ *\/\n .single-product-tabs .woocommerce-Tabs-panel .laufey-page h2,\n .woocommerce-Tabs-panel .laufey-page h2,\n .laufey-page h2.laufey-title-main,\n .laufey-page h2 {\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .laufey-page {\n font-family: var(--font-main);\n color: var(--laufey-black);\n background: var(--laufey-white);\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow-x: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-page img,\n .laufey-page video {\n max-width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n KEYFRAME ANIMATIONS\n ============================================ *\/\n @keyframes fadeInUp {\n 0% { opacity: 0; transform: translateY(40px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes blurFadeIn {\n 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\n 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes scaleReveal {\n 0% { opacity: 0; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE \"PRIVACY\" RAINBOW GRADIENT\n The single gradient used everywhere\n blue → purple → pink → red → orange\n ============================================ *\/\n .laufey-gradient,\n .laufey-page .laufey-gradient,\n .elementor-widget-container .laufey-gradient {\n background: linear-gradient(90deg, #2997ff 0%, #6366f1 25%, #a855f7 45%, #ec4899 65%, #ef4444 80%, #f97316 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Variation: starts more blue-purple *\/\n .laufey-gradient-cool,\n .laufey-page .laufey-gradient-cool,\n .elementor-widget-container .laufey-gradient-cool {\n background: linear-gradient(90deg, #0071e3 0%, #2997ff 20%, #6366f1 45%, #a855f7 70%, #ec4899 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Variation: warm side - pink → red → orange *\/\n .laufey-gradient-warm,\n .laufey-page .laufey-gradient-warm,\n .elementor-widget-container .laufey-gradient-warm {\n background: linear-gradient(90deg, #6366f1 0%, #a855f7 20%, #ec4899 45%, #ef4444 70%, #f97316 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Variation: reverse direction *\/\n .laufey-gradient-reverse,\n .laufey-page .laufey-gradient-reverse,\n .elementor-widget-container .laufey-gradient-reverse {\n background: linear-gradient(90deg, #f97316 0%, #ef4444 20%, #ec4899 45%, #a855f7 70%, #6366f1 90%, #2997ff 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE-STYLE TYPOGRAPHY SYSTEM\n ============================================ *\/\n .laufey-display-hero {\n font-size: clamp(4rem, 12vw, 11rem) !important;\n font-weight: 900 !important;\n letter-spacing: -0.03em !important;\n line-height: 1 !important;\n text-transform: uppercase;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-page .laufey-title-main,\n .elementor-kit-6 .laufey-page .laufey-title-main,\n .elementor-widget-container .laufey-page .laufey-title-main {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.1 !important;\n margin-bottom: 0.25rem !important;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-page .laufey-title-secondary,\n .elementor-kit-6 .laufey-page .laufey-title-secondary,\n .elementor-widget-container .laufey-page .laufey-title-secondary {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.15 !important;\n color: var(--laufey-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--laufey-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-subtitle-apple strong {\n color: var(--laufey-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - LIGHT APPLE STYLE\n ============================================ *\/\n .laufey-hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 600px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #000000;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-hero-video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.35);\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n color: var(--laufey-white);\n padding: 0 24px;\n max-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-hero-eyebrow {\n font-size: 0.95rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.25em;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 20px;\n opacity: 0;\n animation: blurFadeIn 1s var(--ease-out-expo) 0.1s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-hero-title {\n color: #ffffff !important;\n margin-bottom: 24px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-hero-subtitle {\n font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n font-weight: 400;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.85);\n max-width: 650px;\n margin: 0 auto 32px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL WIDTH USP IMAGES WITH TEXT OVERLAY\n ============================================ *\/\n .laufey-fullwidth-usp {\n position: relative;\n width: 100%;\n line-height: 0;\n margin: 0 !important;\n padding: 0 !important;\n border: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fullwidth-usp img {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fullwidth-usp-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding: 60px;\n line-height: 1.5;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fullwidth-usp-title {\n font-size: clamp(1.75rem, 3vw, 2.5rem) !important;\n font-weight: 800 !important;\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n margin-bottom: 16px !important;\n line-height: 1.2 !important;\n text-shadow: 0 2px 15px rgba(0,0,0,0.4);\n max-width: 500px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fullwidth-usp-text {\n font-size: clamp(0.875rem, 1.5vw, 1rem);\n color: rgba(255, 255, 255, 0.9) !important;\n -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;\n line-height: 1.7;\n max-width: 500px;\n text-shadow: 0 1px 8px rgba(0,0,0,0.3);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .laufey-fullwidth-usp-overlay {\n padding: 30px 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fullwidth-usp-title {\n font-size: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-fullwidth-usp-text {\n font-size: 0.8125rem;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .laufey-page section {\n margin: 0 !important;\n padding-top: 0;\n border: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-page \u003e section + section {\n margin-top: 0 !important;\n border-top: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HIGHLIGHTS GRID - 3 CARDS\n ============================================ *\/\n .laufey-highlights-section {\n padding: 0;\n background: var(--laufey-white);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlights-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlight-card {\n position: relative;\n overflow: hidden;\n aspect-ratio: 4\/5;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlight-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlight-card:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlight-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 40px 32px;\n background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlight-title {\n font-size: clamp(1.5rem, 2.5vw, 2rem);\n font-weight: 700;\n color: #ffffff !important;\n margin-bottom: 12px;\n line-height: 1.2;\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-highlight-text {\n font-size: 0.9375rem;\n color: rgba(255, 255, 255, 0.8);\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n CONTENT SECTIONS - WHITE + APPLE GRAY ONLY\n ============================================ *\/\n .laufey-section-white {\n padding: 120px 24px;\n background: var(--laufey-white);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-section-gray {\n padding: 120px 24px;\n background: var(--laufey-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-container-wide {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-container-xl {\n max-width: 1600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPLIT LAYOUTS\n ============================================ *\/\n .laufey-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-split-image {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-split-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-split-content h3 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 700;\n margin-bottom: 20px;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-split-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--laufey-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-split-content p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TECH FEATURES CAROUSEL - LIGHT VERSION\n ============================================ *\/\n .laufey-tech-carousel {\n display: flex;\n gap: 12px;\n overflow-x: auto;\n scroll-behavior: smooth;\n scrollbar-width: none;\n -ms-overflow-style: none;\n padding: 0 20px 40px;\n margin-top: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-carousel::-webkit-scrollbar {\n display: none;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide {\n flex: 0 0 340px;\n height: 380px;\n border-radius: 20px;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide:hover {\n transform: scale(1.03) translateY(-5px);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide:hover img {\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide-content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 35px 25px;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide-number {\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 2px;\n margin-bottom: 10px;\n background: linear-gradient(90deg, #2997ff, #a855f7, #ef4444);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-tech-slide-name {\n font-size: 1.3rem;\n font-weight: 700;\n color: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-carousel-progress {\n max-width: 600px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-progress-bar {\n height: 3px;\n background: var(--laufey-gray-200);\n border-radius: 2px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-progress-fill {\n height: 100%;\n background: linear-gradient(90deg, #2997ff 0%, #a855f7 50%, #ef4444 100%);\n width: 25%;\n transition: transform 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-carousel-nav {\n display: flex;\n justify-content: flex-end;\n gap: 12px;\n max-width: 1400px;\n margin: 25px auto 0;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-carousel-btn {\n width: 50px;\n height: 50px;\n border: 1px solid var(--laufey-gray-300);\n background: transparent;\n border-radius: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-carousel-btn:hover {\n background: var(--laufey-gray-100);\n border-color: var(--laufey-gray-500);\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-carousel-btn svg {\n width: 22px;\n height: 22px;\n stroke: var(--laufey-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DESIGN DETAILS - CARDS\n ============================================ *\/\n .laufey-design-features {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 28px;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card {\n background: var(--laufey-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n border: 1px solid var(--laufey-gray-200);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n border-color: var(--laufey-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card:hover .laufey-design-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card-content {\n padding: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--laufey-black);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-design-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--laufey-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n GEOMETRY SECTION\n ============================================ *\/\n .laufey-stats-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 24px;\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-stat-item {\n text-align: center;\n padding: 32px 16px;\n background: var(--laufey-white);\n border-radius: 20px;\n border: 1px solid var(--laufey-gray-200);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n transition: all 0.4s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-stat-item:hover {\n border-color: var(--laufey-gray-300);\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-stat-number {\n font-size: clamp(2rem, 4vw, 3.5rem);\n font-weight: 800;\n letter-spacing: -0.03em;\n line-height: 1;\n margin-bottom: 8px;\n background: linear-gradient(90deg, #2997ff 0%, #6366f1 30%, #a855f7 50%, #ec4899 70%, #ef4444 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--laufey-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n COMPARISON TABLE - LIGHT VERSION\n ============================================ *\/\n .laufey-comparison-table-wrapper {\n overflow-x: auto;\n margin-top: 60px;\n border-radius: 16px;\n background: var(--laufey-white);\n box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n border: 1px solid var(--laufey-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 800px;\n font-size: 0.9375rem;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table thead {\n background: var(--laufey-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table th {\n padding: 20px 16px;\n text-align: center;\n font-weight: 700;\n font-size: 0.8125rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n white-space: nowrap;\n color: var(--laufey-black);\n border-bottom: 2px solid var(--laufey-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table th:first-child {\n text-align: left;\n padding-left: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table tbody tr {\n border-bottom: 1px solid var(--laufey-gray-200);\n transition: background 0.2s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table tbody tr:hover {\n background: var(--laufey-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table tbody tr:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table td {\n padding: 18px 16px;\n text-align: center;\n color: var(--laufey-gray-700);\n vertical-align: top;\n line-height: 1.5;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table td:first-child {\n text-align: left;\n padding-left: 24px;\n font-weight: 600;\n color: var(--laufey-black);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table th:first-child,\n .laufey-comparison-table td:first-child {\n position: sticky;\n left: 0;\n background: inherit;\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table thead th:first-child {\n background: var(--laufey-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-comparison-table tbody tr:hover td:first-child {\n background: var(--laufey-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-spec-highlight {\n font-weight: 600;\n color: var(--laufey-black);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-price-cell {\n font-weight: 700;\n font-size: 1.0625rem;\n white-space: nowrap;\n background: linear-gradient(90deg, #6366f1, #ec4899, #ef4444);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SIZING TABLE - ORBEA PILL\/TRACK STYLE\n ============================================ *\/\n .laufey-sizing-wrapper {\n max-width: 1100px;\n margin: 60px auto 0;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row {\n display: flex;\n align-items: center;\n padding: 24px 0;\n border-bottom: 1px solid var(--laufey-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row-header {\n padding: 16px 0;\n border-bottom: 1px solid var(--laufey-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-size {\n width: 60px;\n flex-shrink: 0;\n font-weight: 700;\n font-size: 1.125rem;\n color: var(--laufey-black);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-size {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--laufey-gray-500);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-track-area {\n flex: 1;\n position: relative;\n height: 40px;\n display: flex;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-track-area {\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-track-area span {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--laufey-gray-500);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-pill {\n position: absolute;\n height: 36px;\n border-radius: 20px;\n background: var(--laufey-gray-100);\n border: 1px solid var(--laufey-gray-200);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--laufey-gray-700);\n white-space: nowrap;\n padding: 0 20px;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-row:hover .laufey-sizing-pill {\n background: var(--laufey-gray-200);\n border-color: var(--laufey-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-sizing-note {\n text-align: left;\n margin-top: 24px;\n font-size: 0.8125rem;\n color: var(--laufey-gray-500);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 600px) {\n .laufey-sizing-row {\n padding: 18px 0;\n }\n .laufey-sizing-size {\n width: 40px;\n font-size: 1rem;\n }\n .laufey-sizing-pill {\n height: 32px;\n font-size: 0.8125rem;\n padding: 0 14px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DEALER BADGE \u0026 CTA - LIGHT VERSION\n ============================================ *\/\n .laufey-dealer-section {\n padding: 60px 24px;\n background: var(--laufey-gray-100);\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-dealer-content {\n max-width: 600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-dealer-title {\n font-size: clamp(1.25rem, 2.5vw, 1.75rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.01em !important;\n color: var(--laufey-black) !important;\n margin-bottom: 12px !important;\n line-height: 1.3 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-dealer-subtitle {\n font-size: 1rem;\n color: var(--laufey-gray-600);\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-dealer-subtitle a {\n font-weight: 600;\n text-decoration: none;\n border-bottom: 2px solid var(--laufey-gray-300);\n transition: border-color 0.3s ease;\n background: linear-gradient(90deg, #6366f1, #ec4899);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-dealer-subtitle a:hover {\n border-color: #a855f7;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-section {\n background: var(--laufey-gray-100);\n padding: 120px 24px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-content {\n position: relative;\n z-index: 2;\n max-width: 700px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin-bottom: 2rem;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-badge-line {\n width: 40px;\n height: 1px;\n background: var(--laufey-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-badge-text {\n font-size: 0.8125rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--laufey-gray-500);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-buttons {\n display: flex;\n gap: 1rem;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 2rem;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 1rem 2rem;\n font-family: var(--font-main);\n font-size: 1rem;\n font-weight: 500;\n text-decoration: none;\n border-radius: 50px;\n transition: all 0.3s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-btn-primary {\n background: var(--laufey-black);\n color: var(--laufey-white);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-btn-primary:hover {\n background: #333;\n transform: scale(1.02);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-btn-outline {\n background: transparent;\n color: var(--laufey-black);\n border: 2px solid var(--laufey-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-cta-btn-outline:hover {\n background: var(--laufey-white);\n border-color: var(--laufey-gray-500);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n END VIDEO SECTION\n ============================================ *\/\n .laufey-end-video-section {\n width: 100%;\n line-height: 0;\n margin: 0 !important;\n padding: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .laufey-end-video-section video {\n width: 100%;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57494470099326,"sku":"T23303PG","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57494470132094,"sku":"T23303PH","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470164862,"sku":"T23303PI","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57494470197630,"sku":"T23305PG","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57494470230398,"sku":"T23305PH","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470263166,"sku":"T23305PI","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57494470295934,"sku":"T23307PG","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57494470328702,"sku":"T23307PH","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470361470,"sku":"T23307PI","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57494470394238,"sku":"T23309PG","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57494470427006,"sku":"T23309PH","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470459774,"sku":"T23309PI","price":6499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T233TTCC-PG-SIDE-LAUFEY_H30.jpg?v=1780307315"},{"product_id":"laufey-h30-s-digital-lavender-acid-gum-gloss-2","title":"LAUFEY H30 S Digital Lavender - Acid Gum (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57495994270078,"sku":"U23203PG","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57495994302846,"sku":"U23203PH","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57495994335614,"sku":"U23203PI","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57495994368382,"sku":"U23205PG","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57495994401150,"sku":"U23205PH","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57495994433918,"sku":"U23205PI","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57495994466686,"sku":"U23207PG","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57495994499454,"sku":"U23207PH","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57495994532222,"sku":"U23207PI","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57495994564990,"sku":"U23209PG","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57495994597758,"sku":"U23209PH","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57495994630526,"sku":"U23209PI","price":7948.45,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/default_orbea_image_95afc174-b4a6-474d-b8eb-78ce39930c85.png?v=1780324458"},{"product_id":"laufey-h10-s-digital-lavender-acid-gum-gloss-2","title":"LAUFEY H10 S Digital Lavender - Acid Gum (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57495994696062,"sku":"U23303PG","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57495994728830,"sku":"U23303PH","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57495994761598,"sku":"U23303PI","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57495994794366,"sku":"U23305PG","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57495994827134,"sku":"U23305PH","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57495994859902,"sku":"U23305PI","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57495994892670,"sku":"U23307PG","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57495994925438,"sku":"U23307PH","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57495994958206,"sku":"U23307PI","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57495994990974,"sku":"U23309PG","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57495995023742,"sku":"U23309PH","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57495995056510,"sku":"U23309PI","price":10069.45,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/default_orbea_image_765670f0-1296-4bdf-b10d-9af3be8527c8.png?v=1780324461"},{"product_id":"laufey-h-ltd-s-digital-lavender-acid-gum-gloss-2","title":"LAUFEY H-LTD S Digital Lavender - Acid Gum (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57495995154814,"sku":"U23403PG","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57495995187582,"sku":"U23403PH","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57495995220350,"sku":"U23403PI","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57495995253118,"sku":"U23405PG","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57495995285886,"sku":"U23405PH","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57495995318654,"sku":"U23405PI","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57495995351422,"sku":"U23407PG","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57495995384190,"sku":"U23407PH","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57495995416958,"sku":"U23407PI","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57495995449726,"sku":"U23409PG","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57495995482494,"sku":"U23409PH","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57495995515262,"sku":"U23409PI","price":13250.95,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/default_orbea_image_83b30d6a-8101-4d5c-bee2-07a809c0e965.png?v=1780324472"},{"product_id":"laufey-h30-s-tanzanite-matt-blue-stone-gloss","title":"Bicicleta MTB ORBEA LAUFEY H30","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1\u003e\u003c\/h1\u003e\u003cbr\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ORBEA LAUFEY H30\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"285337\" class=\"elementor elementor-285337\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-60d1c8d e-flex e-con-boxed e-con e-parent\" data-id=\"60d1c8d\" 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-2941caf elementor-widget elementor-widget-html\" data-id=\"2941caf\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea LAUFEY - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea LAUFEY hardtail trail mountain bike, bicicletă MTB aluminiu trail, mountain bike România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e \/* ============================================\u003cbr \/\u003e CSS VARIABLES \u0026 DESIGN SYSTEM - LAUFEY EDITION\u003cbr \/\u003e Apple Style: Only white + gray, rainbow gradients\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-page {\u003cbr \/\u003e --laufey-black: #1d1d1f;\u003cbr \/\u003e --laufey-white: #ffffff;\u003cbr \/\u003e --laufey-gray-50: #fafafa;\u003cbr \/\u003e --laufey-gray-100: #f5f5f7;\u003cbr \/\u003e --laufey-gray-200: #e8e8ed;\u003cbr \/\u003e --laufey-gray-300: #d2d2d7;\u003cbr \/\u003e --laufey-gray-500: #86868b;\u003cbr \/\u003e --laufey-gray-600: #6e6e73;\u003cbr \/\u003e --laufey-gray-700: #515154;\u003cbr \/\u003e --laufey-gray-800: #2d2d2d;\u003cbr \/\u003e --laufey-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* LAUFEY Accent Colors (kept for dot selectors) *\/\u003cbr \/\u003e --laufey-orange: #ea580c;\u003cbr \/\u003e --laufey-orange-light: #f97316;\u003cbr \/\u003e --laufey-orange-dark: #c2410c;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Animation timing functions *\/\u003cbr \/\u003e --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\u003cbr \/\u003e --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\u003cbr \/\u003e --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e html, body {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page {\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fw-parent {\u003cbr \/\u003e padding-left: 0 !important;\u003cbr \/\u003e padding-right: 0 !important;\u003cbr \/\u003e margin-left: 0 !important;\u003cbr \/\u003e margin-right: 0 !important;\u003cbr \/\u003e border-radius: 0 !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.laufey-page),\u003cbr \/\u003e .elementor-element:has(.laufey-page) {\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.laufey-page),\u003cbr \/\u003e .elementor-container:has(.laufey-page),\u003cbr \/\u003e .elementor-column:has(.laufey-page),\u003cbr \/\u003e .elementor-widget:has(.laufey-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .laufey-page h1,\u003cbr \/\u003e .elementor-widget-container .laufey-page h2,\u003cbr \/\u003e .elementor-widget-container .laufey-page h3,\u003cbr \/\u003e .elementor-widget-container .laufey-page h4,\u003cbr \/\u003e .elementor-widget-container .laufey-page h5,\u003cbr \/\u003e .elementor-widget-container .laufey-page h6,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h1,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h2,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h3,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h4,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h5,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h6,\u003cbr \/\u003e .laufey-page h1,\u003cbr \/\u003e .laufey-page h2,\u003cbr \/\u003e .laufey-page h3,\u003cbr \/\u003e .laufey-page h4,\u003cbr \/\u003e .laufey-page h5,\u003cbr \/\u003e .laufey-page h6 {\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e color: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-kit-6 .laufey-page h2,\u003cbr \/\u003e .elementor-widget-container .laufey-page h2 {\u003cbr \/\u003e font-size: inherit !important;\u003cbr \/\u003e font-weight: inherit !important;\u003cbr \/\u003e line-height: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .laufey-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .laufey-page h2,\u003cbr \/\u003e .laufey-page h2.laufey-title-main,\u003cbr \/\u003e .laufey-page h2 {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e overflow-x: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page img,\u003cbr \/\u003e .laufey-page video {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e KEYFRAME ANIMATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @keyframes fadeInUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e 100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE \"PRIVACY\" RAINBOW GRADIENT\u003cbr \/\u003e The single gradient used everywhere\u003cbr \/\u003e blue → purple → pink → red → orange\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-gradient,\u003cbr \/\u003e .laufey-page .laufey-gradient,\u003cbr \/\u003e .elementor-widget-container .laufey-gradient {\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff 0%, #6366f1 25%, #a855f7 45%, #ec4899 65%, #ef4444 80%, #f97316 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Variation: starts more blue-purple *\/\u003cbr \/\u003e .laufey-gradient-cool,\u003cbr \/\u003e .laufey-page .laufey-gradient-cool,\u003cbr \/\u003e .elementor-widget-container .laufey-gradient-cool {\u003cbr \/\u003e background: linear-gradient(90deg, #0071e3 0%, #2997ff 20%, #6366f1 45%, #a855f7 70%, #ec4899 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Variation: warm side - pink → red → orange *\/\u003cbr \/\u003e .laufey-gradient-warm,\u003cbr \/\u003e .laufey-page .laufey-gradient-warm,\u003cbr \/\u003e .elementor-widget-container .laufey-gradient-warm {\u003cbr \/\u003e background: linear-gradient(90deg, #6366f1 0%, #a855f7 20%, #ec4899 45%, #ef4444 70%, #f97316 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Variation: reverse direction *\/\u003cbr \/\u003e .laufey-gradient-reverse,\u003cbr \/\u003e .laufey-page .laufey-gradient-reverse,\u003cbr \/\u003e .elementor-widget-container .laufey-gradient-reverse {\u003cbr \/\u003e background: linear-gradient(90deg, #f97316 0%, #ef4444 20%, #ec4899 45%, #a855f7 70%, #6366f1 90%, #2997ff 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-display-hero {\u003cbr \/\u003e font-size: clamp(4rem, 12vw, 11rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page .laufey-title-main,\u003cbr \/\u003e .elementor-kit-6 .laufey-page .laufey-title-main,\u003cbr \/\u003e .elementor-widget-container .laufey-page .laufey-title-main {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e margin-bottom: 0.25rem !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page .laufey-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .laufey-page .laufey-title-secondary,\u003cbr \/\u003e .elementor-widget-container .laufey-page .laufey-title-secondary {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.15 !important;\u003cbr \/\u003e color: var(--laufey-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-subtitle-apple {\u003cbr \/\u003e font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--laufey-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-subtitle-apple strong {\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - LIGHT APPLE STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 600px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e background: #000000;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-video {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: rgba(0, 0, 0, 0.35);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--laufey-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-eyebrow {\u003cbr \/\u003e font-size: 0.95rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.25em;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1s var(--ease-out-expo) 0.1s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-title {\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-subtitle {\u003cbr \/\u003e font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.85);\u003cbr \/\u003e max-width: 650px;\u003cbr \/\u003e margin: 0 auto 32px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH USP IMAGES WITH TEXT OVERLAY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-fullwidth-usp {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e justify-content: flex-start;\u003cbr \/\u003e padding: 60px;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-title {\u003cbr \/\u003e font-size: clamp(1.75rem, 3vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 16px !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e text-shadow: 0 2px 15px rgba(0,0,0,0.4);\u003cbr \/\u003e max-width: 500px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-text {\u003cbr \/\u003e font-size: clamp(0.875rem, 1.5vw, 1rem);\u003cbr \/\u003e color: rgba(255, 255, 255, 0.9) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e max-width: 500px;\u003cbr \/\u003e text-shadow: 0 1px 8px rgba(0,0,0,0.3);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 768px) {\u003cbr \/\u003e .laufey-fullwidth-usp-overlay {\u003cbr \/\u003e padding: 30px 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-title {\u003cbr \/\u003e font-size: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-text {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e border-top: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlights-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-card {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e aspect-ratio: 4\/5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-card img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 40px 32px;\u003cbr \/\u003e background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-title {\u003cbr \/\u003e font-size: clamp(1.5rem, 2.5vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.8);\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CONTENT SECTIONS - WHITE + APPLE GRAY ONLY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-section-white {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-section-gray {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-container-wide {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-container-xl {\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SPLIT LAYOUTS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-split {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 80px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-content h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--laufey-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-content p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TECH FEATURES CAROUSEL - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-tech-carousel {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e -ms-overflow-style: none;\u003cbr \/\u003e padding: 0 20px 40px;\u003cbr \/\u003e margin-top: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide {\u003cbr \/\u003e flex: 0 0 340px;\u003cbr \/\u003e height: 380px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide:hover {\u003cbr \/\u003e transform: scale(1.03) translateY(-5px);\u003cbr \/\u003e box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide:hover img {\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide-content {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 35px 25px;\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide-number {\u003cbr \/\u003e font-size: 0.7rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff, #a855f7, #ef4444);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide-name {\u003cbr \/\u003e font-size: 1.3rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-progress {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-progress-bar {\u003cbr \/\u003e height: 3px;\u003cbr \/\u003e background: var(--laufey-gray-200);\u003cbr \/\u003e border-radius: 2px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff 0%, #a855f7 50%, #ef4444 100%);\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: transform 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-nav {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: flex-end;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 25px auto 0;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-btn {\u003cbr \/\u003e width: 50px;\u003cbr \/\u003e height: 50px;\u003cbr \/\u003e border: 1px solid var(--laufey-gray-300);\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e border-radius: 10px;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-btn:hover {\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e border-color: var(--laufey-gray-500);\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-btn svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e stroke: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN DETAILS - CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-design-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e gap: 28px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card {\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e border: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e border-color: var(--laufey-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card:hover .laufey-design-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--laufey-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-stats-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(5, 1fr);\u003cbr \/\u003e gap: 24px;\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-stat-item:hover {\u003cbr \/\u003e border-color: var(--laufey-gray-300);\u003cbr \/\u003e transform: translateY(-4px);\u003cbr \/\u003e box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-stat-number {\u003cbr \/\u003e font-size: clamp(2rem, 4vw, 3.5rem);\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff 0%, #6366f1 30%, #a855f7 50%, #ec4899 70%, #ef4444 100%);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.06);\u003cbr \/\u003e border: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 800px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table thead {\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table th {\u003cbr \/\u003e padding: 20px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e border-bottom: 2px solid var(--laufey-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--laufey-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--laufey-gray-700);\u003cbr \/\u003e vertical-align: top;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table th:first-child,\u003cbr \/\u003e .laufey-comparison-table td:first-child {\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e background: inherit;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table thead th:first-child {\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table tbody tr:hover td:first-child {\u003cbr \/\u003e background: var(--laufey-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-spec-highlight {\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-price-cell {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e background: linear-gradient(90deg, #6366f1, #ec4899, #ef4444);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SIZING TABLE - ORBEA PILL\/TRACK STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-sizing-wrapper {\u003cbr \/\u003e max-width: 1100px;\u003cbr \/\u003e margin: 60px auto 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e padding: 24px 0;\u003cbr \/\u003e border-bottom: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row-header {\u003cbr \/\u003e padding: 16px 0;\u003cbr \/\u003e border-bottom: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-size {\u003cbr \/\u003e width: 60px;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 1.125rem;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-size {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.08em;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-track-area {\u003cbr \/\u003e flex: 1;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e height: 40px;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-track-area {\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-track-area span {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.08em;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-pill {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e height: 36px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e border: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--laufey-gray-700);\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row:hover .laufey-sizing-pill {\u003cbr \/\u003e background: var(--laufey-gray-200);\u003cbr \/\u003e border-color: var(--laufey-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-note {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e margin-top: 24px;\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .laufey-sizing-row {\u003cbr \/\u003e padding: 18px 0;\u003cbr \/\u003e }\u003cbr \/\u003e .laufey-sizing-size {\u003cbr \/\u003e width: 40px;\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e }\u003cbr \/\u003e .laufey-sizing-pill {\u003cbr \/\u003e height: 32px;\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e padding: 0 14px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DEALER BADGE \u0026 CTA - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-dealer-section {\u003cbr \/\u003e padding: 60px 24px;\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-content {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-title {\u003cbr \/\u003e font-size: clamp(1.25rem, 2.5vw, 1.75rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.01em !important;\u003cbr \/\u003e color: var(--laufey-black) !important;\u003cbr \/\u003e margin-bottom: 12px !important;\u003cbr \/\u003e line-height: 1.3 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-subtitle {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e color: var(--laufey-gray-600);\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-subtitle a {\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e border-bottom: 2px solid var(--laufey-gray-300);\u003cbr \/\u003e transition: border-color 0.3s ease;\u003cbr \/\u003e background: linear-gradient(90deg, #6366f1, #ec4899);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-subtitle a:hover {\u003cbr \/\u003e border-color: #a855f7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-section {\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e max-width: 700px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-badge {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e margin-bottom: 2rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-badge-line {\u003cbr \/\u003e width: 40px;\u003cbr \/\u003e height: 1px;\u003cbr \/\u003e background: var(--laufey-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-badge-text {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-buttons {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 1rem;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e margin-top: 2rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 0.5rem;\u003cbr \/\u003e padding: 1rem 2rem;\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn-primary {\u003cbr \/\u003e background: var(--laufey-black);\u003cbr \/\u003e color: var(--laufey-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn-primary:hover {\u003cbr \/\u003e background: #333;\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn-outline {\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e border: 2px solid var(--laufey-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn-outline:hover {\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e border-color: var(--laufey-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e END VIDEO SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-end-video-section {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-end-video-section video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Tanzanite (Matt)-Blue Stone (Gloss)","offer_id":57496382472574,"sku":"S24903P6","price":7950.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Blue Stone -Spicy Lime (Gloss)","offer_id":57496382505342,"sku":"S24903P7","price":7950.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Metallic Olive Green-Titanium Black (Gloss)","offer_id":57496382538110,"sku":"S24903P8","price":7950.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt)-Blue Stone (Gloss)","offer_id":57496382570878,"sku":"S24905P6","price":7950.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Blue Stone -Spicy Lime (Gloss)","offer_id":57496382603646,"sku":"S24905P7","price":7950.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Olive Green-Titanium Black (Gloss)","offer_id":57496382636414,"sku":"S24905P8","price":7950.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt)-Blue Stone (Gloss)","offer_id":57496382669182,"sku":"S24907P6","price":7950.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Blue Stone -Spicy Lime (Gloss)","offer_id":57496382701950,"sku":"S24907P7","price":7950.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Olive Green-Titanium Black (Gloss)","offer_id":57496382734718,"sku":"S24907P8","price":7950.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt)-Blue Stone (Gloss)","offer_id":57496382767486,"sku":"S24909P6","price":7950.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Blue Stone -Spicy Lime (Gloss)","offer_id":57496382800254,"sku":"S24909P7","price":7950.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Olive Green-Titanium Black (Gloss)","offer_id":57496382833022,"sku":"S24909P8","price":7950.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/S249TTCC-P6-SIDE-LAUFEY_H30.jpg?v=1780336907"},{"product_id":"laufey-h10-s-digital-lavender-acid-gum-gloss","title":"Bicicleta MTB ORBEA LAUFEY H10","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ORBEA LAUFEY H10\u003c\/h1\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"285337\" class=\"elementor elementor-285337\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-60d1c8d e-flex e-con-boxed e-con e-parent\" data-id=\"60d1c8d\" 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-2941caf elementor-widget elementor-widget-html\" data-id=\"2941caf\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea LAUFEY - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea LAUFEY hardtail trail mountain bike, bicicletă MTB aluminiu trail, mountain bike România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e \/* ============================================\u003cbr \/\u003e CSS VARIABLES \u0026 DESIGN SYSTEM - LAUFEY EDITION\u003cbr \/\u003e Apple Style: Only white + gray, rainbow gradients\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-page {\u003cbr \/\u003e --laufey-black: #1d1d1f;\u003cbr \/\u003e --laufey-white: #ffffff;\u003cbr \/\u003e --laufey-gray-50: #fafafa;\u003cbr \/\u003e --laufey-gray-100: #f5f5f7;\u003cbr \/\u003e --laufey-gray-200: #e8e8ed;\u003cbr \/\u003e --laufey-gray-300: #d2d2d7;\u003cbr \/\u003e --laufey-gray-500: #86868b;\u003cbr \/\u003e --laufey-gray-600: #6e6e73;\u003cbr \/\u003e --laufey-gray-700: #515154;\u003cbr \/\u003e --laufey-gray-800: #2d2d2d;\u003cbr \/\u003e --laufey-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* LAUFEY Accent Colors (kept for dot selectors) *\/\u003cbr \/\u003e --laufey-orange: #ea580c;\u003cbr \/\u003e --laufey-orange-light: #f97316;\u003cbr \/\u003e --laufey-orange-dark: #c2410c;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Animation timing functions *\/\u003cbr \/\u003e --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\u003cbr \/\u003e --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\u003cbr \/\u003e --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e html, body {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page {\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fw-parent {\u003cbr \/\u003e padding-left: 0 !important;\u003cbr \/\u003e padding-right: 0 !important;\u003cbr \/\u003e margin-left: 0 !important;\u003cbr \/\u003e margin-right: 0 !important;\u003cbr \/\u003e border-radius: 0 !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.laufey-page),\u003cbr \/\u003e .elementor-element:has(.laufey-page) {\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.laufey-page),\u003cbr \/\u003e .elementor-container:has(.laufey-page),\u003cbr \/\u003e .elementor-column:has(.laufey-page),\u003cbr \/\u003e .elementor-widget:has(.laufey-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .laufey-page h1,\u003cbr \/\u003e .elementor-widget-container .laufey-page h2,\u003cbr \/\u003e .elementor-widget-container .laufey-page h3,\u003cbr \/\u003e .elementor-widget-container .laufey-page h4,\u003cbr \/\u003e .elementor-widget-container .laufey-page h5,\u003cbr \/\u003e .elementor-widget-container .laufey-page h6,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h1,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h2,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h3,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h4,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h5,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h6,\u003cbr \/\u003e .laufey-page h1,\u003cbr \/\u003e .laufey-page h2,\u003cbr \/\u003e .laufey-page h3,\u003cbr \/\u003e .laufey-page h4,\u003cbr \/\u003e .laufey-page h5,\u003cbr \/\u003e .laufey-page h6 {\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e color: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-kit-6 .laufey-page h2,\u003cbr \/\u003e .elementor-widget-container .laufey-page h2 {\u003cbr \/\u003e font-size: inherit !important;\u003cbr \/\u003e font-weight: inherit !important;\u003cbr \/\u003e line-height: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .laufey-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .laufey-page h2,\u003cbr \/\u003e .laufey-page h2.laufey-title-main,\u003cbr \/\u003e .laufey-page h2 {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e overflow-x: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page img,\u003cbr \/\u003e .laufey-page video {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e KEYFRAME ANIMATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @keyframes fadeInUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e 100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE \"PRIVACY\" RAINBOW GRADIENT\u003cbr \/\u003e The single gradient used everywhere\u003cbr \/\u003e blue → purple → pink → red → orange\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-gradient,\u003cbr \/\u003e .laufey-page .laufey-gradient,\u003cbr \/\u003e .elementor-widget-container .laufey-gradient {\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff 0%, #6366f1 25%, #a855f7 45%, #ec4899 65%, #ef4444 80%, #f97316 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Variation: starts more blue-purple *\/\u003cbr \/\u003e .laufey-gradient-cool,\u003cbr \/\u003e .laufey-page .laufey-gradient-cool,\u003cbr \/\u003e .elementor-widget-container .laufey-gradient-cool {\u003cbr \/\u003e background: linear-gradient(90deg, #0071e3 0%, #2997ff 20%, #6366f1 45%, #a855f7 70%, #ec4899 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Variation: warm side - pink → red → orange *\/\u003cbr \/\u003e .laufey-gradient-warm,\u003cbr \/\u003e .laufey-page .laufey-gradient-warm,\u003cbr \/\u003e .elementor-widget-container .laufey-gradient-warm {\u003cbr \/\u003e background: linear-gradient(90deg, #6366f1 0%, #a855f7 20%, #ec4899 45%, #ef4444 70%, #f97316 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Variation: reverse direction *\/\u003cbr \/\u003e .laufey-gradient-reverse,\u003cbr \/\u003e .laufey-page .laufey-gradient-reverse,\u003cbr \/\u003e .elementor-widget-container .laufey-gradient-reverse {\u003cbr \/\u003e background: linear-gradient(90deg, #f97316 0%, #ef4444 20%, #ec4899 45%, #a855f7 70%, #6366f1 90%, #2997ff 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-display-hero {\u003cbr \/\u003e font-size: clamp(4rem, 12vw, 11rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page .laufey-title-main,\u003cbr \/\u003e .elementor-kit-6 .laufey-page .laufey-title-main,\u003cbr \/\u003e .elementor-widget-container .laufey-page .laufey-title-main {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e margin-bottom: 0.25rem !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page .laufey-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .laufey-page .laufey-title-secondary,\u003cbr \/\u003e .elementor-widget-container .laufey-page .laufey-title-secondary {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.15 !important;\u003cbr \/\u003e color: var(--laufey-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-subtitle-apple {\u003cbr \/\u003e font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--laufey-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-subtitle-apple strong {\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - LIGHT APPLE STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 600px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e background: #000000;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-video {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: rgba(0, 0, 0, 0.35);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--laufey-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-eyebrow {\u003cbr \/\u003e font-size: 0.95rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.25em;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1s var(--ease-out-expo) 0.1s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-title {\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-subtitle {\u003cbr \/\u003e font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.85);\u003cbr \/\u003e max-width: 650px;\u003cbr \/\u003e margin: 0 auto 32px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH USP IMAGES WITH TEXT OVERLAY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-fullwidth-usp {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e justify-content: flex-start;\u003cbr \/\u003e padding: 60px;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-title {\u003cbr \/\u003e font-size: clamp(1.75rem, 3vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 16px !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e text-shadow: 0 2px 15px rgba(0,0,0,0.4);\u003cbr \/\u003e max-width: 500px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-text {\u003cbr \/\u003e font-size: clamp(0.875rem, 1.5vw, 1rem);\u003cbr \/\u003e color: rgba(255, 255, 255, 0.9) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e max-width: 500px;\u003cbr \/\u003e text-shadow: 0 1px 8px rgba(0,0,0,0.3);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 768px) {\u003cbr \/\u003e .laufey-fullwidth-usp-overlay {\u003cbr \/\u003e padding: 30px 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-title {\u003cbr \/\u003e font-size: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-text {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e border-top: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlights-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-card {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e aspect-ratio: 4\/5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-card img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 40px 32px;\u003cbr \/\u003e background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-title {\u003cbr \/\u003e font-size: clamp(1.5rem, 2.5vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.8);\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CONTENT SECTIONS - WHITE + APPLE GRAY ONLY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-section-white {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-section-gray {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-container-wide {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-container-xl {\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SPLIT LAYOUTS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-split {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 80px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-content h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--laufey-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-content p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TECH FEATURES CAROUSEL - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-tech-carousel {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e -ms-overflow-style: none;\u003cbr \/\u003e padding: 0 20px 40px;\u003cbr \/\u003e margin-top: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide {\u003cbr \/\u003e flex: 0 0 340px;\u003cbr \/\u003e height: 380px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide:hover {\u003cbr \/\u003e transform: scale(1.03) translateY(-5px);\u003cbr \/\u003e box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide:hover img {\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide-content {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 35px 25px;\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide-number {\u003cbr \/\u003e font-size: 0.7rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff, #a855f7, #ef4444);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide-name {\u003cbr \/\u003e font-size: 1.3rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-progress {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-progress-bar {\u003cbr \/\u003e height: 3px;\u003cbr \/\u003e background: var(--laufey-gray-200);\u003cbr \/\u003e border-radius: 2px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff 0%, #a855f7 50%, #ef4444 100%);\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: transform 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-nav {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: flex-end;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 25px auto 0;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-btn {\u003cbr \/\u003e width: 50px;\u003cbr \/\u003e height: 50px;\u003cbr \/\u003e border: 1px solid var(--laufey-gray-300);\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e border-radius: 10px;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-btn:hover {\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e border-color: var(--laufey-gray-500);\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-btn svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e stroke: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN DETAILS - CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-design-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e gap: 28px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card {\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e border: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e border-color: var(--laufey-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card:hover .laufey-design-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--laufey-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-stats-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(5, 1fr);\u003cbr \/\u003e gap: 24px;\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-stat-item:hover {\u003cbr \/\u003e border-color: var(--laufey-gray-300);\u003cbr \/\u003e transform: translateY(-4px);\u003cbr \/\u003e box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-stat-number {\u003cbr \/\u003e font-size: clamp(2rem, 4vw, 3.5rem);\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff 0%, #6366f1 30%, #a855f7 50%, #ec4899 70%, #ef4444 100%);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.06);\u003cbr \/\u003e border: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 800px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table thead {\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table th {\u003cbr \/\u003e padding: 20px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e border-bottom: 2px solid var(--laufey-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--laufey-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--laufey-gray-700);\u003cbr \/\u003e vertical-align: top;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table th:first-child,\u003cbr \/\u003e .laufey-comparison-table td:first-child {\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e background: inherit;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table thead th:first-child {\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table tbody tr:hover td:first-child {\u003cbr \/\u003e background: var(--laufey-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-spec-highlight {\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-price-cell {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e background: linear-gradient(90deg, #6366f1, #ec4899, #ef4444);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SIZING TABLE - ORBEA PILL\/TRACK STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-sizing-wrapper {\u003cbr \/\u003e max-width: 1100px;\u003cbr \/\u003e margin: 60px auto 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e padding: 24px 0;\u003cbr \/\u003e border-bottom: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row-header {\u003cbr \/\u003e padding: 16px 0;\u003cbr \/\u003e border-bottom: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-size {\u003cbr \/\u003e width: 60px;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 1.125rem;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-size {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.08em;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-track-area {\u003cbr \/\u003e flex: 1;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e height: 40px;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-track-area {\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-track-area span {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.08em;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-pill {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e height: 36px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e border: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--laufey-gray-700);\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row:hover .laufey-sizing-pill {\u003cbr \/\u003e background: var(--laufey-gray-200);\u003cbr \/\u003e border-color: var(--laufey-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-note {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e margin-top: 24px;\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .laufey-sizing-row {\u003cbr \/\u003e padding: 18px 0;\u003cbr \/\u003e }\u003cbr \/\u003e .laufey-sizing-size {\u003cbr \/\u003e width: 40px;\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e }\u003cbr \/\u003e .laufey-sizing-pill {\u003cbr \/\u003e height: 32px;\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e padding: 0 14px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DEALER BADGE \u0026 CTA - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-dealer-section {\u003cbr \/\u003e padding: 60px 24px;\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-content {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-title {\u003cbr \/\u003e font-size: clamp(1.25rem, 2.5vw, 1.75rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.01em !important;\u003cbr \/\u003e color: var(--laufey-black) !important;\u003cbr \/\u003e margin-bottom: 12px !important;\u003cbr \/\u003e line-height: 1.3 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-subtitle {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e color: var(--laufey-gray-600);\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-subtitle a {\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e border-bottom: 2px solid var(--laufey-gray-300);\u003cbr \/\u003e transition: border-color 0.3s ease;\u003cbr \/\u003e background: linear-gradient(90deg, #6366f1, #ec4899);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-subtitle a:hover {\u003cbr \/\u003e border-color: #a855f7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-section {\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e max-width: 700px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-badge {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e margin-bottom: 2rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-badge-line {\u003cbr \/\u003e width: 40px;\u003cbr \/\u003e height: 1px;\u003cbr \/\u003e background: var(--laufey-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-badge-text {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-buttons {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 1rem;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e margin-top: 2rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 0.5rem;\u003cbr \/\u003e padding: 1rem 2rem;\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn-primary {\u003cbr \/\u003e background: var(--laufey-black);\u003cbr \/\u003e color: var(--laufey-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn-primary:hover {\u003cbr \/\u003e background: #333;\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn-outline {\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e border: 2px solid var(--laufey-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn-outline:hover {\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e border-color: var(--laufey-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e END VIDEO SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-end-video-section {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-end-video-section video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57496403870078,"sku":"T23403PG","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57496403902846,"sku":"T23403PH","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57496403935614,"sku":"T23403PI","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57496403968382,"sku":"T23405PG","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57496404001150,"sku":"T23405PH","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57496404033918,"sku":"T23405PI","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57496404066686,"sku":"T23407PG","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57496404099454,"sku":"T23407PH","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57496404132222,"sku":"T23407PI","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57496404164990,"sku":"T23409PG","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57496404197758,"sku":"T23409PH","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57496404230526,"sku":"T23409PI","price":8499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T234TTCC-PG-SIDE-LAUFEY_H10.jpg?v=1780337175"},{"product_id":"laufey-h-ltd-s-digital-lavender-acid-gum-gloss","title":"Bicicleta MTB ORBEA LAUFEY H-LTD","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ORBEA LAUFEY H-LTD\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"285337\" class=\"elementor elementor-285337\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-60d1c8d e-flex e-con-boxed e-con e-parent\" data-id=\"60d1c8d\" 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-2941caf elementor-widget elementor-widget-html\" data-id=\"2941caf\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea LAUFEY - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea LAUFEY hardtail trail mountain bike, bicicletă MTB aluminiu trail, mountain bike România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e \/* ============================================\u003cbr \/\u003e CSS VARIABLES \u0026 DESIGN SYSTEM - LAUFEY EDITION\u003cbr \/\u003e Apple Style: Only white + gray, rainbow gradients\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-page {\u003cbr \/\u003e --laufey-black: #1d1d1f;\u003cbr \/\u003e --laufey-white: #ffffff;\u003cbr \/\u003e --laufey-gray-50: #fafafa;\u003cbr \/\u003e --laufey-gray-100: #f5f5f7;\u003cbr \/\u003e --laufey-gray-200: #e8e8ed;\u003cbr \/\u003e --laufey-gray-300: #d2d2d7;\u003cbr \/\u003e --laufey-gray-500: #86868b;\u003cbr \/\u003e --laufey-gray-600: #6e6e73;\u003cbr \/\u003e --laufey-gray-700: #515154;\u003cbr \/\u003e --laufey-gray-800: #2d2d2d;\u003cbr \/\u003e --laufey-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* LAUFEY Accent Colors (kept for dot selectors) *\/\u003cbr \/\u003e --laufey-orange: #ea580c;\u003cbr \/\u003e --laufey-orange-light: #f97316;\u003cbr \/\u003e --laufey-orange-dark: #c2410c;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Animation timing functions *\/\u003cbr \/\u003e --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\u003cbr \/\u003e --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\u003cbr \/\u003e --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e html, body {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page {\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fw-parent {\u003cbr \/\u003e padding-left: 0 !important;\u003cbr \/\u003e padding-right: 0 !important;\u003cbr \/\u003e margin-left: 0 !important;\u003cbr \/\u003e margin-right: 0 !important;\u003cbr \/\u003e border-radius: 0 !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.laufey-page),\u003cbr \/\u003e .elementor-element:has(.laufey-page) {\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.laufey-page),\u003cbr \/\u003e .elementor-container:has(.laufey-page),\u003cbr \/\u003e .elementor-column:has(.laufey-page),\u003cbr \/\u003e .elementor-widget:has(.laufey-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .laufey-page h1,\u003cbr \/\u003e .elementor-widget-container .laufey-page h2,\u003cbr \/\u003e .elementor-widget-container .laufey-page h3,\u003cbr \/\u003e .elementor-widget-container .laufey-page h4,\u003cbr \/\u003e .elementor-widget-container .laufey-page h5,\u003cbr \/\u003e .elementor-widget-container .laufey-page h6,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h1,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h2,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h3,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h4,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h5,\u003cbr \/\u003e .elementor-kit-6 .laufey-page h6,\u003cbr \/\u003e .laufey-page h1,\u003cbr \/\u003e .laufey-page h2,\u003cbr \/\u003e .laufey-page h3,\u003cbr \/\u003e .laufey-page h4,\u003cbr \/\u003e .laufey-page h5,\u003cbr \/\u003e .laufey-page h6 {\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e color: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-kit-6 .laufey-page h2,\u003cbr \/\u003e .elementor-widget-container .laufey-page h2 {\u003cbr \/\u003e font-size: inherit !important;\u003cbr \/\u003e font-weight: inherit !important;\u003cbr \/\u003e line-height: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .laufey-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .laufey-page h2,\u003cbr \/\u003e .laufey-page h2.laufey-title-main,\u003cbr \/\u003e .laufey-page h2 {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e overflow-x: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page img,\u003cbr \/\u003e .laufey-page video {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e KEYFRAME ANIMATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @keyframes fadeInUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e 100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE \"PRIVACY\" RAINBOW GRADIENT\u003cbr \/\u003e The single gradient used everywhere\u003cbr \/\u003e blue → purple → pink → red → orange\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-gradient,\u003cbr \/\u003e .laufey-page .laufey-gradient,\u003cbr \/\u003e .elementor-widget-container .laufey-gradient {\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff 0%, #6366f1 25%, #a855f7 45%, #ec4899 65%, #ef4444 80%, #f97316 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Variation: starts more blue-purple *\/\u003cbr \/\u003e .laufey-gradient-cool,\u003cbr \/\u003e .laufey-page .laufey-gradient-cool,\u003cbr \/\u003e .elementor-widget-container .laufey-gradient-cool {\u003cbr \/\u003e background: linear-gradient(90deg, #0071e3 0%, #2997ff 20%, #6366f1 45%, #a855f7 70%, #ec4899 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Variation: warm side - pink → red → orange *\/\u003cbr \/\u003e .laufey-gradient-warm,\u003cbr \/\u003e .laufey-page .laufey-gradient-warm,\u003cbr \/\u003e .elementor-widget-container .laufey-gradient-warm {\u003cbr \/\u003e background: linear-gradient(90deg, #6366f1 0%, #a855f7 20%, #ec4899 45%, #ef4444 70%, #f97316 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Variation: reverse direction *\/\u003cbr \/\u003e .laufey-gradient-reverse,\u003cbr \/\u003e .laufey-page .laufey-gradient-reverse,\u003cbr \/\u003e .elementor-widget-container .laufey-gradient-reverse {\u003cbr \/\u003e background: linear-gradient(90deg, #f97316 0%, #ef4444 20%, #ec4899 45%, #a855f7 70%, #6366f1 90%, #2997ff 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-display-hero {\u003cbr \/\u003e font-size: clamp(4rem, 12vw, 11rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page .laufey-title-main,\u003cbr \/\u003e .elementor-kit-6 .laufey-page .laufey-title-main,\u003cbr \/\u003e .elementor-widget-container .laufey-page .laufey-title-main {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e margin-bottom: 0.25rem !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page .laufey-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .laufey-page .laufey-title-secondary,\u003cbr \/\u003e .elementor-widget-container .laufey-page .laufey-title-secondary {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.15 !important;\u003cbr \/\u003e color: var(--laufey-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-subtitle-apple {\u003cbr \/\u003e font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--laufey-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-subtitle-apple strong {\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - LIGHT APPLE STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 600px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e background: #000000;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-video {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: rgba(0, 0, 0, 0.35);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--laufey-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-eyebrow {\u003cbr \/\u003e font-size: 0.95rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.25em;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1s var(--ease-out-expo) 0.1s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-title {\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-hero-subtitle {\u003cbr \/\u003e font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.85);\u003cbr \/\u003e max-width: 650px;\u003cbr \/\u003e margin: 0 auto 32px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH USP IMAGES WITH TEXT OVERLAY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-fullwidth-usp {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e justify-content: flex-start;\u003cbr \/\u003e padding: 60px;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-title {\u003cbr \/\u003e font-size: clamp(1.75rem, 3vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 16px !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e text-shadow: 0 2px 15px rgba(0,0,0,0.4);\u003cbr \/\u003e max-width: 500px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-text {\u003cbr \/\u003e font-size: clamp(0.875rem, 1.5vw, 1rem);\u003cbr \/\u003e color: rgba(255, 255, 255, 0.9) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e max-width: 500px;\u003cbr \/\u003e text-shadow: 0 1px 8px rgba(0,0,0,0.3);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 768px) {\u003cbr \/\u003e .laufey-fullwidth-usp-overlay {\u003cbr \/\u003e padding: 30px 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-title {\u003cbr \/\u003e font-size: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-fullwidth-usp-text {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e border-top: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlights-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-card {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e aspect-ratio: 4\/5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-card img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 40px 32px;\u003cbr \/\u003e background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-title {\u003cbr \/\u003e font-size: clamp(1.5rem, 2.5vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-highlight-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.8);\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CONTENT SECTIONS - WHITE + APPLE GRAY ONLY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-section-white {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-section-gray {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-container-wide {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-container-xl {\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SPLIT LAYOUTS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-split {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 80px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-content h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--laufey-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-split-content p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TECH FEATURES CAROUSEL - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-tech-carousel {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e -ms-overflow-style: none;\u003cbr \/\u003e padding: 0 20px 40px;\u003cbr \/\u003e margin-top: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide {\u003cbr \/\u003e flex: 0 0 340px;\u003cbr \/\u003e height: 380px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide:hover {\u003cbr \/\u003e transform: scale(1.03) translateY(-5px);\u003cbr \/\u003e box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide:hover img {\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide-content {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 35px 25px;\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide-number {\u003cbr \/\u003e font-size: 0.7rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff, #a855f7, #ef4444);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-tech-slide-name {\u003cbr \/\u003e font-size: 1.3rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-progress {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-progress-bar {\u003cbr \/\u003e height: 3px;\u003cbr \/\u003e background: var(--laufey-gray-200);\u003cbr \/\u003e border-radius: 2px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff 0%, #a855f7 50%, #ef4444 100%);\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: transform 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-nav {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: flex-end;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 25px auto 0;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-btn {\u003cbr \/\u003e width: 50px;\u003cbr \/\u003e height: 50px;\u003cbr \/\u003e border: 1px solid var(--laufey-gray-300);\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e border-radius: 10px;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-btn:hover {\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e border-color: var(--laufey-gray-500);\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-carousel-btn svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e stroke: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN DETAILS - CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-design-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e gap: 28px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card {\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e border: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e border-color: var(--laufey-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card:hover .laufey-design-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-design-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--laufey-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-stats-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(5, 1fr);\u003cbr \/\u003e gap: 24px;\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-stat-item:hover {\u003cbr \/\u003e border-color: var(--laufey-gray-300);\u003cbr \/\u003e transform: translateY(-4px);\u003cbr \/\u003e box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-stat-number {\u003cbr \/\u003e font-size: clamp(2rem, 4vw, 3.5rem);\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff 0%, #6366f1 30%, #a855f7 50%, #ec4899 70%, #ef4444 100%);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.06);\u003cbr \/\u003e border: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 800px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table thead {\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table th {\u003cbr \/\u003e padding: 20px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e border-bottom: 2px solid var(--laufey-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--laufey-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--laufey-gray-700);\u003cbr \/\u003e vertical-align: top;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table th:first-child,\u003cbr \/\u003e .laufey-comparison-table td:first-child {\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e background: inherit;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table thead th:first-child {\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-comparison-table tbody tr:hover td:first-child {\u003cbr \/\u003e background: var(--laufey-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-spec-highlight {\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-price-cell {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e background: linear-gradient(90deg, #6366f1, #ec4899, #ef4444);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SIZING TABLE - ORBEA PILL\/TRACK STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-sizing-wrapper {\u003cbr \/\u003e max-width: 1100px;\u003cbr \/\u003e margin: 60px auto 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e padding: 24px 0;\u003cbr \/\u003e border-bottom: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row-header {\u003cbr \/\u003e padding: 16px 0;\u003cbr \/\u003e border-bottom: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-size {\u003cbr \/\u003e width: 60px;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 1.125rem;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-size {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.08em;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-track-area {\u003cbr \/\u003e flex: 1;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e height: 40px;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-track-area {\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row-header .laufey-sizing-track-area span {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.08em;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-pill {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e height: 36px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e border: 1px solid var(--laufey-gray-200);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--laufey-gray-700);\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-row:hover .laufey-sizing-pill {\u003cbr \/\u003e background: var(--laufey-gray-200);\u003cbr \/\u003e border-color: var(--laufey-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-sizing-note {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e margin-top: 24px;\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .laufey-sizing-row {\u003cbr \/\u003e padding: 18px 0;\u003cbr \/\u003e }\u003cbr \/\u003e .laufey-sizing-size {\u003cbr \/\u003e width: 40px;\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e }\u003cbr \/\u003e .laufey-sizing-pill {\u003cbr \/\u003e height: 32px;\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e padding: 0 14px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DEALER BADGE \u0026 CTA - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-dealer-section {\u003cbr \/\u003e padding: 60px 24px;\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-content {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-title {\u003cbr \/\u003e font-size: clamp(1.25rem, 2.5vw, 1.75rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.01em !important;\u003cbr \/\u003e color: var(--laufey-black) !important;\u003cbr \/\u003e margin-bottom: 12px !important;\u003cbr \/\u003e line-height: 1.3 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-subtitle {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e color: var(--laufey-gray-600);\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-subtitle a {\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e border-bottom: 2px solid var(--laufey-gray-300);\u003cbr \/\u003e transition: border-color 0.3s ease;\u003cbr \/\u003e background: linear-gradient(90deg, #6366f1, #ec4899);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-dealer-subtitle a:hover {\u003cbr \/\u003e border-color: #a855f7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-section {\u003cbr \/\u003e background: var(--laufey-gray-100);\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e max-width: 700px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-badge {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e margin-bottom: 2rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-badge-line {\u003cbr \/\u003e width: 40px;\u003cbr \/\u003e height: 1px;\u003cbr \/\u003e background: var(--laufey-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-badge-text {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--laufey-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-buttons {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 1rem;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e margin-top: 2rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 0.5rem;\u003cbr \/\u003e padding: 1rem 2rem;\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn-primary {\u003cbr \/\u003e background: var(--laufey-black);\u003cbr \/\u003e color: var(--laufey-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn-primary:hover {\u003cbr \/\u003e background: #333;\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn-outline {\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e color: var(--laufey-black);\u003cbr \/\u003e border: 2px solid var(--laufey-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-cta-btn-outline:hover {\u003cbr \/\u003e background: var(--laufey-white);\u003cbr \/\u003e border-color: var(--laufey-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e END VIDEO SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .laufey-end-video-section {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .laufey-end-video-section video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57496405672318,"sku":"T23503PG","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57496405705086,"sku":"T23503PH","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57496405737854,"sku":"T23503PI","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57496405770622,"sku":"T23505PG","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57496405803390,"sku":"T23505PH","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57496405836158,"sku":"T23505PI","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57496405868926,"sku":"T23507PG","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57496405901694,"sku":"T23507PH","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57496405934462,"sku":"T23507PI","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57496405967230,"sku":"T23509PG","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57496405999998,"sku":"T23509PH","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57496406032766,"sku":"T23509PI","price":10999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T235TTCC-PG-SIDE-LAUFEY_HLTD.jpg?v=1780337211"}],"url":"https:\/\/www.provelo.ro\/collections\/orbea-laufey.oembed","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}