{"title":"Biciclete MTB - performanță pe orice teren","description":"","products":[{"product_id":"alma-m50-s-cobalt-blue-gloss-carbon-raw-matt","title":"Bicicleta MTB XC ORBEA ALMA M50","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB XC ORBEA ALMA M50\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290750\" class=\"elementor elementor-290750\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-9e567b1 e-flex e-con-boxed e-con e-parent\" data-id=\"9e567b1\" 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-ebd8c8d elementor-widget elementor-widget-html\" data-id=\"ebd8c8d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium V2 - Enhanced Edition --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing 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 - ALMA EDITION\n ============================================ *\/\n .alma-page {\n --alma-black: #1d1d1f;\n --alma-white: #ffffff;\n --alma-gray-50: #fafafa;\n --alma-gray-100: #f5f5f7;\n --alma-gray-200: #e8e8ed;\n --alma-gray-300: #d2d2d7;\n --alma-gray-500: #86868b;\n --alma-gray-600: #6e6e73;\n --alma-gray-700: #515154;\n --alma-gray-800: #2d2d2d;\n --alma-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* ALMA Signature Colors - Navy Blue (from OFT bike) *\/\n --alma-green: #0c2340;\n --alma-green-light: #1a3a5c;\n --alma-green-dark: #071728;\n --alma-emerald: #2dd4a8;\n --alma-teal: #3b82f6;\n --alma-forest: #1e40af;\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 .alma-page {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n position: relative !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container:has(.alma-page),\n .elementor-element:has(.alma-page) {\n max-width: 100vw !important;\n padding: 0 !important;\n margin: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-section:has(.alma-page),\n .elementor-container:has(.alma-page),\n .elementor-column:has(.alma-page),\n .elementor-widget:has(.alma-page) {\n padding: 0 !important;\n margin: 0 !important;\n gap: 0 !important;\n max-width: 100vw !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .alma-page h1,\n .elementor-widget-container .alma-page h2,\n .elementor-widget-container .alma-page h3,\n .elementor-widget-container .alma-page h4,\n .elementor-widget-container .alma-page h5,\n .elementor-widget-container .alma-page h6,\n .elementor-kit-6 .alma-page h1,\n .elementor-kit-6 .alma-page h2,\n .elementor-kit-6 .alma-page h3,\n .elementor-kit-6 .alma-page h4,\n .elementor-kit-6 .alma-page h5,\n .elementor-kit-6 .alma-page h6,\n .alma-page h1,\n .alma-page h2,\n .alma-page h3,\n .alma-page h4,\n .alma-page h5,\n .alma-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 .alma-page h2,\n .elementor-widget-container .alma-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 Fix: WooCommerce hides h2:nth-child(1) in product tabs\n ============================================ *\/\n .single-product-tabs .woocommerce-Tabs-panel .alma-page h2,\n .woocommerce-Tabs-panel .alma-page h2,\n .alma-page h2.alma-title-main,\n .alma-page h2 {\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .alma-page {\n font-family: var(--font-main);\n color: var(--alma-black);\n background: var(--alma-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 .alma-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-page img,\n .alma-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 gradientFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\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 @keyframes countUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYPOGRAPHY\n ============================================ *\/\n .alma-display-hero {\n font-size: 55px !important;\n font-weight: 800 !important;\n letter-spacing: -0.03em !important;\n line-height: 1 !important;\n text-transform: uppercase;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-display-xl {\n font-size: clamp(2.5rem, 6vw, 5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.05 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-display-lg {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.025em !important;\n line-height: 1.1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-display-md {\n font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\n font-weight: 600 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.2 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-body-xl {\n font-size: clamp(1.125rem, 2vw, 1.375rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-body-lg {\n font-size: clamp(1rem, 1.5vw, 1.125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE-STYLE TYPOGRAPHY SYSTEM\n ============================================ *\/\n .alma-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-page .alma-title-main,\n .elementor-kit-6 .alma-page .alma-title-main,\n .elementor-widget-container .alma-page .alma-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 .alma-page .alma-title-secondary,\n .elementor-kit-6 .alma-page .alma-title-secondary,\n .elementor-widget-container .alma-page .alma-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(--alma-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--alma-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-subtitle-apple strong {\n color: var(--alma-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Apple-style gradient variations *\/\n .alma-gradient-racing,\n .alma-page .alma-gradient-racing,\n .elementor-widget-container .alma-gradient-racing {\n background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 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 .alma-gradient-emerald,\n .alma-page .alma-gradient-emerald,\n .elementor-widget-container .alma-gradient-emerald {\n background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 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 .alma-gradient-forest,\n .alma-page .alma-gradient-forest,\n .elementor-widget-container .alma-gradient-forest {\n background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 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 .alma-gradient-teal,\n .alma-page .alma-gradient-teal,\n .elementor-widget-container .alma-gradient-teal {\n background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 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 HERO SECTION - FULL WIDTH VIDEO\n ============================================ *\/\n .alma-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 }\u003c\/p\u003e\n\u003cp\u003e .alma-hero-video {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n min-height: 100%;\n object-fit: cover;\n object-position: center center;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.3);\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n color: var(--alma-white);\n padding: 0 24px;\n max-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-hero-title {\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 .alma-hero-subtitle {\n font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n font-weight: 400;\n line-height: 1.6;\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 ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .alma-page section {\n margin: 0 !important;\n padding-top: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-page \u003e section + section {\n margin-top: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL WIDTH IMAGE SECTION\n ============================================ *\/\n .alma-fullwidth-image {\n width: 100%;\n line-height: 0;\n margin: 0 !important;\n padding: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fullwidth-image img {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HIGHLIGHTS GRID - 3 CARDS\n ============================================ *\/\n .alma-highlights-section {\n padding: 0;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-highlights-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-highlight-card {\n position: relative;\n overflow: hidden;\n aspect-ratio: 4\/5;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-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 .alma-highlight-card:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-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 .alma-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 .alma-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 @media (max-width: 900px) {\n .alma-highlights-grid {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-highlight-card {\n aspect-ratio: 16\/10;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n X-FADER SECTION\n ============================================ *\/\n .alma-xfader-section {\n padding: 120px 24px;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-header h2 {\n margin-bottom: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-header p {\n font-size: clamp(1.125rem, 2vw, 1.25rem);\n line-height: 1.8;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-video {\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-video video {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-text h3 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 700;\n margin-bottom: 24px;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-text p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--alma-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-text p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-xfader-details {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n CARBON SECTION\n ============================================ *\/\n .alma-carbon-section {\n padding: 120px 24px;\n background: var(--alma-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-header h2 {\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-header p {\n font-size: clamp(1.125rem, 2vw, 1.25rem);\n line-height: 1.8;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-main-image {\n border-radius: 32px;\n overflow: hidden;\n margin-bottom: 48px;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-main-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-features {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card {\n background: var(--alma-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-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 .alma-carbon-card:hover .alma-carbon-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card-content {\n padding: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-carbon-features {\n grid-template-columns: 1fr;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n GEOMETRY SECTION - NEW\n ============================================ *\/\n .alma-geometry-section {\n padding: 120px 24px;\n background: var(--alma-gray-100);\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-section .alma-title-main,\n .alma-geometry-section .alma-title-secondary {\n color: var(--alma-black) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-section .alma-subtitle-apple {\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-section .alma-subtitle-apple strong {\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Stat Numbers Grid *\/\n .alma-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 .alma-stat-item {\n text-align: center;\n padding: 32px 16px;\n background: var(--alma-white);\n border-radius: 20px;\n border: 1px solid var(--alma-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 .alma-stat-item:hover {\n border-color: rgba(59, 130, 246, 0.3);\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-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(135deg, #0c2340, #3b82f6);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--alma-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Geometry Diagram + Details *\/\n .alma-geometry-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-image {\n border-radius: 24px;\n overflow: hidden;\n background: var(--alma-white);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geo-detail-item {\n padding: 20px;\n background: var(--alma-white);\n border-radius: 16px;\n border: 1px solid var(--alma-gray-200);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geo-detail-value {\n font-size: 1.5rem;\n font-weight: 700;\n color: #0c2340;\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geo-detail-label {\n font-size: 0.8125rem;\n color: var(--alma-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 1100px) {\n .alma-stats-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-geometry-content {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 600px) {\n .alma-stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-stat-item {\n padding: 24px 12px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FORK SECTION - NEW\n ============================================ *\/\n .alma-fork-section {\n padding: 120px 24px;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-layout {\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 .alma-fork-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 .alma-fork-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-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 .alma-fork-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--alma-gray-600);\n margin-bottom: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-modes {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n padding: 20px;\n background: var(--alma-gray-50);\n border-radius: 16px;\n transition: all 0.3s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode:hover {\n background: var(--alma-gray-100);\n transform: translateX(4px);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode-icon {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: var(--alma-green);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode-icon svg {\n width: 22px;\n height: 22px;\n color: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode-name {\n font-size: 1rem;\n font-weight: 700;\n color: var(--alma-black);\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode-desc {\n font-size: 0.875rem;\n color: var(--alma-gray-600);\n line-height: 1.5;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-fork-layout {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYRE CLEARANCE SECTION - NEW\n ============================================ *\/\n .alma-tyre-section {\n padding: 120px 24px;\n background: var(--alma-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-layout {\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 .alma-tyre-image {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n order: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-content {\n order: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-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 .alma-tyre-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--alma-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-content p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 20px;\n background: var(--alma-green);\n color: var(--alma-white);\n font-size: 0.9375rem;\n font-weight: 600;\n border-radius: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-tyre-layout {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-image { order: 1; }\n .alma-tyre-content { order: 2; }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n COCKPIT INTEGRATION SECTION\n ============================================ *\/\n .alma-cockpit-section {\n padding: 120px 40px;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-video {\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-video video {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(2, 1fr);\n gap: 16px;\n margin-top: 60px;\n width: 100%;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-item {\n position: relative;\n aspect-ratio: 1\/1;\n border-radius: 20px;\n overflow: hidden;\n cursor: pointer;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-item 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 .alma-integration-item:hover img {\n transform: scale(1.08);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-title {\n position: absolute;\n bottom: 20px;\n left: 20px;\n right: 20px;\n color: #ffffff !important;\n font-size: 1.125rem;\n font-weight: 700;\n line-height: 1.3;\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-integration-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-title {\n font-size: 1rem;\n bottom: 16px;\n left: 16px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 600px) {\n .alma-integration-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-section {\n padding: 80px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-video {\n border-radius: 20px;\n margin-bottom: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-item {\n border-radius: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-title {\n font-size: 0.875rem;\n bottom: 12px;\n left: 12px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DROPPER + SQUIDLOCK SECTION - NEW\n ============================================ *\/\n .alma-dropper-section {\n padding: 120px 24px;\n background: var(--alma-gray-100);\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-section .alma-title-main,\n .alma-dropper-section .alma-title-secondary {\n color: var(--alma-black) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-section .alma-subtitle-apple {\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-section .alma-subtitle-apple strong {\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card {\n border-radius: 24px;\n overflow: hidden;\n background: var(--alma-white);\n border: 1px solid var(--alma-gray-200);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card:hover {\n border-color: rgba(59, 130, 246, 0.3);\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-video {\n aspect-ratio: 16\/9;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-video video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-content {\n padding: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-title {\n font-size: 1.375rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-text strong {\n color: #0c2340;\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-stat {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-top: 16px;\n padding: 8px 16px;\n background: rgba(12, 35, 64, 0.08);\n border-radius: 50px;\n font-size: 0.875rem;\n font-weight: 600;\n color: #0c2340;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-dropper-grid {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SMART DETAILS SECTION - NEW\n ============================================ *\/\n .alma-smart-section {\n padding: 120px 24px;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-smart-container {\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305309054,"sku":"S21703F8","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494305341822,"sku":"S21703FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57494305374590,"sku":"S21703FB","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305407358,"sku":"S21705F8","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494305440126,"sku":"S21705FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57494305472894,"sku":"S21705FB","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305505662,"sku":"S21707F8","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494305538430,"sku":"S21707FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57494305571198,"sku":"S21707FB","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305603966,"sku":"S21709F8","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494305636734,"sku":"S21709FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57494305669502,"sku":"S21709FB","price":10599.7,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/S217TTCC-F8-SIDE-ALMA_M50.jpg?v=1780304935"},{"product_id":"alma-m30-s-cobalt-blue-gloss-carbon-raw-matt","title":"ALMA M30 S Cobalt Blue (Gloss) - Carbon Raw (Matt)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305735038,"sku":"S21803F8","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494305767806,"sku":"S21803F9","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494305800574,"sku":"S21803FA","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57494305833342,"sku":"S21803FB","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305866110,"sku":"S21805F8","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494305898878,"sku":"S21805F9","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494305931646,"sku":"S21805FA","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57494305964414,"sku":"S21805FB","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305997182,"sku":"S21807F8","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494306029950,"sku":"S21807F9","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494306062718,"sku":"S21807FA","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57494306095486,"sku":"S21807FB","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494306128254,"sku":"S21809F8","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494306161022,"sku":"S21809F9","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494306193790,"sku":"S21809FA","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57494306226558,"sku":"S21809FB","price":13250.95,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/S218TTCC-F8-SIDE-ALMA_M30.jpg?v=1780304940"},{"product_id":"alma-m20-s-cobalt-blue-gloss-carbon-raw-matt","title":"ALMA M20 S Cobalt Blue (Gloss) - Carbon Raw (Matt)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494306750846,"sku":"S21903F8","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494306783614,"sku":"S21903F9","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494306816382,"sku":"S21903FA","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57494306849150,"sku":"S21903FB","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494306881918,"sku":"S21905F8","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494306914686,"sku":"S21905F9","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494306947454,"sku":"S21905FA","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57494306980222,"sku":"S21905FB","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494307012990,"sku":"S21907F8","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494307045758,"sku":"S21907F9","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494307078526,"sku":"S21907FA","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57494307111294,"sku":"S21907FB","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494307144062,"sku":"S21909F8","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494307176830,"sku":"S21909F9","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494307209598,"sku":"S21909FA","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57494307242366,"sku":"S21909FB","price":17492.95,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/S219TTCC-F8-SIDE-ALMA_M20.jpg?v=1780304965"},{"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":"onna-29-50-s-burning-red-gloss-black-matt","title":"Bicicleta MTB ORBEA ONNA 29 50","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ORBEA ONNA 29 50\u003c\/h1\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290802\" class=\"elementor elementor-290802\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-ad7e670 e-flex e-con-boxed e-con e-parent\" data-id=\"ad7e670\" 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-e433754 elementor-widget elementor-widget-html\" data-id=\"e433754\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea ONNA - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea ONNA hardtail mountain bike, bicicletă MTB aluminiu, 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 - ONNA EDITION\n Apple Style: Only white + gray, rainbow gradients\n ============================================ *\/\n .onna-page {\n --onna-black: #1d1d1f;\n --onna-white: #ffffff;\n --onna-gray-50: #fafafa;\n --onna-gray-100: #f5f5f7;\n --onna-gray-200: #e8e8ed;\n --onna-gray-300: #d2d2d7;\n --onna-gray-500: #86868b;\n --onna-gray-600: #6e6e73;\n --onna-gray-700: #515154;\n --onna-gray-800: #2d2d2d;\n --onna-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* ONNA Accent Colors *\/\n --onna-red: #E31937;\n --onna-red-light: #ef4444;\n --onna-red-dark: #b91c2a;\n --onna-purple: #7c3aed;\n --onna-blue: #3b82f6;\n --onna-orange: #f97316;\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 JS sets exact negative margin on .onna-page\n JS adds .onna-fw-parent on all ancestors\n ============================================ *\/\n html, body {\n overflow-x: hidden !important;\n max-width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ALL SCREENS: Full-width via JS-calculated margin *\/\n .onna-page {\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative !important;\n overflow: hidden !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ALL SCREENS: Reset all ancestors marked by JS *\/\n .onna-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 \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .onna-page h1,\n .elementor-widget-container .onna-page h2,\n .elementor-widget-container .onna-page h3,\n .elementor-widget-container .onna-page h4,\n .elementor-widget-container .onna-page h5,\n .elementor-widget-container .onna-page h6,\n .elementor-kit-6 .onna-page h1,\n .elementor-kit-6 .onna-page h2,\n .elementor-kit-6 .onna-page h3,\n .elementor-kit-6 .onna-page h4,\n .elementor-kit-6 .onna-page h5,\n .elementor-kit-6 .onna-page h6,\n .onna-page h1,\n .onna-page h2,\n .onna-page h3,\n .onna-page h4,\n .onna-page h5,\n .onna-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 .onna-page h2,\n .elementor-widget-container .onna-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 .onna-page h2,\n .woocommerce-Tabs-panel .onna-page h2,\n .onna-page h2.onna-title-main,\n .onna-page h2 {\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .onna-page {\n font-family: var(--font-main);\n color: var(--onna-black);\n background: var(--onna-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 .onna-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page img,\n .onna-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 @keyframes bikeReveal {\n from { opacity: 0; transform: scale(0.96) translateY(10px); }\n to { opacity: 1; transform: scale(1) translateY(0); }\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 .onna-gradient,\n .onna-page .onna-gradient,\n .elementor-widget-container .onna-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 .onna-gradient-cool,\n .onna-page .onna-gradient-cool,\n .elementor-widget-container .onna-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 .onna-gradient-warm,\n .onna-page .onna-gradient-warm,\n .elementor-widget-container .onna-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 .onna-gradient-reverse,\n .onna-page .onna-gradient-reverse,\n .elementor-widget-container .onna-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 .onna-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 .onna-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page .onna-title-main,\n .elementor-kit-6 .onna-page .onna-title-main,\n .elementor-widget-container .onna-page .onna-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 .onna-page .onna-title-secondary,\n .elementor-kit-6 .onna-page .onna-title-secondary,\n .elementor-widget-container .onna-page .onna-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(--onna-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--onna-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-subtitle-apple strong {\n color: var(--onna-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - COLOR SWITCHER\n ============================================ *\/\n .onna-hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 700px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-eyebrow {\n font-size: 0.95rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.25em;\n color: var(--onna-gray-500);\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 .onna-hero-title {\n color: var(--onna-black) !important;\n margin-bottom: 30px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-subtitle {\n font-size: 1.3rem;\n color: var(--onna-gray-600);\n margin-bottom: 35px;\n font-weight: 500;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n opacity: 0;\n animation: blurFadeIn 1s var(--ease-out-expo) 0.35s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stats {\n display: flex;\n justify-content: center;\n gap: 0;\n opacity: 0;\n animation: fadeInUp 0.8s ease 0.45s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat {\n text-align: center;\n padding: 0 40px;\n border-left: 1px solid var(--onna-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat:first-child {\n border-left: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat-label {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--onna-gray-500);\n margin-bottom: 6px;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat-value {\n font-size: 1.75rem;\n font-weight: 700;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Bike Showcase *\/\n .onna-bike-showcase {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-showcase::before {\n content: '';\n position: absolute;\n top: 25%;\n left: 50%;\n transform: translateX(-50%);\n width: 70%;\n height: 70%;\n background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0) 70%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-showcase::after {\n content: '';\n position: absolute;\n bottom: 15%;\n left: 50%;\n transform: translateX(-50%);\n width: 50%;\n height: 20%;\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 70%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slides {\n position: relative;\n width: 100%;\n height: 100%;\n pointer-events: none;\n opacity: 0;\n animation: bikeReveal 1s ease 0.5s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slide {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transform: scale(0.95);\n transition: opacity 0.5s ease, transform 0.5s ease;\n pointer-events: none;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-top: 160px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slide.active {\n opacity: 1;\n transform: scale(1);\n pointer-events: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slide img {\n width: auto;\n height: 58%;\n max-width: 75%;\n object-fit: contain;\n display: block;\n filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));\n }\u003c\/p\u003e\n\u003cp\u003e \/* Color Selector *\/\n .onna-color-selector {\n position: absolute;\n bottom: 100px;\n left: 0;\n right: 0;\n z-index: 100;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 20px;\n opacity: 0;\n animation: fadeInUp 0.8s ease 0.7s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dots {\n display: flex;\n justify-content: center;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dot {\n width: 52px;\n height: 52px;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.4s var(--ease-out-expo);\n position: relative;\n border: 3px solid var(--onna-gray-300);\n outline: none;\n -webkit-appearance: none;\n appearance: none;\n box-shadow: none;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dot:hover {\n transform: scale(1.15) translateY(-3px);\n border-color: var(--onna-gray-500);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dot.active {\n border-color: var(--onna-black);\n transform: scale(1.08);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-dot-red { background: linear-gradient(145deg, #ef4444 0%, #dc2626 100%); }\n .onna-dot-purple { background: linear-gradient(145deg, #a78bfa 0%, #7c3aed 100%); }\n .onna-dot-blue { background: linear-gradient(145deg, #60a5fa 0%, #3b82f6 100%); }\u003c\/p\u003e\n\u003cp\u003e .onna-color-name {\n font-size: 1.1rem;\n color: #1d1d1f !important;\n font-weight: 500;\n letter-spacing: 0.03em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .onna-page section {\n margin: 0 !important;\n padding-top: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page \u003e section + section {\n margin-top: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HIGHLIGHTS GRID - 3 CARDS\n ============================================ *\/\n .onna-highlights-section {\n padding: 0;\n background: var(--onna-white);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-highlights-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-highlight-card {\n position: relative;\n overflow: hidden;\n aspect-ratio: 4\/5;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-highlight-card:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-section-white {\n padding: 120px 24px;\n background: var(--onna-white);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-section-gray {\n padding: 120px 24px;\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-container-wide {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-container-xl {\n max-width: 1600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPLIT LAYOUTS\n ============================================ *\/\n .onna-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 .onna-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 .onna-split-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-split-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--onna-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-split-content p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TECH FEATURES CAROUSEL - LIGHT VERSION\n ============================================ *\/\n .onna-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 .onna-tech-carousel::-webkit-scrollbar {\n display: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-tech-slide:hover img {\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-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 .onna-tech-slide-name {\n font-size: 1.3rem;\n font-weight: 700;\n color: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-progress {\n max-width: 600px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-progress-bar {\n height: 3px;\n background: var(--onna-gray-200);\n border-radius: 2px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-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 .onna-carousel-btn {\n width: 50px;\n height: 50px;\n border: 1px solid var(--onna-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 .onna-carousel-btn:hover {\n background: var(--onna-gray-100);\n border-color: var(--onna-gray-500);\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-btn svg {\n width: 22px;\n height: 22px;\n stroke: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DESIGN DETAILS - CARDS\n ============================================ *\/\n .onna-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 .onna-design-card {\n background: var(--onna-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n border: 1px solid var(--onna-gray-200);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n border-color: var(--onna-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-design-card:hover .onna-design-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-content {\n padding: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--onna-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n GEOMETRY SECTION\n ============================================ *\/\n .onna-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 .onna-stat-item {\n text-align: center;\n padding: 32px 16px;\n background: var(--onna-white);\n border-radius: 20px;\n border: 1px solid var(--onna-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 .onna-stat-item:hover {\n border-color: var(--onna-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 .onna-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 .onna-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--onna-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table-wrapper {\n overflow-x: auto;\n border-radius: 20px;\n background: var(--onna-white);\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);\n border: 1px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 600px;\n font-size: 0.9375rem;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table thead {\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table th {\n padding: 18px 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(--onna-gray-700);\n border-bottom: 2px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table th:first-child {\n text-align: left;\n padding-left: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table tbody tr {\n border-bottom: 1px solid var(--onna-gray-200);\n transition: background 0.2s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table tbody tr:hover {\n background: var(--onna-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table tbody tr:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table td {\n padding: 16px;\n text-align: center;\n color: var(--onna-gray-700);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table td:first-child {\n text-align: left;\n padding-left: 24px;\n font-weight: 600;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geo-detail-item {\n padding: 20px;\n background: var(--onna-white);\n border-radius: 16px;\n border: 1px solid var(--onna-gray-200);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geo-detail-value {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 4px;\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 .onna-geo-detail-label {\n font-size: 0.8125rem;\n color: var(--onna-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n PRODUCTS \/ CONFIGURATIONS\n ============================================ *\/\n .onna-products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-card {\n background: var(--onna-gray-50);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n border: 1px solid var(--onna-gray-200);\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 0.72rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n color: var(--onna-white);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-badge-top { background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); }\n .onna-badge-value { background: linear-gradient(135deg, #ec4899 0%, #ef4444 100%); }\n .onna-badge-entry { background: linear-gradient(135deg, #2997ff 0%, #6366f1 100%); }\u003c\/p\u003e\n\u003cp\u003e .onna-product-image {\n padding: 45px;\n background: var(--onna-white);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-image img {\n max-width: 100%;\n height: auto;\n transition: transform 0.5s var(--ease-out-expo);\n filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-card:hover .onna-product-image img {\n transform: scale(1.08);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-info {\n padding: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-frame {\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n background: linear-gradient(90deg, #2997ff, #a855f7);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-name {\n font-size: 1.35rem;\n font-weight: 800;\n color: var(--onna-black);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-desc {\n font-size: 0.9375rem;\n color: var(--onna-gray-600);\n line-height: 1.65;\n margin-bottom: 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-price {\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-price span {\n font-size: 0.85rem;\n color: var(--onna-gray-500);\n font-weight: 400;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n COMPARISON TABLE - LIGHT VERSION\n ============================================ *\/\n .onna-comparison-table-wrapper {\n overflow-x: auto;\n margin-top: 60px;\n border-radius: 16px;\n background: var(--onna-white);\n box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n border: 1px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 600px;\n font-size: 0.9375rem;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table thead {\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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(--onna-black);\n border-bottom: 2px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table th:first-child {\n text-align: left;\n padding-left: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table tbody tr {\n border-bottom: 1px solid var(--onna-gray-200);\n transition: background 0.2s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table tbody tr:hover {\n background: var(--onna-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table tbody tr:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table td {\n padding: 18px 16px;\n text-align: center;\n color: var(--onna-gray-700);\n vertical-align: top;\n line-height: 1.5;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table td:first-child {\n text-align: left;\n padding-left: 24px;\n font-weight: 600;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table th:first-child,\n .onna-comparison-table td:first-child {\n position: sticky;\n left: 0;\n background: var(--onna-white);\n z-index: 2;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494460793214,"sku":"T20515RA","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494460825982,"sku":"T20515RD","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494460858750,"sku":"T20515RF","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494460891518,"sku":"T20517RA","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494460924286,"sku":"T20517RD","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494460957054,"sku":"T20517RF","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494460989822,"sku":"T20519RA","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494461022590,"sku":"T20519RD","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494461055358,"sku":"T20519RF","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494461088126,"sku":"T20521RA","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494461120894,"sku":"T20521RD","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494461153662,"sku":"T20521RF","price":2599.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T205TTCC-RA-SIDE-ONNA_29_50-3.jpg?v=1780307203"},{"product_id":"onna-29-20-s-burning-red-gloss-black-matt","title":"Bicicleta MTB ORBEA ONNA 29 20","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ORBEA ONNA 29 20\u003c\/h1\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290802\" class=\"elementor elementor-290802\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-ad7e670 e-flex e-con-boxed e-con e-parent\" data-id=\"ad7e670\" 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-e433754 elementor-widget elementor-widget-html\" data-id=\"e433754\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea ONNA - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea ONNA hardtail mountain bike, bicicletă MTB aluminiu, 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 - ONNA EDITION\n Apple Style: Only white + gray, rainbow gradients\n ============================================ *\/\n .onna-page {\n --onna-black: #1d1d1f;\n --onna-white: #ffffff;\n --onna-gray-50: #fafafa;\n --onna-gray-100: #f5f5f7;\n --onna-gray-200: #e8e8ed;\n --onna-gray-300: #d2d2d7;\n --onna-gray-500: #86868b;\n --onna-gray-600: #6e6e73;\n --onna-gray-700: #515154;\n --onna-gray-800: #2d2d2d;\n --onna-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* ONNA Accent Colors *\/\n --onna-red: #E31937;\n --onna-red-light: #ef4444;\n --onna-red-dark: #b91c2a;\n --onna-purple: #7c3aed;\n --onna-blue: #3b82f6;\n --onna-orange: #f97316;\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 JS sets exact negative margin on .onna-page\n JS adds .onna-fw-parent on all ancestors\n ============================================ *\/\n html, body {\n overflow-x: hidden !important;\n max-width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ALL SCREENS: Full-width via JS-calculated margin *\/\n .onna-page {\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative !important;\n overflow: hidden !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ALL SCREENS: Reset all ancestors marked by JS *\/\n .onna-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 \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .onna-page h1,\n .elementor-widget-container .onna-page h2,\n .elementor-widget-container .onna-page h3,\n .elementor-widget-container .onna-page h4,\n .elementor-widget-container .onna-page h5,\n .elementor-widget-container .onna-page h6,\n .elementor-kit-6 .onna-page h1,\n .elementor-kit-6 .onna-page h2,\n .elementor-kit-6 .onna-page h3,\n .elementor-kit-6 .onna-page h4,\n .elementor-kit-6 .onna-page h5,\n .elementor-kit-6 .onna-page h6,\n .onna-page h1,\n .onna-page h2,\n .onna-page h3,\n .onna-page h4,\n .onna-page h5,\n .onna-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 .onna-page h2,\n .elementor-widget-container .onna-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 .onna-page h2,\n .woocommerce-Tabs-panel .onna-page h2,\n .onna-page h2.onna-title-main,\n .onna-page h2 {\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .onna-page {\n font-family: var(--font-main);\n color: var(--onna-black);\n background: var(--onna-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 .onna-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page img,\n .onna-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 @keyframes bikeReveal {\n from { opacity: 0; transform: scale(0.96) translateY(10px); }\n to { opacity: 1; transform: scale(1) translateY(0); }\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 .onna-gradient,\n .onna-page .onna-gradient,\n .elementor-widget-container .onna-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 .onna-gradient-cool,\n .onna-page .onna-gradient-cool,\n .elementor-widget-container .onna-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 .onna-gradient-warm,\n .onna-page .onna-gradient-warm,\n .elementor-widget-container .onna-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 .onna-gradient-reverse,\n .onna-page .onna-gradient-reverse,\n .elementor-widget-container .onna-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 .onna-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 .onna-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page .onna-title-main,\n .elementor-kit-6 .onna-page .onna-title-main,\n .elementor-widget-container .onna-page .onna-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 .onna-page .onna-title-secondary,\n .elementor-kit-6 .onna-page .onna-title-secondary,\n .elementor-widget-container .onna-page .onna-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(--onna-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--onna-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-subtitle-apple strong {\n color: var(--onna-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - COLOR SWITCHER\n ============================================ *\/\n .onna-hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 700px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-eyebrow {\n font-size: 0.95rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.25em;\n color: var(--onna-gray-500);\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 .onna-hero-title {\n color: var(--onna-black) !important;\n margin-bottom: 30px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-subtitle {\n font-size: 1.3rem;\n color: var(--onna-gray-600);\n margin-bottom: 35px;\n font-weight: 500;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n opacity: 0;\n animation: blurFadeIn 1s var(--ease-out-expo) 0.35s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stats {\n display: flex;\n justify-content: center;\n gap: 0;\n opacity: 0;\n animation: fadeInUp 0.8s ease 0.45s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat {\n text-align: center;\n padding: 0 40px;\n border-left: 1px solid var(--onna-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat:first-child {\n border-left: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat-label {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--onna-gray-500);\n margin-bottom: 6px;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat-value {\n font-size: 1.75rem;\n font-weight: 700;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Bike Showcase *\/\n .onna-bike-showcase {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-showcase::before {\n content: '';\n position: absolute;\n top: 25%;\n left: 50%;\n transform: translateX(-50%);\n width: 70%;\n height: 70%;\n background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0) 70%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-showcase::after {\n content: '';\n position: absolute;\n bottom: 15%;\n left: 50%;\n transform: translateX(-50%);\n width: 50%;\n height: 20%;\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 70%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slides {\n position: relative;\n width: 100%;\n height: 100%;\n pointer-events: none;\n opacity: 0;\n animation: bikeReveal 1s ease 0.5s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slide {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transform: scale(0.95);\n transition: opacity 0.5s ease, transform 0.5s ease;\n pointer-events: none;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-top: 160px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slide.active {\n opacity: 1;\n transform: scale(1);\n pointer-events: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slide img {\n width: auto;\n height: 58%;\n max-width: 75%;\n object-fit: contain;\n display: block;\n filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));\n }\u003c\/p\u003e\n\u003cp\u003e \/* Color Selector *\/\n .onna-color-selector {\n position: absolute;\n bottom: 100px;\n left: 0;\n right: 0;\n z-index: 100;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 20px;\n opacity: 0;\n animation: fadeInUp 0.8s ease 0.7s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dots {\n display: flex;\n justify-content: center;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dot {\n width: 52px;\n height: 52px;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.4s var(--ease-out-expo);\n position: relative;\n border: 3px solid var(--onna-gray-300);\n outline: none;\n -webkit-appearance: none;\n appearance: none;\n box-shadow: none;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dot:hover {\n transform: scale(1.15) translateY(-3px);\n border-color: var(--onna-gray-500);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dot.active {\n border-color: var(--onna-black);\n transform: scale(1.08);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-dot-red { background: linear-gradient(145deg, #ef4444 0%, #dc2626 100%); }\n .onna-dot-purple { background: linear-gradient(145deg, #a78bfa 0%, #7c3aed 100%); }\n .onna-dot-blue { background: linear-gradient(145deg, #60a5fa 0%, #3b82f6 100%); }\u003c\/p\u003e\n\u003cp\u003e .onna-color-name {\n font-size: 1.1rem;\n color: #1d1d1f !important;\n font-weight: 500;\n letter-spacing: 0.03em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .onna-page section {\n margin: 0 !important;\n padding-top: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page \u003e section + section {\n margin-top: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HIGHLIGHTS GRID - 3 CARDS\n ============================================ *\/\n .onna-highlights-section {\n padding: 0;\n background: var(--onna-white);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-highlights-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-highlight-card {\n position: relative;\n overflow: hidden;\n aspect-ratio: 4\/5;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-highlight-card:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-section-white {\n padding: 120px 24px;\n background: var(--onna-white);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-section-gray {\n padding: 120px 24px;\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-container-wide {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-container-xl {\n max-width: 1600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPLIT LAYOUTS\n ============================================ *\/\n .onna-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 .onna-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 .onna-split-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-split-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--onna-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-split-content p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TECH FEATURES CAROUSEL - LIGHT VERSION\n ============================================ *\/\n .onna-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 .onna-tech-carousel::-webkit-scrollbar {\n display: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-tech-slide:hover img {\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-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 .onna-tech-slide-name {\n font-size: 1.3rem;\n font-weight: 700;\n color: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-progress {\n max-width: 600px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-progress-bar {\n height: 3px;\n background: var(--onna-gray-200);\n border-radius: 2px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-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 .onna-carousel-btn {\n width: 50px;\n height: 50px;\n border: 1px solid var(--onna-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 .onna-carousel-btn:hover {\n background: var(--onna-gray-100);\n border-color: var(--onna-gray-500);\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-btn svg {\n width: 22px;\n height: 22px;\n stroke: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DESIGN DETAILS - CARDS\n ============================================ *\/\n .onna-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 .onna-design-card {\n background: var(--onna-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n border: 1px solid var(--onna-gray-200);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n border-color: var(--onna-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-design-card:hover .onna-design-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-content {\n padding: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--onna-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n GEOMETRY SECTION\n ============================================ *\/\n .onna-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 .onna-stat-item {\n text-align: center;\n padding: 32px 16px;\n background: var(--onna-white);\n border-radius: 20px;\n border: 1px solid var(--onna-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 .onna-stat-item:hover {\n border-color: var(--onna-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 .onna-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 .onna-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--onna-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table-wrapper {\n overflow-x: auto;\n border-radius: 20px;\n background: var(--onna-white);\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);\n border: 1px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 600px;\n font-size: 0.9375rem;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table thead {\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table th {\n padding: 18px 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(--onna-gray-700);\n border-bottom: 2px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table th:first-child {\n text-align: left;\n padding-left: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table tbody tr {\n border-bottom: 1px solid var(--onna-gray-200);\n transition: background 0.2s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table tbody tr:hover {\n background: var(--onna-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table tbody tr:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table td {\n padding: 16px;\n text-align: center;\n color: var(--onna-gray-700);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table td:first-child {\n text-align: left;\n padding-left: 24px;\n font-weight: 600;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geo-detail-item {\n padding: 20px;\n background: var(--onna-white);\n border-radius: 16px;\n border: 1px solid var(--onna-gray-200);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geo-detail-value {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 4px;\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 .onna-geo-detail-label {\n font-size: 0.8125rem;\n color: var(--onna-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n PRODUCTS \/ CONFIGURATIONS\n ============================================ *\/\n .onna-products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-card {\n background: var(--onna-gray-50);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n border: 1px solid var(--onna-gray-200);\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 0.72rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n color: var(--onna-white);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-badge-top { background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); }\n .onna-badge-value { background: linear-gradient(135deg, #ec4899 0%, #ef4444 100%); }\n .onna-badge-entry { background: linear-gradient(135deg, #2997ff 0%, #6366f1 100%); }\u003c\/p\u003e\n\u003cp\u003e .onna-product-image {\n padding: 45px;\n background: var(--onna-white);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-image img {\n max-width: 100%;\n height: auto;\n transition: transform 0.5s var(--ease-out-expo);\n filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-card:hover .onna-product-image img {\n transform: scale(1.08);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-info {\n padding: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-frame {\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n background: linear-gradient(90deg, #2997ff, #a855f7);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-name {\n font-size: 1.35rem;\n font-weight: 800;\n color: var(--onna-black);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-desc {\n font-size: 0.9375rem;\n color: var(--onna-gray-600);\n line-height: 1.65;\n margin-bottom: 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-price {\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-price span {\n font-size: 0.85rem;\n color: var(--onna-gray-500);\n font-weight: 400;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n COMPARISON TABLE - LIGHT VERSION\n ============================================ *\/\n .onna-comparison-table-wrapper {\n overflow-x: auto;\n margin-top: 60px;\n border-radius: 16px;\n background: var(--onna-white);\n box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n border: 1px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 600px;\n font-size: 0.9375rem;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table thead {\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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(--onna-black);\n border-bottom: 2px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table th:first-child {\n text-align: left;\n padding-left: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table tbody tr {\n border-bottom: 1px solid var(--onna-gray-200);\n transition: background 0.2s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table tbody tr:hover {\n background: var(--onna-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table tbody tr:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table td {\n padding: 18px 16px;\n text-align: center;\n color: var(--onna-gray-700);\n vertical-align: top;\n line-height: 1.5;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table td:first-child {\n text-align: left;\n padding-left: 24px;\n font-weight: 600;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table th:first-child,\n .onna-comparison-table td:first-child {\n position: sticky;\n left: 0;\n background: var(--onna-white);\n z-index: 2;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494461186430,"sku":"T20715RA","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494461219198,"sku":"T20715RD","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494461251966,"sku":"T20715RF","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494461284734,"sku":"T20717RA","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494461317502,"sku":"T20717RD","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494461350270,"sku":"T20717RF","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494461383038,"sku":"T20719RA","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494461415806,"sku":"T20719RD","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494461448574,"sku":"T20719RF","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494461481342,"sku":"T20721RA","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494461514110,"sku":"T20721RD","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494461546878,"sku":"T20721RF","price":3995.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T207TTCC-RA-SIDE-ONNA_29_20-3.jpg?v=1780307208"},{"product_id":"alma-m20-s-cobalt-blue-gloss-carbon-raw-matt-2","title":"Bicicletă MTB XC ORBEA ALMA M20","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA M20\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290750\" class=\"elementor elementor-290750\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-9e567b1 e-flex e-con-boxed e-con e-parent\" data-id=\"9e567b1\" 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-ebd8c8d elementor-widget elementor-widget-html\" data-id=\"ebd8c8d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium V2 - Enhanced Edition --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing 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 - ALMA EDITION\n ============================================ *\/\n .alma-page {\n --alma-black: #1d1d1f;\n --alma-white: #ffffff;\n --alma-gray-50: #fafafa;\n --alma-gray-100: #f5f5f7;\n --alma-gray-200: #e8e8ed;\n --alma-gray-300: #d2d2d7;\n --alma-gray-500: #86868b;\n --alma-gray-600: #6e6e73;\n --alma-gray-700: #515154;\n --alma-gray-800: #2d2d2d;\n --alma-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* ALMA Signature Colors - Navy Blue (from OFT bike) *\/\n --alma-green: #0c2340;\n --alma-green-light: #1a3a5c;\n --alma-green-dark: #071728;\n --alma-emerald: #2dd4a8;\n --alma-teal: #3b82f6;\n --alma-forest: #1e40af;\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 .alma-page {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n position: relative !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container:has(.alma-page),\n .elementor-element:has(.alma-page) {\n max-width: 100vw !important;\n padding: 0 !important;\n margin: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-section:has(.alma-page),\n .elementor-container:has(.alma-page),\n .elementor-column:has(.alma-page),\n .elementor-widget:has(.alma-page) {\n padding: 0 !important;\n margin: 0 !important;\n gap: 0 !important;\n max-width: 100vw !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .alma-page h1,\n .elementor-widget-container .alma-page h2,\n .elementor-widget-container .alma-page h3,\n .elementor-widget-container .alma-page h4,\n .elementor-widget-container .alma-page h5,\n .elementor-widget-container .alma-page h6,\n .elementor-kit-6 .alma-page h1,\n .elementor-kit-6 .alma-page h2,\n .elementor-kit-6 .alma-page h3,\n .elementor-kit-6 .alma-page h4,\n .elementor-kit-6 .alma-page h5,\n .elementor-kit-6 .alma-page h6,\n .alma-page h1,\n .alma-page h2,\n .alma-page h3,\n .alma-page h4,\n .alma-page h5,\n .alma-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 .alma-page h2,\n .elementor-widget-container .alma-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 Fix: WooCommerce hides h2:nth-child(1) in product tabs\n ============================================ *\/\n .single-product-tabs .woocommerce-Tabs-panel .alma-page h2,\n .woocommerce-Tabs-panel .alma-page h2,\n .alma-page h2.alma-title-main,\n .alma-page h2 {\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .alma-page {\n font-family: var(--font-main);\n color: var(--alma-black);\n background: var(--alma-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 .alma-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-page img,\n .alma-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 gradientFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\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 @keyframes countUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYPOGRAPHY\n ============================================ *\/\n .alma-display-hero {\n font-size: 55px !important;\n font-weight: 800 !important;\n letter-spacing: -0.03em !important;\n line-height: 1 !important;\n text-transform: uppercase;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-display-xl {\n font-size: clamp(2.5rem, 6vw, 5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.05 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-display-lg {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.025em !important;\n line-height: 1.1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-display-md {\n font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\n font-weight: 600 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.2 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-body-xl {\n font-size: clamp(1.125rem, 2vw, 1.375rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-body-lg {\n font-size: clamp(1rem, 1.5vw, 1.125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE-STYLE TYPOGRAPHY SYSTEM\n ============================================ *\/\n .alma-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-page .alma-title-main,\n .elementor-kit-6 .alma-page .alma-title-main,\n .elementor-widget-container .alma-page .alma-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 .alma-page .alma-title-secondary,\n .elementor-kit-6 .alma-page .alma-title-secondary,\n .elementor-widget-container .alma-page .alma-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(--alma-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--alma-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-subtitle-apple strong {\n color: var(--alma-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Apple-style gradient variations *\/\n .alma-gradient-racing,\n .alma-page .alma-gradient-racing,\n .elementor-widget-container .alma-gradient-racing {\n background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 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 .alma-gradient-emerald,\n .alma-page .alma-gradient-emerald,\n .elementor-widget-container .alma-gradient-emerald {\n background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 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 .alma-gradient-forest,\n .alma-page .alma-gradient-forest,\n .elementor-widget-container .alma-gradient-forest {\n background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 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 .alma-gradient-teal,\n .alma-page .alma-gradient-teal,\n .elementor-widget-container .alma-gradient-teal {\n background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 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 HERO SECTION - FULL WIDTH VIDEO\n ============================================ *\/\n .alma-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 }\u003c\/p\u003e\n\u003cp\u003e .alma-hero-video {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n min-height: 100%;\n object-fit: cover;\n object-position: center center;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.3);\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n color: var(--alma-white);\n padding: 0 24px;\n max-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-hero-title {\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 .alma-hero-subtitle {\n font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n font-weight: 400;\n line-height: 1.6;\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 ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .alma-page section {\n margin: 0 !important;\n padding-top: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-page \u003e section + section {\n margin-top: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL WIDTH IMAGE SECTION\n ============================================ *\/\n .alma-fullwidth-image {\n width: 100%;\n line-height: 0;\n margin: 0 !important;\n padding: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fullwidth-image img {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HIGHLIGHTS GRID - 3 CARDS\n ============================================ *\/\n .alma-highlights-section {\n padding: 0;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-highlights-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-highlight-card {\n position: relative;\n overflow: hidden;\n aspect-ratio: 4\/5;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-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 .alma-highlight-card:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-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 .alma-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 .alma-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 @media (max-width: 900px) {\n .alma-highlights-grid {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-highlight-card {\n aspect-ratio: 16\/10;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n X-FADER SECTION\n ============================================ *\/\n .alma-xfader-section {\n padding: 120px 24px;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-header h2 {\n margin-bottom: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-header p {\n font-size: clamp(1.125rem, 2vw, 1.25rem);\n line-height: 1.8;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-video {\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-video video {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-text h3 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 700;\n margin-bottom: 24px;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-text p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--alma-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-text p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-xfader-details {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n CARBON SECTION\n ============================================ *\/\n .alma-carbon-section {\n padding: 120px 24px;\n background: var(--alma-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-header h2 {\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-header p {\n font-size: clamp(1.125rem, 2vw, 1.25rem);\n line-height: 1.8;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-main-image {\n border-radius: 32px;\n overflow: hidden;\n margin-bottom: 48px;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-main-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-features {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card {\n background: var(--alma-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-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 .alma-carbon-card:hover .alma-carbon-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card-content {\n padding: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-carbon-features {\n grid-template-columns: 1fr;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n GEOMETRY SECTION - NEW\n ============================================ *\/\n .alma-geometry-section {\n padding: 120px 24px;\n background: var(--alma-gray-100);\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-section .alma-title-main,\n .alma-geometry-section .alma-title-secondary {\n color: var(--alma-black) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-section .alma-subtitle-apple {\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-section .alma-subtitle-apple strong {\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Stat Numbers Grid *\/\n .alma-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 .alma-stat-item {\n text-align: center;\n padding: 32px 16px;\n background: var(--alma-white);\n border-radius: 20px;\n border: 1px solid var(--alma-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 .alma-stat-item:hover {\n border-color: rgba(59, 130, 246, 0.3);\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-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(135deg, #0c2340, #3b82f6);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--alma-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Geometry Diagram + Details *\/\n .alma-geometry-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-image {\n border-radius: 24px;\n overflow: hidden;\n background: var(--alma-white);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geo-detail-item {\n padding: 20px;\n background: var(--alma-white);\n border-radius: 16px;\n border: 1px solid var(--alma-gray-200);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geo-detail-value {\n font-size: 1.5rem;\n font-weight: 700;\n color: #0c2340;\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geo-detail-label {\n font-size: 0.8125rem;\n color: var(--alma-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 1100px) {\n .alma-stats-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-geometry-content {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 600px) {\n .alma-stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-stat-item {\n padding: 24px 12px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FORK SECTION - NEW\n ============================================ *\/\n .alma-fork-section {\n padding: 120px 24px;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-layout {\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 .alma-fork-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 .alma-fork-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-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 .alma-fork-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--alma-gray-600);\n margin-bottom: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-modes {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n padding: 20px;\n background: var(--alma-gray-50);\n border-radius: 16px;\n transition: all 0.3s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode:hover {\n background: var(--alma-gray-100);\n transform: translateX(4px);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode-icon {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: var(--alma-green);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode-icon svg {\n width: 22px;\n height: 22px;\n color: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode-name {\n font-size: 1rem;\n font-weight: 700;\n color: var(--alma-black);\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode-desc {\n font-size: 0.875rem;\n color: var(--alma-gray-600);\n line-height: 1.5;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-fork-layout {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYRE CLEARANCE SECTION - NEW\n ============================================ *\/\n .alma-tyre-section {\n padding: 120px 24px;\n background: var(--alma-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-layout {\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 .alma-tyre-image {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n order: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-content {\n order: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-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 .alma-tyre-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--alma-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-content p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 20px;\n background: var(--alma-green);\n color: var(--alma-white);\n font-size: 0.9375rem;\n font-weight: 600;\n border-radius: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-tyre-layout {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-image { order: 1; }\n .alma-tyre-content { order: 2; }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n COCKPIT INTEGRATION SECTION\n ============================================ *\/\n .alma-cockpit-section {\n padding: 120px 40px;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-video {\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-video video {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(2, 1fr);\n gap: 16px;\n margin-top: 60px;\n width: 100%;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-item {\n position: relative;\n aspect-ratio: 1\/1;\n border-radius: 20px;\n overflow: hidden;\n cursor: pointer;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-item 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 .alma-integration-item:hover img {\n transform: scale(1.08);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-title {\n position: absolute;\n bottom: 20px;\n left: 20px;\n right: 20px;\n color: #ffffff !important;\n font-size: 1.125rem;\n font-weight: 700;\n line-height: 1.3;\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-integration-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-title {\n font-size: 1rem;\n bottom: 16px;\n left: 16px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 600px) {\n .alma-integration-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-section {\n padding: 80px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-video {\n border-radius: 20px;\n margin-bottom: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-item {\n border-radius: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-title {\n font-size: 0.875rem;\n bottom: 12px;\n left: 12px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DROPPER + SQUIDLOCK SECTION - NEW\n ============================================ *\/\n .alma-dropper-section {\n padding: 120px 24px;\n background: var(--alma-gray-100);\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-section .alma-title-main,\n .alma-dropper-section .alma-title-secondary {\n color: var(--alma-black) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-section .alma-subtitle-apple {\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-section .alma-subtitle-apple strong {\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card {\n border-radius: 24px;\n overflow: hidden;\n background: var(--alma-white);\n border: 1px solid var(--alma-gray-200);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card:hover {\n border-color: rgba(59, 130, 246, 0.3);\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-video {\n aspect-ratio: 16\/9;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-video video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-content {\n padding: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-title {\n font-size: 1.375rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-text strong {\n color: #0c2340;\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-stat {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-top: 16px;\n padding: 8px 16px;\n background: rgba(12, 35, 64, 0.08);\n border-radius: 50px;\n font-size: 0.875rem;\n font-weight: 600;\n color: #0c2340;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-dropper-grid {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SMART DETAILS SECTION - NEW\n ============================================ *\/\n .alma-smart-section {\n padding: 120px 24px;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-smart-container {\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494461579646,"sku":"T21503F8","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494461612414,"sku":"T21503F9","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494461645182,"sku":"T21503FA","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57494461677950,"sku":"T21503FB","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494461710718,"sku":"T21505F8","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494461743486,"sku":"T21505F9","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494461776254,"sku":"T21505FA","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57494461809022,"sku":"T21505FB","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494461841790,"sku":"T21507F8","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494461874558,"sku":"T21507F9","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494461907326,"sku":"T21507FA","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57494461940094,"sku":"T21507FB","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494461972862,"sku":"T21509F8","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494462005630,"sku":"T21509F9","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494462038398,"sku":"T21509FA","price":17399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57494462071166,"sku":"T21509FB","price":17399.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T215TTCC-F8-SIDE-ALMA_M20.jpg?v=1780307216"},{"product_id":"alma-m-team-axs-s-myo-2","title":"Bicicletă MTB XC ORBEA ALMA M-TEAM AXS","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA M-TEAM AXS\u003c\/h1\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290750\" class=\"elementor elementor-290750\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-9e567b1 e-flex e-con-boxed e-con e-parent\" data-id=\"9e567b1\" 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-ebd8c8d elementor-widget elementor-widget-html\" data-id=\"ebd8c8d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium V2 - Enhanced Edition --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing 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 - ALMA EDITION\n ============================================ *\/\n .alma-page {\n --alma-black: #1d1d1f;\n --alma-white: #ffffff;\n --alma-gray-50: #fafafa;\n --alma-gray-100: #f5f5f7;\n --alma-gray-200: #e8e8ed;\n --alma-gray-300: #d2d2d7;\n --alma-gray-500: #86868b;\n --alma-gray-600: #6e6e73;\n --alma-gray-700: #515154;\n --alma-gray-800: #2d2d2d;\n --alma-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* ALMA Signature Colors - Navy Blue (from OFT bike) *\/\n --alma-green: #0c2340;\n --alma-green-light: #1a3a5c;\n --alma-green-dark: #071728;\n --alma-emerald: #2dd4a8;\n --alma-teal: #3b82f6;\n --alma-forest: #1e40af;\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 .alma-page {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n position: relative !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container:has(.alma-page),\n .elementor-element:has(.alma-page) {\n max-width: 100vw !important;\n padding: 0 !important;\n margin: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-section:has(.alma-page),\n .elementor-container:has(.alma-page),\n .elementor-column:has(.alma-page),\n .elementor-widget:has(.alma-page) {\n padding: 0 !important;\n margin: 0 !important;\n gap: 0 !important;\n max-width: 100vw !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .alma-page h1,\n .elementor-widget-container .alma-page h2,\n .elementor-widget-container .alma-page h3,\n .elementor-widget-container .alma-page h4,\n .elementor-widget-container .alma-page h5,\n .elementor-widget-container .alma-page h6,\n .elementor-kit-6 .alma-page h1,\n .elementor-kit-6 .alma-page h2,\n .elementor-kit-6 .alma-page h3,\n .elementor-kit-6 .alma-page h4,\n .elementor-kit-6 .alma-page h5,\n .elementor-kit-6 .alma-page h6,\n .alma-page h1,\n .alma-page h2,\n .alma-page h3,\n .alma-page h4,\n .alma-page h5,\n .alma-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 .alma-page h2,\n .elementor-widget-container .alma-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 Fix: WooCommerce hides h2:nth-child(1) in product tabs\n ============================================ *\/\n .single-product-tabs .woocommerce-Tabs-panel .alma-page h2,\n .woocommerce-Tabs-panel .alma-page h2,\n .alma-page h2.alma-title-main,\n .alma-page h2 {\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .alma-page {\n font-family: var(--font-main);\n color: var(--alma-black);\n background: var(--alma-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 .alma-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-page img,\n .alma-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 gradientFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\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 @keyframes countUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYPOGRAPHY\n ============================================ *\/\n .alma-display-hero {\n font-size: 55px !important;\n font-weight: 800 !important;\n letter-spacing: -0.03em !important;\n line-height: 1 !important;\n text-transform: uppercase;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-display-xl {\n font-size: clamp(2.5rem, 6vw, 5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.05 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-display-lg {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.025em !important;\n line-height: 1.1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-display-md {\n font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\n font-weight: 600 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.2 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-body-xl {\n font-size: clamp(1.125rem, 2vw, 1.375rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-body-lg {\n font-size: clamp(1rem, 1.5vw, 1.125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE-STYLE TYPOGRAPHY SYSTEM\n ============================================ *\/\n .alma-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-page .alma-title-main,\n .elementor-kit-6 .alma-page .alma-title-main,\n .elementor-widget-container .alma-page .alma-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 .alma-page .alma-title-secondary,\n .elementor-kit-6 .alma-page .alma-title-secondary,\n .elementor-widget-container .alma-page .alma-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(--alma-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--alma-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-subtitle-apple strong {\n color: var(--alma-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Apple-style gradient variations *\/\n .alma-gradient-racing,\n .alma-page .alma-gradient-racing,\n .elementor-widget-container .alma-gradient-racing {\n background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 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 .alma-gradient-emerald,\n .alma-page .alma-gradient-emerald,\n .elementor-widget-container .alma-gradient-emerald {\n background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 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 .alma-gradient-forest,\n .alma-page .alma-gradient-forest,\n .elementor-widget-container .alma-gradient-forest {\n background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 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 .alma-gradient-teal,\n .alma-page .alma-gradient-teal,\n .elementor-widget-container .alma-gradient-teal {\n background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 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 HERO SECTION - FULL WIDTH VIDEO\n ============================================ *\/\n .alma-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 }\u003c\/p\u003e\n\u003cp\u003e .alma-hero-video {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n min-height: 100%;\n object-fit: cover;\n object-position: center center;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.3);\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n color: var(--alma-white);\n padding: 0 24px;\n max-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-hero-title {\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 .alma-hero-subtitle {\n font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n font-weight: 400;\n line-height: 1.6;\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 ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .alma-page section {\n margin: 0 !important;\n padding-top: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-page \u003e section + section {\n margin-top: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL WIDTH IMAGE SECTION\n ============================================ *\/\n .alma-fullwidth-image {\n width: 100%;\n line-height: 0;\n margin: 0 !important;\n padding: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fullwidth-image img {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HIGHLIGHTS GRID - 3 CARDS\n ============================================ *\/\n .alma-highlights-section {\n padding: 0;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-highlights-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-highlight-card {\n position: relative;\n overflow: hidden;\n aspect-ratio: 4\/5;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-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 .alma-highlight-card:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-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 .alma-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 .alma-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 @media (max-width: 900px) {\n .alma-highlights-grid {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-highlight-card {\n aspect-ratio: 16\/10;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n X-FADER SECTION\n ============================================ *\/\n .alma-xfader-section {\n padding: 120px 24px;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-header h2 {\n margin-bottom: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-header p {\n font-size: clamp(1.125rem, 2vw, 1.25rem);\n line-height: 1.8;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-video {\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-video video {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-text h3 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 700;\n margin-bottom: 24px;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-text p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--alma-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-xfader-text p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-xfader-details {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n CARBON SECTION\n ============================================ *\/\n .alma-carbon-section {\n padding: 120px 24px;\n background: var(--alma-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-header h2 {\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-header p {\n font-size: clamp(1.125rem, 2vw, 1.25rem);\n line-height: 1.8;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-main-image {\n border-radius: 32px;\n overflow: hidden;\n margin-bottom: 48px;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-main-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-features {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card {\n background: var(--alma-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-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 .alma-carbon-card:hover .alma-carbon-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card-content {\n padding: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-carbon-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-carbon-features {\n grid-template-columns: 1fr;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n GEOMETRY SECTION - NEW\n ============================================ *\/\n .alma-geometry-section {\n padding: 120px 24px;\n background: var(--alma-gray-100);\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-section .alma-title-main,\n .alma-geometry-section .alma-title-secondary {\n color: var(--alma-black) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-section .alma-subtitle-apple {\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-section .alma-subtitle-apple strong {\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Stat Numbers Grid *\/\n .alma-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 .alma-stat-item {\n text-align: center;\n padding: 32px 16px;\n background: var(--alma-white);\n border-radius: 20px;\n border: 1px solid var(--alma-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 .alma-stat-item:hover {\n border-color: rgba(59, 130, 246, 0.3);\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-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(135deg, #0c2340, #3b82f6);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--alma-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Geometry Diagram + Details *\/\n .alma-geometry-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-image {\n border-radius: 24px;\n overflow: hidden;\n background: var(--alma-white);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geo-detail-item {\n padding: 20px;\n background: var(--alma-white);\n border-radius: 16px;\n border: 1px solid var(--alma-gray-200);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geo-detail-value {\n font-size: 1.5rem;\n font-weight: 700;\n color: #0c2340;\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geo-detail-label {\n font-size: 0.8125rem;\n color: var(--alma-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 1100px) {\n .alma-stats-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-geometry-content {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-geometry-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 600px) {\n .alma-stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-stat-item {\n padding: 24px 12px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FORK SECTION - NEW\n ============================================ *\/\n .alma-fork-section {\n padding: 120px 24px;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-layout {\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 .alma-fork-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 .alma-fork-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-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 .alma-fork-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--alma-gray-600);\n margin-bottom: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-modes {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n padding: 20px;\n background: var(--alma-gray-50);\n border-radius: 16px;\n transition: all 0.3s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode:hover {\n background: var(--alma-gray-100);\n transform: translateX(4px);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode-icon {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: var(--alma-green);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode-icon svg {\n width: 22px;\n height: 22px;\n color: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode-name {\n font-size: 1rem;\n font-weight: 700;\n color: var(--alma-black);\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-mode-desc {\n font-size: 0.875rem;\n color: var(--alma-gray-600);\n line-height: 1.5;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-fork-layout {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-fork-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYRE CLEARANCE SECTION - NEW\n ============================================ *\/\n .alma-tyre-section {\n padding: 120px 24px;\n background: var(--alma-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-layout {\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 .alma-tyre-image {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n order: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-content {\n order: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-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 .alma-tyre-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--alma-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-content p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 20px;\n background: var(--alma-green);\n color: var(--alma-white);\n font-size: 0.9375rem;\n font-weight: 600;\n border-radius: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-tyre-layout {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-image { order: 1; }\n .alma-tyre-content { order: 2; }\u003c\/p\u003e\n\u003cp\u003e .alma-tyre-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n COCKPIT INTEGRATION SECTION\n ============================================ *\/\n .alma-cockpit-section {\n padding: 120px 40px;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-video {\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-video video {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(2, 1fr);\n gap: 16px;\n margin-top: 60px;\n width: 100%;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-item {\n position: relative;\n aspect-ratio: 1\/1;\n border-radius: 20px;\n overflow: hidden;\n cursor: pointer;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-item 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 .alma-integration-item:hover img {\n transform: scale(1.08);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-title {\n position: absolute;\n bottom: 20px;\n left: 20px;\n right: 20px;\n color: #ffffff !important;\n font-size: 1.125rem;\n font-weight: 700;\n line-height: 1.3;\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-integration-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-title {\n font-size: 1rem;\n bottom: 16px;\n left: 16px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 600px) {\n .alma-integration-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-section {\n padding: 80px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-cockpit-video {\n border-radius: 20px;\n margin-bottom: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-item {\n border-radius: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-integration-title {\n font-size: 0.875rem;\n bottom: 12px;\n left: 12px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DROPPER + SQUIDLOCK SECTION - NEW\n ============================================ *\/\n .alma-dropper-section {\n padding: 120px 24px;\n background: var(--alma-gray-100);\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-section .alma-title-main,\n .alma-dropper-section .alma-title-secondary {\n color: var(--alma-black) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-section .alma-subtitle-apple {\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-section .alma-subtitle-apple strong {\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card {\n border-radius: 24px;\n overflow: hidden;\n background: var(--alma-white);\n border: 1px solid var(--alma-gray-200);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card:hover {\n border-color: rgba(59, 130, 246, 0.3);\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-video {\n aspect-ratio: 16\/9;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-video video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-content {\n padding: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-title {\n font-size: 1.375rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--alma-black);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--alma-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-text strong {\n color: #0c2340;\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-card-stat {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-top: 16px;\n padding: 8px 16px;\n background: rgba(12, 35, 64, 0.08);\n border-radius: 50px;\n font-size: 0.875rem;\n font-weight: 600;\n color: #0c2340;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .alma-dropper-grid {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .alma-dropper-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SMART DETAILS SECTION - NEW\n ============================================ *\/\n .alma-smart-section {\n padding: 120px 24px;\n background: var(--alma-white);\n }\u003c\/p\u003e\n\u003cp\u003e .alma-smart-container {\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Myo","offer_id":57494462857598,"sku":"T21703CM","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494462890366,"sku":"T21703F8","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494462923134,"sku":"T21703F9","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494462955902,"sku":"T21703FA","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57494462988670,"sku":"T21703FB","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Myo","offer_id":57494463021438,"sku":"T21705CM","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494463054206,"sku":"T21705F8","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494463086974,"sku":"T21705F9","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494463119742,"sku":"T21705FA","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57494463152510,"sku":"T21705FB","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Myo","offer_id":57494463185278,"sku":"T21707CM","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494463218046,"sku":"T21707F8","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494463250814,"sku":"T21707F9","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494463283582,"sku":"T21707FA","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57494463316350,"sku":"T21707FB","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Myo","offer_id":57494463349118,"sku":"T21709CM","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494463381886,"sku":"T21709F8","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494463414654,"sku":"T21709F9","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494463447422,"sku":"T21709FA","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57494463480190,"sku":"T21709FB","price":28999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T217TTCC-F8-SIDE-ALMA_MTEAM_AXS-4.jpg?v=1780307252"},{"product_id":"oiz-m30-s-ivory-white-gloss-bumblebee-yellow-matt","title":"Orbea OIZ M30 2026 — Bicicletă MTB XC full suspension","description":"\u003cp\u003eIntrarea în gama OIZ pe cadru de carbon OMR. 120 mm de cursă la ambele capete, transmisie Shimano pe 12 viteze și telecomanda SquidLock, care blochează furca și amortizorul dintr-o singură apăsare. Roți pe jante de aluminiu, tubeless ready.\u003c\/p\u003e","brand":"ORBEA","offers":[{"title":"S \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494463971710,"sku":"T22403KR","price":15999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464004478,"sku":"T22403KS","price":15999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494464037246,"sku":"T22403KV","price":15999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494464070014,"sku":"T22405KR","price":15999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464102782,"sku":"T22405KS","price":15999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494464135550,"sku":"T22405KV","price":15999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494464168318,"sku":"T22407KR","price":15999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464201086,"sku":"T22407KS","price":15999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494464233854,"sku":"T22407KV","price":15999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494464266622,"sku":"T22409KR","price":15999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464299390,"sku":"T22409KS","price":15999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494464332158,"sku":"T22409KV","price":15999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T224TTCC-KR-SIDE-OIZ_M30.jpg?v=1780307243"},{"product_id":"oiz-m21-s-ivory-white-gloss-bumblebee-yellow-matt-2","title":"Orbea OIZ M21 2026 — Bicicletă MTB XC full suspension","description":"\u003cp\u003ePrimul OIZ cu transmisie wireless: SRAM Eagle AXS, fără cablu la schimbător. Suspensie RockShox SID cu trei poziții, roți Oquo Mountain Performance și tijă telescopică — cross-country fără compromisuri la fiabilitate.\u003c\/p\u003e","brand":"ORBEA","offers":[{"title":"S \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494464364926,"sku":"T22503KR","price":18999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464397694,"sku":"T22503KS","price":18999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494464430462,"sku":"T22503KV","price":18999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494464463230,"sku":"T22505KR","price":18999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464495998,"sku":"T22505KS","price":18999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494464528766,"sku":"T22505KV","price":18999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494464561534,"sku":"T22507KR","price":18999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464594302,"sku":"T22507KS","price":18999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494464627070,"sku":"T22507KV","price":18999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494464659838,"sku":"T22509KR","price":18999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464692606,"sku":"T22509KS","price":18999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494464725374,"sku":"T22509KV","price":18999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T225TTCC-KR-SIDE-OIZ_M21.jpg?v=1780307242"},{"product_id":"oiz-m10-s-ivory-white-gloss-bumblebee-yellow-matt-3","title":"Orbea OIZ M10 2026 — Bicicletă MTB XC full suspension","description":"\u003cp\u003eCadru OMR cu suspensie Fox Factory Kashima la ambele capete și transmisie Shimano XT pe 12 viteze. Roți Oquo MP30TEAM și ghidon de carbon: punctul în care OIZ devine o bicicletă de cursă.\u003c\/p\u003e","brand":"ORBEA","offers":[{"title":"S \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494464954750,"sku":"T22603KR","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464987518,"sku":"T22603KS","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494465020286,"sku":"T22603KV","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494465053054,"sku":"T22605KR","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494465085822,"sku":"T22605KS","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494465118590,"sku":"T22605KV","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494465151358,"sku":"T22607KR","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494465184126,"sku":"T22607KS","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494465216894,"sku":"T22607KV","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494465249662,"sku":"T22609KR","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494465282430,"sku":"T22609KS","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494465315198,"sku":"T22609KV","price":23999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T226TTCC-KR-SIDE-OIZ_M10.jpg?v=1780307248"},{"product_id":"oiz-m10-axs-s-ivory-white-gloss-bumblebee-yellow-matt-2","title":"Orbea OIZ M10 AXS 2026 — Bicicletă MTB XC full suspension","description":"\u003cp\u003eAceeași bază ca M10, cu transmisie wireless SRAM GX Eagle AXS și frâne SRAM Motive cu patru pistoane. Suspensie Fox Factory Kashima la ambele capete, roți Oquo MP30TEAM.\u003c\/p\u003e","brand":"ORBEA","offers":[{"title":"S \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494466888062,"sku":"T22703KR","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494466920830,"sku":"T22703KS","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494466953598,"sku":"T22703KV","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494466986366,"sku":"T22705KR","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494467019134,"sku":"T22705KS","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494467051902,"sku":"T22705KV","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494467084670,"sku":"T22707KR","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494467117438,"sku":"T22707KS","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494467150206,"sku":"T22707KV","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494467182974,"sku":"T22709KR","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494467215742,"sku":"T22709KS","price":23999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494467248510,"sku":"T22709KV","price":23999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T227TTCC-KR-SIDE-OIZ_M10_AXS.jpg?v=1780307276"},{"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":"occam-sl-h30-s-metallic-cinnamon-matt-black-gloss","title":"OCCAM SL H30 S Metallic Cinnamon (Matt) - Black (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470721918,"sku":"T23703PD","price":13781.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494470754686,"sku":"T23703PE","price":13781.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt-Gloss)","offer_id":57494470787454,"sku":"T23703PF","price":13781.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470820222,"sku":"T23705PD","price":13781.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494470852990,"sku":"T23705PE","price":13781.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt-Gloss)","offer_id":57494470885758,"sku":"T23705PF","price":13781.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470918526,"sku":"T23707PD","price":13781.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494470951294,"sku":"T23707PE","price":13781.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt-Gloss)","offer_id":57494470984062,"sku":"T23707PF","price":13781.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494471016830,"sku":"T23709PD","price":13781.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494471049598,"sku":"T23709PE","price":13781.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt-Gloss)","offer_id":57494471082366,"sku":"T23709PF","price":13781.2,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T237TTCC-PD-SIDE-OCCAM_SL_H30.jpg?v=1780307315"},{"product_id":"occam-sl-h10-s-metallic-cinnamon-matt-black-gloss","title":"OCCAM SL H10 S Metallic Cinnamon (Matt) - Black (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494471213438,"sku":"T23803PD","price":18553.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494471246206,"sku":"T23803PE","price":18553.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt-Gloss)","offer_id":57494471278974,"sku":"T23803PF","price":18553.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494471311742,"sku":"T23805PD","price":18553.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494471344510,"sku":"T23805PE","price":18553.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt-Gloss)","offer_id":57494471377278,"sku":"T23805PF","price":18553.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494471410046,"sku":"T23807PD","price":18553.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494471442814,"sku":"T23807PE","price":18553.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt-Gloss)","offer_id":57494471475582,"sku":"T23807PF","price":18553.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494471508350,"sku":"T23809PD","price":18553.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494471541118,"sku":"T23809PE","price":18553.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt-Gloss)","offer_id":57494471573886,"sku":"T23809PF","price":18553.45,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T238TTCC-PD-SIDE-OCCAM_SL_H10.jpg?v=1780307317"},{"product_id":"occam-sl-m30-s-sunset-carbon-view-black-matt","title":"OCCAM SL M30 S Sunset Carbon View - Black (Matt)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Sunset Carbon View - Black (Matt)","offer_id":57494471803262,"sku":"T24003M3","price":22795.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White - Nickel (Gloss)","offer_id":57494471836030,"sku":"T24003M4","price":22795.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Escape Green - Carbon View Gloss","offer_id":57494471868798,"sku":"T24003M5","price":22795.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Sunset Carbon View - Black (Matt)","offer_id":57494471901566,"sku":"T24005M3","price":22795.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White - Nickel (Gloss)","offer_id":57494471934334,"sku":"T24005M4","price":22795.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Escape Green - Carbon View Gloss","offer_id":57494471967102,"sku":"T24005M5","price":22795.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White - Nickel (Gloss)","offer_id":57494471999870,"sku":"T24005M5","price":22795.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Sunset Carbon View - Black (Matt)","offer_id":57494472032638,"sku":"T24005M5","price":22795.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Escape Green - Carbon View Gloss","offer_id":57494472065406,"sku":"T24005M5","price":22795.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Escape Green - Carbon View Gloss","offer_id":57494472098174,"sku":"T24005M5","price":22795.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White - Nickel (Gloss)","offer_id":57494472130942,"sku":"T24005M5","price":22795.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Sunset Carbon View - Black (Matt)","offer_id":57494472163710,"sku":"T24005M5","price":22795.45,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T240TTCC-M3-SIDE-OCCAM_SL_M30.jpg?v=1780307324"},{"product_id":"occam-lt-h30-s-metallic-cinnamon-matt-black-gloss","title":"OCCAM LT H30 S Metallic Cinnamon (Matt) - Black (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494474457470,"sku":"T24403PD","price":14841.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494474490238,"sku":"T24403PE","price":14841.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt-Gloss)","offer_id":57494474523006,"sku":"T24403PF","price":14841.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494474555774,"sku":"T24405PD","price":14841.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494474588542,"sku":"T24405PE","price":14841.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt-Gloss)","offer_id":57494474621310,"sku":"T24405PF","price":14841.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494474654078,"sku":"T24407PD","price":14841.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494474686846,"sku":"T24407PE","price":14841.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt-Gloss)","offer_id":57494474719614,"sku":"T24407PF","price":14841.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494474752382,"sku":"T24409PD","price":14841.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494474785150,"sku":"T24409PE","price":14841.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt-Gloss)","offer_id":57494474817918,"sku":"T24409PF","price":14841.7,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T244TTCC-PD-SIDE-OCCAM_LT_H30.jpg?v=1780307352"},{"product_id":"occam-lt-h10-s-metallic-cinnamon-matt-black-gloss","title":"OCCAM LT H10 S Metallic Cinnamon (Matt) - Black (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494474948990,"sku":"T24503PD","price":20144.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494474981758,"sku":"T24503PE","price":20144.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt-Gloss)","offer_id":57494475014526,"sku":"T24503PF","price":20144.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494475047294,"sku":"T24505PD","price":20144.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494475080062,"sku":"T24505PE","price":20144.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt-Gloss)","offer_id":57494475112830,"sku":"T24505PF","price":20144.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494475145598,"sku":"T24507PD","price":20144.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494475178366,"sku":"T24507PE","price":20144.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt-Gloss)","offer_id":57494475211134,"sku":"T24507PF","price":20144.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494475243902,"sku":"T24509PD","price":20144.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494475276670,"sku":"T24509PE","price":20144.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt-Gloss)","offer_id":57494475309438,"sku":"T24509PF","price":20144.2,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T245TTCC-PD-SIDE-OCCAM_LT_H10.jpg?v=1780307353"},{"product_id":"occam-lt-m30-s-sunset-carbon-view-black-matt","title":"OCCAM LT M30 S Sunset Carbon View - Black (Matt)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Sunset Carbon View - Black (Matt)","offer_id":57494477111678,"sku":"T24703M3","price":23855.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White - Nickel (Gloss)","offer_id":57494477144446,"sku":"T24703M4","price":23855.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Escape Green - Carbon View Gloss","offer_id":57494477177214,"sku":"T24703M5","price":23855.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Sunset Carbon View - Black (Matt)","offer_id":57494477209982,"sku":"T24705M3","price":23855.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White - Nickel (Gloss)","offer_id":57494477242750,"sku":"T24705M4","price":23855.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Escape Green - Carbon View Gloss","offer_id":57494477275518,"sku":"T24705M5","price":23855.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Sunset Carbon View - Black (Matt)","offer_id":57494477308286,"sku":"T24707M3","price":23855.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White - Nickel (Gloss)","offer_id":57494477341054,"sku":"T24707M4","price":23855.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Escape Green - Carbon View Gloss","offer_id":57494477373822,"sku":"T24707M5","price":23855.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Sunset Carbon View - Black (Matt)","offer_id":57494477406590,"sku":"T24709M3","price":23855.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White - Nickel (Gloss)","offer_id":57494477439358,"sku":"T24709M4","price":23855.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Escape Green - Carbon View Gloss","offer_id":57494477472126,"sku":"T24709M5","price":23855.95,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T247TTCC-M3-SIDE-OCCAM_LT_M30.jpg?v=1780307383"},{"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":"onna-27-50-xs-burning-red-gloss-black-matt","title":"Bicicleta MTB ORBEA ONNA 27 50 XS","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ORBEA ONNA 27 50 XS\u003c\/h1\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290802\" class=\"elementor elementor-290802\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-ad7e670 e-flex e-con-boxed e-con e-parent\" data-id=\"ad7e670\" 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-e433754 elementor-widget elementor-widget-html\" data-id=\"e433754\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ONNA - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ONNA hardtail mountain bike, bicicletă MTB aluminiu, 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 - ONNA EDITION\u003cbr \/\u003e Apple Style: Only white + gray, rainbow gradients\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e --onna-black: #1d1d1f;\u003cbr \/\u003e --onna-white: #ffffff;\u003cbr \/\u003e --onna-gray-50: #fafafa;\u003cbr \/\u003e --onna-gray-100: #f5f5f7;\u003cbr \/\u003e --onna-gray-200: #e8e8ed;\u003cbr \/\u003e --onna-gray-300: #d2d2d7;\u003cbr \/\u003e --onna-gray-500: #86868b;\u003cbr \/\u003e --onna-gray-600: #6e6e73;\u003cbr \/\u003e --onna-gray-700: #515154;\u003cbr \/\u003e --onna-gray-800: #2d2d2d;\u003cbr \/\u003e --onna-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ONNA Accent Colors *\/\u003cbr \/\u003e --onna-red: #E31937;\u003cbr \/\u003e --onna-red-light: #ef4444;\u003cbr \/\u003e --onna-red-dark: #b91c2a;\u003cbr \/\u003e --onna-purple: #7c3aed;\u003cbr \/\u003e --onna-blue: #3b82f6;\u003cbr \/\u003e --onna-orange: #f97316;\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 JS sets exact negative margin on .onna-page\u003cbr \/\u003e JS adds .onna-fw-parent on all ancestors\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e html, body {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Full-width via JS-calculated margin *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Reset all ancestors marked by JS *\/\u003cbr \/\u003e .onna-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 \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .onna-page h1,\u003cbr \/\u003e .elementor-widget-container .onna-page h2,\u003cbr \/\u003e .elementor-widget-container .onna-page h3,\u003cbr \/\u003e .elementor-widget-container .onna-page h4,\u003cbr \/\u003e .elementor-widget-container .onna-page h5,\u003cbr \/\u003e .elementor-widget-container .onna-page h6,\u003cbr \/\u003e .elementor-kit-6 .onna-page h1,\u003cbr \/\u003e .elementor-kit-6 .onna-page h2,\u003cbr \/\u003e .elementor-kit-6 .onna-page h3,\u003cbr \/\u003e .elementor-kit-6 .onna-page h4,\u003cbr \/\u003e .elementor-kit-6 .onna-page h5,\u003cbr \/\u003e .elementor-kit-6 .onna-page h6,\u003cbr \/\u003e .onna-page h1,\u003cbr \/\u003e .onna-page h2,\u003cbr \/\u003e .onna-page h3,\u003cbr \/\u003e .onna-page h4,\u003cbr \/\u003e .onna-page h5,\u003cbr \/\u003e .onna-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 .onna-page h2,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .onna-page h2,\u003cbr \/\u003e .onna-page h2.onna-title-main,\u003cbr \/\u003e .onna-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 .onna-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e background: var(--onna-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 .onna-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page img,\u003cbr \/\u003e .onna-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 @keyframes bikeReveal {\u003cbr \/\u003e from { opacity: 0; transform: scale(0.96) translateY(10px); }\u003cbr \/\u003e to { opacity: 1; transform: scale(1) translateY(0); }\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 .onna-gradient,\u003cbr \/\u003e .onna-page .onna-gradient,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-cool,\u003cbr \/\u003e .onna-page .onna-gradient-cool,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-warm,\u003cbr \/\u003e .onna-page .onna-gradient-warm,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-reverse,\u003cbr \/\u003e .onna-page .onna-gradient-reverse,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-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 .onna-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page .onna-title-main,\u003cbr \/\u003e .elementor-kit-6 .onna-page .onna-title-main,\u003cbr \/\u003e .elementor-widget-container .onna-page .onna-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 .onna-page .onna-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .onna-page .onna-title-secondary,\u003cbr \/\u003e .elementor-widget-container .onna-page .onna-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(--onna-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-subtitle-apple strong {\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - COLOR SWITCHER\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 700px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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: var(--onna-gray-500);\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 .onna-hero-title {\u003cbr \/\u003e color: var(--onna-black) !important;\u003cbr \/\u003e margin-bottom: 30px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-subtitle {\u003cbr \/\u003e font-size: 1.3rem;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e margin-bottom: 35px;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e letter-spacing: 0.25em;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1s var(--ease-out-expo) 0.35s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 0;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: fadeInUp 0.8s ease 0.45s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e border-left: 1px solid var(--onna-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat:first-child {\u003cbr \/\u003e border-left: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e margin-bottom: 6px;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat-value {\u003cbr \/\u003e font-size: 1.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase *\/\u003cbr \/\u003e .onna-bike-showcase {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 50%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translate(-50%, -50%);\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-showcase::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 25%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e width: 70%;\u003cbr \/\u003e height: 70%;\u003cbr \/\u003e background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0) 70%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-showcase::after {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 15%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e width: 50%;\u003cbr \/\u003e height: 20%;\u003cbr \/\u003e background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 70%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slides {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: bikeReveal 1s ease 0.5s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: scale(0.95);\u003cbr \/\u003e transition: opacity 0.5s ease, transform 0.5s ease;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e padding-top: 160px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide.active {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e pointer-events: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide img {\u003cbr \/\u003e width: auto;\u003cbr \/\u003e height: 58%;\u003cbr \/\u003e max-width: 75%;\u003cbr \/\u003e object-fit: contain;\u003cbr \/\u003e display: block;\u003cbr \/\u003e filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Color Selector *\/\u003cbr \/\u003e .onna-color-selector {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 100px;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: fadeInUp 0.8s ease 0.7s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dots {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot {\u003cbr \/\u003e width: 52px;\u003cbr \/\u003e height: 52px;\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e border: 3px solid var(--onna-gray-300);\u003cbr \/\u003e outline: none;\u003cbr \/\u003e -webkit-appearance: none;\u003cbr \/\u003e appearance: none;\u003cbr \/\u003e box-shadow: none;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot:hover {\u003cbr \/\u003e transform: scale(1.15) translateY(-3px);\u003cbr \/\u003e border-color: var(--onna-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot.active {\u003cbr \/\u003e border-color: var(--onna-black);\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-dot-red { background: linear-gradient(145deg, #ef4444 0%, #dc2626 100%); }\u003cbr \/\u003e .onna-dot-purple { background: linear-gradient(145deg, #a78bfa 0%, #7c3aed 100%); }\u003cbr \/\u003e .onna-dot-blue { background: linear-gradient(145deg, #60a5fa 0%, #3b82f6 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-name {\u003cbr \/\u003e font-size: 1.1rem;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e letter-spacing: 0.03em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-section-white {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-section-gray {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container-wide {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-split-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-tech-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-tech-slide:hover img {\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-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 .onna-progress-bar {\u003cbr \/\u003e height: 3px;\u003cbr \/\u003e background: var(--onna-gray-200);\u003cbr \/\u003e border-radius: 2px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-carousel-btn {\u003cbr \/\u003e width: 50px;\u003cbr \/\u003e height: 50px;\u003cbr \/\u003e border: 1px solid var(--onna-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 .onna-carousel-btn:hover {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e border-color: var(--onna-gray-500);\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-carousel-btn svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e stroke: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN DETAILS - CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-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 .onna-design-card {\u003cbr \/\u003e background: var(--onna-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(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-design-card:hover .onna-design-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-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 .onna-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--onna-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 .onna-stat-item:hover {\u003cbr \/\u003e border-color: var(--onna-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 .onna-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 .onna-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-content {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 600px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table thead {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table th {\u003cbr \/\u003e padding: 18px 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(--onna-gray-700);\u003cbr \/\u003e border-bottom: 2px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--onna-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr:hover {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table td {\u003cbr \/\u003e padding: 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geo-detail-item {\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geo-detail-value {\u003cbr \/\u003e font-size: 1.5rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 4px;\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 .onna-geo-detail-label {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e PRODUCTS \/ CONFIGURATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card {\u003cbr \/\u003e background: var(--onna-gray-50);\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(--onna-gray-200);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e padding: 8px 16px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.72rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e color: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-badge-top { background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); }\u003cbr \/\u003e .onna-badge-value { background: linear-gradient(135deg, #ec4899 0%, #ef4444 100%); }\u003cbr \/\u003e .onna-badge-entry { background: linear-gradient(135deg, #2997ff 0%, #6366f1 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-image {\u003cbr \/\u003e padding: 45px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e min-height: 280px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-image img {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo);\u003cbr \/\u003e filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card:hover .onna-product-image img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-info {\u003cbr \/\u003e padding: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-frame {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 1.5px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff, #a855f7);\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 .onna-product-name {\u003cbr \/\u003e font-size: 1.35rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-desc {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e line-height: 1.65;\u003cbr \/\u003e margin-bottom: 22px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-price {\u003cbr \/\u003e font-size: 1.6rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-price span {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.06);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 600px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table thead {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-black);\u003cbr \/\u003e border-bottom: 2px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--onna-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e vertical-align: top;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th:first-child,\u003cbr \/\u003e .onna-comparison-table td:first-child {\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e z-index: 2\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":"XS \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496394432894,"sku":"T20114RA","price":3099.0,"currency_code":"RON","in_stock":true},{"title":"XS \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496394465662,"sku":"T20114RD","price":3099.0,"currency_code":"RON","in_stock":true},{"title":"XS \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496394498430,"sku":"T20114RF","price":3099.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496394531198,"sku":"T20115RA","price":3099.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496394563966,"sku":"T20115RD","price":3099.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496394596734,"sku":"T20115RF","price":3099.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T205TTCC-RA-SIDE-ONNA_29_50.jpg?v=1780337036"},{"product_id":"onna-27-40-xs-burning-red-gloss-black-matt","title":"Bicicleta MTB ORBEA ONNA 27 40 XS","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ORBEA ONNA 27 40 XS\u003c\/h1\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290802\" class=\"elementor elementor-290802\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-ad7e670 e-flex e-con-boxed e-con e-parent\" data-id=\"ad7e670\" 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-e433754 elementor-widget elementor-widget-html\" data-id=\"e433754\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ONNA - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ONNA hardtail mountain bike, bicicletă MTB aluminiu, 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 - ONNA EDITION\u003cbr \/\u003e Apple Style: Only white + gray, rainbow gradients\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e --onna-black: #1d1d1f;\u003cbr \/\u003e --onna-white: #ffffff;\u003cbr \/\u003e --onna-gray-50: #fafafa;\u003cbr \/\u003e --onna-gray-100: #f5f5f7;\u003cbr \/\u003e --onna-gray-200: #e8e8ed;\u003cbr \/\u003e --onna-gray-300: #d2d2d7;\u003cbr \/\u003e --onna-gray-500: #86868b;\u003cbr \/\u003e --onna-gray-600: #6e6e73;\u003cbr \/\u003e --onna-gray-700: #515154;\u003cbr \/\u003e --onna-gray-800: #2d2d2d;\u003cbr \/\u003e --onna-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ONNA Accent Colors *\/\u003cbr \/\u003e --onna-red: #E31937;\u003cbr \/\u003e --onna-red-light: #ef4444;\u003cbr \/\u003e --onna-red-dark: #b91c2a;\u003cbr \/\u003e --onna-purple: #7c3aed;\u003cbr \/\u003e --onna-blue: #3b82f6;\u003cbr \/\u003e --onna-orange: #f97316;\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 JS sets exact negative margin on .onna-page\u003cbr \/\u003e JS adds .onna-fw-parent on all ancestors\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e html, body {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Full-width via JS-calculated margin *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Reset all ancestors marked by JS *\/\u003cbr \/\u003e .onna-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 \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .onna-page h1,\u003cbr \/\u003e .elementor-widget-container .onna-page h2,\u003cbr \/\u003e .elementor-widget-container .onna-page h3,\u003cbr \/\u003e .elementor-widget-container .onna-page h4,\u003cbr \/\u003e .elementor-widget-container .onna-page h5,\u003cbr \/\u003e .elementor-widget-container .onna-page h6,\u003cbr \/\u003e .elementor-kit-6 .onna-page h1,\u003cbr \/\u003e .elementor-kit-6 .onna-page h2,\u003cbr \/\u003e .elementor-kit-6 .onna-page h3,\u003cbr \/\u003e .elementor-kit-6 .onna-page h4,\u003cbr \/\u003e .elementor-kit-6 .onna-page h5,\u003cbr \/\u003e .elementor-kit-6 .onna-page h6,\u003cbr \/\u003e .onna-page h1,\u003cbr \/\u003e .onna-page h2,\u003cbr \/\u003e .onna-page h3,\u003cbr \/\u003e .onna-page h4,\u003cbr \/\u003e .onna-page h5,\u003cbr \/\u003e .onna-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 .onna-page h2,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .onna-page h2,\u003cbr \/\u003e .onna-page h2.onna-title-main,\u003cbr \/\u003e .onna-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 .onna-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e background: var(--onna-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 .onna-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page img,\u003cbr \/\u003e .onna-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 @keyframes bikeReveal {\u003cbr \/\u003e from { opacity: 0; transform: scale(0.96) translateY(10px); }\u003cbr \/\u003e to { opacity: 1; transform: scale(1) translateY(0); }\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 .onna-gradient,\u003cbr \/\u003e .onna-page .onna-gradient,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-cool,\u003cbr \/\u003e .onna-page .onna-gradient-cool,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-warm,\u003cbr \/\u003e .onna-page .onna-gradient-warm,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-reverse,\u003cbr \/\u003e .onna-page .onna-gradient-reverse,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-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 .onna-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page .onna-title-main,\u003cbr \/\u003e .elementor-kit-6 .onna-page .onna-title-main,\u003cbr \/\u003e .elementor-widget-container .onna-page .onna-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 .onna-page .onna-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .onna-page .onna-title-secondary,\u003cbr \/\u003e .elementor-widget-container .onna-page .onna-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(--onna-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-subtitle-apple strong {\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - COLOR SWITCHER\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 700px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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: var(--onna-gray-500);\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 .onna-hero-title {\u003cbr \/\u003e color: var(--onna-black) !important;\u003cbr \/\u003e margin-bottom: 30px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-subtitle {\u003cbr \/\u003e font-size: 1.3rem;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e margin-bottom: 35px;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e letter-spacing: 0.25em;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1s var(--ease-out-expo) 0.35s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 0;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: fadeInUp 0.8s ease 0.45s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e border-left: 1px solid var(--onna-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat:first-child {\u003cbr \/\u003e border-left: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e margin-bottom: 6px;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat-value {\u003cbr \/\u003e font-size: 1.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase *\/\u003cbr \/\u003e .onna-bike-showcase {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 50%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translate(-50%, -50%);\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-showcase::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 25%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e width: 70%;\u003cbr \/\u003e height: 70%;\u003cbr \/\u003e background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0) 70%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-showcase::after {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 15%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e width: 50%;\u003cbr \/\u003e height: 20%;\u003cbr \/\u003e background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 70%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slides {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: bikeReveal 1s ease 0.5s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: scale(0.95);\u003cbr \/\u003e transition: opacity 0.5s ease, transform 0.5s ease;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e padding-top: 160px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide.active {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e pointer-events: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide img {\u003cbr \/\u003e width: auto;\u003cbr \/\u003e height: 58%;\u003cbr \/\u003e max-width: 75%;\u003cbr \/\u003e object-fit: contain;\u003cbr \/\u003e display: block;\u003cbr \/\u003e filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Color Selector *\/\u003cbr \/\u003e .onna-color-selector {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 100px;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: fadeInUp 0.8s ease 0.7s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dots {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot {\u003cbr \/\u003e width: 52px;\u003cbr \/\u003e height: 52px;\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e border: 3px solid var(--onna-gray-300);\u003cbr \/\u003e outline: none;\u003cbr \/\u003e -webkit-appearance: none;\u003cbr \/\u003e appearance: none;\u003cbr \/\u003e box-shadow: none;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot:hover {\u003cbr \/\u003e transform: scale(1.15) translateY(-3px);\u003cbr \/\u003e border-color: var(--onna-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot.active {\u003cbr \/\u003e border-color: var(--onna-black);\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-dot-red { background: linear-gradient(145deg, #ef4444 0%, #dc2626 100%); }\u003cbr \/\u003e .onna-dot-purple { background: linear-gradient(145deg, #a78bfa 0%, #7c3aed 100%); }\u003cbr \/\u003e .onna-dot-blue { background: linear-gradient(145deg, #60a5fa 0%, #3b82f6 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-name {\u003cbr \/\u003e font-size: 1.1rem;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e letter-spacing: 0.03em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-section-white {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-section-gray {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container-wide {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-split-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-tech-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-tech-slide:hover img {\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-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 .onna-progress-bar {\u003cbr \/\u003e height: 3px;\u003cbr \/\u003e background: var(--onna-gray-200);\u003cbr \/\u003e border-radius: 2px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-carousel-btn {\u003cbr \/\u003e width: 50px;\u003cbr \/\u003e height: 50px;\u003cbr \/\u003e border: 1px solid var(--onna-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 .onna-carousel-btn:hover {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e border-color: var(--onna-gray-500);\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-carousel-btn svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e stroke: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN DETAILS - CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-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 .onna-design-card {\u003cbr \/\u003e background: var(--onna-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(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-design-card:hover .onna-design-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-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 .onna-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--onna-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 .onna-stat-item:hover {\u003cbr \/\u003e border-color: var(--onna-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 .onna-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 .onna-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-content {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 600px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table thead {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table th {\u003cbr \/\u003e padding: 18px 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(--onna-gray-700);\u003cbr \/\u003e border-bottom: 2px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--onna-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr:hover {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table td {\u003cbr \/\u003e padding: 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geo-detail-item {\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geo-detail-value {\u003cbr \/\u003e font-size: 1.5rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 4px;\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 .onna-geo-detail-label {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e PRODUCTS \/ CONFIGURATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card {\u003cbr \/\u003e background: var(--onna-gray-50);\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(--onna-gray-200);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e padding: 8px 16px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.72rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e color: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-badge-top { background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); }\u003cbr \/\u003e .onna-badge-value { background: linear-gradient(135deg, #ec4899 0%, #ef4444 100%); }\u003cbr \/\u003e .onna-badge-entry { background: linear-gradient(135deg, #2997ff 0%, #6366f1 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-image {\u003cbr \/\u003e padding: 45px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e min-height: 280px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-image img {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo);\u003cbr \/\u003e filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card:hover .onna-product-image img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-info {\u003cbr \/\u003e padding: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-frame {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 1.5px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff, #a855f7);\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 .onna-product-name {\u003cbr \/\u003e font-size: 1.35rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-desc {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e line-height: 1.65;\u003cbr \/\u003e margin-bottom: 22px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-price {\u003cbr \/\u003e font-size: 1.6rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-price span {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.06);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 600px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table thead {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-black);\u003cbr \/\u003e border-bottom: 2px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--onna-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e vertical-align: top;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th:first-child,\u003cbr \/\u003e .onna-comparison-table td:first-child {\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e z-index: 2\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":"XS \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496394629502,"sku":"T20214RA","price":3399.0,"currency_code":"RON","in_stock":true},{"title":"XS \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496394662270,"sku":"T20214RD","price":3399.0,"currency_code":"RON","in_stock":true},{"title":"XS \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496394695038,"sku":"T20214RF","price":3399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496394727806,"sku":"T20215RA","price":3399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496394760574,"sku":"T20215RD","price":3399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496394793342,"sku":"T20215RF","price":3399.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T206TTCC-RA-SIDE-ONNA_29_40.jpg?v=1780337039"},{"product_id":"onna-27-20-xs-burning-red-gloss-black-matt","title":"Bicicleta MTB ORBEA ONNA 27 20 XS","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ORBEA ONNA 27 20 XS\u003c\/h1\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290802\" class=\"elementor elementor-290802\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-ad7e670 e-flex e-con-boxed e-con e-parent\" data-id=\"ad7e670\" 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-e433754 elementor-widget elementor-widget-html\" data-id=\"e433754\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ONNA - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ONNA hardtail mountain bike, bicicletă MTB aluminiu, 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 - ONNA EDITION\u003cbr \/\u003e Apple Style: Only white + gray, rainbow gradients\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e --onna-black: #1d1d1f;\u003cbr \/\u003e --onna-white: #ffffff;\u003cbr \/\u003e --onna-gray-50: #fafafa;\u003cbr \/\u003e --onna-gray-100: #f5f5f7;\u003cbr \/\u003e --onna-gray-200: #e8e8ed;\u003cbr \/\u003e --onna-gray-300: #d2d2d7;\u003cbr \/\u003e --onna-gray-500: #86868b;\u003cbr \/\u003e --onna-gray-600: #6e6e73;\u003cbr \/\u003e --onna-gray-700: #515154;\u003cbr \/\u003e --onna-gray-800: #2d2d2d;\u003cbr \/\u003e --onna-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ONNA Accent Colors *\/\u003cbr \/\u003e --onna-red: #E31937;\u003cbr \/\u003e --onna-red-light: #ef4444;\u003cbr \/\u003e --onna-red-dark: #b91c2a;\u003cbr \/\u003e --onna-purple: #7c3aed;\u003cbr \/\u003e --onna-blue: #3b82f6;\u003cbr \/\u003e --onna-orange: #f97316;\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 JS sets exact negative margin on .onna-page\u003cbr \/\u003e JS adds .onna-fw-parent on all ancestors\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e html, body {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Full-width via JS-calculated margin *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Reset all ancestors marked by JS *\/\u003cbr \/\u003e .onna-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 \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .onna-page h1,\u003cbr \/\u003e .elementor-widget-container .onna-page h2,\u003cbr \/\u003e .elementor-widget-container .onna-page h3,\u003cbr \/\u003e .elementor-widget-container .onna-page h4,\u003cbr \/\u003e .elementor-widget-container .onna-page h5,\u003cbr \/\u003e .elementor-widget-container .onna-page h6,\u003cbr \/\u003e .elementor-kit-6 .onna-page h1,\u003cbr \/\u003e .elementor-kit-6 .onna-page h2,\u003cbr \/\u003e .elementor-kit-6 .onna-page h3,\u003cbr \/\u003e .elementor-kit-6 .onna-page h4,\u003cbr \/\u003e .elementor-kit-6 .onna-page h5,\u003cbr \/\u003e .elementor-kit-6 .onna-page h6,\u003cbr \/\u003e .onna-page h1,\u003cbr \/\u003e .onna-page h2,\u003cbr \/\u003e .onna-page h3,\u003cbr \/\u003e .onna-page h4,\u003cbr \/\u003e .onna-page h5,\u003cbr \/\u003e .onna-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 .onna-page h2,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .onna-page h2,\u003cbr \/\u003e .onna-page h2.onna-title-main,\u003cbr \/\u003e .onna-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 .onna-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e background: var(--onna-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 .onna-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page img,\u003cbr \/\u003e .onna-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 @keyframes bikeReveal {\u003cbr \/\u003e from { opacity: 0; transform: scale(0.96) translateY(10px); }\u003cbr \/\u003e to { opacity: 1; transform: scale(1) translateY(0); }\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 .onna-gradient,\u003cbr \/\u003e .onna-page .onna-gradient,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-cool,\u003cbr \/\u003e .onna-page .onna-gradient-cool,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-warm,\u003cbr \/\u003e .onna-page .onna-gradient-warm,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-reverse,\u003cbr \/\u003e .onna-page .onna-gradient-reverse,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-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 .onna-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page .onna-title-main,\u003cbr \/\u003e .elementor-kit-6 .onna-page .onna-title-main,\u003cbr \/\u003e .elementor-widget-container .onna-page .onna-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 .onna-page .onna-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .onna-page .onna-title-secondary,\u003cbr \/\u003e .elementor-widget-container .onna-page .onna-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(--onna-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-subtitle-apple strong {\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - COLOR SWITCHER\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 700px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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: var(--onna-gray-500);\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 .onna-hero-title {\u003cbr \/\u003e color: var(--onna-black) !important;\u003cbr \/\u003e margin-bottom: 30px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-subtitle {\u003cbr \/\u003e font-size: 1.3rem;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e margin-bottom: 35px;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e letter-spacing: 0.25em;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1s var(--ease-out-expo) 0.35s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 0;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: fadeInUp 0.8s ease 0.45s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e border-left: 1px solid var(--onna-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat:first-child {\u003cbr \/\u003e border-left: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e margin-bottom: 6px;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat-value {\u003cbr \/\u003e font-size: 1.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase *\/\u003cbr \/\u003e .onna-bike-showcase {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 50%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translate(-50%, -50%);\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-showcase::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 25%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e width: 70%;\u003cbr \/\u003e height: 70%;\u003cbr \/\u003e background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0) 70%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-showcase::after {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 15%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e width: 50%;\u003cbr \/\u003e height: 20%;\u003cbr \/\u003e background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 70%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slides {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: bikeReveal 1s ease 0.5s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: scale(0.95);\u003cbr \/\u003e transition: opacity 0.5s ease, transform 0.5s ease;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e padding-top: 160px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide.active {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e pointer-events: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide img {\u003cbr \/\u003e width: auto;\u003cbr \/\u003e height: 58%;\u003cbr \/\u003e max-width: 75%;\u003cbr \/\u003e object-fit: contain;\u003cbr \/\u003e display: block;\u003cbr \/\u003e filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Color Selector *\/\u003cbr \/\u003e .onna-color-selector {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 100px;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: fadeInUp 0.8s ease 0.7s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dots {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot {\u003cbr \/\u003e width: 52px;\u003cbr \/\u003e height: 52px;\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e border: 3px solid var(--onna-gray-300);\u003cbr \/\u003e outline: none;\u003cbr \/\u003e -webkit-appearance: none;\u003cbr \/\u003e appearance: none;\u003cbr \/\u003e box-shadow: none;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot:hover {\u003cbr \/\u003e transform: scale(1.15) translateY(-3px);\u003cbr \/\u003e border-color: var(--onna-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot.active {\u003cbr \/\u003e border-color: var(--onna-black);\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-dot-red { background: linear-gradient(145deg, #ef4444 0%, #dc2626 100%); }\u003cbr \/\u003e .onna-dot-purple { background: linear-gradient(145deg, #a78bfa 0%, #7c3aed 100%); }\u003cbr \/\u003e .onna-dot-blue { background: linear-gradient(145deg, #60a5fa 0%, #3b82f6 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-name {\u003cbr \/\u003e font-size: 1.1rem;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e letter-spacing: 0.03em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-section-white {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-section-gray {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container-wide {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-split-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-tech-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-tech-slide:hover img {\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-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 .onna-progress-bar {\u003cbr \/\u003e height: 3px;\u003cbr \/\u003e background: var(--onna-gray-200);\u003cbr \/\u003e border-radius: 2px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-carousel-btn {\u003cbr \/\u003e width: 50px;\u003cbr \/\u003e height: 50px;\u003cbr \/\u003e border: 1px solid var(--onna-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 .onna-carousel-btn:hover {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e border-color: var(--onna-gray-500);\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-carousel-btn svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e stroke: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN DETAILS - CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-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 .onna-design-card {\u003cbr \/\u003e background: var(--onna-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(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-design-card:hover .onna-design-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-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 .onna-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--onna-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 .onna-stat-item:hover {\u003cbr \/\u003e border-color: var(--onna-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 .onna-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 .onna-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-content {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 600px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table thead {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table th {\u003cbr \/\u003e padding: 18px 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(--onna-gray-700);\u003cbr \/\u003e border-bottom: 2px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--onna-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr:hover {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table td {\u003cbr \/\u003e padding: 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geo-detail-item {\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geo-detail-value {\u003cbr \/\u003e font-size: 1.5rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 4px;\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 .onna-geo-detail-label {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e PRODUCTS \/ CONFIGURATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card {\u003cbr \/\u003e background: var(--onna-gray-50);\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(--onna-gray-200);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e padding: 8px 16px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.72rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e color: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-badge-top { background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); }\u003cbr \/\u003e .onna-badge-value { background: linear-gradient(135deg, #ec4899 0%, #ef4444 100%); }\u003cbr \/\u003e .onna-badge-entry { background: linear-gradient(135deg, #2997ff 0%, #6366f1 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-image {\u003cbr \/\u003e padding: 45px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e min-height: 280px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-image img {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo);\u003cbr \/\u003e filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card:hover .onna-product-image img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-info {\u003cbr \/\u003e padding: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-frame {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 1.5px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff, #a855f7);\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 .onna-product-name {\u003cbr \/\u003e font-size: 1.35rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-desc {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e line-height: 1.65;\u003cbr \/\u003e margin-bottom: 22px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-price {\u003cbr \/\u003e font-size: 1.6rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-price span {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.06);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 600px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table thead {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-black);\u003cbr \/\u003e border-bottom: 2px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--onna-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e vertical-align: top;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th:first-child,\u003cbr \/\u003e .onna-comparison-table td:first-child {\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e z-index: 2\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":"XS \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496395055486,"sku":"T20314RA","price":4699.0,"currency_code":"RON","in_stock":true},{"title":"XS \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496395088254,"sku":"T20314RD","price":4699.0,"currency_code":"RON","in_stock":true},{"title":"XS \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496395121022,"sku":"T20314RF","price":4699.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496395153790,"sku":"T20315RA","price":4699.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496395186558,"sku":"T20315RD","price":4699.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496395219326,"sku":"T20315RF","price":4699.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T207TTCC-RA-SIDE-ONNA_29_20.jpg?v=1780337039"},{"product_id":"onna-29-40-s-burning-red-gloss-black-matt","title":"Bicicleta MTB ORBEA ONNA 29 40","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ORBEA ONNA 29 40\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290802\" class=\"elementor elementor-290802\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-ad7e670 e-flex e-con-boxed e-con e-parent\" data-id=\"ad7e670\" 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-e433754 elementor-widget elementor-widget-html\" data-id=\"e433754\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ONNA - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ONNA hardtail mountain bike, bicicletă MTB aluminiu, 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 - ONNA EDITION\u003cbr \/\u003e Apple Style: Only white + gray, rainbow gradients\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e --onna-black: #1d1d1f;\u003cbr \/\u003e --onna-white: #ffffff;\u003cbr \/\u003e --onna-gray-50: #fafafa;\u003cbr \/\u003e --onna-gray-100: #f5f5f7;\u003cbr \/\u003e --onna-gray-200: #e8e8ed;\u003cbr \/\u003e --onna-gray-300: #d2d2d7;\u003cbr \/\u003e --onna-gray-500: #86868b;\u003cbr \/\u003e --onna-gray-600: #6e6e73;\u003cbr \/\u003e --onna-gray-700: #515154;\u003cbr \/\u003e --onna-gray-800: #2d2d2d;\u003cbr \/\u003e --onna-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ONNA Accent Colors *\/\u003cbr \/\u003e --onna-red: #E31937;\u003cbr \/\u003e --onna-red-light: #ef4444;\u003cbr \/\u003e --onna-red-dark: #b91c2a;\u003cbr \/\u003e --onna-purple: #7c3aed;\u003cbr \/\u003e --onna-blue: #3b82f6;\u003cbr \/\u003e --onna-orange: #f97316;\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 JS sets exact negative margin on .onna-page\u003cbr \/\u003e JS adds .onna-fw-parent on all ancestors\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e html, body {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Full-width via JS-calculated margin *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Reset all ancestors marked by JS *\/\u003cbr \/\u003e .onna-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 \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .onna-page h1,\u003cbr \/\u003e .elementor-widget-container .onna-page h2,\u003cbr \/\u003e .elementor-widget-container .onna-page h3,\u003cbr \/\u003e .elementor-widget-container .onna-page h4,\u003cbr \/\u003e .elementor-widget-container .onna-page h5,\u003cbr \/\u003e .elementor-widget-container .onna-page h6,\u003cbr \/\u003e .elementor-kit-6 .onna-page h1,\u003cbr \/\u003e .elementor-kit-6 .onna-page h2,\u003cbr \/\u003e .elementor-kit-6 .onna-page h3,\u003cbr \/\u003e .elementor-kit-6 .onna-page h4,\u003cbr \/\u003e .elementor-kit-6 .onna-page h5,\u003cbr \/\u003e .elementor-kit-6 .onna-page h6,\u003cbr \/\u003e .onna-page h1,\u003cbr \/\u003e .onna-page h2,\u003cbr \/\u003e .onna-page h3,\u003cbr \/\u003e .onna-page h4,\u003cbr \/\u003e .onna-page h5,\u003cbr \/\u003e .onna-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 .onna-page h2,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .onna-page h2,\u003cbr \/\u003e .onna-page h2.onna-title-main,\u003cbr \/\u003e .onna-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 .onna-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e background: var(--onna-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 .onna-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page img,\u003cbr \/\u003e .onna-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 @keyframes bikeReveal {\u003cbr \/\u003e from { opacity: 0; transform: scale(0.96) translateY(10px); }\u003cbr \/\u003e to { opacity: 1; transform: scale(1) translateY(0); }\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 .onna-gradient,\u003cbr \/\u003e .onna-page .onna-gradient,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-cool,\u003cbr \/\u003e .onna-page .onna-gradient-cool,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-warm,\u003cbr \/\u003e .onna-page .onna-gradient-warm,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-reverse,\u003cbr \/\u003e .onna-page .onna-gradient-reverse,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-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 .onna-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page .onna-title-main,\u003cbr \/\u003e .elementor-kit-6 .onna-page .onna-title-main,\u003cbr \/\u003e .elementor-widget-container .onna-page .onna-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 .onna-page .onna-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .onna-page .onna-title-secondary,\u003cbr \/\u003e .elementor-widget-container .onna-page .onna-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(--onna-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-subtitle-apple strong {\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - COLOR SWITCHER\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 700px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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: var(--onna-gray-500);\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 .onna-hero-title {\u003cbr \/\u003e color: var(--onna-black) !important;\u003cbr \/\u003e margin-bottom: 30px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-subtitle {\u003cbr \/\u003e font-size: 1.3rem;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e margin-bottom: 35px;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e letter-spacing: 0.25em;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1s var(--ease-out-expo) 0.35s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 0;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: fadeInUp 0.8s ease 0.45s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e border-left: 1px solid var(--onna-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat:first-child {\u003cbr \/\u003e border-left: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e margin-bottom: 6px;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat-value {\u003cbr \/\u003e font-size: 1.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase *\/\u003cbr \/\u003e .onna-bike-showcase {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 50%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translate(-50%, -50%);\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-showcase::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 25%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e width: 70%;\u003cbr \/\u003e height: 70%;\u003cbr \/\u003e background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0) 70%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-showcase::after {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 15%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e width: 50%;\u003cbr \/\u003e height: 20%;\u003cbr \/\u003e background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 70%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slides {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: bikeReveal 1s ease 0.5s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: scale(0.95);\u003cbr \/\u003e transition: opacity 0.5s ease, transform 0.5s ease;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e padding-top: 160px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide.active {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e pointer-events: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide img {\u003cbr \/\u003e width: auto;\u003cbr \/\u003e height: 58%;\u003cbr \/\u003e max-width: 75%;\u003cbr \/\u003e object-fit: contain;\u003cbr \/\u003e display: block;\u003cbr \/\u003e filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Color Selector *\/\u003cbr \/\u003e .onna-color-selector {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 100px;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: fadeInUp 0.8s ease 0.7s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dots {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot {\u003cbr \/\u003e width: 52px;\u003cbr \/\u003e height: 52px;\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e border: 3px solid var(--onna-gray-300);\u003cbr \/\u003e outline: none;\u003cbr \/\u003e -webkit-appearance: none;\u003cbr \/\u003e appearance: none;\u003cbr \/\u003e box-shadow: none;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot:hover {\u003cbr \/\u003e transform: scale(1.15) translateY(-3px);\u003cbr \/\u003e border-color: var(--onna-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot.active {\u003cbr \/\u003e border-color: var(--onna-black);\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-dot-red { background: linear-gradient(145deg, #ef4444 0%, #dc2626 100%); }\u003cbr \/\u003e .onna-dot-purple { background: linear-gradient(145deg, #a78bfa 0%, #7c3aed 100%); }\u003cbr \/\u003e .onna-dot-blue { background: linear-gradient(145deg, #60a5fa 0%, #3b82f6 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-name {\u003cbr \/\u003e font-size: 1.1rem;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e letter-spacing: 0.03em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-section-white {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-section-gray {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container-wide {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-split-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-tech-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-tech-slide:hover img {\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-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 .onna-progress-bar {\u003cbr \/\u003e height: 3px;\u003cbr \/\u003e background: var(--onna-gray-200);\u003cbr \/\u003e border-radius: 2px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-carousel-btn {\u003cbr \/\u003e width: 50px;\u003cbr \/\u003e height: 50px;\u003cbr \/\u003e border: 1px solid var(--onna-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 .onna-carousel-btn:hover {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e border-color: var(--onna-gray-500);\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-carousel-btn svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e stroke: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN DETAILS - CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-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 .onna-design-card {\u003cbr \/\u003e background: var(--onna-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(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-design-card:hover .onna-design-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-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 .onna-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--onna-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 .onna-stat-item:hover {\u003cbr \/\u003e border-color: var(--onna-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 .onna-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 .onna-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-content {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 600px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table thead {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table th {\u003cbr \/\u003e padding: 18px 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(--onna-gray-700);\u003cbr \/\u003e border-bottom: 2px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--onna-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr:hover {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table td {\u003cbr \/\u003e padding: 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geo-detail-item {\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geo-detail-value {\u003cbr \/\u003e font-size: 1.5rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 4px;\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 .onna-geo-detail-label {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e PRODUCTS \/ CONFIGURATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card {\u003cbr \/\u003e background: var(--onna-gray-50);\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(--onna-gray-200);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e padding: 8px 16px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.72rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e color: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-badge-top { background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); }\u003cbr \/\u003e .onna-badge-value { background: linear-gradient(135deg, #ec4899 0%, #ef4444 100%); }\u003cbr \/\u003e .onna-badge-entry { background: linear-gradient(135deg, #2997ff 0%, #6366f1 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-image {\u003cbr \/\u003e padding: 45px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e min-height: 280px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-image img {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo);\u003cbr \/\u003e filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card:hover .onna-product-image img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-info {\u003cbr \/\u003e padding: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-frame {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 1.5px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff, #a855f7);\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 .onna-product-name {\u003cbr \/\u003e font-size: 1.35rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-desc {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e line-height: 1.65;\u003cbr \/\u003e margin-bottom: 22px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-price {\u003cbr \/\u003e font-size: 1.6rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-price span {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.06);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 600px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table thead {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-black);\u003cbr \/\u003e border-bottom: 2px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--onna-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e vertical-align: top;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th:first-child,\u003cbr \/\u003e .onna-comparison-table td:first-child {\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e z-in\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 \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496395252094,"sku":"T20615RA","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496395284862,"sku":"T20615RD","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496395317630,"sku":"T20615RF","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496395350398,"sku":"T20617RA","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496395383166,"sku":"T20617RD","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496395415934,"sku":"T20617RF","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496395448702,"sku":"T20619RA","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496395481470,"sku":"T20619RD","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496395514238,"sku":"T20619RF","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496395547006,"sku":"T20621RA","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496395579774,"sku":"T20621RD","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496395612542,"sku":"T20621RF","price":2890.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T206TTCC-RA-SIDE-ONNA_29_40-3.jpg?v=1780337054"},{"product_id":"alma-h30-s-halo-silver-tanzanite-gloss","title":"Bicicletă MTB XC ORBEA ALMA H30","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA H30\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291226\" class=\"elementor elementor-291226\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-07efa6e e-flex e-con-boxed e-con e-parent\" data-id=\"07efa6e\" 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-90ea257 elementor-widget elementor-widget-html\" data-id=\"90ea257\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ALMA Aluminiu - Landing Page Premium - H20 \u0026 H30 --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ALMA aluminiu, bicicletă mountain bike hardtail XC, Alma H20 H30 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 GLOBAL OVERFLOW FIX\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e html, body {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CSS VARIABLES \u0026 DESIGN SYSTEM - ALMA ALU EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page {\u003cbr \/\u003e --alma-black: #1d1d1f;\u003cbr \/\u003e --alma-white: #ffffff;\u003cbr \/\u003e --alma-gray-50: #fafafa;\u003cbr \/\u003e --alma-gray-100: #f5f5f7;\u003cbr \/\u003e --alma-gray-200: #e8e8ed;\u003cbr \/\u003e --alma-gray-300: #d2d2d7;\u003cbr \/\u003e --alma-gray-500: #86868b;\u003cbr \/\u003e --alma-gray-600: #6e6e73;\u003cbr \/\u003e --alma-gray-700: #515154;\u003cbr \/\u003e --alma-gray-800: #2d2d2d;\u003cbr \/\u003e --alma-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALMA Signature Colors - Navy Blue *\/\u003cbr \/\u003e --alma-green: #0c2340;\u003cbr \/\u003e --alma-green-light: #1a3a5c;\u003cbr \/\u003e --alma-green-dark: #071728;\u003cbr \/\u003e --alma-emerald: #2dd4a8;\u003cbr \/\u003e --alma-teal: #3b82f6;\u003cbr \/\u003e --alma-forest: #1e40af;\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 FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e JS sets exact negative margin on .alma-page\u003cbr \/\u003e JS adds .alma-fw-parent on all ancestors\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page {\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Reset all ancestors marked by JS *\/\u003cbr \/\u003e .alma-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 \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .alma-page h1,\u003cbr \/\u003e .elementor-widget-container .alma-page h2,\u003cbr \/\u003e .elementor-widget-container .alma-page h3,\u003cbr \/\u003e .elementor-widget-container .alma-page h4,\u003cbr \/\u003e .elementor-widget-container .alma-page h5,\u003cbr \/\u003e .elementor-widget-container .alma-page h6,\u003cbr \/\u003e .elementor-kit-6 .alma-page h1,\u003cbr \/\u003e .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e .elementor-kit-6 .alma-page h3,\u003cbr \/\u003e .elementor-kit-6 .alma-page h4,\u003cbr \/\u003e .elementor-kit-6 .alma-page h5,\u003cbr \/\u003e .elementor-kit-6 .alma-page h6,\u003cbr \/\u003e .alma-page h1,\u003cbr \/\u003e .alma-page h2,\u003cbr \/\u003e .alma-page h3,\u003cbr \/\u003e .alma-page h4,\u003cbr \/\u003e .alma-page h5,\u003cbr \/\u003e .alma-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 .alma-page h2,\u003cbr \/\u003e .elementor-widget-container .alma-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 .alma-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e .alma-page h2.alma-title-main,\u003cbr \/\u003e .alma-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 .alma-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e background: var(--alma-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 .alma-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page img,\u003cbr \/\u003e .alma-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 gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\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 TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-display-hero {\u003cbr \/\u003e font-size: clamp(2.5rem, 10vw, 55px) !important;\u003cbr \/\u003e font-weight: 800 !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 .alma-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page .alma-title-main,\u003cbr \/\u003e .elementor-kit-6 .alma-page .alma-title-main,\u003cbr \/\u003e .elementor-widget-container .alma-page .alma-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 .alma-page .alma-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .alma-page .alma-title-secondary,\u003cbr \/\u003e .elementor-widget-container .alma-page .alma-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(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-subtitle-apple {\u003cbr \/\u003e font-size: clamp(1.0625rem, 2vw, 1.3125rem) !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e line-height: 1.7 !important;\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations *\/\u003cbr \/\u003e .alma-gradient-racing,\u003cbr \/\u003e .alma-page .alma-gradient-racing,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-racing {\u003cbr \/\u003e background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 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 .alma-gradient-emerald,\u003cbr \/\u003e .alma-page .alma-gradient-emerald,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-emerald {\u003cbr \/\u003e background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 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 .alma-gradient-forest,\u003cbr \/\u003e .alma-page .alma-gradient-forest,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-forest {\u003cbr \/\u003e background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 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 .alma-gradient-teal,\u003cbr \/\u003e .alma-page .alma-gradient-teal,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-teal {\u003cbr \/\u003e background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 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 \/* Alloy-specific gradient - silver\/steel *\/\u003cbr \/\u003e .alma-gradient-alloy,\u003cbr \/\u003e .alma-page .alma-gradient-alloy,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-alloy {\u003cbr \/\u003e background: linear-gradient(90deg, #374151 0%, #6b7280 30%, #9ca3af 55%, #3b82f6 80%, #6b7280 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 HERO SECTION - FULL WIDTH IMAGE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-hero-image {\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 .alma-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 .alma-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-title {\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 .alma-hero-subtitle {\u003cbr \/\u003e font-size: clamp(1.125rem, 2.5vw, 1.5rem) !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e line-height: 1.6 !important;\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 .alma-hero-badge {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e padding: 8px 24px;\u003cbr \/\u003e background: rgba(255,255,255,0.15);\u003cbr \/\u003e backdrop-filter: blur(10px);\u003cbr \/\u003e border: 1px solid rgba(255,255,255,0.25);\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e letter-spacing: 0.08em;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e color: rgba(255,255,255,0.9);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.1s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-fullwidth-image {\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 .alma-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-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 .alma-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 .alma-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-highlight-title {\u003cbr \/\u003e font-size: clamp(1.5rem, 2.5vw, 2rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 12px !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-highlight-text {\u003cbr \/\u003e font-size: 0.9375rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.85) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;\u003cbr \/\u003e line-height: 1.6 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-highlights-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-highlight-card {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ALLOY FRAME SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-alloy-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem) !important;\u003cbr \/\u003e line-height: 1.8 !important;\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-main-image {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e margin-bottom: 48px;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-main-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card {\u003cbr \/\u003e background: var(--alma-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(--alma-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card-icon {\u003cbr \/\u003e padding: 32px 28px 0;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card-icon svg {\u003cbr \/\u003e width: 48px;\u003cbr \/\u003e height: 48px;\u003cbr \/\u003e color: var(--alma-green);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card-content {\u003cbr \/\u003e padding: 24px 28px 28px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card-title {\u003cbr \/\u003e font-size: 1.25rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e margin-bottom: 12px !important;\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card-text {\u003cbr \/\u003e font-size: 0.9375rem !important;\u003cbr \/\u003e line-height: 1.7 !important;\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-alloy-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-geometry-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section .alma-title-main,\u003cbr \/\u003e .alma-geometry-section .alma-title-secondary {\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section .alma-subtitle-apple {\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Stat Numbers Grid *\/\u003cbr \/\u003e .alma-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 .alma-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--alma-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 .alma-stat-item:hover {\u003cbr \/\u003e border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e transform: translateY(-4px);\u003cbr \/\u003e box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-stat-number {\u003cbr \/\u003e font-size: clamp(2rem, 4vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 8px !important;\u003cbr \/\u003e background: linear-gradient(135deg, #0c2340, #3b82f6) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-stat-label {\u003cbr \/\u003e font-size: 0.875rem !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e color: var(--alma-gray-500) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-500) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Geometry Diagram + Details *\/\u003cbr \/\u003e .alma-geometry-content {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geo-detail-item {\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geo-detail-value {\u003cbr \/\u003e font-size: 1.5rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #0c2340 !important;\u003cbr \/\u003e -webkit-text-fill-color: #0c2340 !important;\u003cbr \/\u003e margin-bottom: 4px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geo-detail-label {\u003cbr \/\u003e font-size: 0.8125rem !important;\u003cbr \/\u003e color: var(--alma-gray-500) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-500) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 1100px) {\u003cbr \/\u003e .alma-stats-grid {\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-geometry-content {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-stats-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .alma-stats-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-stat-item {\u003cbr \/\u003e padding: 24px 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FORK SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-fork-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-layout {\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 .alma-fork-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 .alma-fork-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-content h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-content p {\u003cbr \/\u003e font-size: 1.0625rem !important;\u003cbr \/\u003e line-height: 1.8 !important;\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e margin-bottom: 32px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-modes {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: flex-start;\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--alma-gray-50);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode:hover {\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e transform: translateX(4px);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-icon {\u003cbr \/\u003e width: 44px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-icon svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-name {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e margin-bottom: 4px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-desc {\u003cbr \/\u003e font-size: 0.875rem !important;\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e line-height: 1.5 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-fork-layout {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYRE CLEARANCE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-tyre-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-layout {\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 .alma-tyre-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 order: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-content {\u003cbr \/\u003e order: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-content h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-content p {\u003cbr \/\u003e font-size: 1.0625rem !important;\u003cbr \/\u003e line-height: 1.8 !important;\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e margin-bottom: 24px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-content p:last-of-type {\u003cbr \/\u003e margin-bottom: 24px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-badge {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e padding: 10px 20px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e font-size: 0.9375rem !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-tyre-layout {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-image { order: 1; }\u003cbr \/\u003e .alma-tyre-content { order: 2; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e MODEL COMPARISON SECTION - H20 vs H30\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-models-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-models-container {\u003cbr \/\u003e max-width: 1100px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-models-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e a.alma-model-card,\u003cbr \/\u003e .alma-model-card {\u003cbr \/\u003e display: block;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--alma-gray-50);\u003cbr \/\u003e border: 2px solid var(--alma-gray-200);\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e text-decoration: none !important;\u003cbr \/\u003e color: inherit !important;\u003cbr \/\u003e -webkit-text-fill-color: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-card:hover {\u003cbr \/\u003e border-color: rgba(59, 130, 246, 0.4);\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-card.featured {\u003cbr \/\u003e border-color: var(--alma-teal);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 16px;\u003cbr \/\u003e right: 16px;\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e background: var(--alma-teal);\u003cbr \/\u003e color: white;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.06em;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: contain;\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-content {\u003cbr \/\u003e padding: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-name {\u003cbr \/\u003e font-size: 1.75rem !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e margin-bottom: 4px !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-price {\u003cbr \/\u003e font-size: 1.25rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: var(--alma-green) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-green) !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-specs {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-spec {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: space-between;\u003cbr \/\u003e align-items: flex-start;\u003cbr \/\u003e padding: 10px 0;\u003cbr \/\u003e border-bottom: 1px solid var(--alma-gray-200);\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-spec:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-spec-label {\u003cbr \/\u003e font-size: 0.8125rem !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e color: var(--alma-gray-500) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-500) !important;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e min-width: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-spec-value {\u003cbr \/\u003e font-size: 0.9375rem !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e text-align: right;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-cta {\u003cbr \/\u003e margin-top: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-btn {\u003cbr \/\u003e display: block;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 14px 24px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e color: var(--alma-white) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-white) !important;\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-btn:hover {\u003cbr \/\u003e background: var(--alma-green-light);\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e box-shadow: 0 15px 40px -10px rgba(12, 35, 64, 0.4);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-models-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-models-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-comparison-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100\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 \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396366206,"sku":"T21003M1","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396398974,"sku":"T21003M2","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396431742,"sku":"T21005M1","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396464510,"sku":"T21005M2","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396497278,"sku":"T21007M1","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396530046,"sku":"T21007M2","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396562814,"sku":"T21009M1","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396595582,"sku":"T21009M2","price":4799.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T210TTCC-M1-SIDE-ALMA_H30-1_b2ba64d1-7c4c-4bf2-a6f7-5c242a593367.jpg?v=1780337065"},{"product_id":"alma-h20-s-halo-silver-tanzanite-gloss","title":"Bicicletă MTB XC ORBEA ALMA H20","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA H20\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291226\" class=\"elementor elementor-291226\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-07efa6e e-flex e-con-boxed e-con e-parent\" data-id=\"07efa6e\" 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-90ea257 elementor-widget elementor-widget-html\" data-id=\"90ea257\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ALMA Aluminiu - Landing Page Premium - H20 \u0026 H30 --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ALMA aluminiu, bicicletă mountain bike hardtail XC, Alma H20 H30 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 GLOBAL OVERFLOW FIX\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e html, body {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CSS VARIABLES \u0026 DESIGN SYSTEM - ALMA ALU EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page {\u003cbr \/\u003e --alma-black: #1d1d1f;\u003cbr \/\u003e --alma-white: #ffffff;\u003cbr \/\u003e --alma-gray-50: #fafafa;\u003cbr \/\u003e --alma-gray-100: #f5f5f7;\u003cbr \/\u003e --alma-gray-200: #e8e8ed;\u003cbr \/\u003e --alma-gray-300: #d2d2d7;\u003cbr \/\u003e --alma-gray-500: #86868b;\u003cbr \/\u003e --alma-gray-600: #6e6e73;\u003cbr \/\u003e --alma-gray-700: #515154;\u003cbr \/\u003e --alma-gray-800: #2d2d2d;\u003cbr \/\u003e --alma-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALMA Signature Colors - Navy Blue *\/\u003cbr \/\u003e --alma-green: #0c2340;\u003cbr \/\u003e --alma-green-light: #1a3a5c;\u003cbr \/\u003e --alma-green-dark: #071728;\u003cbr \/\u003e --alma-emerald: #2dd4a8;\u003cbr \/\u003e --alma-teal: #3b82f6;\u003cbr \/\u003e --alma-forest: #1e40af;\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 FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e JS sets exact negative margin on .alma-page\u003cbr \/\u003e JS adds .alma-fw-parent on all ancestors\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page {\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Reset all ancestors marked by JS *\/\u003cbr \/\u003e .alma-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 \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .alma-page h1,\u003cbr \/\u003e .elementor-widget-container .alma-page h2,\u003cbr \/\u003e .elementor-widget-container .alma-page h3,\u003cbr \/\u003e .elementor-widget-container .alma-page h4,\u003cbr \/\u003e .elementor-widget-container .alma-page h5,\u003cbr \/\u003e .elementor-widget-container .alma-page h6,\u003cbr \/\u003e .elementor-kit-6 .alma-page h1,\u003cbr \/\u003e .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e .elementor-kit-6 .alma-page h3,\u003cbr \/\u003e .elementor-kit-6 .alma-page h4,\u003cbr \/\u003e .elementor-kit-6 .alma-page h5,\u003cbr \/\u003e .elementor-kit-6 .alma-page h6,\u003cbr \/\u003e .alma-page h1,\u003cbr \/\u003e .alma-page h2,\u003cbr \/\u003e .alma-page h3,\u003cbr \/\u003e .alma-page h4,\u003cbr \/\u003e .alma-page h5,\u003cbr \/\u003e .alma-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 .alma-page h2,\u003cbr \/\u003e .elementor-widget-container .alma-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 .alma-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e .alma-page h2.alma-title-main,\u003cbr \/\u003e .alma-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 .alma-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e background: var(--alma-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 .alma-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page img,\u003cbr \/\u003e .alma-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 gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\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 TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-display-hero {\u003cbr \/\u003e font-size: clamp(2.5rem, 10vw, 55px) !important;\u003cbr \/\u003e font-weight: 800 !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 .alma-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page .alma-title-main,\u003cbr \/\u003e .elementor-kit-6 .alma-page .alma-title-main,\u003cbr \/\u003e .elementor-widget-container .alma-page .alma-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 .alma-page .alma-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .alma-page .alma-title-secondary,\u003cbr \/\u003e .elementor-widget-container .alma-page .alma-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(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-subtitle-apple {\u003cbr \/\u003e font-size: clamp(1.0625rem, 2vw, 1.3125rem) !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e line-height: 1.7 !important;\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations *\/\u003cbr \/\u003e .alma-gradient-racing,\u003cbr \/\u003e .alma-page .alma-gradient-racing,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-racing {\u003cbr \/\u003e background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 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 .alma-gradient-emerald,\u003cbr \/\u003e .alma-page .alma-gradient-emerald,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-emerald {\u003cbr \/\u003e background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 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 .alma-gradient-forest,\u003cbr \/\u003e .alma-page .alma-gradient-forest,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-forest {\u003cbr \/\u003e background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 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 .alma-gradient-teal,\u003cbr \/\u003e .alma-page .alma-gradient-teal,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-teal {\u003cbr \/\u003e background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 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 \/* Alloy-specific gradient - silver\/steel *\/\u003cbr \/\u003e .alma-gradient-alloy,\u003cbr \/\u003e .alma-page .alma-gradient-alloy,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-alloy {\u003cbr \/\u003e background: linear-gradient(90deg, #374151 0%, #6b7280 30%, #9ca3af 55%, #3b82f6 80%, #6b7280 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 HERO SECTION - FULL WIDTH IMAGE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-hero-image {\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 .alma-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 .alma-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-title {\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 .alma-hero-subtitle {\u003cbr \/\u003e font-size: clamp(1.125rem, 2.5vw, 1.5rem) !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e line-height: 1.6 !important;\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 .alma-hero-badge {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e padding: 8px 24px;\u003cbr \/\u003e background: rgba(255,255,255,0.15);\u003cbr \/\u003e backdrop-filter: blur(10px);\u003cbr \/\u003e border: 1px solid rgba(255,255,255,0.25);\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e letter-spacing: 0.08em;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e color: rgba(255,255,255,0.9);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.1s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-fullwidth-image {\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 .alma-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-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 .alma-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 .alma-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-highlight-title {\u003cbr \/\u003e font-size: clamp(1.5rem, 2.5vw, 2rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 12px !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-highlight-text {\u003cbr \/\u003e font-size: 0.9375rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.85) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;\u003cbr \/\u003e line-height: 1.6 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-highlights-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-highlight-card {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ALLOY FRAME SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-alloy-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem) !important;\u003cbr \/\u003e line-height: 1.8 !important;\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-main-image {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e margin-bottom: 48px;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-main-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card {\u003cbr \/\u003e background: var(--alma-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(--alma-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card-icon {\u003cbr \/\u003e padding: 32px 28px 0;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card-icon svg {\u003cbr \/\u003e width: 48px;\u003cbr \/\u003e height: 48px;\u003cbr \/\u003e color: var(--alma-green);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card-content {\u003cbr \/\u003e padding: 24px 28px 28px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card-title {\u003cbr \/\u003e font-size: 1.25rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e margin-bottom: 12px !important;\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-alloy-card-text {\u003cbr \/\u003e font-size: 0.9375rem !important;\u003cbr \/\u003e line-height: 1.7 !important;\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-alloy-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-geometry-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section .alma-title-main,\u003cbr \/\u003e .alma-geometry-section .alma-title-secondary {\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section .alma-subtitle-apple {\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Stat Numbers Grid *\/\u003cbr \/\u003e .alma-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 .alma-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--alma-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 .alma-stat-item:hover {\u003cbr \/\u003e border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e transform: translateY(-4px);\u003cbr \/\u003e box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-stat-number {\u003cbr \/\u003e font-size: clamp(2rem, 4vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 8px !important;\u003cbr \/\u003e background: linear-gradient(135deg, #0c2340, #3b82f6) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-stat-label {\u003cbr \/\u003e font-size: 0.875rem !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e color: var(--alma-gray-500) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-500) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Geometry Diagram + Details *\/\u003cbr \/\u003e .alma-geometry-content {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geo-detail-item {\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geo-detail-value {\u003cbr \/\u003e font-size: 1.5rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #0c2340 !important;\u003cbr \/\u003e -webkit-text-fill-color: #0c2340 !important;\u003cbr \/\u003e margin-bottom: 4px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geo-detail-label {\u003cbr \/\u003e font-size: 0.8125rem !important;\u003cbr \/\u003e color: var(--alma-gray-500) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-500) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 1100px) {\u003cbr \/\u003e .alma-stats-grid {\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-geometry-content {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-stats-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .alma-stats-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-stat-item {\u003cbr \/\u003e padding: 24px 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FORK SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-fork-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-layout {\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 .alma-fork-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 .alma-fork-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-content h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-content p {\u003cbr \/\u003e font-size: 1.0625rem !important;\u003cbr \/\u003e line-height: 1.8 !important;\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e margin-bottom: 32px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-modes {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: flex-start;\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--alma-gray-50);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode:hover {\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e transform: translateX(4px);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-icon {\u003cbr \/\u003e width: 44px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-icon svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-name {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e margin-bottom: 4px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-desc {\u003cbr \/\u003e font-size: 0.875rem !important;\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e line-height: 1.5 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-fork-layout {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYRE CLEARANCE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-tyre-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-layout {\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 .alma-tyre-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 order: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-content {\u003cbr \/\u003e order: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-content h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-content p {\u003cbr \/\u003e font-size: 1.0625rem !important;\u003cbr \/\u003e line-height: 1.8 !important;\u003cbr \/\u003e color: var(--alma-gray-600) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e margin-bottom: 24px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-content p:last-of-type {\u003cbr \/\u003e margin-bottom: 24px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-badge {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e padding: 10px 20px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e font-size: 0.9375rem !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-tyre-layout {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-image { order: 1; }\u003cbr \/\u003e .alma-tyre-content { order: 2; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e MODEL COMPARISON SECTION - H20 vs H30\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-models-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-models-container {\u003cbr \/\u003e max-width: 1100px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-models-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e a.alma-model-card,\u003cbr \/\u003e .alma-model-card {\u003cbr \/\u003e display: block;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--alma-gray-50);\u003cbr \/\u003e border: 2px solid var(--alma-gray-200);\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e text-decoration: none !important;\u003cbr \/\u003e color: inherit !important;\u003cbr \/\u003e -webkit-text-fill-color: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-card:hover {\u003cbr \/\u003e border-color: rgba(59, 130, 246, 0.4);\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-card.featured {\u003cbr \/\u003e border-color: var(--alma-teal);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 16px;\u003cbr \/\u003e right: 16px;\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e background: var(--alma-teal);\u003cbr \/\u003e color: white;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.06em;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: contain;\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-content {\u003cbr \/\u003e padding: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-name {\u003cbr \/\u003e font-size: 1.75rem !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e margin-bottom: 4px !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-price {\u003cbr \/\u003e font-size: 1.25rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: var(--alma-green) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-green) !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-specs {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-spec {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: space-between;\u003cbr \/\u003e align-items: flex-start;\u003cbr \/\u003e padding: 10px 0;\u003cbr \/\u003e border-bottom: 1px solid var(--alma-gray-200);\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-spec:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-spec-label {\u003cbr \/\u003e font-size: 0.8125rem !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e color: var(--alma-gray-500) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-gray-500) !important;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e min-width: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-spec-value {\u003cbr \/\u003e font-size: 0.9375rem !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e text-align: right;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-cta {\u003cbr \/\u003e margin-top: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-btn {\u003cbr \/\u003e display: block;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 14px 24px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e color: var(--alma-white) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--alma-white) !important;\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-btn:hover {\u003cbr \/\u003e background: var(--alma-green-light);\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e box-shadow: 0 15px 40px -10px rgba(12, 35, 64, 0.4);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-models-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-models-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-comparison-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100\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 \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396628350,"sku":"T21103M1","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396661118,"sku":"T21103M2","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396693886,"sku":"T21105M1","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396726654,"sku":"T21105M2","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396759422,"sku":"T21107M1","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396792190,"sku":"T21107M2","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396824958,"sku":"T21109M1","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396857726,"sku":"T21109M2","price":6250.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T211TTCC-M2-SIDE-ALMA_H20-1_53087e22-e2c0-4b59-b971-580144eb6a89.jpg?v=1780337066"},{"product_id":"alma-m50-s-cobalt-blue-gloss-carbon-raw-matt-2","title":"Bicicletă MTB XC ORBEA ALMA M50","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA M50\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290750\" class=\"elementor elementor-290750\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-9e567b1 e-flex e-con-boxed e-con e-parent\" data-id=\"9e567b1\" 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-ebd8c8d elementor-widget elementor-widget-html\" data-id=\"ebd8c8d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium V2 - Enhanced Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing 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 - ALMA EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page {\u003cbr \/\u003e --alma-black: #1d1d1f;\u003cbr \/\u003e --alma-white: #ffffff;\u003cbr \/\u003e --alma-gray-50: #fafafa;\u003cbr \/\u003e --alma-gray-100: #f5f5f7;\u003cbr \/\u003e --alma-gray-200: #e8e8ed;\u003cbr \/\u003e --alma-gray-300: #d2d2d7;\u003cbr \/\u003e --alma-gray-500: #86868b;\u003cbr \/\u003e --alma-gray-600: #6e6e73;\u003cbr \/\u003e --alma-gray-700: #515154;\u003cbr \/\u003e --alma-gray-800: #2d2d2d;\u003cbr \/\u003e --alma-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALMA Signature Colors - Navy Blue (from OFT bike) *\/\u003cbr \/\u003e --alma-green: #0c2340;\u003cbr \/\u003e --alma-green-light: #1a3a5c;\u003cbr \/\u003e --alma-green-dark: #071728;\u003cbr \/\u003e --alma-emerald: #2dd4a8;\u003cbr \/\u003e --alma-teal: #3b82f6;\u003cbr \/\u003e --alma-forest: #1e40af;\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 .alma-page {\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.alma-page),\u003cbr \/\u003e .elementor-element:has(.alma-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.alma-page),\u003cbr \/\u003e .elementor-container:has(.alma-page),\u003cbr \/\u003e .elementor-column:has(.alma-page),\u003cbr \/\u003e .elementor-widget:has(.alma-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .alma-page h1,\u003cbr \/\u003e .elementor-widget-container .alma-page h2,\u003cbr \/\u003e .elementor-widget-container .alma-page h3,\u003cbr \/\u003e .elementor-widget-container .alma-page h4,\u003cbr \/\u003e .elementor-widget-container .alma-page h5,\u003cbr \/\u003e .elementor-widget-container .alma-page h6,\u003cbr \/\u003e .elementor-kit-6 .alma-page h1,\u003cbr \/\u003e .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e .elementor-kit-6 .alma-page h3,\u003cbr \/\u003e .elementor-kit-6 .alma-page h4,\u003cbr \/\u003e .elementor-kit-6 .alma-page h5,\u003cbr \/\u003e .elementor-kit-6 .alma-page h6,\u003cbr \/\u003e .alma-page h1,\u003cbr \/\u003e .alma-page h2,\u003cbr \/\u003e .alma-page h3,\u003cbr \/\u003e .alma-page h4,\u003cbr \/\u003e .alma-page h5,\u003cbr \/\u003e .alma-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 .alma-page h2,\u003cbr \/\u003e .elementor-widget-container .alma-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 Fix: WooCommerce hides h2:nth-child(1) in product tabs\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e .alma-page h2.alma-title-main,\u003cbr \/\u003e .alma-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 .alma-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e background: var(--alma-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 .alma-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page img,\u003cbr \/\u003e .alma-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 gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\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 @keyframes countUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(20px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !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 .alma-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page .alma-title-main,\u003cbr \/\u003e .elementor-kit-6 .alma-page .alma-title-main,\u003cbr \/\u003e .elementor-widget-container .alma-page .alma-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 .alma-page .alma-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .alma-page .alma-title-secondary,\u003cbr \/\u003e .elementor-widget-container .alma-page .alma-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(--alma-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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(--alma-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations *\/\u003cbr \/\u003e .alma-gradient-racing,\u003cbr \/\u003e .alma-page .alma-gradient-racing,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-racing {\u003cbr \/\u003e background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 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 .alma-gradient-emerald,\u003cbr \/\u003e .alma-page .alma-gradient-emerald,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-emerald {\u003cbr \/\u003e background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 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 .alma-gradient-forest,\u003cbr \/\u003e .alma-page .alma-gradient-forest,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-forest {\u003cbr \/\u003e background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 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 .alma-gradient-teal,\u003cbr \/\u003e .alma-page .alma-gradient-teal,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-teal {\u003cbr \/\u003e background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 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 HERO SECTION - FULL WIDTH VIDEO\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-video {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e min-height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e object-position: center center;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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.3);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-title {\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 .alma-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 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 ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-fullwidth-image {\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 .alma-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-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 .alma-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 .alma-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-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 .alma-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 @media (max-width: 900px) {\u003cbr \/\u003e .alma-highlights-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-highlight-card {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e X-FADER SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-xfader-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-header h2 {\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-video {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-xfader-details {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CARBON SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-carbon-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-main-image {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e margin-bottom: 48px;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-main-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card {\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-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 .alma-carbon-card:hover .alma-carbon-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-carbon-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION - NEW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-geometry-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section .alma-title-main,\u003cbr \/\u003e .alma-geometry-section .alma-title-secondary {\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section .alma-subtitle-apple {\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Stat Numbers Grid *\/\u003cbr \/\u003e .alma-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 .alma-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--alma-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 .alma-stat-item:hover {\u003cbr \/\u003e border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e transform: translateY(-4px);\u003cbr \/\u003e box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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(135deg, #0c2340, #3b82f6);\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 .alma-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--alma-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Geometry Diagram + Details *\/\u003cbr \/\u003e .alma-geometry-content {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geo-detail-item {\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geo-detail-value {\u003cbr \/\u003e font-size: 1.5rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #0c2340;\u003cbr \/\u003e margin-bottom: 4px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geo-detail-label {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e color: var(--alma-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 1100px) {\u003cbr \/\u003e .alma-stats-grid {\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-geometry-content {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-stats-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .alma-stats-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-stat-item {\u003cbr \/\u003e padding: 24px 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FORK SECTION - NEW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-fork-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-layout {\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 .alma-fork-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 .alma-fork-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-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 .alma-fork-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-modes {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: flex-start;\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--alma-gray-50);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode:hover {\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e transform: translateX(4px);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-icon {\u003cbr \/\u003e width: 44px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-icon svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-name {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e margin-bottom: 4px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-desc {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-fork-layout {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYRE CLEARANCE SECTION - NEW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-tyre-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-layout {\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 .alma-tyre-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 order: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-content {\u003cbr \/\u003e order: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-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 .alma-tyre-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-content p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-badge {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e padding: 10px 20px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-tyre-layout {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-image { order: 1; }\u003cbr \/\u003e .alma-tyre-content { order: 2; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COCKPIT INTEGRATION SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-cockpit-section {\u003cbr \/\u003e padding: 120px 40px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-video {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e grid-template-rows: repeat(2, 1fr);\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-item {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e aspect-ratio: 1\/1;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-item 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 .alma-integration-item:hover img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-title {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e right: 20px;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e font-size: 1.125rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.3;\u003cbr \/\u003e text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-integration-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-title {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e bottom: 16px;\u003cbr \/\u003e left: 16px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .alma-integration-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-video {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-item {\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-title {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e bottom: 12px;\u003cbr \/\u003e left: 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DROPPER + SQUIDLOCK SECTION - NEW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-dropper-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-section .alma-title-main,\u003cbr \/\u003e .alma-dropper-section .alma-title-secondary {\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-section .alma-subtitle-apple {\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-section .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card:hover {\u003cbr \/\u003e border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e transform: translateY(-4px);\u003cbr \/\u003e box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-video {\u003cbr \/\u003e aspect-ratio: 16\/9;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-content {\u003cbr \/\u003e padding: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-title {\u003cbr \/\u003e font-size: 1.375rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-text strong {\u003cbr \/\u003e color: #0c2340;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-stat {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e margin-top: 16px;\u003cbr \/\u003e padding: 8px 16px;\u003cbr \/\u003e background: rgba(12, 35, 64, 0.08);\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: #0c2340;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-dropper-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SMART DETAILS SECTION - NEW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-smart-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-smart-container\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 \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496397054334,"sku":"T21303F8","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496397087102,"sku":"T21303F9","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496397119870,"sku":"T21303FA","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57496397152638,"sku":"T21303FB","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496397185406,"sku":"T21305F8","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496397218174,"sku":"T21305F9","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496397250942,"sku":"T21305FA","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57496397283710,"sku":"T21305FB","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496397316478,"sku":"T21307F8","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496397349246,"sku":"T21307F9","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496397382014,"sku":"T21307FA","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57496397414782,"sku":"T21307FB","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496397447550,"sku":"T21309F8","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496397480318,"sku":"T21309F9","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496397513086,"sku":"T21309FA","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57496397545854,"sku":"T21309FB","price":10499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T213TTCC-F8-SIDE-ALMA_M50.jpg?v=1780337081"},{"product_id":"alma-m30-s-cobalt-blue-gloss-carbon-raw-matt-2","title":"Bicicletă MTB XC ORBEA ALMA M30","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA M30\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290750\" class=\"elementor elementor-290750\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-9e567b1 e-flex e-con-boxed e-con e-parent\" data-id=\"9e567b1\" 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-ebd8c8d elementor-widget elementor-widget-html\" data-id=\"ebd8c8d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium V2 - Enhanced Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing 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 - ALMA EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page {\u003cbr \/\u003e --alma-black: #1d1d1f;\u003cbr \/\u003e --alma-white: #ffffff;\u003cbr \/\u003e --alma-gray-50: #fafafa;\u003cbr \/\u003e --alma-gray-100: #f5f5f7;\u003cbr \/\u003e --alma-gray-200: #e8e8ed;\u003cbr \/\u003e --alma-gray-300: #d2d2d7;\u003cbr \/\u003e --alma-gray-500: #86868b;\u003cbr \/\u003e --alma-gray-600: #6e6e73;\u003cbr \/\u003e --alma-gray-700: #515154;\u003cbr \/\u003e --alma-gray-800: #2d2d2d;\u003cbr \/\u003e --alma-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALMA Signature Colors - Navy Blue (from OFT bike) *\/\u003cbr \/\u003e --alma-green: #0c2340;\u003cbr \/\u003e --alma-green-light: #1a3a5c;\u003cbr \/\u003e --alma-green-dark: #071728;\u003cbr \/\u003e --alma-emerald: #2dd4a8;\u003cbr \/\u003e --alma-teal: #3b82f6;\u003cbr \/\u003e --alma-forest: #1e40af;\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 .alma-page {\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.alma-page),\u003cbr \/\u003e .elementor-element:has(.alma-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.alma-page),\u003cbr \/\u003e .elementor-container:has(.alma-page),\u003cbr \/\u003e .elementor-column:has(.alma-page),\u003cbr \/\u003e .elementor-widget:has(.alma-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .alma-page h1,\u003cbr \/\u003e .elementor-widget-container .alma-page h2,\u003cbr \/\u003e .elementor-widget-container .alma-page h3,\u003cbr \/\u003e .elementor-widget-container .alma-page h4,\u003cbr \/\u003e .elementor-widget-container .alma-page h5,\u003cbr \/\u003e .elementor-widget-container .alma-page h6,\u003cbr \/\u003e .elementor-kit-6 .alma-page h1,\u003cbr \/\u003e .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e .elementor-kit-6 .alma-page h3,\u003cbr \/\u003e .elementor-kit-6 .alma-page h4,\u003cbr \/\u003e .elementor-kit-6 .alma-page h5,\u003cbr \/\u003e .elementor-kit-6 .alma-page h6,\u003cbr \/\u003e .alma-page h1,\u003cbr \/\u003e .alma-page h2,\u003cbr \/\u003e .alma-page h3,\u003cbr \/\u003e .alma-page h4,\u003cbr \/\u003e .alma-page h5,\u003cbr \/\u003e .alma-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 .alma-page h2,\u003cbr \/\u003e .elementor-widget-container .alma-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 Fix: WooCommerce hides h2:nth-child(1) in product tabs\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e .alma-page h2.alma-title-main,\u003cbr \/\u003e .alma-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 .alma-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e background: var(--alma-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 .alma-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page img,\u003cbr \/\u003e .alma-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 gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\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 @keyframes countUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(20px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !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 .alma-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page .alma-title-main,\u003cbr \/\u003e .elementor-kit-6 .alma-page .alma-title-main,\u003cbr \/\u003e .elementor-widget-container .alma-page .alma-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 .alma-page .alma-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .alma-page .alma-title-secondary,\u003cbr \/\u003e .elementor-widget-container .alma-page .alma-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(--alma-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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(--alma-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations *\/\u003cbr \/\u003e .alma-gradient-racing,\u003cbr \/\u003e .alma-page .alma-gradient-racing,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-racing {\u003cbr \/\u003e background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 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 .alma-gradient-emerald,\u003cbr \/\u003e .alma-page .alma-gradient-emerald,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-emerald {\u003cbr \/\u003e background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 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 .alma-gradient-forest,\u003cbr \/\u003e .alma-page .alma-gradient-forest,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-forest {\u003cbr \/\u003e background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 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 .alma-gradient-teal,\u003cbr \/\u003e .alma-page .alma-gradient-teal,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-teal {\u003cbr \/\u003e background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 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 HERO SECTION - FULL WIDTH VIDEO\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-video {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e min-height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e object-position: center center;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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.3);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-title {\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 .alma-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 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 ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-fullwidth-image {\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 .alma-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-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 .alma-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 .alma-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-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 .alma-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 @media (max-width: 900px) {\u003cbr \/\u003e .alma-highlights-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-highlight-card {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e X-FADER SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-xfader-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-header h2 {\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-video {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-xfader-details {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CARBON SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-carbon-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-main-image {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e margin-bottom: 48px;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-main-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card {\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-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 .alma-carbon-card:hover .alma-carbon-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-carbon-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION - NEW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-geometry-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section .alma-title-main,\u003cbr \/\u003e .alma-geometry-section .alma-title-secondary {\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section .alma-subtitle-apple {\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Stat Numbers Grid *\/\u003cbr \/\u003e .alma-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 .alma-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--alma-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 .alma-stat-item:hover {\u003cbr \/\u003e border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e transform: translateY(-4px);\u003cbr \/\u003e box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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(135deg, #0c2340, #3b82f6);\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 .alma-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--alma-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Geometry Diagram + Details *\/\u003cbr \/\u003e .alma-geometry-content {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geo-detail-item {\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geo-detail-value {\u003cbr \/\u003e font-size: 1.5rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #0c2340;\u003cbr \/\u003e margin-bottom: 4px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geo-detail-label {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e color: var(--alma-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 1100px) {\u003cbr \/\u003e .alma-stats-grid {\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-geometry-content {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-stats-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-geometry-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .alma-stats-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-stat-item {\u003cbr \/\u003e padding: 24px 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FORK SECTION - NEW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-fork-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-layout {\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 .alma-fork-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 .alma-fork-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-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 .alma-fork-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-modes {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: flex-start;\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--alma-gray-50);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode:hover {\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e transform: translateX(4px);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-icon {\u003cbr \/\u003e width: 44px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-icon svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-name {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e margin-bottom: 4px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-mode-desc {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-fork-layout {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-fork-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYRE CLEARANCE SECTION - NEW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-tyre-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-layout {\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 .alma-tyre-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 order: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-content {\u003cbr \/\u003e order: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-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 .alma-tyre-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-content p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-badge {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e padding: 10px 20px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-tyre-layout {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-image { order: 1; }\u003cbr \/\u003e .alma-tyre-content { order: 2; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-tyre-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COCKPIT INTEGRATION SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-cockpit-section {\u003cbr \/\u003e padding: 120px 40px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-video {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e grid-template-rows: repeat(2, 1fr);\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-item {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e aspect-ratio: 1\/1;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-item 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 .alma-integration-item:hover img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-title {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e right: 20px;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e font-size: 1.125rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.3;\u003cbr \/\u003e text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-integration-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-title {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e bottom: 16px;\u003cbr \/\u003e left: 16px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .alma-integration-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-video {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-item {\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-title {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e bottom: 12px;\u003cbr \/\u003e left: 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DROPPER + SQUIDLOCK SECTION - NEW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-dropper-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-section .alma-title-main,\u003cbr \/\u003e .alma-dropper-section .alma-title-secondary {\u003cbr \/\u003e color: var(--alma-black) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-section .alma-subtitle-apple {\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-section .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card:hover {\u003cbr \/\u003e border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e transform: translateY(-4px);\u003cbr \/\u003e box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-video {\u003cbr \/\u003e aspect-ratio: 16\/9;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-content {\u003cbr \/\u003e padding: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-title {\u003cbr \/\u003e font-size: 1.375rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-text strong {\u003cbr \/\u003e color: #0c2340;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-card-stat {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e margin-top: 16px;\u003cbr \/\u003e padding: 8px 16px;\u003cbr \/\u003e background: rgba(12, 35, 64, 0.08);\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: #0c2340;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-dropper-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-dropper-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SMART DETAILS SECTION - NEW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-smart-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-smart-container\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 \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398004606,"sku":"T21403F8","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398037374,"sku":"T21403F9","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398070142,"sku":"T21403FA","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57496398102910,"sku":"T21403FB","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398135678,"sku":"T21405F8","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398168446,"sku":"T21405F9","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398201214,"sku":"T21405FA","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57496398233982,"sku":"T21405FB","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398266750,"sku":"T21407F8","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398299518,"sku":"T21407F9","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398332286,"sku":"T21407FA","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57496398365054,"sku":"T21407FB","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398397822,"sku":"T21409F8","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398430590,"sku":"T21409F9","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398463358,"sku":"T21409FA","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57496398496126,"sku":"T21409FB","price":12699.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T214TTCC-F8-SIDE-ALMA_M30.jpg?v=1780337096"},{"product_id":"alma-m-pro-s-myo-2","title":"Bicicletă MTB XC ORBEA ALMA M-PRO","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA M-PRO\u003c\/h1\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"284610\" class=\"elementor elementor-284610\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-a3d03a9 e-flex e-con-boxed e-con e-parent\" data-id=\"a3d03a9\" 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-3f1d008 elementor-widget elementor-widget-html\" data-id=\"3f1d008\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium Apple-Style --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e \/* ============================================\u003cbr \/\u003e CSS VARIABLES \u0026 DESIGN SYSTEM - ALMA EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page {\u003cbr \/\u003e --alma-black: #1d1d1f;\u003cbr \/\u003e --alma-white: #ffffff;\u003cbr \/\u003e --alma-gray-50: #fafafa;\u003cbr \/\u003e --alma-gray-100: #f5f5f7;\u003cbr \/\u003e --alma-gray-200: #e8e8ed;\u003cbr \/\u003e --alma-gray-300: #d2d2d7;\u003cbr \/\u003e --alma-gray-500: #86868b;\u003cbr \/\u003e --alma-gray-600: #6e6e73;\u003cbr \/\u003e --alma-gray-700: #515154;\u003cbr \/\u003e --alma-gray-800: #2d2d2d;\u003cbr \/\u003e --alma-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALMA Signature Colors - British Racing Green *\/\u003cbr \/\u003e --alma-green: #004225;\u003cbr \/\u003e --alma-green-light: #006b3c;\u003cbr \/\u003e --alma-green-dark: #00311a;\u003cbr \/\u003e --alma-emerald: #10b981;\u003cbr \/\u003e --alma-teal: #14b8a6;\u003cbr \/\u003e --alma-forest: #166534;\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 \/* Force full width breakout from Elementor container *\/\u003cbr \/\u003e .alma-page {\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override Elementor containers *\/\u003cbr \/\u003e .elementor-widget-container:has(.alma-page),\u003cbr \/\u003e .elementor-element:has(.alma-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Remove any gaps\/margins from parent elements *\/\u003cbr \/\u003e .elementor-section:has(.alma-page),\u003cbr \/\u003e .elementor-container:has(.alma-page),\u003cbr \/\u003e .elementor-column:has(.alma-page),\u003cbr \/\u003e .elementor-widget:has(.alma-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .alma-page h1,\u003cbr \/\u003e .elementor-widget-container .alma-page h2,\u003cbr \/\u003e .elementor-widget-container .alma-page h3,\u003cbr \/\u003e .elementor-widget-container .alma-page h4,\u003cbr \/\u003e .elementor-widget-container .alma-page h5,\u003cbr \/\u003e .elementor-widget-container .alma-page h6,\u003cbr \/\u003e .elementor-kit-6 .alma-page h1,\u003cbr \/\u003e .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e .elementor-kit-6 .alma-page h3,\u003cbr \/\u003e .elementor-kit-6 .alma-page h4,\u003cbr \/\u003e .elementor-kit-6 .alma-page h5,\u003cbr \/\u003e .elementor-kit-6 .alma-page h6,\u003cbr \/\u003e .alma-page h1,\u003cbr \/\u003e .alma-page h2,\u003cbr \/\u003e .alma-page h3,\u003cbr \/\u003e .alma-page h4,\u003cbr \/\u003e .alma-page h5,\u003cbr \/\u003e .alma-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 .alma-page h2,\u003cbr \/\u003e .elementor-widget-container .alma-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 RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e background: var(--alma-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 .alma-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page img,\u003cbr \/\u003e .alma-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% {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: translateY(40px);\u003cbr \/\u003e }\u003cbr \/\u003e 100% {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e filter: blur(20px);\u003cbr \/\u003e transform: translateY(30px);\u003cbr \/\u003e }\u003cbr \/\u003e 100% {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e filter: blur(0);\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: scale(0.95);\u003cbr \/\u003e }\u003cbr \/\u003e 100% {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\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 TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !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 .alma-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GRADIENT TEXT - BRITISH RACING GREEN\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .gradient-racing-green {\u003cbr \/\u003e background: linear-gradient(135deg, #00311a 0%, #004225 30%, #006b3c 60%, #10b981 100%);\u003cbr \/\u003e background-size: 200% 200%;\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e animation: gradientFlow 4s ease infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-emerald {\u003cbr \/\u003e background: linear-gradient(135deg, #064e3b 0%, #047857 25%, #10b981 50%, #34d399 75%, #10b981 100%);\u003cbr \/\u003e background-size: 300% 300%;\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e animation: gradientFlow 3s ease infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-metallic-green {\u003cbr \/\u003e background: linear-gradient(90deg, #00311a 0%, #004225 20%, #006b3c 40%, #10b981 50%, #006b3c 60%, #004225 80%, #00311a 100%);\u003cbr \/\u003e background-size: 200% auto;\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e animation: shimmer 4s linear infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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(--alma-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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(--alma-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations - British Racing Green - IMPORTANT overrides *\/\u003cbr \/\u003e .alma-gradient-racing,\u003cbr \/\u003e .alma-page .alma-gradient-racing,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-racing {\u003cbr \/\u003e background: linear-gradient(90deg, #00311a 0%, #004225 25%, #006b3c 50%, #10b981 75%, #006b3c 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 .alma-gradient-emerald,\u003cbr \/\u003e .alma-page .alma-gradient-emerald,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-emerald {\u003cbr \/\u003e background: linear-gradient(90deg, #047857 0%, #059669 35%, #10b981 65%, #34d399 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 .alma-gradient-forest,\u003cbr \/\u003e .alma-page .alma-gradient-forest,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-forest {\u003cbr \/\u003e background: linear-gradient(90deg, #14532d 0%, #166534 35%, #22c55e 65%, #4ade80 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 .alma-gradient-teal,\u003cbr \/\u003e .alma-page .alma-gradient-teal,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-teal {\u003cbr \/\u003e background: linear-gradient(90deg, #115e59 0%, #0d9488 35%, #14b8a6 65%, #2dd4bf 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 HERO SECTION - FULL WIDTH VIDEO\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-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.3);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-title {\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 .alma-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 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 .alma-hero-btn {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e padding: 16px 32px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e border-radius: 980px;\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.9s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-btn:hover {\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-btn svg {\u003cbr \/\u003e width: 20px;\u003cbr \/\u003e height: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-fullwidth-image {\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 .alma-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--alma-gray-900);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-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 .alma-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 .alma-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-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 .alma-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 @media (max-width: 900px) {\u003cbr \/\u003e .alma-highlights-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-highlight-card {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e X-FADER SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-xfader-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-header h2 {\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-video {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-xfader-details {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CARBON SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-carbon-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-main-image {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e margin-bottom: 48px;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-main-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card {\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-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 .alma-carbon-card:hover .alma-carbon-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-carbon-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SCROLL REVEAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-scroll-reveal {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: translateY(50px);\u003cbr \/\u003e transition: all 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-scroll-reveal.visible {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-scroll-reveal.delay-1 { transition-delay: 0.1s; }\u003cbr \/\u003e .alma-scroll-reveal.delay-2 { transition-delay: 0.2s; }\u003cbr \/\u003e .alma-scroll-reveal.delay-3 { transition-delay: 0.3s; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESPONSIVE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @media (max-width: 768px) {\u003cbr \/\u003e .alma-hero {\u003cbr \/\u003e min-height: 500px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-section,\u003cbr \/\u003e .alma-carbon-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-video,\u003cbr \/\u003e .alma-carbon-main-image {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COCKPIT INTEGRATION SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-cockpit-section {\u003cbr \/\u003e padding: 120px 40px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-video {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e grid-template-rows: repeat(2, 1fr);\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-item {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e aspect-ratio: 1\/1;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-item 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 .alma-integration-item:hover img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-title {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e right: 20px;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e font-size: 1.125rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.3;\u003cbr \/\u003e text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-integration-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-title {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e bottom: 16px;\u003cbr \/\u003e left: 16px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .alma-integration-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-video {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-item {\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-title {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e bottom: 12px;\u003cbr \/\u003e left: 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN YOUR RIDE (MYO) SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-myo-section {\u003cbr \/\u003e padding: 120px 40px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-video {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-colors {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 24px;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-item {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-image {\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e aspect-ratio: 4\/5;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s var(--ease-out-expo);\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-item:hover .alma-myo-color-image {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-name {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--alma-gray-900);\u003cbr \/\u003e line-height: 1.4;\u003cbr \/\u003e padding: 0 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-myo-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-colors {\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-name {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .alma-myo-colors {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e max-width: 400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-video {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-image {\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FEEL LIKE A PRO SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-pro-section {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-pro-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-pro-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-pro-content {\u003cbr \/\u003e padding: 100px 24px;\u003cbr \/\u003e background: var(--alma-gray-900);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-pro-content .alma-title-main,\u003cbr \/\u003e .alma-pro-content .alma-title-secondary {\u003cbr \/\u003e color: var(--alma-white) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-pro-content .alma-subtitle-apple {\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-pro-content .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 768px) {\u003cbr \/\u003e .alma-pro-content {\u003cbr \/\u003e padding: 60px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE SECTION (Whistle\/Santa Cruz Style)\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-comparison-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-container {\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 1200px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table thead {\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table th {\u003cbr \/\u003e padding: 20px 16px;\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e border-bottom: 2px solid var(--alma-green-dark);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table th:first-child {\u003cbr \/\u003e border-radius: 16px 0 0 0;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table th:last-child {\u003cbr \/\u003e border-radius: 0 16px 0 0;\u003cbr \/\u003e padding-right: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--alma-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--alma-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e vertical-align: top;\u003cbr \/\u003e color: var(--alma-gray-700);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table td:first-child {\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table td:last-child {\u003cbr \/\u003e padding-right: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-cell {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 6px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-name {\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.01em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-badge {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e padding: 4px 10px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e font-size: 0.6875rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e border-radius: 4px;\u003cbr \/\u003e width: fit-content;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-price-cell {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e color: var(--alma-green) !important;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-spec-highlight {\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Sticky first column *\/\u003cbr \/\u003e .alma-comparison-table th:first-child,\u003cbr \/\u003e .alma-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 .alma-comparison-table thead th:first-child {\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table tbody tr:hover td:first-child {\u003cbr \/\u003e background: var(--alma-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 1100px) {\u003cbr \/\u003e .alma-comparison-section {\u003cbr \/\u003e padding: 80px 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table th,\u003cbr \/\u003e .alma-comparison-table td {\u003cbr \/\u003e padding: 14px 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 768px) {\u003cbr \/\u003e .alma-comparison-table-wrapper {\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e margin: 40px -16px 0;\u003cbr \/\u003e width: calc(100% + 32px);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table th:first-child {\u003cbr \/\u003e border-radius: 12px 0 0 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table th:last-child {\u003cbr \/\u003e border-radius: 0 12px 0 0;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table .spec-label {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 768px) {\u003cbr \/\u003e .alma-comparison-table .spec-label {\u003cbr \/\u003e display: block;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e color: var(--alma-gray-500);\u003cbr \/\u003e margin-bottom: 2px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-cta {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-btn {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e padding: 16px 32px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-btn:hover {\u003cbr \/\u003e background: var(--alma-green-light);\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e box-shadow: 0 15px 40px -10px rgba(0, 66, 37, 0.4);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 1100px) {\u003cbr \/\u003e .alma-comparison-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 700px) {\u003cbr \/\u003e .alma-comparison-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-section {\u003cbr \/\u003e padding: 80\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 \/ Myo","offer_id":57496398758270,"sku":"T21603CM","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398791038,"sku":"T21603F8","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398823806,"sku":"T21603F9","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398856574,"sku":"T21603FA","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57496398889342,"sku":"T21603FB","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Myo","offer_id":57496398922110,"sku":"T21605CM","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398954878,"sku":"T21605F8","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398987646,"sku":"T21605F9","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496399020414,"sku":"T21605FA","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57496399053182,"sku":"T21605FB","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Myo","offer_id":57496399085950,"sku":"T21607CM","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496399118718,"sku":"T21607F8","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496399151486,"sku":"T21607F9","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496399184254,"sku":"T21607FA","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57496399217022,"sku":"T21607FB","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Myo","offer_id":57496399249790,"sku":"T21609CM","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496399282558,"sku":"T21609F8","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496399315326,"sku":"T21609F9","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496399348094,"sku":"T21609FA","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57496399380862,"sku":"T21609FB","price":21199.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T216TTCC-F9-SIDE-ALMA_MPRO-4.jpg?v=1780337114"},{"product_id":"alma-m-ltd-s-myo-2","title":"Bicicletă MTB XC ORBEA ALMA M-LTD","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 class=\"product_title entry-title elementor-heading-title elementor-size-default\" style=\"text-align: center;\"\u003eBicicleta MTB OBREA ALMA M-LTD\u003c\/h1\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"284610\" class=\"elementor elementor-284610\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-a3d03a9 e-flex e-con-boxed e-con e-parent\" data-id=\"a3d03a9\" 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-3f1d008 elementor-widget elementor-widget-html\" data-id=\"3f1d008\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium Apple-Style --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e \/* ============================================\u003cbr \/\u003e CSS VARIABLES \u0026 DESIGN SYSTEM - ALMA EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page {\u003cbr \/\u003e --alma-black: #1d1d1f;\u003cbr \/\u003e --alma-white: #ffffff;\u003cbr \/\u003e --alma-gray-50: #fafafa;\u003cbr \/\u003e --alma-gray-100: #f5f5f7;\u003cbr \/\u003e --alma-gray-200: #e8e8ed;\u003cbr \/\u003e --alma-gray-300: #d2d2d7;\u003cbr \/\u003e --alma-gray-500: #86868b;\u003cbr \/\u003e --alma-gray-600: #6e6e73;\u003cbr \/\u003e --alma-gray-700: #515154;\u003cbr \/\u003e --alma-gray-800: #2d2d2d;\u003cbr \/\u003e --alma-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALMA Signature Colors - British Racing Green *\/\u003cbr \/\u003e --alma-green: #004225;\u003cbr \/\u003e --alma-green-light: #006b3c;\u003cbr \/\u003e --alma-green-dark: #00311a;\u003cbr \/\u003e --alma-emerald: #10b981;\u003cbr \/\u003e --alma-teal: #14b8a6;\u003cbr \/\u003e --alma-forest: #166534;\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 \/* Force full width breakout from Elementor container *\/\u003cbr \/\u003e .alma-page {\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override Elementor containers *\/\u003cbr \/\u003e .elementor-widget-container:has(.alma-page),\u003cbr \/\u003e .elementor-element:has(.alma-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Remove any gaps\/margins from parent elements *\/\u003cbr \/\u003e .elementor-section:has(.alma-page),\u003cbr \/\u003e .elementor-container:has(.alma-page),\u003cbr \/\u003e .elementor-column:has(.alma-page),\u003cbr \/\u003e .elementor-widget:has(.alma-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .alma-page h1,\u003cbr \/\u003e .elementor-widget-container .alma-page h2,\u003cbr \/\u003e .elementor-widget-container .alma-page h3,\u003cbr \/\u003e .elementor-widget-container .alma-page h4,\u003cbr \/\u003e .elementor-widget-container .alma-page h5,\u003cbr \/\u003e .elementor-widget-container .alma-page h6,\u003cbr \/\u003e .elementor-kit-6 .alma-page h1,\u003cbr \/\u003e .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e .elementor-kit-6 .alma-page h3,\u003cbr \/\u003e .elementor-kit-6 .alma-page h4,\u003cbr \/\u003e .elementor-kit-6 .alma-page h5,\u003cbr \/\u003e .elementor-kit-6 .alma-page h6,\u003cbr \/\u003e .alma-page h1,\u003cbr \/\u003e .alma-page h2,\u003cbr \/\u003e .alma-page h3,\u003cbr \/\u003e .alma-page h4,\u003cbr \/\u003e .alma-page h5,\u003cbr \/\u003e .alma-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 .alma-page h2,\u003cbr \/\u003e .elementor-widget-container .alma-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 RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e background: var(--alma-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 .alma-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page img,\u003cbr \/\u003e .alma-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% {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: translateY(40px);\u003cbr \/\u003e }\u003cbr \/\u003e 100% {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e filter: blur(20px);\u003cbr \/\u003e transform: translateY(30px);\u003cbr \/\u003e }\u003cbr \/\u003e 100% {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e filter: blur(0);\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: scale(0.95);\u003cbr \/\u003e }\u003cbr \/\u003e 100% {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\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 TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !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 .alma-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GRADIENT TEXT - BRITISH RACING GREEN\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .gradient-racing-green {\u003cbr \/\u003e background: linear-gradient(135deg, #00311a 0%, #004225 30%, #006b3c 60%, #10b981 100%);\u003cbr \/\u003e background-size: 200% 200%;\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e animation: gradientFlow 4s ease infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-emerald {\u003cbr \/\u003e background: linear-gradient(135deg, #064e3b 0%, #047857 25%, #10b981 50%, #34d399 75%, #10b981 100%);\u003cbr \/\u003e background-size: 300% 300%;\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e animation: gradientFlow 3s ease infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-metallic-green {\u003cbr \/\u003e background: linear-gradient(90deg, #00311a 0%, #004225 20%, #006b3c 40%, #10b981 50%, #006b3c 60%, #004225 80%, #00311a 100%);\u003cbr \/\u003e background-size: 200% auto;\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e animation: shimmer 4s linear infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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(--alma-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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(--alma-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations - British Racing Green - IMPORTANT overrides *\/\u003cbr \/\u003e .alma-gradient-racing,\u003cbr \/\u003e .alma-page .alma-gradient-racing,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-racing {\u003cbr \/\u003e background: linear-gradient(90deg, #00311a 0%, #004225 25%, #006b3c 50%, #10b981 75%, #006b3c 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 .alma-gradient-emerald,\u003cbr \/\u003e .alma-page .alma-gradient-emerald,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-emerald {\u003cbr \/\u003e background: linear-gradient(90deg, #047857 0%, #059669 35%, #10b981 65%, #34d399 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 .alma-gradient-forest,\u003cbr \/\u003e .alma-page .alma-gradient-forest,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-forest {\u003cbr \/\u003e background: linear-gradient(90deg, #14532d 0%, #166534 35%, #22c55e 65%, #4ade80 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 .alma-gradient-teal,\u003cbr \/\u003e .alma-page .alma-gradient-teal,\u003cbr \/\u003e .elementor-widget-container .alma-gradient-teal {\u003cbr \/\u003e background: linear-gradient(90deg, #115e59 0%, #0d9488 35%, #14b8a6 65%, #2dd4bf 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 HERO SECTION - FULL WIDTH VIDEO\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-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.3);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-title {\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 .alma-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 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 .alma-hero-btn {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e padding: 16px 32px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95);\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e border-radius: 980px;\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.9s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-btn:hover {\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-hero-btn svg {\u003cbr \/\u003e width: 20px;\u003cbr \/\u003e height: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-fullwidth-image {\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 .alma-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--alma-gray-900);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-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 .alma-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 .alma-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-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 .alma-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 .alma-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 @media (max-width: 900px) {\u003cbr \/\u003e .alma-highlights-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-highlight-card {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e X-FADER SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-xfader-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-header h2 {\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-video {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-xfader-details {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CARBON SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-carbon-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-main-image {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e margin-bottom: 48px;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-main-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card {\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-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 .alma-carbon-card:hover .alma-carbon-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--alma-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-carbon-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SCROLL REVEAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-scroll-reveal {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: translateY(50px);\u003cbr \/\u003e transition: all 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-scroll-reveal.visible {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-scroll-reveal.delay-1 { transition-delay: 0.1s; }\u003cbr \/\u003e .alma-scroll-reveal.delay-2 { transition-delay: 0.2s; }\u003cbr \/\u003e .alma-scroll-reveal.delay-3 { transition-delay: 0.3s; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESPONSIVE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @media (max-width: 768px) {\u003cbr \/\u003e .alma-hero {\u003cbr \/\u003e min-height: 500px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-section,\u003cbr \/\u003e .alma-carbon-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-xfader-video,\u003cbr \/\u003e .alma-carbon-main-image {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-carbon-card {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COCKPIT INTEGRATION SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-cockpit-section {\u003cbr \/\u003e padding: 120px 40px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-video {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e grid-template-rows: repeat(2, 1fr);\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-item {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e aspect-ratio: 1\/1;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-item 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 .alma-integration-item:hover img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-title {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e right: 20px;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e font-size: 1.125rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.3;\u003cbr \/\u003e text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-integration-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-title {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e bottom: 16px;\u003cbr \/\u003e left: 16px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .alma-integration-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-cockpit-video {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-item {\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-integration-title {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e bottom: 12px;\u003cbr \/\u003e left: 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN YOUR RIDE (MYO) SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-myo-section {\u003cbr \/\u003e padding: 120px 40px;\u003cbr \/\u003e background: var(--alma-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-video {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-colors {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 24px;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-item {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-image {\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e aspect-ratio: 4\/5;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s var(--ease-out-expo);\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-item:hover .alma-myo-color-image {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-name {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--alma-gray-900);\u003cbr \/\u003e line-height: 1.4;\u003cbr \/\u003e padding: 0 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .alma-myo-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-colors {\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-name {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .alma-myo-colors {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e max-width: 400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-video {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-myo-color-image {\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FEEL LIKE A PRO SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-pro-section {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-pro-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-pro-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-pro-content {\u003cbr \/\u003e padding: 100px 24px;\u003cbr \/\u003e background: var(--alma-gray-900);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-pro-content .alma-title-main,\u003cbr \/\u003e .alma-pro-content .alma-title-secondary {\u003cbr \/\u003e color: var(--alma-white) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-pro-content .alma-subtitle-apple {\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-pro-content .alma-subtitle-apple strong {\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 768px) {\u003cbr \/\u003e .alma-pro-content {\u003cbr \/\u003e padding: 60px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE SECTION (Whistle\/Santa Cruz Style)\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .alma-comparison-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-container {\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--alma-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 1200px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table thead {\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table th {\u003cbr \/\u003e padding: 20px 16px;\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e border-bottom: 2px solid var(--alma-green-dark);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table th:first-child {\u003cbr \/\u003e border-radius: 16px 0 0 0;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table th:last-child {\u003cbr \/\u003e border-radius: 0 16px 0 0;\u003cbr \/\u003e padding-right: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--alma-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--alma-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e vertical-align: top;\u003cbr \/\u003e color: var(--alma-gray-700);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table td:first-child {\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table td:last-child {\u003cbr \/\u003e padding-right: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-cell {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 6px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-name {\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.01em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-model-badge {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e padding: 4px 10px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e font-size: 0.6875rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e border-radius: 4px;\u003cbr \/\u003e width: fit-content;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-price-cell {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e color: var(--alma-green) !important;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-spec-highlight {\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--alma-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Sticky first column *\/\u003cbr \/\u003e .alma-comparison-table th:first-child,\u003cbr \/\u003e .alma-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 .alma-comparison-table thead th:first-child {\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table tbody tr:hover td:first-child {\u003cbr \/\u003e background: var(--alma-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 1100px) {\u003cbr \/\u003e .alma-comparison-section {\u003cbr \/\u003e padding: 80px 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table th,\u003cbr \/\u003e .alma-comparison-table td {\u003cbr \/\u003e padding: 14px 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 768px) {\u003cbr \/\u003e .alma-comparison-table-wrapper {\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e margin: 40px -16px 0;\u003cbr \/\u003e width: calc(100% + 32px);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table th:first-child {\u003cbr \/\u003e border-radius: 12px 0 0 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table th:last-child {\u003cbr \/\u003e border-radius: 0 12px 0 0;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-table .spec-label {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 768px) {\u003cbr \/\u003e .alma-comparison-table .spec-label {\u003cbr \/\u003e display: block;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e color: var(--alma-gray-500);\u003cbr \/\u003e margin-bottom: 2px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-cta {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-btn {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e padding: 16px 32px;\u003cbr \/\u003e background: var(--alma-green);\u003cbr \/\u003e color: var(--alma-white);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-comparison-btn:hover {\u003cbr \/\u003e background: var(--alma-green-light);\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e box-shadow: 0 15px 40px -10px rgba(0, 66, 37, 0.4);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 1100px) {\u003cbr \/\u003e .alma-comparison-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 700px) {\u003cbr \/\u003e .alma-comparison-grid {\u003cbr \/\u003e grid-template-columns: 1f\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 \/ Myo","offer_id":57496399577470,"sku":"T21803CM","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496399610238,"sku":"T21803F8","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496399643006,"sku":"T21803F9","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496399675774,"sku":"T21803FA","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57496399708542,"sku":"T21803FB","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Myo","offer_id":57496399741310,"sku":"T21805CM","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496399774078,"sku":"T21805F8","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496399806846,"sku":"T21805F9","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496399839614,"sku":"T21805FA","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57496399872382,"sku":"T21805FB","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Myo","offer_id":57496399905150,"sku":"T21807CM","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496399937918,"sku":"T21807F8","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496399970686,"sku":"T21807F9","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496400003454,"sku":"T21807FA","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57496400036222,"sku":"T21807FB","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Myo","offer_id":57496400068990,"sku":"T21809CM","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496400101758,"sku":"T21809F8","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496400134526,"sku":"T21809F9","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496400167294,"sku":"T21809FA","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57496400200062,"sku":"T21809FB","price":42399.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T218TTCC-FB-SIDE-ALMA_MLTD-1-1.jpg?v=1780337115"},{"product_id":"oiz-h30-s-blue-stone-metallic-blue-stone-gloss","title":"Orbea OIZ H30 2026 — Bicicletă MTB XC full suspension","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta ORBEA OIZ H30 – MTB XC full suspension\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"287489\" class=\"elementor elementor-287489\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-32e382d e-flex e-con-boxed e-con e-parent\" data-id=\"32e382d\" 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-bb0420d elementor-widget elementor-widget-html\" data-id=\"bb0420d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea OIZ Aluminum H10\/H30 - Landing Page Premium Racing Theme --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea OIZ Aluminum, OIZ H10, OIZ H30, bicicletă MTB aluminiu full-suspension, XC racing accesibil România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e \/* ============================================\u003cbr \/\u003e CSS VARIABLES \u0026 DESIGN SYSTEM - OIZ RACING EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-page {\u003cbr \/\u003e --oiz-black: #1d1d1f;\u003cbr \/\u003e --oiz-white: #ffffff;\u003cbr \/\u003e --oiz-gray-50: #fafafa;\u003cbr \/\u003e --oiz-gray-100: #f5f5f7;\u003cbr \/\u003e --oiz-gray-200: #e8e8ed;\u003cbr \/\u003e --oiz-gray-300: #d2d2d7;\u003cbr \/\u003e --oiz-gray-500: #86868b;\u003cbr \/\u003e --oiz-gray-600: #6e6e73;\u003cbr \/\u003e --oiz-gray-700: #515154;\u003cbr \/\u003e --oiz-gray-800: #2d2d2d;\u003cbr \/\u003e --oiz-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* OIZ Racing Colors - Championship Red \u0026 Gold *\/\u003cbr \/\u003e --oiz-red: #e31837;\u003cbr \/\u003e --oiz-red-light: #ff3c5c;\u003cbr \/\u003e --oiz-red-dark: #b01229;\u003cbr \/\u003e --oiz-gold: #d4af37;\u003cbr \/\u003e --oiz-gold-light: #f4d03f;\u003cbr \/\u003e --oiz-gold-dark: #aa8c2c;\u003cbr \/\u003e --oiz-racing-black: #0d0d0d;\u003cbr \/\u003e --oiz-checkered: #1a1a1a;\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 .oiz-page {\u003cbr \/\u003e width: 100vw !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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.oiz-page),\u003cbr \/\u003e .elementor-element:has(.oiz-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.oiz-page),\u003cbr \/\u003e .elementor-container:has(.oiz-page),\u003cbr \/\u003e .elementor-column:has(.oiz-page),\u003cbr \/\u003e .elementor-widget:has(.oiz-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .oiz-page h1,\u003cbr \/\u003e .elementor-widget-container .oiz-page h2,\u003cbr \/\u003e .elementor-widget-container .oiz-page h3,\u003cbr \/\u003e .elementor-widget-container .oiz-page h4,\u003cbr \/\u003e .elementor-widget-container .oiz-page h5,\u003cbr \/\u003e .elementor-widget-container .oiz-page h6,\u003cbr \/\u003e .elementor-kit-6 .oiz-page h1,\u003cbr \/\u003e .elementor-kit-6 .oiz-page h2,\u003cbr \/\u003e .elementor-kit-6 .oiz-page h3,\u003cbr \/\u003e .elementor-kit-6 .oiz-page h4,\u003cbr \/\u003e .elementor-kit-6 .oiz-page h5,\u003cbr \/\u003e .elementor-kit-6 .oiz-page h6,\u003cbr \/\u003e .oiz-page h1,\u003cbr \/\u003e .oiz-page h2,\u003cbr \/\u003e .oiz-page h3,\u003cbr \/\u003e .oiz-page h4,\u003cbr \/\u003e .oiz-page h5,\u003cbr \/\u003e .oiz-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 .oiz-page h2,\u003cbr \/\u003e .elementor-widget-container .oiz-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 RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--oiz-black);\u003cbr \/\u003e background: var(--oiz-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 .oiz-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-page img,\u003cbr \/\u003e .oiz-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% {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: translateY(40px);\u003cbr \/\u003e }\u003cbr \/\u003e 100% {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e filter: blur(20px);\u003cbr \/\u003e transform: translateY(30px);\u003cbr \/\u003e }\u003cbr \/\u003e 100% {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e filter: blur(0);\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: scale(0.95);\u003cbr \/\u003e }\u003cbr \/\u003e 100% {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\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 @keyframes flagWave {\u003cbr \/\u003e 0%, 100% { transform: rotate(-2deg); }\u003cbr \/\u003e 50% { transform: rotate(2deg); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes pulse {\u003cbr \/\u003e 0%, 100% { opacity: 1; }\u003cbr \/\u003e 50% { opacity: 0.7; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !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 .oiz-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--oiz-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--oiz-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GRADIENT TEXT - RACING COLORS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .gradient-racing-red {\u003cbr \/\u003e background: linear-gradient(135deg, #b01229 0%, #e31837 30%, #ff3c5c 60%, #e31837 100%);\u003cbr \/\u003e background-size: 200% 200%;\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e animation: gradientFlow 4s ease infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-gold {\u003cbr \/\u003e background: linear-gradient(135deg, #aa8c2c 0%, #d4af37 25%, #f4d03f 50%, #d4af37 75%, #aa8c2c 100%);\u003cbr \/\u003e background-size: 300% 300%;\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e animation: gradientFlow 3s ease infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-champion {\u003cbr \/\u003e background: linear-gradient(90deg, #d4af37 0%, #f4d03f 20%, #ffffff 40%, #f4d03f 60%, #d4af37 80%, #aa8c2c 100%);\u003cbr \/\u003e background-size: 200% auto;\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e animation: shimmer 4s linear infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-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(--oiz-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-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(--oiz-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-subtitle-apple strong {\u003cbr \/\u003e color: var(--oiz-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Racing gradients - IMPORTANT overrides *\/\u003cbr \/\u003e .oiz-gradient-racing,\u003cbr \/\u003e .oiz-page .oiz-gradient-racing,\u003cbr \/\u003e .elementor-widget-container .oiz-gradient-racing {\u003cbr \/\u003e background: linear-gradient(90deg, #b01229 0%, #e31837 25%, #ff3c5c 50%, #e31837 75%, #b01229 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 .oiz-gradient-gold,\u003cbr \/\u003e .oiz-page .oiz-gradient-gold,\u003cbr \/\u003e .elementor-widget-container .oiz-gradient-gold {\u003cbr \/\u003e background: linear-gradient(90deg, #aa8c2c 0%, #d4af37 35%, #f4d03f 65%, #d4af37 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 .oiz-gradient-champion,\u003cbr \/\u003e .oiz-page .oiz-gradient-champion,\u003cbr \/\u003e .elementor-widget-container .oiz-gradient-champion {\u003cbr \/\u003e background: linear-gradient(90deg, #d4af37 0%, #f4d03f 25%, #ffffff 50%, #f4d03f 75%, #d4af37 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 HERO SECTION - FULL WIDTH VIDEO\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-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 .oiz-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: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.6) 100%);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--oiz-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-hero-title {\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 .oiz-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 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 \/* Racing Checkered Flags - Crossed Silver Poles - Style ca în imagine *\/\u003cbr \/\u003e .oiz-hero-flags {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e height: 96px;\u003cbr \/\u003e width: 176px;\u003cbr \/\u003e margin-left: auto;\u003cbr \/\u003e margin-right: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-flag-container {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: flex-start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Steagul din stânga - rotit spre stânga-sus *\/\u003cbr \/\u003e .oiz-flag-container:first-child {\u003cbr \/\u003e transform: rotate(-35deg);\u003cbr \/\u003e transform-origin: center center;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Steagul din dreapta - rotit spre dreapta-sus *\/\u003cbr \/\u003e .oiz-flag-container:last-child {\u003cbr \/\u003e transform: rotate(35deg);\u003cbr \/\u003e transform-origin: center center;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-flag-pole {\u003cbr \/\u003e width: 5px;\u003cbr \/\u003e height: 88px;\u003cbr \/\u003e background: linear-gradient(90deg,\u003cbr \/\u003e #808080 0%,\u003cbr \/\u003e #b0b0b0 20%,\u003cbr \/\u003e #e8e8e8 40%,\u003cbr \/\u003e #ffffff 50%,\u003cbr \/\u003e #e8e8e8 60%,\u003cbr \/\u003e #b0b0b0 80%,\u003cbr \/\u003e #808080 100%\u003cbr \/\u003e );\u003cbr \/\u003e border-radius: 3px;\u003cbr \/\u003e box-shadow: 2px 3px 8px rgba(0,0,0,0.4);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Steagul - formă ondulată naturală *\/\u003cbr \/\u003e .oiz-flag {\u003cbr \/\u003e width: 56px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 5px;\u003cbr \/\u003e background:\u003cbr \/\u003e repeating-conic-gradient(\u003cbr \/\u003e #ffffff 0deg 90deg,\u003cbr \/\u003e #4a4a4a 90deg 180deg\u003cbr \/\u003e );\u003cbr \/\u003e background-size: 11px 9px;\u003cbr \/\u003e border-radius: 4px 8px 12px 6px;\u003cbr \/\u003e box-shadow: 3px 4px 12px rgba(0,0,0,0.35);\u003cbr \/\u003e transform-origin: left center;\u003cbr \/\u003e animation: flagWaveRealistic 3s ease-in-out infinite;\u003cbr \/\u003e clip-path: polygon(\u003cbr \/\u003e 0% 5%,\u003cbr \/\u003e 15% 0%,\u003cbr \/\u003e 35% 8%,\u003cbr \/\u003e 55% 2%,\u003cbr \/\u003e 75% 10%,\u003cbr \/\u003e 100% 5%,\u003cbr \/\u003e 98% 25%,\u003cbr \/\u003e 100% 45%,\u003cbr \/\u003e 95% 65%,\u003cbr \/\u003e 100% 85%,\u003cbr \/\u003e 95% 100%,\u003cbr \/\u003e 75% 92%,\u003cbr \/\u003e 55% 100%,\u003cbr \/\u003e 35% 90%,\u003cbr \/\u003e 15% 98%,\u003cbr \/\u003e 0% 95%,\u003cbr \/\u003e 5% 75%,\u003cbr \/\u003e 0% 55%,\u003cbr \/\u003e 5% 35%,\u003cbr \/\u003e 0% 15%\u003cbr \/\u003e );\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Highlight și umbre pe steag pentru efect 3D *\/\u003cbr \/\u003e .oiz-flag::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e background: linear-gradient(\u003cbr \/\u003e 135deg,\u003cbr \/\u003e rgba(255,255,255,0.4) 0%,\u003cbr \/\u003e rgba(255,255,255,0.15) 20%,\u003cbr \/\u003e transparent 40%,\u003cbr \/\u003e rgba(0,0,0,0.05) 60%,\u003cbr \/\u003e rgba(0,0,0,0.15) 80%,\u003cbr \/\u003e rgba(0,0,0,0.1) 100%\u003cbr \/\u003e );\u003cbr \/\u003e border-radius: inherit;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Steagul stâng - orientat spre stânga (oglindit) *\/\u003cbr \/\u003e .oiz-flag-container:first-child .oiz-flag {\u003cbr \/\u003e left: auto;\u003cbr \/\u003e right: 5px;\u003cbr \/\u003e transform-origin: right center;\u003cbr \/\u003e animation: flagWaveLeft 3s ease-in-out infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Steagul drept - orientat spre dreapta *\/\u003cbr \/\u003e .oiz-flag-container:last-child .oiz-flag {\u003cbr \/\u003e animation-delay: 0.3s;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes flagWaveRealistic {\u003cbr \/\u003e 0%, 100% {\u003cbr \/\u003e transform: perspective(200px) rotateY(-3deg) skewY(-1deg);\u003cbr \/\u003e }\u003cbr \/\u003e 50% {\u003cbr \/\u003e transform: perspective(200px) rotateY(3deg) skewY(1deg);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes flagWaveLeft {\u003cbr \/\u003e 0%, 100% {\u003cbr \/\u003e transform: perspective(200px) rotateY(3deg) skewY(1deg);\u003cbr \/\u003e }\u003cbr \/\u003e 50% {\u003cbr \/\u003e transform: perspective(200px) rotateY(-3deg) skewY(-1deg);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Trophy Icon *\/\u003cbr \/\u003e .oiz-trophy {\u003cbr \/\u003e font-size: 3rem;\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e animation: float 3s ease-in-out infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-fullwidth-image {\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 .oiz-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS WITH RACING THEME\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--oiz-racing-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-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 .oiz-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 .oiz-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 .oiz-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-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.75) 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-highlight-badge {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 6px;\u003cbr \/\u003e padding: 6px 12px;\u003cbr \/\u003e background: var(--oiz-red);\u003cbr \/\u003e color: var(--oiz-white);\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.1em;\u003cbr \/\u003e border-radius: 4px;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-highlight-title,\u003cbr \/\u003e .oiz-page .oiz-highlight-title,\u003cbr \/\u003e .oiz-highlight-overlay .oiz-highlight-title,\u003cbr \/\u003e h3.oiz-highlight-title {\u003cbr \/\u003e font-size: clamp(1.5rem, 2.5vw, 2rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 12px !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e text-shadow: 0 2px 15px rgba(0,0,0,0.7) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-highlight-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.85);\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .oiz-highlights-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-highlight-card {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e VIDEO SECTION - RACING STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-video-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--oiz-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-header h2 {\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--oiz-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-wrapper {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Video wrapper - no top border *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-wrapper video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--oiz-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .oiz-video-details {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TECHNOLOGY SECTION - SQUIDLOCK\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-tech-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--oiz-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--oiz-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card {\u003cbr \/\u003e background: var(--oiz-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e height: 4px;\u003cbr \/\u003e background: linear-gradient(90deg, var(--oiz-red) 0%, var(--oiz-gold) 100%);\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transition: opacity 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card:hover::before {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card-video {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--oiz-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--oiz-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .oiz-tech-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SCROLL REVEAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-scroll-reveal {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: translateY(50px);\u003cbr \/\u003e transition: all 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-scroll-reveal.visible {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-scroll-reveal.delay-1 { transition-delay: 0.1s; }\u003cbr \/\u003e .oiz-scroll-reveal.delay-2 { transition-delay: 0.2s; }\u003cbr \/\u003e .oiz-scroll-reveal.delay-3 { transition-delay: 0.3s; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESPONSIVE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @media (max-width: 768px) {\u003cbr \/\u003e .oiz-hero {\u003cbr \/\u003e min-height: 500px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-section,\u003cbr \/\u003e .oiz-tech-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-wrapper {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COCKPIT INTEGRATION SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-cockpit-section {\u003cbr \/\u003e padding: 120px 40px;\u003cbr \/\u003e background: var(--oiz-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-cockpit-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-cockpit-video {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cockpit video - no top border *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-cockpit-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e grid-template-rows: repeat(2, 1fr);\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-item {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e aspect-ratio: 1\/1;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-item 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 .oiz-integration-item:hover img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-title {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e right: 20px;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e font-size: 1.125rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.3;\u003cbr \/\u003e text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .oiz-integration-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-title {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e bottom: 16px;\u003cbr \/\u003e left: 16px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .oiz-integration-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-cockpit-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-cockpit-video {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-item {\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-title {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e bottom: 12px;\u003cbr \/\u003e left: 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN YOUR RIDE (MYO) SECTION - LARGE FRAMES\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-myo-section {\u003cbr \/\u003e padding: 120px 40px;\u003cbr \/\u003e background: var(--oiz-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-container {\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-colors {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-item {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-image {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e aspect-ratio: 1\/1;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s var(--ease-out-expo);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-image::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e border: 3px solid transparent;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e transition: border-color 0.3s ease;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-item:hover .oiz-myo-color-image::before {\u003cbr \/\u003e border-color: var(--oiz-gold);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-item:hover .oiz-myo-color-image {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-name {\u003cbr \/\u003e font-size: 1.125rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--oiz-gray-900);\u003cbr \/\u003e line-height: 1.4;\u003cbr \/\u003e padding: 0 12px;\u003cbr \/\u003e margin-top: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .oiz-myo-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-colors {\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-name {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .oiz-myo-colors {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e max-width: 400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-image {\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FEEL LIKE A PRO SECTION - CHAMPION THEME\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-pro-section {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-pro-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-pro-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-pro-content {\u003cbr \/\u003e padding: 100px 24px;\u003cbr \/\u003e background: var(--oiz-racing-black);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Checkered flag pattern overlay *\/\u003cbr \/\u003e .oiz-pro-content::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e background:\u003cbr \/\u003e repeating-conic-gradient(\u003cbr \/\u003e rgba(255,255,255,0.03) 0deg 90deg,\u003cbr \/\u003e transparent 90deg 180deg\u003cbr \/\u003e ) 0 0\/60px 60px;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-pro-content .oiz-title-main,\u003cbr \/\u003e .oiz-pro-content .oiz-title-secondary {\u003cbr \/\u003e color: var(--oiz-white) !important;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-pro-content .oiz-subtitle-apple {\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-pro-content .oiz-subtitle-apple strong {\u003cbr \/\u003e color: var(--oiz-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Trophy decoration *\/\u003cbr \/\u003e .oiz-trophy-icon {\u003cbr \/\u003e font-size: 4rem;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e animation: float 3s ease-in-out infinite;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 768px) {\u003cbr \/\u003e .oiz-pro-content {\u003cbr \/\u003e padding: 60px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE SECTION - RACING STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-comparison-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--oiz-white);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-comparison-container {\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--oiz-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.08);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e isolation: isolate;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 1400px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-comparison-table thead {\u003cbr \/\u003e background: linear-gradient(135deg, var(--oiz-red) 0%, var(--oiz-red-dark) 100%);\u003cbr \/\u003e color: var(--oiz-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-comparison-ta\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 \/ Blue Stone - Metallic Blue Stone (Gloss)","offer_id":57496401903998,"sku":"T22103KX","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Armor Black (Matt-Gloss)","offer_id":57496401936766,"sku":"T22103KY","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Blue Stone - Metallic Blue Stone (Gloss)","offer_id":57496401969534,"sku":"T22105KX","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Armor Black (Matt-Gloss)","offer_id":57496402002302,"sku":"T22105KY","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Blue Stone - Metallic Blue Stone (Gloss)","offer_id":57496402035070,"sku":"T22107KX","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Armor Black (Matt-Gloss)","offer_id":57496402067838,"sku":"T22107KY","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Blue Stone - Metallic Blue Stone (Gloss)","offer_id":57496402100606,"sku":"T22109KX","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Armor Black (Matt-Gloss)","offer_id":57496402133374,"sku":"T22109KY","price":9499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T221TTCC-KX-SIDE-OIZ_H30.jpg?v=1780337126"},{"product_id":"oiz-h10-s-blue-stone-metallic-blue-stone-gloss","title":"Orbea OIZ H10 2026 — Bicicletă MTB XC full suspension","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB full suspension ORBEA OIZ H10\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"287489\" class=\"elementor elementor-287489\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-32e382d e-flex e-con-boxed e-con e-parent\" data-id=\"32e382d\" 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-bb0420d elementor-widget elementor-widget-html\" data-id=\"bb0420d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea OIZ Aluminum H10\/H30 - Landing Page Premium Racing Theme --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea OIZ Aluminum, OIZ H10, OIZ H30, bicicletă MTB aluminiu full-suspension, XC racing accesibil România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e \/* ============================================\u003cbr \/\u003e CSS VARIABLES \u0026 DESIGN SYSTEM - OIZ RACING EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-page {\u003cbr \/\u003e --oiz-black: #1d1d1f;\u003cbr \/\u003e --oiz-white: #ffffff;\u003cbr \/\u003e --oiz-gray-50: #fafafa;\u003cbr \/\u003e --oiz-gray-100: #f5f5f7;\u003cbr \/\u003e --oiz-gray-200: #e8e8ed;\u003cbr \/\u003e --oiz-gray-300: #d2d2d7;\u003cbr \/\u003e --oiz-gray-500: #86868b;\u003cbr \/\u003e --oiz-gray-600: #6e6e73;\u003cbr \/\u003e --oiz-gray-700: #515154;\u003cbr \/\u003e --oiz-gray-800: #2d2d2d;\u003cbr \/\u003e --oiz-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* OIZ Racing Colors - Championship Red \u0026 Gold *\/\u003cbr \/\u003e --oiz-red: #e31837;\u003cbr \/\u003e --oiz-red-light: #ff3c5c;\u003cbr \/\u003e --oiz-red-dark: #b01229;\u003cbr \/\u003e --oiz-gold: #d4af37;\u003cbr \/\u003e --oiz-gold-light: #f4d03f;\u003cbr \/\u003e --oiz-gold-dark: #aa8c2c;\u003cbr \/\u003e --oiz-racing-black: #0d0d0d;\u003cbr \/\u003e --oiz-checkered: #1a1a1a;\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 .oiz-page {\u003cbr \/\u003e width: 100vw !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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.oiz-page),\u003cbr \/\u003e .elementor-element:has(.oiz-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.oiz-page),\u003cbr \/\u003e .elementor-container:has(.oiz-page),\u003cbr \/\u003e .elementor-column:has(.oiz-page),\u003cbr \/\u003e .elementor-widget:has(.oiz-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .oiz-page h1,\u003cbr \/\u003e .elementor-widget-container .oiz-page h2,\u003cbr \/\u003e .elementor-widget-container .oiz-page h3,\u003cbr \/\u003e .elementor-widget-container .oiz-page h4,\u003cbr \/\u003e .elementor-widget-container .oiz-page h5,\u003cbr \/\u003e .elementor-widget-container .oiz-page h6,\u003cbr \/\u003e .elementor-kit-6 .oiz-page h1,\u003cbr \/\u003e .elementor-kit-6 .oiz-page h2,\u003cbr \/\u003e .elementor-kit-6 .oiz-page h3,\u003cbr \/\u003e .elementor-kit-6 .oiz-page h4,\u003cbr \/\u003e .elementor-kit-6 .oiz-page h5,\u003cbr \/\u003e .elementor-kit-6 .oiz-page h6,\u003cbr \/\u003e .oiz-page h1,\u003cbr \/\u003e .oiz-page h2,\u003cbr \/\u003e .oiz-page h3,\u003cbr \/\u003e .oiz-page h4,\u003cbr \/\u003e .oiz-page h5,\u003cbr \/\u003e .oiz-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 .oiz-page h2,\u003cbr \/\u003e .elementor-widget-container .oiz-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 RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--oiz-black);\u003cbr \/\u003e background: var(--oiz-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 .oiz-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-page img,\u003cbr \/\u003e .oiz-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% {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: translateY(40px);\u003cbr \/\u003e }\u003cbr \/\u003e 100% {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e filter: blur(20px);\u003cbr \/\u003e transform: translateY(30px);\u003cbr \/\u003e }\u003cbr \/\u003e 100% {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e filter: blur(0);\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: scale(0.95);\u003cbr \/\u003e }\u003cbr \/\u003e 100% {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\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 @keyframes flagWave {\u003cbr \/\u003e 0%, 100% { transform: rotate(-2deg); }\u003cbr \/\u003e 50% { transform: rotate(2deg); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes pulse {\u003cbr \/\u003e 0%, 100% { opacity: 1; }\u003cbr \/\u003e 50% { opacity: 0.7; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !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 .oiz-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--oiz-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--oiz-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GRADIENT TEXT - RACING COLORS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .gradient-racing-red {\u003cbr \/\u003e background: linear-gradient(135deg, #b01229 0%, #e31837 30%, #ff3c5c 60%, #e31837 100%);\u003cbr \/\u003e background-size: 200% 200%;\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e animation: gradientFlow 4s ease infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-gold {\u003cbr \/\u003e background: linear-gradient(135deg, #aa8c2c 0%, #d4af37 25%, #f4d03f 50%, #d4af37 75%, #aa8c2c 100%);\u003cbr \/\u003e background-size: 300% 300%;\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e animation: gradientFlow 3s ease infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-champion {\u003cbr \/\u003e background: linear-gradient(90deg, #d4af37 0%, #f4d03f 20%, #ffffff 40%, #f4d03f 60%, #d4af37 80%, #aa8c2c 100%);\u003cbr \/\u003e background-size: 200% auto;\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e animation: shimmer 4s linear infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-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(--oiz-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-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(--oiz-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-subtitle-apple strong {\u003cbr \/\u003e color: var(--oiz-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Racing gradients - IMPORTANT overrides *\/\u003cbr \/\u003e .oiz-gradient-racing,\u003cbr \/\u003e .oiz-page .oiz-gradient-racing,\u003cbr \/\u003e .elementor-widget-container .oiz-gradient-racing {\u003cbr \/\u003e background: linear-gradient(90deg, #b01229 0%, #e31837 25%, #ff3c5c 50%, #e31837 75%, #b01229 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 .oiz-gradient-gold,\u003cbr \/\u003e .oiz-page .oiz-gradient-gold,\u003cbr \/\u003e .elementor-widget-container .oiz-gradient-gold {\u003cbr \/\u003e background: linear-gradient(90deg, #aa8c2c 0%, #d4af37 35%, #f4d03f 65%, #d4af37 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 .oiz-gradient-champion,\u003cbr \/\u003e .oiz-page .oiz-gradient-champion,\u003cbr \/\u003e .elementor-widget-container .oiz-gradient-champion {\u003cbr \/\u003e background: linear-gradient(90deg, #d4af37 0%, #f4d03f 25%, #ffffff 50%, #f4d03f 75%, #d4af37 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 HERO SECTION - FULL WIDTH VIDEO\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-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 .oiz-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: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.6) 100%);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--oiz-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-hero-title {\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 .oiz-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 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 \/* Racing Checkered Flags - Crossed Silver Poles - Style ca în imagine *\/\u003cbr \/\u003e .oiz-hero-flags {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e height: 96px;\u003cbr \/\u003e width: 176px;\u003cbr \/\u003e margin-left: auto;\u003cbr \/\u003e margin-right: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-flag-container {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: flex-start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Steagul din stânga - rotit spre stânga-sus *\/\u003cbr \/\u003e .oiz-flag-container:first-child {\u003cbr \/\u003e transform: rotate(-35deg);\u003cbr \/\u003e transform-origin: center center;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Steagul din dreapta - rotit spre dreapta-sus *\/\u003cbr \/\u003e .oiz-flag-container:last-child {\u003cbr \/\u003e transform: rotate(35deg);\u003cbr \/\u003e transform-origin: center center;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-flag-pole {\u003cbr \/\u003e width: 5px;\u003cbr \/\u003e height: 88px;\u003cbr \/\u003e background: linear-gradient(90deg,\u003cbr \/\u003e #808080 0%,\u003cbr \/\u003e #b0b0b0 20%,\u003cbr \/\u003e #e8e8e8 40%,\u003cbr \/\u003e #ffffff 50%,\u003cbr \/\u003e #e8e8e8 60%,\u003cbr \/\u003e #b0b0b0 80%,\u003cbr \/\u003e #808080 100%\u003cbr \/\u003e );\u003cbr \/\u003e border-radius: 3px;\u003cbr \/\u003e box-shadow: 2px 3px 8px rgba(0,0,0,0.4);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Steagul - formă ondulată naturală *\/\u003cbr \/\u003e .oiz-flag {\u003cbr \/\u003e width: 56px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 5px;\u003cbr \/\u003e background:\u003cbr \/\u003e repeating-conic-gradient(\u003cbr \/\u003e #ffffff 0deg 90deg,\u003cbr \/\u003e #4a4a4a 90deg 180deg\u003cbr \/\u003e );\u003cbr \/\u003e background-size: 11px 9px;\u003cbr \/\u003e border-radius: 4px 8px 12px 6px;\u003cbr \/\u003e box-shadow: 3px 4px 12px rgba(0,0,0,0.35);\u003cbr \/\u003e transform-origin: left center;\u003cbr \/\u003e animation: flagWaveRealistic 3s ease-in-out infinite;\u003cbr \/\u003e clip-path: polygon(\u003cbr \/\u003e 0% 5%,\u003cbr \/\u003e 15% 0%,\u003cbr \/\u003e 35% 8%,\u003cbr \/\u003e 55% 2%,\u003cbr \/\u003e 75% 10%,\u003cbr \/\u003e 100% 5%,\u003cbr \/\u003e 98% 25%,\u003cbr \/\u003e 100% 45%,\u003cbr \/\u003e 95% 65%,\u003cbr \/\u003e 100% 85%,\u003cbr \/\u003e 95% 100%,\u003cbr \/\u003e 75% 92%,\u003cbr \/\u003e 55% 100%,\u003cbr \/\u003e 35% 90%,\u003cbr \/\u003e 15% 98%,\u003cbr \/\u003e 0% 95%,\u003cbr \/\u003e 5% 75%,\u003cbr \/\u003e 0% 55%,\u003cbr \/\u003e 5% 35%,\u003cbr \/\u003e 0% 15%\u003cbr \/\u003e );\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Highlight și umbre pe steag pentru efect 3D *\/\u003cbr \/\u003e .oiz-flag::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e background: linear-gradient(\u003cbr \/\u003e 135deg,\u003cbr \/\u003e rgba(255,255,255,0.4) 0%,\u003cbr \/\u003e rgba(255,255,255,0.15) 20%,\u003cbr \/\u003e transparent 40%,\u003cbr \/\u003e rgba(0,0,0,0.05) 60%,\u003cbr \/\u003e rgba(0,0,0,0.15) 80%,\u003cbr \/\u003e rgba(0,0,0,0.1) 100%\u003cbr \/\u003e );\u003cbr \/\u003e border-radius: inherit;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Steagul stâng - orientat spre stânga (oglindit) *\/\u003cbr \/\u003e .oiz-flag-container:first-child .oiz-flag {\u003cbr \/\u003e left: auto;\u003cbr \/\u003e right: 5px;\u003cbr \/\u003e transform-origin: right center;\u003cbr \/\u003e animation: flagWaveLeft 3s ease-in-out infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Steagul drept - orientat spre dreapta *\/\u003cbr \/\u003e .oiz-flag-container:last-child .oiz-flag {\u003cbr \/\u003e animation-delay: 0.3s;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes flagWaveRealistic {\u003cbr \/\u003e 0%, 100% {\u003cbr \/\u003e transform: perspective(200px) rotateY(-3deg) skewY(-1deg);\u003cbr \/\u003e }\u003cbr \/\u003e 50% {\u003cbr \/\u003e transform: perspective(200px) rotateY(3deg) skewY(1deg);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes flagWaveLeft {\u003cbr \/\u003e 0%, 100% {\u003cbr \/\u003e transform: perspective(200px) rotateY(3deg) skewY(1deg);\u003cbr \/\u003e }\u003cbr \/\u003e 50% {\u003cbr \/\u003e transform: perspective(200px) rotateY(-3deg) skewY(-1deg);\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Trophy Icon *\/\u003cbr \/\u003e .oiz-trophy {\u003cbr \/\u003e font-size: 3rem;\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e animation: float 3s ease-in-out infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-fullwidth-image {\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 .oiz-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS WITH RACING THEME\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--oiz-racing-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-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 .oiz-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 .oiz-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 .oiz-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-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.75) 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-highlight-badge {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 6px;\u003cbr \/\u003e padding: 6px 12px;\u003cbr \/\u003e background: var(--oiz-red);\u003cbr \/\u003e color: var(--oiz-white);\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.1em;\u003cbr \/\u003e border-radius: 4px;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-highlight-title,\u003cbr \/\u003e .oiz-page .oiz-highlight-title,\u003cbr \/\u003e .oiz-highlight-overlay .oiz-highlight-title,\u003cbr \/\u003e h3.oiz-highlight-title {\u003cbr \/\u003e font-size: clamp(1.5rem, 2.5vw, 2rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 12px !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e text-shadow: 0 2px 15px rgba(0,0,0,0.7) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-highlight-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.85);\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .oiz-highlights-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-highlight-card {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e VIDEO SECTION - RACING STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-video-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--oiz-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-header h2 {\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--oiz-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-wrapper {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Video wrapper - no top border *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-wrapper video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--oiz-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .oiz-video-details {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TECHNOLOGY SECTION - SQUIDLOCK\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-tech-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--oiz-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--oiz-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card {\u003cbr \/\u003e background: var(--oiz-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e height: 4px;\u003cbr \/\u003e background: linear-gradient(90deg, var(--oiz-red) 0%, var(--oiz-gold) 100%);\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transition: opacity 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card:hover::before {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card-video {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--oiz-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--oiz-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .oiz-tech-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SCROLL REVEAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-scroll-reveal {\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: translateY(50px);\u003cbr \/\u003e transition: all 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-scroll-reveal.visible {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-scroll-reveal.delay-1 { transition-delay: 0.1s; }\u003cbr \/\u003e .oiz-scroll-reveal.delay-2 { transition-delay: 0.2s; }\u003cbr \/\u003e .oiz-scroll-reveal.delay-3 { transition-delay: 0.3s; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESPONSIVE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @media (max-width: 768px) {\u003cbr \/\u003e .oiz-hero {\u003cbr \/\u003e min-height: 500px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-section,\u003cbr \/\u003e .oiz-tech-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-video-wrapper {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-tech-card {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COCKPIT INTEGRATION SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-cockpit-section {\u003cbr \/\u003e padding: 120px 40px;\u003cbr \/\u003e background: var(--oiz-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-cockpit-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-cockpit-video {\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cockpit video - no top border *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-cockpit-video video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e grid-template-rows: repeat(2, 1fr);\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-item {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e aspect-ratio: 1\/1;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-item 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 .oiz-integration-item:hover img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-title {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e right: 20px;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e font-size: 1.125rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.3;\u003cbr \/\u003e text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .oiz-integration-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-title {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e bottom: 16px;\u003cbr \/\u003e left: 16px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .oiz-integration-grid {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-cockpit-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-cockpit-video {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-item {\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-integration-title {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e bottom: 12px;\u003cbr \/\u003e left: 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN YOUR RIDE (MYO) SECTION - LARGE FRAMES\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-myo-section {\u003cbr \/\u003e padding: 120px 40px;\u003cbr \/\u003e background: var(--oiz-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-container {\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-colors {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-item {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-image {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e aspect-ratio: 1\/1;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s var(--ease-out-expo);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-image::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e border: 3px solid transparent;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e transition: border-color 0.3s ease;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-item:hover .oiz-myo-color-image::before {\u003cbr \/\u003e border-color: var(--oiz-gold);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-item:hover .oiz-myo-color-image {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-name {\u003cbr \/\u003e font-size: 1.125rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--oiz-gray-900);\u003cbr \/\u003e line-height: 1.4;\u003cbr \/\u003e padding: 0 12px;\u003cbr \/\u003e margin-top: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .oiz-myo-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-colors {\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-name {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 600px) {\u003cbr \/\u003e .oiz-myo-colors {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e max-width: 400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-myo-color-image {\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FEEL LIKE A PRO SECTION - CHAMPION THEME\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-pro-section {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-pro-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-pro-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-pro-content {\u003cbr \/\u003e padding: 100px 24px;\u003cbr \/\u003e background: var(--oiz-racing-black);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Checkered flag pattern overlay *\/\u003cbr \/\u003e .oiz-pro-content::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e background:\u003cbr \/\u003e repeating-conic-gradient(\u003cbr \/\u003e rgba(255,255,255,0.03) 0deg 90deg,\u003cbr \/\u003e transparent 90deg 180deg\u003cbr \/\u003e ) 0 0\/60px 60px;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-pro-content .oiz-title-main,\u003cbr \/\u003e .oiz-pro-content .oiz-title-secondary {\u003cbr \/\u003e color: var(--oiz-white) !important;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-pro-content .oiz-subtitle-apple {\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-pro-content .oiz-subtitle-apple strong {\u003cbr \/\u003e color: var(--oiz-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Trophy decoration *\/\u003cbr \/\u003e .oiz-trophy-icon {\u003cbr \/\u003e font-size: 4rem;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e animation: float 3s ease-in-out infinite;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 768px) {\u003cbr \/\u003e .oiz-pro-content {\u003cbr \/\u003e padding: 60px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE SECTION - RACING STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .oiz-comparison-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--oiz-white);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-comparison-container {\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--oiz-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.08);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e isolation: isolate;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 1400px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-comparison-table thead {\u003cbr \/\u003e background: linear-gradient(135deg, var(--oiz-red) 0%, var(--oiz-red-dark) 100%);\u003cbr \/\u003e color: var(--oiz-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .oiz-comparison-table t\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 \/ Blue Stone - Metallic Blue Stone (Gloss)","offer_id":57496402526590,"sku":"T22203KX","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Armor Black (Matt-Gloss)","offer_id":57496402559358,"sku":"T22203KY","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Blue Stone - Metallic Blue Stone (Gloss)","offer_id":57496402592126,"sku":"T22205KX","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Armor Black (Matt-Gloss)","offer_id":57496402624894,"sku":"T22205KY","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Blue Stone - Metallic Blue Stone (Gloss)","offer_id":57496402657662,"sku":"T22207KX","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Armor Black (Matt-Gloss)","offer_id":57496402690430,"sku":"T22207KY","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Blue Stone - Metallic Blue Stone (Gloss)","offer_id":57496402723198,"sku":"T22209KX","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Armor Black (Matt-Gloss)","offer_id":57496402755966,"sku":"T22209KY","price":10999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T222TTCC-KX-SIDE-OIZ_H10.jpg?v=1780337144"},{"product_id":"oiz-m-ltd-s-myo-2","title":"Orbea OIZ M-LTD 2026 — Bicicletă MTB XC full suspension","description":"\u003cp\u003eVârful gamei. SRAM XX SL Eagle AXS, frâne SRAM Motive Ultimate, șa cu șine de carbon și roți Oquo MP30LTD, pe cadru OMX. Cel mai ușor OIZ pe care îl poți cumpăra.\u003c\/p\u003e","brand":"ORBEA","offers":[{"title":"S \/ Myo","offer_id":57496402887038,"sku":"T23103CM","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496402919806,"sku":"T23103KT","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond Carbon View (Matt) - Cherry Red (Gloss)","offer_id":57496402952574,"sku":"T23103KU","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Cosmic Carbon View (Matt-Gloss)","offer_id":57496402985342,"sku":"T23103KZ","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Myo","offer_id":57496403018110,"sku":"T23105CM","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496403050878,"sku":"T23105KT","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Carbon View (Matt) - Cherry Red (Gloss)","offer_id":57496403083646,"sku":"T23105KU","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cosmic Carbon View (Matt-Gloss)","offer_id":57496403116414,"sku":"T23105KZ","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Myo","offer_id":57496403149182,"sku":"T23107CM","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496403181950,"sku":"T23107KT","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Carbon View (Matt) - Cherry Red (Gloss)","offer_id":57496403214718,"sku":"T23107KU","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cosmic Carbon View (Matt-Gloss)","offer_id":57496403247486,"sku":"T23107KZ","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Myo","offer_id":57496403280254,"sku":"T23109CM","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496403313022,"sku":"T23109KT","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Carbon View (Matt) - Cherry Red (Gloss)","offer_id":57496403345790,"sku":"T23109KU","price":41999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cosmic Carbon View (Matt-Gloss)","offer_id":57496403378558,"sku":"T23109KZ","price":41999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T231TTCC-KT-SIDE-OIZ_MLTD_over_98528408-43cb-4a2c-9323-c2f737a693a4.jpg?v=1780337169"},{"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"},{"product_id":"bicicleta-santa-cruz-v10-8-cc","title":"Bicicleta Santa Cruz V10 8 CC","description":"\u003cp\u003e\u003c\/p\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"271938\" class=\"elementor elementor-271938\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-5550bec e-flex e-con-boxed e-con e-parent\" data-id=\"5550bec\" 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-d3f0bba elementor-widget elementor-widget-html\" data-id=\"d3f0bba\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Santa Cruz V10 2025 - Landing Page Premium - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Santa Cruz V10 downhill full-suspension carbon CC mountain bike, bicicletă MTB DH World Cup 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 - V10 DH EDITION\u003cbr \/\u003e Apple Style: White + gray backgrounds, DH red gradients\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-page {\u003cbr \/\u003e --v10-black: #1d1d1f;\u003cbr \/\u003e --v10-white: #ffffff;\u003cbr \/\u003e --v10-gray-50: #fafafa;\u003cbr \/\u003e --v10-gray-100: #f5f5f7;\u003cbr \/\u003e --v10-gray-200: #e8e8ed;\u003cbr \/\u003e --v10-gray-300: #d2d2d7;\u003cbr \/\u003e --v10-gray-500: #86868b;\u003cbr \/\u003e --v10-gray-600: #6e6e73;\u003cbr \/\u003e --v10-gray-700: #515154;\u003cbr \/\u003e --v10-gray-800: #2d2d2d;\u003cbr \/\u003e --v10-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* V10 Accent Colors - DH Red *\/\u003cbr \/\u003e --v10-red: #E31937;\u003cbr \/\u003e --v10-red-light: #ff3355;\u003cbr \/\u003e --v10-red-dark: #b8142d;\u003cbr \/\u003e --v10-crimson: #dc143c;\u003cbr \/\u003e --v10-green: #3e4122;\u003cbr \/\u003e --v10-green-light: #4e5132;\u003cbr \/\u003e --v10-blue: #1c3a6e;\u003cbr \/\u003e --v10-blue-light: #2a5499;\u003cbr \/\u003e --v10-blue-deep: #0d1f3d;\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 overflow-y: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-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 overflow-y: visible !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-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-x: hidden !important;\u003cbr \/\u003e overflow-y: visible !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(.v10-page),\u003cbr \/\u003e .elementor-element:has(.v10-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(.v10-page),\u003cbr \/\u003e .elementor-container:has(.v10-page),\u003cbr \/\u003e .elementor-column:has(.v10-page),\u003cbr \/\u003e .elementor-widget:has(.v10-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 .v10-page h1,\u003cbr \/\u003e .elementor-widget-container .v10-page h2,\u003cbr \/\u003e .elementor-widget-container .v10-page h3,\u003cbr \/\u003e .elementor-widget-container .v10-page h4,\u003cbr \/\u003e .elementor-widget-container .v10-page h5,\u003cbr \/\u003e .elementor-widget-container .v10-page h6,\u003cbr \/\u003e .elementor-kit-6 .v10-page h1,\u003cbr \/\u003e .elementor-kit-6 .v10-page h2,\u003cbr \/\u003e .elementor-kit-6 .v10-page h3,\u003cbr \/\u003e .elementor-kit-6 .v10-page h4,\u003cbr \/\u003e .elementor-kit-6 .v10-page h5,\u003cbr \/\u003e .elementor-kit-6 .v10-page h6,\u003cbr \/\u003e .v10-page h1,\u003cbr \/\u003e .v10-page h2,\u003cbr \/\u003e .v10-page h3,\u003cbr \/\u003e .v10-page h4,\u003cbr \/\u003e .v10-page h5,\u003cbr \/\u003e .v10-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 .v10-page h2,\u003cbr \/\u003e .elementor-widget-container .v10-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 .v10-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .v10-page h2,\u003cbr \/\u003e .v10-page h2.v10-title-main,\u003cbr \/\u003e .v10-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 .v10-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e background: var(--v10-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 overflow-y: visible;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page img,\u003cbr \/\u003e .v10-page video {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page a {\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e color: inherit;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page {\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GRADIENT TEXT EFFECTS - DH RED\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-gradient,\u003cbr \/\u003e .v10-page .v10-gradient,\u003cbr \/\u003e .elementor-widget-container .v10-gradient {\u003cbr \/\u003e background: linear-gradient(90deg, #b8142d 0%, #E31937 20%, #ff3355 40%, #dc143c 65%, #E31937 85%, #b8142d 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: #E31937 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-gradient-cool,\u003cbr \/\u003e .v10-page .v10-gradient-cool,\u003cbr \/\u003e .elementor-widget-container .v10-gradient-cool {\u003cbr \/\u003e background: linear-gradient(90deg, #3e4122 0%, #4e5132 25%, #5e6142 50%, #4e5132 75%, #3e4122 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: #3e4122 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-gradient-warm,\u003cbr \/\u003e .v10-page .v10-gradient-warm,\u003cbr \/\u003e .elementor-widget-container .v10-gradient-warm {\u003cbr \/\u003e background: linear-gradient(90deg, #dc143c 0%, #E31937 25%, #ff3355 50%, #E31937 75%, #b8142d 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: #E31937 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-gradient-reverse,\u003cbr \/\u003e .v10-page .v10-gradient-reverse,\u003cbr \/\u003e .elementor-widget-container .v10-gradient-reverse {\u003cbr \/\u003e background: linear-gradient(90deg, #ff3355 0%, #E31937 30%, #dc143c 60%, #b8142d 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: #E31937 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-page .v10-title-main {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.035em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e margin-bottom: 0.25rem !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page .v10-subtitle {\u003cbr \/\u003e font-size: clamp(1rem, 2vw, 1.35rem);\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page .v10-label {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e background: linear-gradient(90deg, #E31937, #dc143c, #b8142d);\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 QUICK NAV + FAST CONFIGURATION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e \u003cdata-nav-section\u003e {\u003cbr \/\u003e scroll-margin-top: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-nav {\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e z-index: 50;\u003cbr \/\u003e border-bottom: 1px solid rgba(0, 0, 0, 0.06);\u003cbr \/\u003e background: rgba(255, 255, 255, 0.72);\u003cbr \/\u003e backdrop-filter: blur(22px) saturate(180%);\u003cbr \/\u003e -webkit-backdrop-filter: blur(22px) saturate(180%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-nav-inner {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 12px 20px;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-nav-inner::-webkit-scrollbar { display: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-link {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e font-size: 0.8rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e padding: 8px 14px;\u003cbr \/\u003e border-radius: 999px;\u003cbr \/\u003e border: 1px solid transparent;\u003cbr \/\u003e transition: all 0.25s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-link:hover {\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e border-color: var(--v10-gray-300);\u003cbr \/\u003e background: var(--v10-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-link.active {\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e background: var(--v10-gray-100);\u003cbr \/\u003e border-color: var(--v10-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-link.v10-sticky-link-cta {\u003cbr \/\u003e margin-left: auto;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e background: var(--v10-red);\u003cbr \/\u003e border-color: var(--v10-red);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-link.v10-sticky-link-cta:hover {\u003cbr \/\u003e background: var(--v10-red-dark);\u003cbr \/\u003e border-color: var(--v10-red-dark);\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-cta-row {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e margin: 6px 0 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-price-note {\u003cbr \/\u003e font-size: 0.82rem;\u003cbr \/\u003e letter-spacing: 0.4px;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.65);\u003cbr \/\u003e margin-bottom: 14px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-config-section {\u003cbr \/\u003e padding: clamp(40px, 7vw, 80px) 24px;\u003cbr \/\u003e background:\u003cbr \/\u003e radial-gradient(circle at 85% -10%, rgba(227, 25, 55, 0.14), transparent 38%),\u003cbr \/\u003e radial-gradient(circle at 10% 120%, rgba(62, 65, 34, 0.16), transparent 42%),\u003cbr \/\u003e var(--v10-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-config {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e border-radius: 26px;\u003cbr \/\u003e border: 1px solid var(--v10-gray-200);\u003cbr \/\u003e background: rgba(255, 255, 255, 0.92);\u003cbr \/\u003e backdrop-filter: blur(10px);\u003cbr \/\u003e -webkit-backdrop-filter: blur(10px);\u003cbr \/\u003e padding: clamp(24px, 4vw, 38px);\u003cbr \/\u003e box-shadow: 0 18px 70px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-config-head {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: space-between;\u003cbr \/\u003e align-items: flex-start;\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e margin-bottom: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-title {\u003cbr \/\u003e font-size: clamp(1.7rem, 3vw, 2.6rem);\u003cbr \/\u003e line-height: 1.1;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e font-weight: 750;\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-subtitle {\u003cbr \/\u003e margin-top: 10px;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e max-width: 620px;\u003cbr \/\u003e font-size: 0.95rem;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-summary {\u003cbr \/\u003e text-align: right;\u003cbr \/\u003e min-width: 220px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-price {\u003cbr \/\u003e font-size: clamp(2rem, 3.5vw, 2.8rem);\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-price small {\u003cbr \/\u003e display: block;\u003cbr \/\u003e margin-top: 6px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e color: var(--v10-gray-500);\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-meta {\u003cbr \/\u003e margin-top: 10px;\u003cbr \/\u003e font-size: 0.82rem;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-field {\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e border: 1px solid var(--v10-gray-200);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e padding: 18px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-field-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 1.2px;\u003cbr \/\u003e color: var(--v10-gray-500);\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-pill-group {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-pill {\u003cbr \/\u003e border: 1px solid var(--v10-gray-300);\u003cbr \/\u003e border-radius: 999px;\u003cbr \/\u003e background: var(--v10-gray-50);\u003cbr \/\u003e color: var(--v10-gray-700);\u003cbr \/\u003e padding: 10px 14px;\u003cbr \/\u003e font-size: 0.83rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.25s ease;\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-pill:hover {\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e border-color: var(--v10-gray-600);\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-pill.active {\u003cbr \/\u003e background: var(--v10-black);\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e border-color: var(--v10-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-size-pill.active {\u003cbr \/\u003e background: var(--v10-red);\u003cbr \/\u003e border-color: var(--v10-red);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-assist {\u003cbr \/\u003e margin-top: 22px;\u003cbr \/\u003e font-size: 0.86rem;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-assist strong {\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-links {\u003cbr \/\u003e margin-top: 24px;\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, minmax(0, 1fr));\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-link-card {\u003cbr \/\u003e border: 1px solid var(--v10-gray-200);\u003cbr \/\u003e border-radius: 14px;\u003cbr \/\u003e padding: 14px 14px 15px;\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e transition: all 0.25s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-link-card:hover {\u003cbr \/\u003e border-color: var(--v10-gray-400);\u003cbr \/\u003e transform: translateY(-2px);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-link-card h4 {\u003cbr \/\u003e font-size: 0.92rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 5px;\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-link-card p {\u003cbr \/\u003e font-size: 0.8rem;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e line-height: 1.45;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-cta {\u003cbr \/\u003e margin-top: 28px;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TRUST SECTION (INSPIRED BY OFFICIAL PDP)\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-trust-section {\u003cbr \/\u003e background: var(--v10-black);\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-section .v10-label {\u003cbr \/\u003e background: linear-gradient(90deg, #ff8fa0, #ff4f6d, #ff8fa0);\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 .v10-trust-section .v10-title-main {\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-section .v10-subtitle {\u003cbr \/\u003e color: rgba(255, 255, 255, 0.76);\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 18px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-card {\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.14);\u003cbr \/\u003e background: rgba(255, 255, 255, 0.04);\u003cbr \/\u003e border-radius: 18px;\u003cbr \/\u003e padding: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-icon {\u003cbr \/\u003e width: 42px;\u003cbr \/\u003e height: 42px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e margin-bottom: 14px;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e background: linear-gradient(135deg, rgba(255, 79, 109, 0.35), rgba(227, 25, 55, 0.52));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-icon svg {\u003cbr \/\u003e width: 20px;\u003cbr \/\u003e height: 20px;\u003cbr \/\u003e stroke: currentColor;\u003cbr \/\u003e fill: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-card h3 {\u003cbr \/\u003e font-size: 1.06rem;\u003cbr \/\u003e margin-bottom: 7px;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-card p {\u003cbr \/\u003e color: rgba(255, 255, 255, 0.78);\u003cbr \/\u003e font-size: 0.88rem;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - SANTA CRUZ STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e min-height: 100vh;\u003cbr \/\u003e transition: background 0.9s var(--ease-out-expo);\u003cbr \/\u003e padding-bottom: 40px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero::after {\u003cbr \/\u003e content: \"\";\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e background:\u003cbr \/\u003e radial-gradient(ellipse at 50% 95%, rgba(0, 0, 0, 0.45), transparent 55%),\u003cbr \/\u003e radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.04), transparent 35%);\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero \u003e * { position: relative; z-index: 3; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero.bg-green {\u003cbr \/\u003e background:\u003cbr \/\u003e radial-gradient(ellipse at 50% 110%, rgba(255, 255, 255, 0.08), transparent 55%),\u003cbr \/\u003e radial-gradient(ellipse at 50% -20%, rgba(255, 255, 255, 0.06), transparent 50%),\u003cbr \/\u003e linear-gradient(180deg, #4a4d2c 0%, #3e4122 45%, #2e3019 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero.bg-blue {\u003cbr \/\u003e background:\u003cbr \/\u003e radial-gradient(ellipse at 50% 110%, rgba(120, 170, 255, 0.14), transparent 55%),\u003cbr \/\u003e radial-gradient(ellipse at 50% -20%, rgba(80, 130, 220, 0.10), transparent 50%),\u003cbr \/\u003e linear-gradient(180deg, #1f4886 0%, #142e5d 50%, #0a1c3d 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Logo *\/\u003cbr \/\u003e .v10-hero-logo {\u003cbr \/\u003e padding-top: 30px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e z-index: 5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-logo img {\u003cbr \/\u003e height: 28px;\u003cbr \/\u003e filter: brightness(0) invert(1);\u003cbr \/\u003e opacity: 0.85;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-badge {\u003cbr \/\u003e background: rgba(227, 25, 55, 0.9);\u003cbr \/\u003e backdrop-filter: blur(10px);\u003cbr \/\u003e color: white;\u003cbr \/\u003e padding: 6px 18px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.65rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 6px;\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 5;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-title,\u003cbr \/\u003e .v10-page .v10-hero-title,\u003cbr \/\u003e .elementor-widget-container .v10-hero-title,\u003cbr \/\u003e .elementor-kit-6 .v10-hero-title,\u003cbr \/\u003e .v10-hero h1 {\u003cbr \/\u003e font-size: clamp(5.5rem, 15vw, 12rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.04em !important;\u003cbr \/\u003e line-height: 0.82 !important;\u003cbr \/\u003e margin-bottom: 14px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.78) 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e text-shadow: 0 24px 48px rgba(0, 0, 0, 0.25);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-subtitle,\u003cbr \/\u003e .v10-page .v10-hero-subtitle,\u003cbr \/\u003e .v10-hero .v10-hero-subtitle {\u003cbr \/\u003e font-size: clamp(0.78rem, 1.2vw, 1rem) !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.78) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;\u003cbr \/\u003e margin-bottom: 22px !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e letter-spacing: 4px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat-label,\u003cbr \/\u003e .v10-hero .v10-hero-stat-label {\u003cbr \/\u003e color: rgba(255, 255, 255, 0.55) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat-value,\u003cbr \/\u003e .v10-hero .v10-hero-stat-value {\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-badge,\u003cbr \/\u003e .v10-hero .v10-hero-badge {\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 0;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 0 clamp(18px, 3.2vw, 34px);\u003cbr \/\u003e border-left: 1px solid rgba(255, 255, 255, 0.18);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat:first-child { border-left: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stats {\u003cbr \/\u003e background: rgba(255, 255, 255, 0.04);\u003cbr \/\u003e backdrop-filter: blur(12px) saturate(160%);\u003cbr \/\u003e -webkit-backdrop-filter: blur(12px) saturate(160%);\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.10);\u003cbr \/\u003e border-radius: 999px;\u003cbr \/\u003e padding: 14px 8px;\u003cbr \/\u003e margin-top: 6px !important;\u003cbr \/\u003e margin-bottom: 18px !important;\u003cbr \/\u003e box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.10);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat-label {\u003cbr \/\u003e font-size: 0.6rem;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.55);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 1px;\u003cbr \/\u003e margin-bottom: 3px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat-value {\u003cbr \/\u003e font-size: clamp(1.4rem, 2.5vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat-value span {\u003cbr \/\u003e font-size: 0.8rem;\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e opacity: 0.7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike showcase - below text, not overlapping *\/\u003cbr \/\u003e .v10-bike-showcase {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e flex: 1 1 auto;\u003cbr \/\u003e min-height: 65vh;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-bike-slides {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-bike-slide {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: scale(0.96) translateY(12px);\u003cbr \/\u003e transition: opacity 0.9s var(--ease-out-expo), transform 1.1s var(--ease-out-expo);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-bike-slide.active {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: scale(1) translateY(0);\u003cbr \/\u003e pointer-events: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-bike-slide img {\u003cbr \/\u003e max-width: 95%;\u003cbr \/\u003e max-height: 100%;\u003cbr \/\u003e width: auto;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e object-fit: contain;\u003cbr \/\u003e filter: drop-shadow(0 60px 110px rgba(0, 0, 0, 0.5)) drop-shadow(0 16px 32px rgba(0, 0, 0, 0.28));\u003cbr \/\u003e animation: v10-bike-float 9s ease-in-out infinite;\u003cbr \/\u003e will-change: transform;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes v10-bike-float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (prefers-reduced-motion: reduce) {\u003cbr \/\u003e .v10-bike-slide img { animation: none; }\u003cbr \/\u003e .v10-bike-slide { transition: opacity 0.4s ease; transform: none; }\u003cbr \/\u003e .v10-bike-slide.active { transform: none; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Color selector - dots in small white pill, name outside in white *\/\u003cbr \/\u003e .v10-color-selector {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e right: clamp(10px, 2.5vw, 40px);\u003cbr \/\u003e top: 50%;\u003cbr \/\u003e transform: translateY(-50%);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-color-dots-pill {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.72);\u003cbr \/\u003e backdrop-filter: blur(20px) saturate(180%);\u003cbr \/\u003e -webkit-backdrop-filter: blur(20px) saturate(180%);\u003cbr \/\u003e padding: 10px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.35);\u003cbr \/\u003e box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.4);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-color-dot {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.4s var(--ease-out-expo), border-color 0.3s ease, box-shadow 0.3s ease;\u003cbr \/\u003e border: 2px solid transparent;\u003cbr \/\u003e box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-color-dot:hover { transform: scale(1.18); }\u003cbr \/\u003e .v10-color-dot.active {\u003cbr \/\u003e border-color: rgba(0, 0, 0, 0.3);\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.25), 0 0 0 3px rgba(255, 255, 255, 0.5);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-dot-green { background: linear-gradient(135deg, #4a4d2c, #3e4122); }\u003cbr \/\u003e .v10-dot-blue { background: linear-gradient(135deg, #2a5499, #1c3a6e); }\u003cbr \/\u003e .v10-dot-blue.active { border-color: rgba(0, 0, 0, 0.25); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-color-name {\u003cbr \/\u003e display: block;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e font-size: 0.65rem;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile color selector *\/\u003cbr \/\u003e .v10-color-selector-mobile { display: none; }\u003cbr \/\u003e .v10-color-name-mobile { display: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Hero video autoplay below hero *\/\u003cbr \/\u003e .v10-hero-video-section {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e background: var(--v10-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-video-section iframe {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/9;\u003cbr \/\u003e display: block;\u003cbr \/\u003e border: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SECTION SPACING\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-section {\u003cbr \/\u003e padding: clamp(60px, 10vw, 120px) 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-section-inner {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-section-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: clamp(40px, 6vw, 70px);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULLWIDTH USP IMAGES\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-fullwidth-image {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-fullwidth-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e padding: clamp(30px, 5vw, 60px) clamp(24px, 4vw, 60px);\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-fullwidth-overlay h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2.5rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-fullwidth-overlay p {\u003cbr \/\u003e font-size: clamp(0.85rem, 1.3vw, 1.05rem);\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e max-width: 500px;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e 3-CARD HIGHLIGHTS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-highlights-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card {\u003cbr \/\u003e background: var(--v10-gray-100);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\u003cbr \/\u003e border: 1px solid rgba(0, 0, 0, 0.04);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 28px 70px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 220px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card:hover .v10-highlight-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card-content {\u003cbr \/\u003e padding: 28px 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card-content h3 {\u003cbr \/\u003e font-size: 1.15rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card-content p {\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SPLIT LAYOUT SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-split {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: clamp(40px, 6vw, 80px);\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-split.reverse { direction: rtl; }\u003cbr \/\u003e .v10-split.reverse \u003e * { direction: ltr; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-split-image {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 80px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-split-image:hover img { transform: scale(1.03); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-split-text h3 {\u003cbr \/\u003e font-size: clamp(1.8rem, 3.5vw, 2.8rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e line-height: 1.15;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-split-text p {\u003cbr \/\u003e font-size: clamp(0.95rem, 1.3vw, 1.1rem);\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e line-height: 1.75;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TECH FEATURES CAROUSEL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-tech-section {\u003cbr \/\u003e background: var(--v10-white);\u003cbr \/\u003e padding: clamp(60px, 10vw, 120px) 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-track-wrapper {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-track {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 24px;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo);\u003cbr \/\u003e cursor: grab;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-track:active { cursor: grabbing; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-card {\u003cbr \/\u003e min-width: 320px;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-card-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 220px;\u003cbr \/\u003e border-radius: 14px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-card:hover .v10-tech-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-card h3 {\u003cbr \/\u003e font-size: 1.2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-card p {\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-progress {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 2px;\u003cbr \/\u003e background: var(--v10-gray-200);\u003cbr \/\u003e margin-top: 40px;\u003cbr \/\u003e border-radius: 2px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: linear-gradient(90deg, #b8142d 0%, #E31937 50%, #ff3355 100%);\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: width\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"S \/ Gloss Black Sparkle \/ DH S-Kit","offer_id":57496416977278,"sku":"58-26296-375-2-916-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Gloss Black Sparkle \/ DH X01-Kit","offer_id":57496417010046,"sku":"58-26296-383-2-916-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Gloss Kelp Green \/ DH S-Kit","offer_id":57496417042814,"sku":"58-26296-375-2-879-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Gloss Kelp Green \/ DH X01-Kit","offer_id":57496417075582,"sku":"58-26296-383-2-879-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Gloss Black Sparkle \/ DH S-Kit","offer_id":57496417108350,"sku":"58-26296-375-3-916-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Gloss Black Sparkle \/ DH X01-Kit","offer_id":57496417141118,"sku":"58-26296-383-3-916-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Gloss Kelp Green \/ DH S-Kit","offer_id":57496417173886,"sku":"58-26296-375-3-879-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Gloss Kelp Green \/ DH X01-Kit","offer_id":57496417206654,"sku":"58-26296-383-3-879-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Gloss Black Sparkle \/ DH S-Kit","offer_id":57496417239422,"sku":"58-26296-375-4-916-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Gloss Black Sparkle \/ DH X01-Kit","offer_id":57496417272190,"sku":"58-26296-383-4-916-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Gloss Kelp Green \/ DH S-Kit","offer_id":57496417304958,"sku":"58-26296-375-4-879-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Gloss Kelp Green \/ DH X01-Kit","offer_id":57496417337726,"sku":"58-26296-383-4-879-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Gloss Black Sparkle \/ DH S-Kit","offer_id":57496417370494,"sku":"58-26297-374-5-916-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Gloss Black Sparkle \/ DH X01-Kit","offer_id":57496417403262,"sku":"58-26297-382-5-916-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Gloss Kelp Green \/ DH S-Kit","offer_id":57496417436030,"sku":"58-26297-374-5-879-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Gloss Kelp Green \/ DH X01-Kit","offer_id":57496417468798,"sku":"58-26297-382-5-879-283401","price":41225.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY27_V10_CC_DH_X01_GlossLiquidBlue_94533f3d-0ffa-4de3-a2a5-4c82f387363b.webp?v=1782399127"},{"product_id":"onna-29-30-s-burning-red-gloss-black-matt","title":"Bicicleta MTB ONNA 29 30","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ONNA 29 30 S\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290802\" class=\"elementor elementor-290802\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-ad7e670 e-flex e-con-boxed e-con e-parent\" data-id=\"ad7e670\" 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-e433754 elementor-widget elementor-widget-html\" data-id=\"e433754\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ONNA - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ONNA hardtail mountain bike, bicicletă MTB aluminiu, 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 - ONNA EDITION\u003cbr \/\u003e Apple Style: Only white + gray, rainbow gradients\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e --onna-black: #1d1d1f;\u003cbr \/\u003e --onna-white: #ffffff;\u003cbr \/\u003e --onna-gray-50: #fafafa;\u003cbr \/\u003e --onna-gray-100: #f5f5f7;\u003cbr \/\u003e --onna-gray-200: #e8e8ed;\u003cbr \/\u003e --onna-gray-300: #d2d2d7;\u003cbr \/\u003e --onna-gray-500: #86868b;\u003cbr \/\u003e --onna-gray-600: #6e6e73;\u003cbr \/\u003e --onna-gray-700: #515154;\u003cbr \/\u003e --onna-gray-800: #2d2d2d;\u003cbr \/\u003e --onna-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ONNA Accent Colors *\/\u003cbr \/\u003e --onna-red: #E31937;\u003cbr \/\u003e --onna-red-light: #ef4444;\u003cbr \/\u003e --onna-red-dark: #b91c2a;\u003cbr \/\u003e --onna-purple: #7c3aed;\u003cbr \/\u003e --onna-blue: #3b82f6;\u003cbr \/\u003e --onna-orange: #f97316;\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 JS sets exact negative margin on .onna-page\u003cbr \/\u003e JS adds .onna-fw-parent on all ancestors\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e html, body {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Full-width via JS-calculated margin *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Reset all ancestors marked by JS *\/\u003cbr \/\u003e .onna-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 \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .onna-page h1,\u003cbr \/\u003e .elementor-widget-container .onna-page h2,\u003cbr \/\u003e .elementor-widget-container .onna-page h3,\u003cbr \/\u003e .elementor-widget-container .onna-page h4,\u003cbr \/\u003e .elementor-widget-container .onna-page h5,\u003cbr \/\u003e .elementor-widget-container .onna-page h6,\u003cbr \/\u003e .elementor-kit-6 .onna-page h1,\u003cbr \/\u003e .elementor-kit-6 .onna-page h2,\u003cbr \/\u003e .elementor-kit-6 .onna-page h3,\u003cbr \/\u003e .elementor-kit-6 .onna-page h4,\u003cbr \/\u003e .elementor-kit-6 .onna-page h5,\u003cbr \/\u003e .elementor-kit-6 .onna-page h6,\u003cbr \/\u003e .onna-page h1,\u003cbr \/\u003e .onna-page h2,\u003cbr \/\u003e .onna-page h3,\u003cbr \/\u003e .onna-page h4,\u003cbr \/\u003e .onna-page h5,\u003cbr \/\u003e .onna-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 .onna-page h2,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .onna-page h2,\u003cbr \/\u003e .onna-page h2.onna-title-main,\u003cbr \/\u003e .onna-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 .onna-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e background: var(--onna-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 .onna-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page img,\u003cbr \/\u003e .onna-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 @keyframes bikeReveal {\u003cbr \/\u003e from { opacity: 0; transform: scale(0.96) translateY(10px); }\u003cbr \/\u003e to { opacity: 1; transform: scale(1) translateY(0); }\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 .onna-gradient,\u003cbr \/\u003e .onna-page .onna-gradient,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-cool,\u003cbr \/\u003e .onna-page .onna-gradient-cool,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-warm,\u003cbr \/\u003e .onna-page .onna-gradient-warm,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-gradient-reverse,\u003cbr \/\u003e .onna-page .onna-gradient-reverse,\u003cbr \/\u003e .elementor-widget-container .onna-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 .onna-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 .onna-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page .onna-title-main,\u003cbr \/\u003e .elementor-kit-6 .onna-page .onna-title-main,\u003cbr \/\u003e .elementor-widget-container .onna-page .onna-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 .onna-page .onna-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .onna-page .onna-title-secondary,\u003cbr \/\u003e .elementor-widget-container .onna-page .onna-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(--onna-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-subtitle-apple strong {\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - COLOR SWITCHER\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 700px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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: var(--onna-gray-500);\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 .onna-hero-title {\u003cbr \/\u003e color: var(--onna-black) !important;\u003cbr \/\u003e margin-bottom: 30px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-subtitle {\u003cbr \/\u003e font-size: 1.3rem;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e margin-bottom: 35px;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e letter-spacing: 0.25em;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1s var(--ease-out-expo) 0.35s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 0;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: fadeInUp 0.8s ease 0.45s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e border-left: 1px solid var(--onna-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat:first-child {\u003cbr \/\u003e border-left: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e margin-bottom: 6px;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat-value {\u003cbr \/\u003e font-size: 1.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase *\/\u003cbr \/\u003e .onna-bike-showcase {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 50%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translate(-50%, -50%);\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-showcase::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 25%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e width: 70%;\u003cbr \/\u003e height: 70%;\u003cbr \/\u003e background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0) 70%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-showcase::after {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 15%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e width: 50%;\u003cbr \/\u003e height: 20%;\u003cbr \/\u003e background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 70%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slides {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: bikeReveal 1s ease 0.5s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: scale(0.95);\u003cbr \/\u003e transition: opacity 0.5s ease, transform 0.5s ease;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e padding-top: 160px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide.active {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e pointer-events: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide img {\u003cbr \/\u003e width: auto;\u003cbr \/\u003e height: 58%;\u003cbr \/\u003e max-width: 75%;\u003cbr \/\u003e object-fit: contain;\u003cbr \/\u003e display: block;\u003cbr \/\u003e filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Color Selector *\/\u003cbr \/\u003e .onna-color-selector {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 100px;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: fadeInUp 0.8s ease 0.7s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dots {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot {\u003cbr \/\u003e width: 52px;\u003cbr \/\u003e height: 52px;\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e border: 3px solid var(--onna-gray-300);\u003cbr \/\u003e outline: none;\u003cbr \/\u003e -webkit-appearance: none;\u003cbr \/\u003e appearance: none;\u003cbr \/\u003e box-shadow: none;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot:hover {\u003cbr \/\u003e transform: scale(1.15) translateY(-3px);\u003cbr \/\u003e border-color: var(--onna-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot.active {\u003cbr \/\u003e border-color: var(--onna-black);\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-dot-red { background: linear-gradient(145deg, #ef4444 0%, #dc2626 100%); }\u003cbr \/\u003e .onna-dot-purple { background: linear-gradient(145deg, #a78bfa 0%, #7c3aed 100%); }\u003cbr \/\u003e .onna-dot-blue { background: linear-gradient(145deg, #60a5fa 0%, #3b82f6 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-name {\u003cbr \/\u003e font-size: 1.1rem;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e letter-spacing: 0.03em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-section-white {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-section-gray {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container-wide {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-split-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-tech-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-tech-slide:hover img {\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-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 .onna-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 .onna-progress-bar {\u003cbr \/\u003e height: 3px;\u003cbr \/\u003e background: var(--onna-gray-200);\u003cbr \/\u003e border-radius: 2px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-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 .onna-carousel-btn {\u003cbr \/\u003e width: 50px;\u003cbr \/\u003e height: 50px;\u003cbr \/\u003e border: 1px solid var(--onna-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 .onna-carousel-btn:hover {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e border-color: var(--onna-gray-500);\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-carousel-btn svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e stroke: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN DETAILS - CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-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 .onna-design-card {\u003cbr \/\u003e background: var(--onna-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(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-design-card:hover .onna-design-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-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 .onna-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--onna-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 .onna-stat-item:hover {\u003cbr \/\u003e border-color: var(--onna-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 .onna-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 .onna-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-content {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 600px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table thead {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table th {\u003cbr \/\u003e padding: 18px 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(--onna-gray-700);\u003cbr \/\u003e border-bottom: 2px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--onna-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr:hover {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table td {\u003cbr \/\u003e padding: 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geo-detail-item {\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geo-detail-value {\u003cbr \/\u003e font-size: 1.5rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 4px;\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 .onna-geo-detail-label {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e PRODUCTS \/ CONFIGURATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card {\u003cbr \/\u003e background: var(--onna-gray-50);\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(--onna-gray-200);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e padding: 8px 16px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.72rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e color: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-badge-top { background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); }\u003cbr \/\u003e .onna-badge-value { background: linear-gradient(135deg, #ec4899 0%, #ef4444 100%); }\u003cbr \/\u003e .onna-badge-entry { background: linear-gradient(135deg, #2997ff 0%, #6366f1 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-image {\u003cbr \/\u003e padding: 45px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e min-height: 280px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-image img {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo);\u003cbr \/\u003e filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card:hover .onna-product-image img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-info {\u003cbr \/\u003e padding: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-frame {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 1.5px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff, #a855f7);\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 .onna-product-name {\u003cbr \/\u003e font-size: 1.35rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-desc {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e line-height: 1.65;\u003cbr \/\u003e margin-bottom: 22px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-price {\u003cbr \/\u003e font-size: 1.6rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-price span {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.06);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 600px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table thead {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-black);\u003cbr \/\u003e border-bottom: 2px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--onna-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e vertical-align: top;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th:first-child,\u003cbr \/\u003e .onna-comparison-table td:first-child {\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e z-index:\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 \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496417763710,"sku":"T20815RA","price":3975.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496417796478,"sku":"T20815RD","price":3975.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496417829246,"sku":"T20815RF","price":3975.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496417862014,"sku":"T20817RA","price":3975.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496417894782,"sku":"T20817RD","price":3975.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496417927550,"sku":"T20817RF","price":3975.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496417960318,"sku":"T20819RA","price":3975.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496417993086,"sku":"T20819RD","price":3975.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496418025854,"sku":"T20819RF","price":3975.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496418058622,"sku":"T20821RA","price":3975.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496418091390,"sku":"T20821RD","price":3975.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496418124158,"sku":"T20821RF","price":3975.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T208TTCC-RA-SIDE-ONNA_29_30.jpg?v=1780337499"},{"product_id":"santa-cruz-tallboy-xx-axs-flight-attendant-rsv-2027","title":"Bicicleta MTB Santa Cruz Tallboy XX AXS Flight Attendant RSV 2027 — Ediție Limitată","description":"\u003cp\u003e\u003cstrong\u003eSanta Cruz Tallboy XX AXS Flight Attendant RSV\u003c\/strong\u003e — ediție limitată 2027, în finisajul \u003cstrong\u003eMatte Lavender Luster\u003c\/strong\u003e. Cadru Carbon CC de 29\", 130 mm cursă spate și 140 mm în față, cu suspensie electronică \u003cstrong\u003eRockShox Flight Attendant\u003c\/strong\u003e care citește terenul în timp real și comută singură între deschis, pedalare și blocat. Transmisie \u003cstrong\u003eSRAM XX SL Eagle AXS T-Type\u003c\/strong\u003e cu powermetru, roți \u003cstrong\u003eReserve 30|SL carbon\u003c\/strong\u003e pe butuci \u003cstrong\u003eChris King 50th Anniversary Gold\u003c\/strong\u003e. 13,27 kg gata de plecare.\u003c\/p\u003e\u003ch3\u003eDe ce este specială\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuspensie care gândește\u003c\/strong\u003e — Flight Attendant pe furcă și amortizor: se închide la pedalat, se deschide instant la impact, fără să atingi nimic.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCarbon CC\u003c\/strong\u003e — cea mai ușoară și rigidă construcție Santa Cruz, cu garanție pe viață pentru cadru și rulmenți.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlovebox\u003c\/strong\u003e — compartiment în tubul diagonal, cu husă inclusă: cameră, scule, jachetă.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChris King 50th Anniversary Gold\u003c\/strong\u003e — butuci și cuvetărie în ediție aniversară, doar pe această serie.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSRAM XX SL cu powermetru\u003c\/strong\u003e — pedalier integrat cu măsurarea puterii, casetă 10-52T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaven Ultimate\u003c\/strong\u003e — cele mai puternice frâne SRAM, cu discuri HS2 de 180 mm.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eCadru\u003c\/td\u003e\n\u003ctd\u003eCarbon CC 29\", 130 mm cursă, sistem 4-Bar VPP\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFurcă\u003c\/td\u003e\n\u003ctd\u003eRockShox Pike Ultimate Flight Attendant, 140 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAmortizor\u003c\/td\u003e\n\u003ctd\u003eRockShox Super Deluxe Ultimate Flight Attendant, 185 × 50 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTransmisie\u003c\/td\u003e\n\u003ctd\u003eSRAM XX SL Eagle AXS T-Type, 12 viteze\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePedalier\u003c\/td\u003e\n\u003ctd\u003eSRAM XX SL Eagle Power Meter T-Type, 32T (XS-S: 165 mm, M-XXL: 170 mm)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCasetă\u003c\/td\u003e\n\u003ctd\u003eSRAM XX SL 1299 Eagle T-Type, 10-52T\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFrâne\u003c\/td\u003e\n\u003ctd\u003eSRAM Maven Ultimate Carbon, discuri HS2 180 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRoți\u003c\/td\u003e\n\u003ctd\u003eReserve 30|SL Carbon, butuci Chris King 50th Anniversary Gold\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAnvelope\u003c\/td\u003e\n\u003ctd\u003eMaxxis Dissector 29 × 2,4\" — MaxxGrip EXO+ față, MaxxTerra EXO+ spate\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCockpit\u003c\/td\u003e\n\u003ctd\u003eOneUp Carbon Bar 35 mm (XS-M: 760 mm, L-XXL: 800 mm), pipă Industry Nine A35 40 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTijă telescopică\u003c\/td\u003e\n\u003ctd\u003eOneUp Dropper (XS: 120 \/ S: 150 \/ M: 180 \/ L-XL: 210 \/ XXL: 240 mm)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuvetărie\u003c\/td\u003e\n\u003ctd\u003eChris King DropSet 3 50th Anniversary\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eȘa\u003c\/td\u003e\n\u003ctd\u003eWTB Silverado Medium Fusion, șine CroMo SL\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate\u003c\/td\u003e\n\u003ctd\u003e13,27 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMărimi\u003c\/td\u003e\n\u003ctd\u003eXS, S, M, L, XL, XXL\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eStandarde\u003c\/td\u003e\n\u003ctd\u003eUDH, ax spate 148 mm, tijă 31,6 mm, disc max 203 mm, anvelopă max 2,4\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003e\u003cstrong\u003eGaranție pe viață\u003c\/strong\u003e pentru cadru și rulmenții pivoților, oferită de Santa Cruz proprietarului original. Livrare și asamblare profesională la ProVelo București.\u003c\/p\u003e","brand":"Santa Cruz","offers":[{"title":"Matte Lavender Luster \/ XS","offer_id":57746392187262,"sku":"58-27324-442-1-956-324902","price":69999.0,"currency_code":"RON","in_stock":true},{"title":"Matte Lavender Luster \/ S","offer_id":57746392220030,"sku":"58-27324-442-2-956-324902","price":69999.0,"currency_code":"RON","in_stock":true},{"title":"Matte Lavender Luster \/ M","offer_id":57746392252798,"sku":"58-27324-442-3-956-324902","price":69999.0,"currency_code":"RON","in_stock":true},{"title":"Matte Lavender Luster \/ L","offer_id":57746392285566,"sku":"58-27324-442-4-956-324902","price":69999.0,"currency_code":"RON","in_stock":true},{"title":"Matte Lavender Luster \/ XL","offer_id":57746392318334,"sku":"58-27324-442-5-956-324902","price":69999.0,"currency_code":"RON","in_stock":true},{"title":"Matte Lavender Luster \/ XXL","offer_id":57746392351102,"sku":"58-27324-442-6-956-324902","price":69999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/sctb-side-le.png?v=1784985561"}],"url":"https:\/\/www.provelo.ro\/collections\/mountain-bike.oembed?page=2","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}