{"title":"Biciclete MTB - performanță pe orice teren","description":"","products":[{"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":"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":13599.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464004478,"sku":"T22403KS","price":13599.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494464037246,"sku":"T22403KV","price":13599.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494464070014,"sku":"T22405KR","price":13599.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464102782,"sku":"T22405KS","price":13599.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494464135550,"sku":"T22405KV","price":13599.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494464168318,"sku":"T22407KR","price":13599.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464201086,"sku":"T22407KS","price":13599.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494464233854,"sku":"T22407KV","price":13599.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Bumblebee Yellow (Matt)","offer_id":57494464266622,"sku":"T22409KR","price":13599.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Gloss) - Spaceship Green (Matt)","offer_id":57494464299390,"sku":"T22409KS","price":13599.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Carbon View (Matt-Gloss)","offer_id":57494464332158,"sku":"T22409KV","price":13599.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":"occam-sl-h30-s-metallic-cinnamon-matt-black-gloss","title":"ORBEA OCCAM SL H30 Bicicletă MTB Trail full suspension","description":"","brand":"ORBEA","offers":[{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470721918,"sku":"T23703PD","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494470754686,"sku":"T23703PE","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt-Gloss)","offer_id":57494470787454,"sku":"T23703PF","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470820222,"sku":"T23705PD","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494470852990,"sku":"T23705PE","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt-Gloss)","offer_id":57494470885758,"sku":"T23705PF","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470918526,"sku":"T23707PD","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494470951294,"sku":"T23707PE","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt-Gloss)","offer_id":57494470984062,"sku":"T23707PF","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494471016830,"sku":"T23709PD","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494471049598,"sku":"T23709PE","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt-Gloss)","offer_id":57494471082366,"sku":"T23709PF","price":10999.0,"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":"Orbea OCCAM SL H10 S - bicicletă MTB full suspension","description":"","brand":"ORBEA","offers":[{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494471213438,"sku":"T23803PD","price":13699.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494471246206,"sku":"T23803PE","price":13699.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt-Gloss)","offer_id":57494471278974,"sku":"T23803PF","price":13699.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494471311742,"sku":"T23805PD","price":13699.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494471344510,"sku":"T23805PE","price":13699.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt-Gloss)","offer_id":57494471377278,"sku":"T23805PF","price":13699.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494471410046,"sku":"T23807PD","price":13699.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494471442814,"sku":"T23807PE","price":13699.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt-Gloss)","offer_id":57494471475582,"sku":"T23807PF","price":13699.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494471508350,"sku":"T23809PD","price":13699.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Spaceship Green - Acid Gum (Gloss)","offer_id":57494471541118,"sku":"T23809PE","price":13699.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt-Gloss)","offer_id":57494471573886,"sku":"T23809PF","price":13699.0,"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":"ORBEA OCCAM SL M30 - Bicicletă MTB full suspension","description":"","brand":"ORBEA","offers":[{"title":"S \/ Sunset Carbon View - Black (Matt)","offer_id":57494471803262,"sku":"T24003M3","price":15499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White - Nickel (Gloss)","offer_id":57494471836030,"sku":"T24003M4","price":15499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Escape Green - Carbon View Gloss","offer_id":57494471868798,"sku":"T24003M5","price":15499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Sunset Carbon View - Black (Matt)","offer_id":57494471901566,"sku":"T24005M3","price":15499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White - Nickel (Gloss)","offer_id":57494471934334,"sku":"T24005M4","price":15499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Escape Green - Carbon View Gloss","offer_id":57494471967102,"sku":"T24005M5","price":15499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White - Nickel (Gloss)","offer_id":57494471999870,"sku":"T24005M5","price":15499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Sunset Carbon View - Black (Matt)","offer_id":57494472032638,"sku":"T24005M5","price":15499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Escape Green - Carbon View Gloss","offer_id":57494472065406,"sku":"T24005M5","price":15499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Escape Green - Carbon View Gloss","offer_id":57494472098174,"sku":"T24005M5","price":15499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White - Nickel (Gloss)","offer_id":57494472130942,"sku":"T24005M5","price":15499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Sunset Carbon View - Black (Matt)","offer_id":57494472163710,"sku":"T24005M5","price":15499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T240TTCC-M4-SIDE-OCCAM_SL_M30.jpg?v=1780307325"},{"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":"alma-m40-s-cobalt-blue-gloss-carbon-raw-matt","title":"Bicicletă MTB XC ORBEA ALMA M40","description":"","brand":"ORBEA","offers":[{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57495517921662,"sku":"T21903F8","price":6999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57495517954430,"sku":"T21903F9","price":6999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57495517987198,"sku":"T21903FA","price":6999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57495518019966,"sku":"T21905F8","price":6999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57495518052734,"sku":"T21905F9","price":6999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57495518085502,"sku":"T21905FA","price":6999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57495518118270,"sku":"T21907F8","price":6999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57495518151038,"sku":"T21907F9","price":6999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57495518183806,"sku":"T21907FA","price":6999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57495518216574,"sku":"T21909F8","price":6999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57495518249342,"sku":"T21909F9","price":6999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57495518282110,"sku":"T21909FA","price":6999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T219TTCC-F8-SIDE-ALMA_M40.jpg?v=1780316613"},{"product_id":"alma-h30-s-frozen-concrete-titanium-gloss","title":"ALMA H30 S Frozen Concrete - Titanium (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Frozen Concrete - Titanium (Gloss)","offer_id":57495984800126,"sku":"U20903R6","price":5827.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Aloha Green - Acid Gum (Gloss)","offer_id":57495984832894,"sku":"U20903R7","price":5827.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond Black (Matt) - Titan Black (Gloss)","offer_id":57495984865662,"sku":"U20903R8","price":5827.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Frozen Concrete - Titanium (Gloss)","offer_id":57495984898430,"sku":"U20905R6","price":5827.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Aloha Green - Acid Gum (Gloss)","offer_id":57495984931198,"sku":"U20905R7","price":5827.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Black (Matt) - Titan Black (Gloss)","offer_id":57495984963966,"sku":"U20905R8","price":5827.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Frozen Concrete - Titanium (Gloss)","offer_id":57495984996734,"sku":"U20907R6","price":5827.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Aloha Green - Acid Gum (Gloss)","offer_id":57495985029502,"sku":"U20907R7","price":5827.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Black (Matt) - Titan Black (Gloss)","offer_id":57495985062270,"sku":"U20907R8","price":5827.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Frozen Concrete - Titanium (Gloss)","offer_id":57495985095038,"sku":"U20909R6","price":5827.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Aloha Green - Acid Gum (Gloss)","offer_id":57495985127806,"sku":"U20909R7","price":5827.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Black (Matt) - Titan Black (Gloss)","offer_id":57495985160574,"sku":"U20909R8","price":5827.45,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/default_orbea_image_f4c4cf9a-dd5c-454b-8ba4-92ae805a27d9.png?v=1780324324"},{"product_id":"alma-h20-s-frozen-concrete-titanium-gloss","title":"ALMA H20 S Frozen Concrete - Titanium (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Frozen Concrete - Titanium (Gloss)","offer_id":57495985193342,"sku":"U21003R6","price":7418.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Aloha Green - Acid Gum (Gloss)","offer_id":57495985226110,"sku":"U21003R7","price":7418.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond Black (Matt) - Titan Black (Gloss)","offer_id":57495985258878,"sku":"U21003R8","price":7418.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Frozen Concrete - Titanium (Gloss)","offer_id":57495985291646,"sku":"U21005R6","price":7418.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Aloha Green - Acid Gum (Gloss)","offer_id":57495985324414,"sku":"U21005R7","price":7418.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Black (Matt) - Titan Black (Gloss)","offer_id":57495985357182,"sku":"U21005R8","price":7418.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Frozen Concrete - Titanium (Gloss)","offer_id":57495985389950,"sku":"U21007R6","price":7418.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Aloha Green - Acid Gum (Gloss)","offer_id":57495985422718,"sku":"U21007R7","price":7418.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Black (Matt) - Titan Black (Gloss)","offer_id":57495985455486,"sku":"U21007R8","price":7418.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Frozen Concrete - Titanium (Gloss)","offer_id":57495985488254,"sku":"U21009R6","price":7418.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Aloha Green - Acid Gum (Gloss)","offer_id":57495985521022,"sku":"U21009R7","price":7418.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Black (Matt) - Titan Black (Gloss)","offer_id":57495985553790,"sku":"U21009R8","price":7418.2,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/default_orbea_image_52e2fe75-f779-4d33-97bd-bf2ad4a7f1b4.png?v=1780324325"},{"product_id":"alma-m50-s-caramel-carbon-view-leo-orange-gloss","title":"ALMA M50 S Caramel Carbon View - Leo Orange (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Caramel Carbon View - Leo Orange (Gloss)","offer_id":57495985815934,"sku":"U21203FC","price":10599.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Noctiluca Carbon View - Cobalt Blue (Gloss)","offer_id":57495985848702,"sku":"U21203FD","price":10599.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Golden White - Titan Gold (Matt)","offer_id":57495985881470,"sku":"U21203FG","price":10599.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Caramel Carbon View - Leo Orange (Gloss)","offer_id":57495985914238,"sku":"U21205FC","price":10599.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Noctiluca Carbon View - Cobalt Blue (Gloss)","offer_id":57495985947006,"sku":"U21205FD","price":10599.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Golden White - Titan Gold (Matt)","offer_id":57495985979774,"sku":"U21205FG","price":10599.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Caramel Carbon View - Leo Orange (Gloss)","offer_id":57495986012542,"sku":"U21207FC","price":10599.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Noctiluca Carbon View - Cobalt Blue (Gloss)","offer_id":57495986045310,"sku":"U21207FD","price":10599.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Golden White - Titan Gold (Matt)","offer_id":57495986078078,"sku":"U21207FG","price":10599.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Caramel Carbon View - Leo Orange (Gloss)","offer_id":57495986110846,"sku":"U21209FC","price":10599.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Noctiluca Carbon View - Cobalt Blue (Gloss)","offer_id":57495986143614,"sku":"U21209FD","price":10599.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Golden White - Titan Gold (Matt)","offer_id":57495986176382,"sku":"U21209FG","price":10599.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/default_orbea_image_b39e6fac-d0e3-4c00-9202-84330cf8bfbf.png?v=1780324346"},{"product_id":"alma-m30-s-caramel-carbon-view-leo-orange-gloss","title":"ALMA M30 S Caramel Carbon View - Leo Orange (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Caramel Carbon View - Leo Orange (Gloss)","offer_id":57495986274686,"sku":"U21303FC","price":12719.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Noctiluca Carbon View - Cobalt Blue (Gloss)","offer_id":57495986307454,"sku":"U21303FD","price":12719.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Golden White - Titan Gold (Matt)","offer_id":57495986340222,"sku":"U21303FG","price":12719.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Caramel Carbon View - Leo Orange (Gloss)","offer_id":57495986372990,"sku":"U21305FC","price":12719.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Noctiluca Carbon View - Cobalt Blue (Gloss)","offer_id":57495986405758,"sku":"U21305FD","price":12719.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Golden White - Titan Gold (Matt)","offer_id":57495986438526,"sku":"U21305FG","price":12719.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Caramel Carbon View - Leo Orange (Gloss)","offer_id":57495986471294,"sku":"U21307FC","price":12719.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Noctiluca Carbon View - Cobalt Blue (Gloss)","offer_id":57495986504062,"sku":"U21307FD","price":12719.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Golden White - Titan Gold (Matt)","offer_id":57495986536830,"sku":"U21307FG","price":12719.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Caramel Carbon View - Leo Orange (Gloss)","offer_id":57495986569598,"sku":"U21309FC","price":12719.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Noctiluca Carbon View - Cobalt Blue (Gloss)","offer_id":57495986602366,"sku":"U21309FD","price":12719.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Golden White - Titan Gold (Matt)","offer_id":57495986635134,"sku":"U21309FG","price":12719.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/default_orbea_image_bd805013-5cf7-40e4-8c86-7b22854402cf.png?v=1780324349"},{"product_id":"alma-m20-s-caramel-carbon-view-leo-orange-gloss","title":"ALMA M20 S Caramel Carbon View - Leo Orange (Gloss)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Caramel Carbon View - Leo Orange (Gloss)","offer_id":57495986667902,"sku":"U21403FC","price":16949.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Noctiluca Carbon View - Cobalt Blue (Gloss)","offer_id":57495986700670,"sku":"U21403FD","price":16949.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Golden White - Titan Gold (Matt)","offer_id":57495986733438,"sku":"U21403FG","price":16949.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Caramel Carbon View - Leo Orange (Gloss)","offer_id":57495986766206,"sku":"U21405FC","price":16949.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Noctiluca Carbon View - Cobalt Blue (Gloss)","offer_id":57495986798974,"sku":"U21405FD","price":16949.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Golden White - Titan Gold (Matt)","offer_id":57495986831742,"sku":"U21405FG","price":16949.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Caramel Carbon View - Leo Orange (Gloss)","offer_id":57495986864510,"sku":"U21407FC","price":16949.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Noctiluca Carbon View - Cobalt Blue (Gloss)","offer_id":57495986897278,"sku":"U21407FD","price":16949.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Golden White - Titan Gold (Matt)","offer_id":57495986930046,"sku":"U21407FG","price":16949.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Caramel Carbon View - Leo Orange (Gloss)","offer_id":57495986962814,"sku":"U21409FC","price":16949.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Noctiluca Carbon View - Cobalt Blue (Gloss)","offer_id":57495986995582,"sku":"U21409FD","price":16949.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Golden White - Titan Gold (Matt)","offer_id":57495987028350,"sku":"U21409FG","price":16949.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/default_orbea_image_92ee227c-d8d8-4697-8dc6-e03a5de8df2c.png?v=1780324351"},{"product_id":"laufey-h30-s-digital-lavender-acid-gum-gloss-2","title":"Bicicleta MTB ORBEA LAUFEY H30","description":"","brand":"ORBEA","offers":[{"title":"Digital Lavender - Acid Gum (Gloss) \/ S","offer_id":57495994270078,"sku":"U23203PG","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"Smooth Silver (Matt) - Titanium (Gloss) \/ S","offer_id":57495994302846,"sku":"U23203PH","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"Metallic Cinnamon (Matt) - Black (Gloss) \/ S","offer_id":57495994335614,"sku":"U23203PI","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"Digital Lavender - Acid Gum (Gloss) \/ M","offer_id":57495994368382,"sku":"U23205PG","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"Smooth Silver (Matt) - Titanium (Gloss) \/ M","offer_id":57495994401150,"sku":"U23205PH","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"Metallic Cinnamon (Matt) - Black (Gloss) \/ M","offer_id":57495994433918,"sku":"U23205PI","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"Digital Lavender - Acid Gum (Gloss) \/ L","offer_id":57495994466686,"sku":"U23207PG","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"Smooth Silver (Matt) - Titanium (Gloss) \/ L","offer_id":57495994499454,"sku":"U23207PH","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"Metallic Cinnamon (Matt) - Black (Gloss) \/ L","offer_id":57495994532222,"sku":"U23207PI","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"Digital Lavender - Acid Gum (Gloss) \/ XL","offer_id":57495994564990,"sku":"U23209PG","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"Smooth Silver (Matt) - Titanium (Gloss) \/ XL","offer_id":57495994597758,"sku":"U23209PH","price":7948.45,"currency_code":"RON","in_stock":true},{"title":"Metallic Cinnamon (Matt) - Black (Gloss) \/ XL","offer_id":57495994630526,"sku":"U23209PI","price":7948.45,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/orbea-laufey-h30-u232-pg-side.jpg?v=1789034865"},{"product_id":"laufey-h10-s-digital-lavender-acid-gum-gloss-2","title":"Bicicleta MTB ORBEA LAUFEY H10","description":"","brand":"ORBEA","offers":[{"title":"Digital Lavender - Acid Gum (Gloss) \/ S","offer_id":57495994696062,"sku":"U23303PG","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"Smooth Silver (Matt) - Titanium (Gloss) \/ S","offer_id":57495994728830,"sku":"U23303PH","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"Metallic Cinnamon (Matt) - Black (Gloss) \/ S","offer_id":57495994761598,"sku":"U23303PI","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"Digital Lavender - Acid Gum (Gloss) \/ M","offer_id":57495994794366,"sku":"U23305PG","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"Smooth Silver (Matt) - Titanium (Gloss) \/ M","offer_id":57495994827134,"sku":"U23305PH","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"Metallic Cinnamon (Matt) - Black (Gloss) \/ M","offer_id":57495994859902,"sku":"U23305PI","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"Digital Lavender - Acid Gum (Gloss) \/ L","offer_id":57495994892670,"sku":"U23307PG","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"Smooth Silver (Matt) - Titanium (Gloss) \/ L","offer_id":57495994925438,"sku":"U23307PH","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"Metallic Cinnamon (Matt) - Black (Gloss) \/ L","offer_id":57495994958206,"sku":"U23307PI","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"Digital Lavender - Acid Gum (Gloss) \/ XL","offer_id":57495994990974,"sku":"U23309PG","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"Smooth Silver (Matt) - Titanium (Gloss) \/ XL","offer_id":57495995023742,"sku":"U23309PH","price":10069.45,"currency_code":"RON","in_stock":true},{"title":"Metallic Cinnamon (Matt) - Black (Gloss) \/ XL","offer_id":57495995056510,"sku":"U23309PI","price":10069.45,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T234TTCC-PG-SIDE-LAUFEY_H10_01cfe0a6-c8bb-48b4-90f0-c4d260ada225.jpg?v=1789369883"},{"product_id":"laufey-h-ltd-s-digital-lavender-acid-gum-gloss-2","title":"Bicicleta MTB ORBEA LAUFEY H-LTD","description":"","brand":"ORBEA","offers":[{"title":"Digital Lavender - Acid Gum (Gloss) \/ S","offer_id":57495995154814,"sku":"U23403PG","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"Smooth Silver (Matt) - Titanium (Gloss) \/ S","offer_id":57495995187582,"sku":"U23403PH","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"Metallic Cinnamon (Matt) - Black (Gloss) \/ S","offer_id":57495995220350,"sku":"U23403PI","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"Digital Lavender - Acid Gum (Gloss) \/ M","offer_id":57495995253118,"sku":"U23405PG","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"Smooth Silver (Matt) - Titanium (Gloss) \/ M","offer_id":57495995285886,"sku":"U23405PH","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"Metallic Cinnamon (Matt) - Black (Gloss) \/ M","offer_id":57495995318654,"sku":"U23405PI","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"Digital Lavender - Acid Gum (Gloss) \/ L","offer_id":57495995351422,"sku":"U23407PG","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"Smooth Silver (Matt) - Titanium (Gloss) \/ L","offer_id":57495995384190,"sku":"U23407PH","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"Metallic Cinnamon (Matt) - Black (Gloss) \/ L","offer_id":57495995416958,"sku":"U23407PI","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"Digital Lavender - Acid Gum (Gloss) \/ XL","offer_id":57495995449726,"sku":"U23409PG","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"Smooth Silver (Matt) - Titanium (Gloss) \/ XL","offer_id":57495995482494,"sku":"U23409PH","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"Metallic Cinnamon (Matt) - Black (Gloss) \/ XL","offer_id":57495995515262,"sku":"U23409PI","price":13250.95,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T235TTCC-PI-SIDE-LAUFEY_HLTD_fe7d12d6-ec98-4f30-b1c4-aa98d1030f53.jpg?v=1789369881"},{"product_id":"bicicleta-mtb-orbea-onna-29-50","title":"Bicicleta MTB ORBEA ONNA 29 50","description":"","brand":"ORBEA","offers":[{"title":"S \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496086118782,"sku":"U20515RA","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496086151550,"sku":"U20515RD","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496086184318,"sku":"U20515RF","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496086217086,"sku":"U20517RA","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496086249854,"sku":"U20517RD","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496086282622,"sku":"U20517RF","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496086315390,"sku":"U20519RA","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496086348158,"sku":"U20519RD","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496086380926,"sku":"U20519RF","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496086413694,"sku":"U20521RA","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496086446462,"sku":"U20521RD","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496086479230,"sku":"U20521RF","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"XS 27,5″ \/ Burning Red (Gloss) - Black (Matt)","offer_id":58029030769022,"sku":"U20114RA","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"XS 27,5″ \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":58029030801790,"sku":"U20114RD","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"XS 27,5″ \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":58029030834558,"sku":"U20114RF","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"S 27,5″ \/ Burning Red (Gloss) - Black (Matt)","offer_id":58029030867326,"sku":"U20115RA","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"S 27,5″ \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":58029030900094,"sku":"U20115RD","price":2499.0,"currency_code":"RON","in_stock":true},{"title":"S 27,5″ \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":58029030932862,"sku":"U20115RF","price":2499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/orbea-onna-29-50-burning-red_f284503e-c426-49c0-a662-6bafdcd7411e.jpg?v=1789023236"},{"product_id":"bicicleta-mtb-orbea-onna-29-20","title":"Bicicleta MTB ORBEA ONNA 29 20","description":"","brand":"ORBEA","offers":[{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496086577534,"sku":"U20715RF","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496086511998,"sku":"U20715RA","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496086544766,"sku":"U20715RD","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496086675838,"sku":"U20717RF","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496086610302,"sku":"U20717RA","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496086643070,"sku":"U20717RD","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496086774142,"sku":"U20719RF","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496086708606,"sku":"U20719RA","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496086741374,"sku":"U20719RD","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496086872446,"sku":"U20721RF","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496086806910,"sku":"U20721RA","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496086839678,"sku":"U20721RD","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"XS 27,5″ \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":58029039354238,"sku":"U20314RF","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"XS 27,5″ \/ Burning Red (Gloss) - Black (Matt)","offer_id":58029039288702,"sku":"U20314RA","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"XS 27,5″ \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":58029039321470,"sku":"U20314RD","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"S 27,5″ \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":58029039452542,"sku":"U20315RF","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"S 27,5″ \/ Burning Red (Gloss) - Black (Matt)","offer_id":58029039387006,"sku":"U20315RA","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"S 27,5″ \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":58029039419774,"sku":"U20315RD","price":3999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/orbea-onna-29-20-ivory-white_89af9115-859a-44de-b022-bb504e176772.jpg?v=1789023243"},{"product_id":"bicicleta-mtb-orbea-onna-29-40","title":"Bicicleta MTB ORBEA ONNA 29 40","description":"","brand":"ORBEA","offers":[{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496086937982,"sku":"U20615RD","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496086905214,"sku":"U20615RA","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496086970750,"sku":"U20615RF","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496087036286,"sku":"U20617RD","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496087003518,"sku":"U20617RA","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496087069054,"sku":"U20617RF","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496087134590,"sku":"U20619RD","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496087101822,"sku":"U20619RA","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496087167358,"sku":"U20619RF","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496087232894,"sku":"U20621RD","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496087200126,"sku":"U20621RA","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496087265662,"sku":"U20621RF","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"XS 27,5″ \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":58029039518078,"sku":"U20214RD","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"XS 27,5″ \/ Burning Red (Gloss) - Black (Matt)","offer_id":58029039485310,"sku":"U20214RA","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"XS 27,5″ \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":58029039550846,"sku":"U20214RF","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"S 27,5″ \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":58029039616382,"sku":"U20215RD","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"S 27,5″ \/ Burning Red (Gloss) - Black (Matt)","offer_id":58029039583614,"sku":"U20215RA","price":2799.0,"currency_code":"RON","in_stock":true},{"title":"S 27,5″ \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":58029039649150,"sku":"U20215RF","price":2799.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/orbea-onna-29-40-tanzanite_08994196-9ef6-45c5-b999-3fb23004eb78.jpg?v=1789023249"},{"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":4279.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396398974,"sku":"T21003M2","price":4279.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396431742,"sku":"T21005M1","price":4279.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396464510,"sku":"T21005M2","price":4279.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396497278,"sku":"T21007M1","price":4279.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396530046,"sku":"T21007M2","price":4279.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396562814,"sku":"T21009M1","price":4279.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396595582,"sku":"T21009M2","price":4279.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":7499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496397087102,"sku":"T21303F9","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496397119870,"sku":"T21303FA","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57496397152638,"sku":"T21303FB","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496397185406,"sku":"T21305F8","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496397218174,"sku":"T21305F9","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496397250942,"sku":"T21305FA","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57496397283710,"sku":"T21305FB","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496397316478,"sku":"T21307F8","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496397349246,"sku":"T21307F9","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496397382014,"sku":"T21307FA","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57496397414782,"sku":"T21307FB","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496397447550,"sku":"T21309F8","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496397480318,"sku":"T21309F9","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496397513086,"sku":"T21309FA","price":7499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57496397545854,"sku":"T21309FB","price":7499.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":8499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398037374,"sku":"T21403F9","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398070142,"sku":"T21403FA","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57496398102910,"sku":"T21403FB","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398135678,"sku":"T21405F8","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398168446,"sku":"T21405F9","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398201214,"sku":"T21405FA","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57496398233982,"sku":"T21405FB","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398266750,"sku":"T21407F8","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398299518,"sku":"T21407F9","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398332286,"sku":"T21407FA","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57496398365054,"sku":"T21407FB","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398397822,"sku":"T21409F8","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398430590,"sku":"T21409F9","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398463358,"sku":"T21409FA","price":8499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57496398496126,"sku":"T21409FB","price":8499.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":"alma-m25-s-cobalt-blue-gloss-carbon-raw-matt","title":"Bicicletă MTB XC ORBEA ALMA M25","description":"\u003cp\u003e\u003c\/p\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 {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .alma-smart-grid\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":57496414028158,"sku":"T22003F8","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496414060926,"sku":"T22003F9","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496414093694,"sku":"T22003FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496414126462,"sku":"T22003FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496414159230,"sku":"T22003FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496414191998,"sku":"T22003FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496414224766,"sku":"T22003FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496414257534,"sku":"T22003FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496414290302,"sku":"T22003FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496414323070,"sku":"T22003FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496414355838,"sku":"T22003FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496414388606,"sku":"T22003FA","price":10599.7,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T220TTCC-F8-SIDE-ALMA_M25.jpg?v=1780337420"},{"product_id":"bicicleta-santa-cruz-v10-8-cc","title":"Bicicletă downhill Santa Cruz V10 CC – 208 mm VPP – 2027","description":"\u003cp\u003e\u003cstrong\u003eSanta Cruz V10 CC\u003c\/strong\u003e este bicicleta de downhill cu care echipa Syndicate a cucerit curse de Cupă Mondială. Generația a opta păstrează rețeta și o rafinează: cadru din carbon CC, \u003cstrong\u003e208 mm\u003c\/strong\u003e de cursă VPP™ în spate și 200 mm în față (203 mm pe DH X01), roți mixte (29\" față \/ 27,5\" spate) pe mărimile S, M și L, respectiv 29\" complet pe XL.\u003c\/p\u003e\u003cp\u003eTrei puncte de reglaj, fiecare cu trei poziții, lasă bicicleta să fie potrivită pe fizic, pe teren și pe stil: flip chip-ul de la axul spate (+5 \/ 0 \/ −5 mm), cupele de headset cu reach reglabil (−8 \/ 0 \/ +8 mm) și flip chip-ul de pe bieleta inferioară, care schimbă înălțimea pedalierului și unghiul tubului de direcție.\u003c\/p\u003e\u003cp\u003eDouă echipări: \u003cstrong\u003eDH S\u003c\/strong\u003e (RockShox BoXXer Select și Vivid Select+ Coil, SRAM GX DH, frâne Maven Bronze) și \u003cstrong\u003eDH X01\u003c\/strong\u003e (FOX 40 Float Factory Grip X2 și DHX2 Factory, SRAM X01 DH, frâne Maven Silver). Ambele pe jante Reserve 30|HD și anvelope Maxxis DH.\u003c\/p\u003e","brand":"Santa Cruz","offers":[{"title":"DH S \/ Gloss Kelp Green \/ S","offer_id":57820944400766,"sku":"58-27296-375-2-928-273301","price":31870.0,"currency_code":"RON","in_stock":true},{"title":"DH S \/ Gloss Kelp Green \/ M","offer_id":57820944433534,"sku":"58-27296-375-3-928-273301","price":31870.0,"currency_code":"RON","in_stock":true},{"title":"DH S \/ Gloss Kelp Green \/ L","offer_id":57820944466302,"sku":"58-27296-375-4-928-273301","price":31870.0,"currency_code":"RON","in_stock":true},{"title":"DH S \/ Gloss Kelp Green \/ XL","offer_id":57820944499070,"sku":"58-27297-374-5-928-273301","price":31870.0,"currency_code":"RON","in_stock":true},{"title":"DH S \/ Gloss Liquid Blue \/ S","offer_id":57820944531838,"sku":"58-27296-375-2-927-273301","price":31870.0,"currency_code":"RON","in_stock":true},{"title":"DH S \/ Gloss Liquid Blue \/ M","offer_id":57820944564606,"sku":"58-27296-375-3-927-273301","price":31870.0,"currency_code":"RON","in_stock":true},{"title":"DH S \/ Gloss Liquid Blue \/ L","offer_id":57820944597374,"sku":"58-27296-375-4-927-273301","price":31870.0,"currency_code":"RON","in_stock":true},{"title":"DH S \/ Gloss Liquid Blue \/ XL","offer_id":57820944630142,"sku":"58-27297-374-5-927-273301","price":31870.0,"currency_code":"RON","in_stock":true},{"title":"DH X01 \/ Gloss Kelp Green \/ S","offer_id":57820944662910,"sku":"58-27296-383-2-928-283401","price":41220.0,"currency_code":"RON","in_stock":true},{"title":"DH X01 \/ Gloss Kelp Green \/ M","offer_id":57820944695678,"sku":"58-27296-383-3-928-283401","price":41220.0,"currency_code":"RON","in_stock":true},{"title":"DH X01 \/ Gloss Kelp Green \/ L","offer_id":57820944728446,"sku":"58-27296-383-4-928-283401","price":41220.0,"currency_code":"RON","in_stock":true},{"title":"DH X01 \/ Gloss Kelp Green \/ XL","offer_id":57820944761214,"sku":"58-27297-382-5-928-283401","price":41220.0,"currency_code":"RON","in_stock":true},{"title":"DH X01 \/ Gloss Liquid Blue \/ S","offer_id":57820944793982,"sku":"58-27296-383-2-927-283401","price":41220.0,"currency_code":"RON","in_stock":true},{"title":"DH X01 \/ Gloss Liquid Blue \/ M","offer_id":57820944826750,"sku":"58-27296-383-3-927-283401","price":41220.0,"currency_code":"RON","in_stock":true},{"title":"DH X01 \/ Gloss Liquid Blue \/ L","offer_id":57820944859518,"sku":"58-27296-383-4-927-283401","price":41220.0,"currency_code":"RON","in_stock":true},{"title":"DH X01 \/ Gloss Liquid Blue \/ XL","offer_id":57820944892286,"sku":"58-27297-382-5-927-283401","price":41220.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/scv10-x01-kelp_039a04e4-4062-4790-9500-a49e8fd95ab4.png?v=1786180127"},{"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"},{"product_id":"rallon-d-ltd-2027","title":"Orbea RALLON D-LTD - 2027 - Bicicletă downhill","description":"\u003ctable style=\"font-size:0.9em;line-height:1.5;border-collapse:collapse;width:100%\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eFrame\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eOrbea Rallon OMR. 442mm chainstay length. Concentric Boost 12x148 rear axle. Pure Gravity geometry. Attitude Adjust. ISCG05\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eFork\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eFox 40 Float Factory 203, Grip X2, 20x110, Kashima\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eShock\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eFox Float X2 Factory Trunnion 2-Pos Adjust Kashima custom tune 225x75mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eHeadset\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eAlloy 1-1\/2\", Black Oxidated Bearing\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eStem\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eRace Face Atlas 35 Direct Mount\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eHandlebar\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eOC Mountain Control MC20 Alu SL, Rise 20, Width 800\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eBrakes\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eShimano XTR 9220 Hydraulic Disc\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eRear Derailleur\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eShimano SAINT M820 SS Shadow Plus\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eShifters\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eShimano Saint M820\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eCassette\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eShimano CS-M771 11-32t 10-Speed\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eChain\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eShimano HG95\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eChainguide\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003ee*thirteen CL55 30-36t black\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eCrankset\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eRace Face Turbine 34t\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eWheels\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eOquo Mountain Control MC32TEAM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eTyres\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eSchwalbe Magic Mary Radial TLR, 29x2.50, Gravity Pro, Ultra Soft\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eSeatpost\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eRace Face Turbine 31.6x400mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eSaddle\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eFizik Zea:k DH X5 alloy rail 130mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eStorage\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eAccesories Containers\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight:600;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top\"\u003eSide Bag\u003c\/td\u003e\n\u003ctd style=\"padding:4px 0\"\u003eAccesories Containers\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e","brand":"Orbea","offers":[{"title":"White - Black \/ S","offer_id":57775083356542,"sku":"U25703M6","price":32999.0,"currency_code":"RON","in_stock":true},{"title":"White - Black \/ M","offer_id":57775083389310,"sku":"U25705M6","price":32999.0,"currency_code":"RON","in_stock":true},{"title":"White - Black \/ L","offer_id":57775083422078,"sku":"U25707M6","price":32999.0,"currency_code":"RON","in_stock":true},{"title":"White - Black \/ XL","offer_id":57775083454846,"sku":"U25709M6","price":32999.0,"currency_code":"RON","in_stock":true},{"title":"Green - Purple \/ S","offer_id":57775083487614,"sku":"U25703M7","price":32999.0,"currency_code":"RON","in_stock":true},{"title":"Green - Purple \/ M","offer_id":57775083520382,"sku":"U25705M7","price":32999.0,"currency_code":"RON","in_stock":true},{"title":"Green - Purple \/ L","offer_id":57775083553150,"sku":"U25707M7","price":32999.0,"currency_code":"RON","in_stock":true},{"title":"Green - Purple \/ XL","offer_id":57775083585918,"sku":"U25709M7","price":32999.0,"currency_code":"RON","in_stock":true},{"title":"Nickel \/ S","offer_id":57775083618686,"sku":"U25703M8","price":32999.0,"currency_code":"RON","in_stock":true},{"title":"Nickel \/ M","offer_id":57775083651454,"sku":"U25705M8","price":32999.0,"currency_code":"RON","in_stock":true},{"title":"Nickel \/ L","offer_id":57775083684222,"sku":"U25707M8","price":32999.0,"currency_code":"RON","in_stock":true},{"title":"Nickel \/ XL","offer_id":57775083716990,"sku":"U25709M8","price":32999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/rallon27-M6-side_f93e3465-685a-41bf-ab3d-cf0f4dd11ef0.webp?v=1787497325"},{"product_id":"bicicleta-cube-aim-slt-2027","title":"Bicicleta CUBE AIM SLT - 2027","description":"\u003cp\u003eCUBE AIM SLT 2027 este hardtail-ul de aluminiu care aduce componente de clasă superioară la un preț corect: schimbător spate Shimano XT, transmisie 1×12 Shimano Deore 10–51, furcă cu aer SR Suntour XCM cu blocare din ghidon, frâne hidraulice Shimano și roți Tubeless Ready cu anvelope Schwalbe de 2,25\".\u003c\/p\u003e\u003cp\u003eCadrul Aluminium Lite are cabluri interne, pregătire pentru tijă telescopică, suport pentru portbagaj SIC 2.1 și cric. Size Split: mărimile XS și S vin pe roți de 27,5\", M, L și XL pe 29\".\u003c\/p\u003e\u003cp\u003eGreutate 15,0 kg. Greutate maximă a biciclistului: 100 kg. Culori: soot'n'black (cod CUBE 1140900), cappuccino'n'black (1140910), mysticpurple'n'black (1140920). Preț recomandat CUBE (RRP) 4.599 lei.\u003c\/p\u003e","brand":"CUBE","offers":[{"title":"soot'n'black \/ XS","offer_id":57959177617790,"sku":"1140900XS","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"soot'n'black \/ S","offer_id":57959177650558,"sku":"1140900S","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"soot'n'black \/ M","offer_id":57959177683326,"sku":"1140900M","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"soot'n'black \/ L","offer_id":57959177716094,"sku":"1140900L","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"soot'n'black \/ XL","offer_id":57959177748862,"sku":"1140900XL","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"cappuccino'n'black \/ XS","offer_id":57979859829118,"sku":"1140910XS","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"cappuccino'n'black \/ S","offer_id":57979859861886,"sku":"1140910S","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"cappuccino'n'black \/ M","offer_id":57979859894654,"sku":"1140910M","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"cappuccino'n'black \/ L","offer_id":57979859927422,"sku":"1140910L","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"cappuccino'n'black \/ XL","offer_id":57979859960190,"sku":"1140910XL","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"mysticpurple'n'black \/ XS","offer_id":57979859992958,"sku":"1140920XS","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"mysticpurple'n'black \/ S","offer_id":57979860025726,"sku":"1140920S","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"mysticpurple'n'black \/ M","offer_id":57979860058494,"sku":"1140920M","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"mysticpurple'n'black \/ L","offer_id":57979860091262,"sku":"1140920L","price":4599.0,"currency_code":"RON","in_stock":true},{"title":"mysticpurple'n'black \/ XL","offer_id":57979860124030,"sku":"1140920XL","price":4599.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/cube-aim-slt-1140900-s-00.jpg?v=1788421957"},{"product_id":"bicicleta-cube-reaction-pro-2027","title":"Bicicleta CUBE Reaction Pro - 2027","description":"\u003ch2\u003eCUBE Reaction Pro\u003c\/h2\u003e\u003cp\u003eHardtail de trail și tură cu cadru Aluminium Lite cu aspect de carbon, furcă RockShox Recon Silver RL Air de 100 mm cu blocare din ghidon, transmisie Shimano XT 1×12 cu casetă 10–51T și frâne hidraulice Shimano cu discuri de 180\/160 mm. Size Split: XS și S pe roți de 27,5″, M, L și XL pe 29″. 14,0 kg.\u003c\/p\u003e\u003cp\u003eRapidă, ușoară, robustă: seria Reaction îmbină greutatea mică și eficiența unei biciclete de cross-country cu versatilitatea unei biciclete de trail. Cadrul are cabluri interne prin setul de cuvete, protecție pe baza spate, ureche de schimbător UDH, prinderi sub tubul orizontal pentru o sculă ACID, prindere pentru portbagajul SIC 2.1 și pentru cric, și e pregătit pentru tijă telescopică. Roți ACID EX25 Tubeless Ready cu Schwalbe Racing Ray \/ Racing Ralph.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCadru:\u003c\/strong\u003e Aluminium Lite, AMF, Double Butted, cabluri interne, pipă conică, Flat Mount, prindere SIC, prindere cric FM, prinderi sub tubul orizontal, UDH\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFurcă:\u003c\/strong\u003e RockShox Recon Silver RL Air, 100 mm, blocare PopLoc din ghidon\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFrâne:\u003c\/strong\u003e Shimano BR-MT410, hidraulice pe disc, 180\/160 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchimbător spate:\u003c\/strong\u003e Shimano XT RD-M8200-SGS, ShadowPlus, 12 viteze\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eManetă schimbător:\u003c\/strong\u003e Shimano XT SL-M8200-IR, Direct Attach\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAngrenaj:\u003c\/strong\u003e ACID MTB Pro, 32T\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePedalier:\u003c\/strong\u003e Prowheel BSA PW-MB68\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCasetă:\u003c\/strong\u003e Shimano Deore CS-M6100, 10–51T\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLanț:\u003c\/strong\u003e KMC X12\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSet cuvete:\u003c\/strong\u003e Acros AIF-557, ICR (cabluri prin cuvete), ZS 56 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePipă:\u003c\/strong\u003e CUBE Performance Stem SLX, FPI-Link, 31,8 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGhidon:\u003c\/strong\u003e CUBE Rise Trail Bar, 680 mm (XS, S) \/ 720 mm (M–XL)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMansoane:\u003c\/strong\u003e ACID Icon\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRoți:\u003c\/strong\u003e ACID EX25, 32\/32 spițe, 15×110 \/ 12×148 mm, Tubeless Ready\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnvelopă față:\u003c\/strong\u003e Schwalbe Racing Ray, Addix Performance, Kevlar, 2.25\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnvelopă spate:\u003c\/strong\u003e Schwalbe Racing Ralph, Addix Performance, Kevlar, 2.25\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eȘa:\u003c\/strong\u003e ACID Venec Lite\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTijă șa:\u003c\/strong\u003e CUBE Performance Post, 30,9 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePedale:\u003c\/strong\u003e ACID PP MTB\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGreutate:\u003c\/strong\u003e 14,0 kg\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGreutate maximă biciclist:\u003c\/strong\u003e 100 kg\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMărimi:\u003c\/strong\u003e Size Split: 27,5″ XS, S · 29″ M, L, XL\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCategorie de utilizare:\u003c\/strong\u003e 2\u003c\/li\u003e\n\u003c\/ul\u003e\u003cp\u003eCoduri CUBE: 1141200 platinum’n’black · 1141210 emerald’n’blue · 1141220 fuchsia’n’black. Din cauza lanțului de aprovizionare, unele componente pot fi livrate cu modificări echivalente.\u003c\/p\u003e\u003cp\u003eMagazin ProVelo, București, Bd. Nicolae Titulescu 155: bicicleta pleacă asamblată și reglată de un mecanic. Retur în 14 zile, garanție 2 ani.\u003c\/p\u003e","brand":"CUBE","offers":[{"title":"platinum'n'black \/ XS","offer_id":57997248397694,"sku":"1141200XS","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"platinum'n'black \/ S","offer_id":57997248430462,"sku":"1141200S","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"platinum'n'black \/ M","offer_id":57997248463230,"sku":"1141200M","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"platinum'n'black \/ L","offer_id":57997248495998,"sku":"1141200L","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"platinum'n'black \/ XL","offer_id":57997248528766,"sku":"1141200XL","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"emerald'n'blue \/ XS","offer_id":57997248561534,"sku":"1141210XS","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"emerald'n'blue \/ S","offer_id":57997248594302,"sku":"1141210S","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"emerald'n'blue \/ M","offer_id":57997248627070,"sku":"1141210M","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"emerald'n'blue \/ L","offer_id":57997248659838,"sku":"1141210L","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"emerald'n'blue \/ XL","offer_id":57997248692606,"sku":"1141210XL","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"fuchsia'n'black \/ XS","offer_id":57997248725374,"sku":"1141220XS","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"fuchsia'n'black \/ S","offer_id":57997248758142,"sku":"1141220S","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"fuchsia'n'black \/ M","offer_id":57997248790910,"sku":"1141220M","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"fuchsia'n'black \/ L","offer_id":57997248823678,"sku":"1141220L","price":5670.0,"currency_code":"RON","in_stock":true},{"title":"fuchsia'n'black \/ XL","offer_id":57997248856446,"sku":"1141220XL","price":5670.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/cube-reaction-pro-1141200-s-00.jpg?v=1788982147"},{"product_id":"bicicleta-cube-aim-slx-2027","title":"Bicicleta CUBE AIM SLX - 2027","description":"\u003cp\u003eCUBE AIM SLX 2027 este hardtail-ul de aluminiu cu transmisie 1×12 Shimano (schimbător spate XT, manete și casetă Deore 10–51), furcă SR Suntour XCT 30 de 100 mm cu blocare din ghidon, frâne hidraulice pe disc Shimano MT200 și roți ACID EX25 Tubeless Ready cu anvelope Impac Smartpac de 2,25\".\u003c\/p\u003e\u003cp\u003eCadrul Aluminium Lite are cabluri interne, pipă conică, pregătire pentru tijă telescopică, suport pentru portbagaj SIC 2.1 și cric. Size Split: mărimile XS și S vin pe roți de 27,5\", M, L și XL pe 29\".\u003c\/p\u003e\u003cp\u003eGreutate 15,4 kg. Greutate maximă a biciclistului: 100 kg. Culori: slateblack'n'chrome (cod CUBE 1140600), shiftverde'n'chrome (1140610), rustyrose'n'peach (1140620). Preț recomandat CUBE (RRP) 3.999 lei.\u003c\/p\u003e","brand":"CUBE","offers":[{"title":"slateblack'n'chrome \/ XS","offer_id":58018443395454,"sku":"1140600XS","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"slateblack'n'chrome \/ S","offer_id":58018443428222,"sku":"1140600S","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"slateblack'n'chrome \/ M","offer_id":58018443460990,"sku":"1140600M","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"slateblack'n'chrome \/ L","offer_id":58018443493758,"sku":"1140600L","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"slateblack'n'chrome \/ XL","offer_id":58018443526526,"sku":"1140600XL","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"shiftverde'n'chrome \/ XS","offer_id":58018443559294,"sku":"1140610XS","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"shiftverde'n'chrome \/ S","offer_id":58018443592062,"sku":"1140610S","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"shiftverde'n'chrome \/ M","offer_id":58018443624830,"sku":"1140610M","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"shiftverde'n'chrome \/ L","offer_id":58018443657598,"sku":"1140610L","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"shiftverde'n'chrome \/ XL","offer_id":58018443690366,"sku":"1140610XL","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"rustyrose'n'peach \/ XS","offer_id":58018443723134,"sku":"1140620XS","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"rustyrose'n'peach \/ S","offer_id":58018443755902,"sku":"1140620S","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"rustyrose'n'peach \/ M","offer_id":58018443788670,"sku":"1140620M","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"rustyrose'n'peach \/ L","offer_id":58018443821438,"sku":"1140620L","price":3999.0,"currency_code":"RON","in_stock":true},{"title":"rustyrose'n'peach \/ XL","offer_id":58018443854206,"sku":"1140620XL","price":3999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/cube-aim-slx-1140600-s-00.jpg?v=1789229626"},{"product_id":"bicicleta-cube-aim-pro-2027","title":"Bicicleta CUBE AIM Pro - 2027","description":"\u003cp\u003eCUBE AIM Pro 2027 este hardtail-ul de aluminiu cu transmisie Shimano Cues 1×11 (casetă 11–50), furcă SR Suntour XCT de 100 mm, frâne hidraulice pe disc Shimano MT200 și roți ACID Pro 25 Tubeless Ready cu anvelope Impac Smartpac de 2,25\".\u003c\/p\u003e\u003cp\u003eCadrul Aluminium Lite are cabluri interne, pipă conică, pregătire pentru tijă telescopică, suport pentru portbagaj SIC 2.1 și cric. Size Split: mărimile XS și S vin pe roți de 27,5\", M, L și XL pe 29\".\u003c\/p\u003e\u003cp\u003eGreutate 15,5 kg. Greutate maximă a biciclistului: 100 kg. Culori: grey'n'black (cod CUBE 1140200), topasblue'n'blue (1140210), aloegreen'n'green (1140220). Preț recomandat CUBE (RRP) 3.499 lei.\u003c\/p\u003e","brand":"CUBE","offers":[{"title":"grey'n'black \/ XS","offer_id":58018457420158,"sku":"1140200XS","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"grey'n'black \/ S","offer_id":58018457452926,"sku":"1140200S","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"grey'n'black \/ M","offer_id":58018457485694,"sku":"1140200M","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"grey'n'black \/ L","offer_id":58018457518462,"sku":"1140200L","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"grey'n'black \/ XL","offer_id":58018457551230,"sku":"1140200XL","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"topasblue'n'blue \/ XS","offer_id":58018457583998,"sku":"1140210XS","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"topasblue'n'blue \/ S","offer_id":58018457616766,"sku":"1140210S","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"topasblue'n'blue \/ M","offer_id":58018457649534,"sku":"1140210M","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"topasblue'n'blue \/ L","offer_id":58018457682302,"sku":"1140210L","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"topasblue'n'blue \/ XL","offer_id":58018457715070,"sku":"1140210XL","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"aloegreen'n'green \/ XS","offer_id":58018457747838,"sku":"1140220XS","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"aloegreen'n'green \/ S","offer_id":58018457780606,"sku":"1140220S","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"aloegreen'n'green \/ M","offer_id":58018457813374,"sku":"1140220M","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"aloegreen'n'green \/ L","offer_id":58018457846142,"sku":"1140220L","price":3499.0,"currency_code":"RON","in_stock":true},{"title":"aloegreen'n'green \/ XL","offer_id":58018457878910,"sku":"1140220XL","price":3499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/cube-aim-pro-1140200-s-00.jpg?v=1789230535"},{"product_id":"bicicleta-cube-aim-one-2027","title":"Bicicleta CUBE AIM One - 2027","description":"\u003cp\u003eCUBE AIM One 2027 este hardtail-ul de aluminiu cu care începi: transmisie Shimano Cues 1×9 (casetă 11–46), furcă SR Suntour XCS de 100 mm, frâne hidraulice pe disc Shimano MT200 și roți ACID Pro 25 Tubeless Ready cu anvelope CUBE MTB de 2,25\".\u003c\/p\u003e\u003cp\u003eCadrul Aluminium Lite are cabluri interne, pregătire pentru tijă telescopică, suport pentru portbagaj SIC 2.1 și cric. Size Split: mărimile XS și S vin pe roți de 27,5\", M, L și XL pe 29\".\u003c\/p\u003e\u003cp\u003eGreutate 15,3 kg. Greutate maximă a biciclistului: 100 kg. Culori: mole'n'prism (cod CUBE 1140100), metallicwhite'n'black (1140110), salmon'n'black (1140120). Preț recomandat CUBE (RRP) 2.890 lei.\u003c\/p\u003e","brand":"CUBE","offers":[{"title":"mole'n'prism \/ XS","offer_id":58018465972606,"sku":"1140100XS","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"mole'n'prism \/ S","offer_id":58018466005374,"sku":"1140100S","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"mole'n'prism \/ M","offer_id":58018466038142,"sku":"1140100M","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"mole'n'prism \/ L","offer_id":58018466070910,"sku":"1140100L","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"mole'n'prism \/ XL","offer_id":58018466103678,"sku":"1140100XL","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"metallicwhite'n'black \/ XS","offer_id":58018466136446,"sku":"1140110XS","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"metallicwhite'n'black \/ S","offer_id":58018466169214,"sku":"1140110S","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"metallicwhite'n'black \/ M","offer_id":58018466201982,"sku":"1140110M","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"metallicwhite'n'black \/ L","offer_id":58018466234750,"sku":"1140110L","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"metallicwhite'n'black \/ XL","offer_id":58018466267518,"sku":"1140110XL","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"salmon'n'black \/ XS","offer_id":58018466300286,"sku":"1140120XS","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"salmon'n'black \/ S","offer_id":58018466333054,"sku":"1140120S","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"salmon'n'black \/ M","offer_id":58018466365822,"sku":"1140120M","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"salmon'n'black \/ L","offer_id":58018466398590,"sku":"1140120L","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"salmon'n'black \/ XL","offer_id":58018466431358,"sku":"1140120XL","price":2890.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/cube-aim-one-1140100-s-00.jpg?v=1789230994"},{"product_id":"bicicleta-cube-reaction-slx-2027","title":"Bicicleta CUBE Reaction SLX - 2027","description":"\u003cp\u003eCUBE Reaction SLX 2027 este hardtail-ul de aluminiu cu greutate mică și componente de clasă superioară: transmisie Shimano XT 1×12 (casetă 10–51), furcă RockShox Recon Silver RL Air, 100 mm, frâne Shimano XT BR-M8100 cu discuri de 180 \/ 160 mm și roți Newmen Performance 30 light\/light Tubeless Ready cu anvelope Schwalbe Racing Ray \/ Schwalbe Racing Ralph.\u003c\/p\u003e\u003cp\u003eCadrul: Aluminium Lite, Double Butted, cu suduri netezite (Smooth Welding) până când un tub curge în următorul. Cablurile intră prin setul de cuvete (ICR), tija telescopică are traseu intern, iar urechea de schimbător e standardul UDH. Prinderi pentru portbagajul SIC 2.1, cric și sculă sub tubul orizontal.\u003c\/p\u003e\u003cp\u003eGreutate 13,3 kg. Greutate maximă a biciclistului: 100 kg. Mărimi: XS, S, M, L, XL (Size Split: Size Split 27,5″ XS, S · 29″ M, L, XL). Culori: navyblack'n'black (cod CUBE 1141600), seagrey'n'black (cod CUBE 1141610). Preț recomandat CUBE (RRP) 7.290 lei.\u003c\/p\u003e","brand":"CUBE","offers":[{"title":"navyblack'n'black \/ XS","offer_id":58021440782718,"sku":"1141600XS","price":7290.0,"currency_code":"RON","in_stock":true},{"title":"navyblack'n'black \/ S","offer_id":58021440815486,"sku":"1141600S","price":7290.0,"currency_code":"RON","in_stock":true},{"title":"navyblack'n'black \/ M","offer_id":58021440848254,"sku":"1141600M","price":7290.0,"currency_code":"RON","in_stock":true},{"title":"navyblack'n'black \/ L","offer_id":58021440881022,"sku":"1141600L","price":7290.0,"currency_code":"RON","in_stock":true},{"title":"navyblack'n'black \/ XL","offer_id":58021440913790,"sku":"1141600XL","price":7290.0,"currency_code":"RON","in_stock":true},{"title":"seagrey'n'black \/ XS","offer_id":58021440946558,"sku":"1141610XS","price":7290.0,"currency_code":"RON","in_stock":true},{"title":"seagrey'n'black \/ S","offer_id":58021440979326,"sku":"1141610S","price":7290.0,"currency_code":"RON","in_stock":true},{"title":"seagrey'n'black \/ M","offer_id":58021441012094,"sku":"1141610M","price":7290.0,"currency_code":"RON","in_stock":true},{"title":"seagrey'n'black \/ L","offer_id":58021441044862,"sku":"1141610L","price":7290.0,"currency_code":"RON","in_stock":true},{"title":"seagrey'n'black \/ XL","offer_id":58021441077630,"sku":"1141610XL","price":7290.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/cube-reaction-slx-1141600-s-00.jpg?v=1789289932"},{"product_id":"bicicleta-cube-reaction-tm-one-2027","title":"Bicicleta CUBE Reaction TM One - 2027","description":"\u003cp\u003eCUBE Reaction TM One 2027 este hardtail-ul de aluminiu pentru trail, cu geometrie Trail Motion și anvelope late: transmisie Shimano Cues 1×11 (casetă 11–50), furcă SR Suntour XCR36 2CR Air, 140 mm, frâne Magura Louise cu discuri de 203 \/ 180 mm și roți ACID SLX 30 Tubeless Ready cu anvelope Schwalbe Magic Mary \/ Schwalbe Tacky Chan.\u003c\/p\u003e\u003cp\u003eCadrul: Aluminium Lite cu geometrie Trail Motion: unghi de pipă mai relaxat, reach generos, loc pentru anvelope de 2,6″ și furcă cu cursă mai mare. Cabluri interne, tijă telescopică pregătită, ax spate Boost 148 și ureche de schimbător UDH.\u003c\/p\u003e\u003cp\u003eGreutate 16,1 kg. Greutate maximă a biciclistului: 100 kg. Mărimi: XS, S, M, L, XL (Size Split: 27,5″ XS, S · 29″ M, L, XL). Culori: kolibri'n'black (cod CUBE 1142100). Preț recomandat CUBE (RRP) 6.199 lei.\u003c\/p\u003e","brand":"CUBE","offers":[{"title":"kolibri'n'black \/ XS","offer_id":58021441110398,"sku":"1142100XS","price":6199.0,"currency_code":"RON","in_stock":true},{"title":"kolibri'n'black \/ S","offer_id":58021441143166,"sku":"1142100S","price":6199.0,"currency_code":"RON","in_stock":true},{"title":"kolibri'n'black \/ M","offer_id":58021441175934,"sku":"1142100M","price":6199.0,"currency_code":"RON","in_stock":true},{"title":"kolibri'n'black \/ L","offer_id":58021441208702,"sku":"1142100L","price":6199.0,"currency_code":"RON","in_stock":true},{"title":"kolibri'n'black \/ XL","offer_id":58021441241470,"sku":"1142100XL","price":6199.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/cube-reaction-tm-one-1142100-s-00.jpg?v=1789289938"},{"product_id":"bicicleta-cube-reaction-tm-pro-2027","title":"Bicicleta CUBE Reaction TM Pro - 2027","description":"\u003cp\u003eCUBE Reaction TM Pro 2027 este hardtail-ul de aluminiu pentru trail, cu geometrie Trail Motion și anvelope late: transmisie SRAM Eagle 90 1×12 (casetă 10–52), furcă RockShox Psylo Silver RC Air, 140 mm, frâne Shimano BR-MT520 cu discuri de 203 \/ 180 mm și roți Newmen Performance 30 light\/base Tubeless Ready cu anvelope Conti Kryptotal Front \/ Conti Kryptotal Rear.\u003c\/p\u003e\u003cp\u003eCadrul: Aluminium Lite cu geometrie Trail Motion: unghi de pipă mai relaxat, reach generos, loc pentru anvelope de 2,6″ și furcă cu cursă mai mare. Cabluri interne, tijă telescopică pregătită, ax spate Boost 148 și ureche de schimbător UDH.\u003c\/p\u003e\u003cp\u003eGreutate 15,5 kg. Greutate maximă a biciclistului: 100 kg. Mărimi: XS, S, M, L, XL (Size Split: 27,5″ XS, S · 29″ M, L, XL). Culori: raw'n'black (cod CUBE 1142200). Preț recomandat CUBE (RRP) 9.399 lei.\u003c\/p\u003e","brand":"CUBE","offers":[{"title":"raw'n'black \/ XS","offer_id":58021441274238,"sku":"1142200XS","price":9399.0,"currency_code":"RON","in_stock":true},{"title":"raw'n'black \/ S","offer_id":58021441307006,"sku":"1142200S","price":9399.0,"currency_code":"RON","in_stock":true},{"title":"raw'n'black \/ M","offer_id":58021441339774,"sku":"1142200M","price":9399.0,"currency_code":"RON","in_stock":true},{"title":"raw'n'black \/ L","offer_id":58021441372542,"sku":"1142200L","price":9399.0,"currency_code":"RON","in_stock":true},{"title":"raw'n'black \/ XL","offer_id":58021441405310,"sku":"1142200XL","price":9399.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/cube-reaction-tm-pro-1142200-s-00.jpg?v=1789289944"},{"product_id":"bicicleta-cube-reaction-c62-one-2027","title":"Bicicleta CUBE Reaction C:62 One - 2027","description":"\u003cp\u003eCUBE Reaction C:62 One 2027 este hardtail-ul de carbon C:62 pentru cross-country și maraton: transmisie Shimano XT 1×12 (casetă 10–51), furcă RockShox Recon Silver RL Air, 100 mm, frâne Shimano BR-MT410 cu discuri de 180 \/ 160 mm și roți Newmen Performance 30 light\/light Tubeless Ready cu anvelope Schwalbe Racing Ray \/ Schwalbe Racing Ralph.\u003c\/p\u003e\u003cp\u003eCadrul: C:62 Carbon (62 % fibră de carbon) turnat prin Advanced Twin Mold: două forme precise, pentru un cadru ușor, rigid unde trebuie și confortabil unde contează. Geometrie Agile Ride, colier de șa integrat, cabluri interne, Boost 148 și pregătire pentru tijă telescopică.\u003c\/p\u003e\u003cp\u003eGreutate 12,2 kg. Greutate maximă a biciclistului: 100 kg. Mărimi: XS, S, M, L, XL, XXL (Size Split: Size Split 27,5″ XS · 29″ S, M, L, XL, XXL). Culori: surfblue'n'black (cod CUBE 1143100), cappuccino'n'black (cod CUBE 1143110). Preț recomandat CUBE (RRP) 8.350 lei.\u003c\/p\u003e","brand":"CUBE","offers":[{"title":"surfblue'n'black \/ XS","offer_id":58021441634686,"sku":"1143100XS","price":8350.0,"currency_code":"RON","in_stock":true},{"title":"surfblue'n'black \/ S","offer_id":58021441667454,"sku":"1143100S","price":8350.0,"currency_code":"RON","in_stock":true},{"title":"surfblue'n'black \/ M","offer_id":58021441700222,"sku":"1143100M","price":8350.0,"currency_code":"RON","in_stock":true},{"title":"surfblue'n'black \/ L","offer_id":58021441732990,"sku":"1143100L","price":8350.0,"currency_code":"RON","in_stock":true},{"title":"surfblue'n'black \/ XL","offer_id":58021441765758,"sku":"1143100XL","price":8350.0,"currency_code":"RON","in_stock":true},{"title":"surfblue'n'black \/ XXL","offer_id":58021441798526,"sku":"1143100XXL","price":8350.0,"currency_code":"RON","in_stock":true},{"title":"cappuccino'n'black \/ XS","offer_id":58021441831294,"sku":"1143110XS","price":8350.0,"currency_code":"RON","in_stock":true},{"title":"cappuccino'n'black \/ S","offer_id":58021441864062,"sku":"1143110S","price":8350.0,"currency_code":"RON","in_stock":true},{"title":"cappuccino'n'black \/ M","offer_id":58021441896830,"sku":"1143110M","price":8350.0,"currency_code":"RON","in_stock":true},{"title":"cappuccino'n'black \/ L","offer_id":58021441929598,"sku":"1143110L","price":8350.0,"currency_code":"RON","in_stock":true},{"title":"cappuccino'n'black \/ XL","offer_id":58021441962366,"sku":"1143110XL","price":8350.0,"currency_code":"RON","in_stock":true},{"title":"cappuccino'n'black \/ XXL","offer_id":58021441995134,"sku":"1143110XXL","price":8350.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/cube-reaction-c62-one-1143100-s-00.jpg?v=1789289951"},{"product_id":"bicicleta-cube-reaction-c62-pro-2027","title":"Bicicleta CUBE Reaction C:62 Pro - 2027","description":"\u003cp\u003eCUBE Reaction C:62 Pro 2027 este hardtail-ul de carbon C:62 pentru cross-country și maraton: transmisie Shimano XT 1×12 (casetă 10–51), furcă RockShox SID SL Base, 100 mm, frâne Shimano XT BR-M8200 cu discuri de 180 \/ 160 mm și roți Newmen Performance 30 light\/light Tubeless Ready cu anvelope Schwalbe Racing Ray \/ Schwalbe Racing Ralph.\u003c\/p\u003e\u003cp\u003eCadrul: C:62 Carbon (62 % fibră de carbon) turnat prin Advanced Twin Mold: două forme precise, pentru un cadru ușor, rigid unde trebuie și confortabil unde contează. Geometrie Agile Ride, colier de șa integrat, cabluri interne, Boost 148 și pregătire pentru tijă telescopică.\u003c\/p\u003e\u003cp\u003eGreutate 10,9 kg. Greutate maximă a biciclistului: 100 kg. Mărimi: S, M, L, XL, XXL (roți 29″ S, M, L, XL, XXL). Culori: blackline (cod CUBE 1143200), cosmicpurple'n'black (cod CUBE 1143210). Preț recomandat CUBE (RRP) 10.999 lei.\u003c\/p\u003e","brand":"CUBE","offers":[{"title":"blackline \/ S","offer_id":58021442126206,"sku":"1143200S","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"blackline \/ M","offer_id":58021442158974,"sku":"1143200M","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"blackline \/ L","offer_id":58021442191742,"sku":"1143200L","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"blackline \/ XL","offer_id":58021442224510,"sku":"1143200XL","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"blackline \/ XXL","offer_id":58021442257278,"sku":"1143200XXL","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"cosmicpurple'n'black \/ S","offer_id":58021442290046,"sku":"1143210S","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"cosmicpurple'n'black \/ M","offer_id":58021442322814,"sku":"1143210M","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"cosmicpurple'n'black \/ L","offer_id":58021442355582,"sku":"1143210L","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"cosmicpurple'n'black \/ XL","offer_id":58021442388350,"sku":"1143210XL","price":10999.0,"currency_code":"RON","in_stock":true},{"title":"cosmicpurple'n'black \/ XXL","offer_id":58021442421118,"sku":"1143210XXL","price":10999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/cube-reaction-c62-pro-1143200-s-00.jpg?v=1789289958"},{"product_id":"bicicleta-cube-reaction-c62-race-2027","title":"Bicicleta CUBE Reaction C:62 Race - 2027","description":"\u003cp\u003eCUBE Reaction C:62 Race 2027 este hardtail-ul de carbon C:62 pentru cross-country și maraton: transmisie Shimano XT Di2 1×12 (casetă 10–51), furcă Fox 32 SC Float Performance, 100 mm, frâne Shimano XT BR-M8200 cu discuri de 180 \/ 160 mm și roți Newmen Performance 30 light\/light Tubeless Ready cu anvelope Schwalbe Racing Ray \/ Schwalbe Racing Ralph.\u003c\/p\u003e\u003cp\u003eCadrul: C:62 Carbon (62 % fibră de carbon) turnat prin Advanced Twin Mold: două forme precise, pentru un cadru ușor, rigid unde trebuie și confortabil unde contează. Geometrie Agile Ride, colier de șa integrat, cabluri interne, Boost 148 și pregătire pentru tijă telescopică.\u003c\/p\u003e\u003cp\u003eGreutate 10,8 kg. Greutate maximă a biciclistului: 100 kg. Mărimi: S, M, L, XL, XXL (roți 29″ S, M, L, XL, XXL). Culori: seagrey'n'black (cod CUBE 1143300), oceanbreeze'n'white (cod CUBE 1143310). Preț recomandat CUBE (RRP) 15.199 lei.\u003c\/p\u003e","brand":"CUBE","offers":[{"title":"seagrey'n'black \/ S","offer_id":58021442453886,"sku":"1143300S","price":15199.0,"currency_code":"RON","in_stock":true},{"title":"seagrey'n'black \/ M","offer_id":58021442486654,"sku":"1143300M","price":15199.0,"currency_code":"RON","in_stock":true},{"title":"seagrey'n'black \/ L","offer_id":58021442519422,"sku":"1143300L","price":15199.0,"currency_code":"RON","in_stock":true},{"title":"seagrey'n'black \/ XL","offer_id":58021442552190,"sku":"1143300XL","price":15199.0,"currency_code":"RON","in_stock":true},{"title":"seagrey'n'black \/ XXL","offer_id":58021442584958,"sku":"1143300XXL","price":15199.0,"currency_code":"RON","in_stock":true},{"title":"oceanbreeze'n'white \/ S","offer_id":58021442617726,"sku":"1143310S","price":15199.0,"currency_code":"RON","in_stock":true},{"title":"oceanbreeze'n'white \/ M","offer_id":58021442650494,"sku":"1143310M","price":15199.0,"currency_code":"RON","in_stock":true},{"title":"oceanbreeze'n'white \/ L","offer_id":58021442683262,"sku":"1143310L","price":15199.0,"currency_code":"RON","in_stock":true},{"title":"oceanbreeze'n'white \/ XL","offer_id":58021442716030,"sku":"1143310XL","price":15199.0,"currency_code":"RON","in_stock":true},{"title":"oceanbreeze'n'white \/ XXL","offer_id":58021442748798,"sku":"1143310XXL","price":15199.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/cube-reaction-c62-race-1143300-s-00.jpg?v=1789289966"}],"url":"https:\/\/www.provelo.ro\/collections\/mountain-bike.oembed?page=4","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}