{"title":"Orbea Alma","description":"\u003cp\u003eOrbea Alma — fără nimic în plus. Hardtail de cross-country pentru senzația directă și viteza pură.\u003c\/p\u003e","products":[{"product_id":"bicicleta-mtb-orbea-alma-m50-cadru-carbon","title":"Bicicleta MTB Orbea ALMA M50 - Cadru carbon","description":"\u003ch2\u003e\u003ca href=\"https:\/\/www.orbea.com\/gb-en\/\" target=\"_blank\" rel=\"noopener\"\u003e\u003cimg class=\"alignnone wp-image-141952 size-medium\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-05-02-at-17_40_45-300x51.png\" alt=\"\" width=\"300\" height=\"51\"\u003e\u003c\/a\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB Orbea ALMA M50 - Cadru carbon\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003e ALMA M50 - Cadru carbon\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDetalii ale bicicletei de munte Orbea Alma M50 XT:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eOMR - Cadrele Orbea Monocoque Race (OMR) combină fibrele de carbon cu un grad ridicat de modularitate și rezistență cu un design standard pentru a optimiza raportul rigiditate-greutate. Utilizarea procesului numit Bladder-Molding cu matrițe EPS și inserții de poliuretan (PU) pe tubul de ghidon și tija pedalierului evită apariția de cute și denivelări în zonele critice ale cadrelor. În același timp, se economisește carbonul fără a compromite rezistența cadrelor.\u003c\/p\u003e\n\u003cp\u003eICR - Cablurile sunt ghidate în mod specific prin interiorul cadrelor astfel încât să nu se frece sau să facă zgomot. Rutarea cablurilor este optimizată atât pentru circuitele mecanice, cât și pentru cele electronice.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ehttps:\/\/youtu.be\/uSc-FpTjOc4\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003eSpecificatii\u003c\/h3\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable id=\"featuresTable\" class=\"table table-rounded w-100 mb-0\" cellspacing=\"0\" cellpadding=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159122\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eCadru\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eOrbea Alma Carbon OMR, Boost 12 x 148, PF BB, Dirijare internă a cablurilor.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159123\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eFurcă\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eTelecomanda RockShox Judy Silver TK Solo Air 100 QR 15 x 110 Boost\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159129\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eSchimbător spate\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eShimano XT M8100 SGS Shadow Plus\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159132\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eCasetă\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eShimano CS-M6100 10-51T, 12 viteze\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159131\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eLanț\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eShimano M6100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159130\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003ePedalier\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eShimano MT511 32T\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159133\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eFrâne\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eShimano MT201 Hydraulic Disc\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159126\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eRoți încurcate\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eOrbea OC1 622x25 mm Tubeless Ready\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159127\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eAnvelope\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eMaxxis Ikon 29x2.20\" FB 60 TPI Dual\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159135\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eTijă șa\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eOC2 forge head 27.2 Offset 0\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159134\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eȘa\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eSelle Italia Model X FecAlloy Rail 145 x 248 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159137\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003ePipă\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eOC1 31,8 mm interfață -7o\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159136\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eGhidon\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eOC1 plat 31,8 mm, 740 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159138\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eCuvetă\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eFSA 1-1\/8 - 1-1\/2\" Integrated\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159125\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eBlocare amortizor\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eRock Shox PopLoc\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"feature\" data-attribute-id=\"159128\" data-dirty=\"0\"\u003e\n\u003ctd class=\"bg-lighter\"\u003e\u003cstrong\u003eManete schimbătoare\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd class=\"\"\u003e\n\u003cdiv class=\"d-sm-flex justify-content-between align-items-center\"\u003e\n\u003cdiv\u003eShimano Deore M6100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003cimg class=\"aligncenter wp-image-141975\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-05-02-at-19_49_43.png\" alt=\"\" width=\"2500\" height=\"957\"\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003eGeometrie si tabel masuri\u003c\/h3\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg class=\"aligncenter wp-image-142003\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-05-02-at-21_02_10-1.png\" alt=\"\" width=\"2500\" height=\"822\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg class=\"aligncenter wp-image-141971\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-05-02-at-19_16_34.png\" alt=\"\" width=\"2500\" height=\"604\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch4\u003e\u003c\/h4\u003e\n\u003ch4 style=\"text-align: center;\"\u003e\u003ca href=\"https:\/\/provelo.ro\/contact\/\"\u003eSe poate vedea si testa la sediul magazinului  de biciclete ProVelo Bucuresti, Sos Nicolae Titulescu 155, S1.\u003c\/a\u003e\u003c\/h4\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cimg class=\"size-medium wp-image-141952 aligncenter\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-05-02-at-17_40_45-300x51.png\" alt=\"\" width=\"300\" height=\"51\"\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv id=\"tab-description\" class=\"woocommerce-Tabs-panel woocommerce-Tabs-panel--description panel entry-content wc-tab\" role=\"tabpanel\" aria-labelledby=\"tab-title-description\"\u003e\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S","offer_id":57489583571326,"sku":"ORBEAALMAM50","price":9999.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57489583604094,"sku":"N21919MA33","price":9999.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57489583636862,"sku":"N21919MA","price":9999.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57489583669630,"sku":"N23209N3-1-1","price":9999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/orbea-alma-m50-powder-black-black-matt-6558d25ae3b5f-1.webp?v=1780243464"},{"product_id":"alma-m50-s-cobalt-blue-gloss-carbon-raw-matt","title":"Bicicleta MTB XC ORBEA ALMA M50","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB XC ORBEA ALMA M50\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290750\" class=\"elementor elementor-290750\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-9e567b1 e-flex e-con-boxed e-con e-parent\" data-id=\"9e567b1\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-ebd8c8d elementor-widget elementor-widget-html\" data-id=\"ebd8c8d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium V2 - Enhanced Edition --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing România --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    \/* ============================================\n       CSS VARIABLES \u0026 DESIGN SYSTEM - ALMA EDITION\n       ============================================ *\/\n    .alma-page {\n        --alma-black: #1d1d1f;\n        --alma-white: #ffffff;\n        --alma-gray-50: #fafafa;\n        --alma-gray-100: #f5f5f7;\n        --alma-gray-200: #e8e8ed;\n        --alma-gray-300: #d2d2d7;\n        --alma-gray-500: #86868b;\n        --alma-gray-600: #6e6e73;\n        --alma-gray-700: #515154;\n        --alma-gray-800: #2d2d2d;\n        --alma-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e        \/* ALMA Signature Colors - Navy Blue (from OFT bike) *\/\n        --alma-green: #0c2340;\n        --alma-green-light: #1a3a5c;\n        --alma-green-dark: #071728;\n        --alma-emerald: #2dd4a8;\n        --alma-teal: #3b82f6;\n        --alma-forest: #1e40af;\u003c\/p\u003e\n\u003cp\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\n\u003cp\u003e        \/* Animation timing functions *\/\n        --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n        --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\n        --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\n        --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n        --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\n       ============================================ *\/\n    .alma-page {\n        width: 100vw !important;\n        max-width: 100vw !important;\n        margin-left: calc(-50vw + 50%) !important;\n        position: relative !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .elementor-widget-container:has(.alma-page),\n    .elementor-element:has(.alma-page) {\n        max-width: 100vw !important;\n        padding: 0 !important;\n        margin: 0 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .elementor-section:has(.alma-page),\n    .elementor-container:has(.alma-page),\n    .elementor-column:has(.alma-page),\n    .elementor-widget:has(.alma-page) {\n        padding: 0 !important;\n        margin: 0 !important;\n        gap: 0 !important;\n        max-width: 100vw !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n       ============================================ *\/\n    .elementor-widget-container .alma-page h1,\n    .elementor-widget-container .alma-page h2,\n    .elementor-widget-container .alma-page h3,\n    .elementor-widget-container .alma-page h4,\n    .elementor-widget-container .alma-page h5,\n    .elementor-widget-container .alma-page h6,\n    .elementor-kit-6 .alma-page h1,\n    .elementor-kit-6 .alma-page h2,\n    .elementor-kit-6 .alma-page h3,\n    .elementor-kit-6 .alma-page h4,\n    .elementor-kit-6 .alma-page h5,\n    .elementor-kit-6 .alma-page h6,\n    .alma-page h1,\n    .alma-page h2,\n    .alma-page h3,\n    .alma-page h4,\n    .alma-page h5,\n    .alma-page h6 {\n        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\n        color: inherit !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .elementor-kit-6 .alma-page h2,\n    .elementor-widget-container .alma-page h2 {\n        font-size: inherit !important;\n        font-weight: inherit !important;\n        line-height: inherit !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       WOOCOMMERCE TAB PANEL H2 OVERRIDE\n       Fix: WooCommerce hides h2:nth-child(1) in product tabs\n       ============================================ *\/\n    .single-product-tabs .woocommerce-Tabs-panel .alma-page h2,\n    .woocommerce-Tabs-panel .alma-page h2,\n    .alma-page h2.alma-title-main,\n    .alma-page h2 {\n        display: block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       RESET \u0026 BASE\n       ============================================ *\/\n    .alma-page {\n        font-family: var(--font-main);\n        color: var(--alma-black);\n        background: var(--alma-white);\n        line-height: 1.5;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        overflow-x: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-page * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-page img,\n    .alma-page video {\n        max-width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       KEYFRAME ANIMATIONS\n       ============================================ *\/\n    @keyframes fadeInUp {\n        0% { opacity: 0; transform: translateY(40px); }\n        100% { opacity: 1; transform: translateY(0); }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes blurFadeIn {\n        0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\n        100% { opacity: 1; filter: blur(0); transform: translateY(0); }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes scaleReveal {\n        0% { opacity: 0; transform: scale(0.95); }\n        100% { opacity: 1; transform: scale(1); }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes gradientFlow {\n        0% { background-position: 0% 50%; }\n        50% { background-position: 100% 50%; }\n        100% { background-position: 0% 50%; }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes shimmer {\n        0% { background-position: -200% center; }\n        100% { background-position: 200% center; }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes float {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-10px); }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes countUp {\n        0% { opacity: 0; transform: translateY(20px); }\n        100% { opacity: 1; transform: translateY(0); }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       TYPOGRAPHY\n       ============================================ *\/\n    .alma-display-hero {\n        font-size: 55px !important;\n        font-weight: 800 !important;\n        letter-spacing: -0.03em !important;\n        line-height: 1 !important;\n        text-transform: uppercase;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-display-xl {\n        font-size: clamp(2.5rem, 6vw, 5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.03em !important;\n        line-height: 1.05 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-display-lg {\n        font-size: clamp(2rem, 5vw, 3.5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.025em !important;\n        line-height: 1.1 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-display-md {\n        font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\n        font-weight: 600 !important;\n        letter-spacing: -0.02em !important;\n        line-height: 1.2 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-body-xl {\n        font-size: clamp(1.125rem, 2vw, 1.375rem);\n        font-weight: 400;\n        line-height: 1.7;\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-body-lg {\n        font-size: clamp(1rem, 1.5vw, 1.125rem);\n        font-weight: 400;\n        line-height: 1.7;\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       APPLE-STYLE TYPOGRAPHY SYSTEM\n       ============================================ *\/\n    .alma-title-group {\n        text-align: center;\n        margin-bottom: 3rem;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-page .alma-title-main,\n    .elementor-kit-6 .alma-page .alma-title-main,\n    .elementor-widget-container .alma-page .alma-title-main {\n        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.03em !important;\n        line-height: 1.1 !important;\n        margin-bottom: 0.25rem !important;\n        display: block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-page .alma-title-secondary,\n    .elementor-kit-6 .alma-page .alma-title-secondary,\n    .elementor-widget-container .alma-page .alma-title-secondary {\n        font-size: clamp(2rem, 5vw, 3.5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.02em !important;\n        line-height: 1.15 !important;\n        color: var(--alma-black) !important;\n        margin-bottom: 1.5rem !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-subtitle-apple {\n        font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n        font-weight: 400;\n        line-height: 1.7;\n        color: var(--alma-gray-600);\n        max-width: 680px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-subtitle-apple strong {\n        color: var(--alma-black);\n        font-weight: 600;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Apple-style gradient variations *\/\n    .alma-gradient-racing,\n    .alma-page .alma-gradient-racing,\n    .elementor-widget-container .alma-gradient-racing {\n        background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 100%) !important;\n        -webkit-background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n        background-clip: text !important;\n        color: transparent !important;\n        display: inline-block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-gradient-emerald,\n    .alma-page .alma-gradient-emerald,\n    .elementor-widget-container .alma-gradient-emerald {\n        background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 100%) !important;\n        -webkit-background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n        background-clip: text !important;\n        color: transparent !important;\n        display: inline-block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-gradient-forest,\n    .alma-page .alma-gradient-forest,\n    .elementor-widget-container .alma-gradient-forest {\n        background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 100%) !important;\n        -webkit-background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n        background-clip: text !important;\n        color: transparent !important;\n        display: inline-block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-gradient-teal,\n    .alma-page .alma-gradient-teal,\n    .elementor-widget-container .alma-gradient-teal {\n        background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 100%) !important;\n        -webkit-background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n        background-clip: text !important;\n        color: transparent !important;\n        display: inline-block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       HERO SECTION - FULL WIDTH VIDEO\n       ============================================ *\/\n    .alma-hero {\n        position: relative;\n        width: 100%;\n        height: 100vh;\n        min-height: 600px;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-hero-video {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        min-height: 100%;\n        object-fit: cover;\n        object-position: center center;\n        z-index: 1;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-hero-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.3);\n        z-index: 2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-hero-content {\n        position: relative;\n        z-index: 3;\n        text-align: center;\n        color: var(--alma-white);\n        padding: 0 24px;\n        max-width: 900px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-hero-title {\n        margin-bottom: 24px;\n        opacity: 0;\n        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-hero-subtitle {\n        font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n        font-weight: 400;\n        line-height: 1.6;\n        max-width: 650px;\n        margin: 0 auto 32px;\n        opacity: 0;\n        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELIMINATE ALL GAPS BETWEEN SECTIONS\n       ============================================ *\/\n    .alma-page section {\n        margin: 0 !important;\n        padding-top: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-page \u003e section + section {\n        margin-top: 0 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       FULL WIDTH IMAGE SECTION\n       ============================================ *\/\n    .alma-fullwidth-image {\n        width: 100%;\n        line-height: 0;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fullwidth-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       HIGHLIGHTS GRID - 3 CARDS\n       ============================================ *\/\n    .alma-highlights-section {\n        padding: 0;\n        background: var(--alma-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlights-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlight-card {\n        position: relative;\n        overflow: hidden;\n        aspect-ratio: 4\/5;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlight-card img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.8s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlight-card:hover img {\n        transform: scale(1.05);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlight-overlay {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        padding: 40px 32px;\n        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlight-title {\n        font-size: clamp(1.5rem, 2.5vw, 2rem);\n        font-weight: 700;\n        color: #ffffff !important;\n        margin-bottom: 12px;\n        line-height: 1.2;\n        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlight-text {\n        font-size: 0.9375rem;\n        color: rgba(255, 255, 255, 0.8);\n        line-height: 1.6;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-highlights-grid {\n            grid-template-columns: 1fr;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-highlight-card {\n            aspect-ratio: 16\/10;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       X-FADER SECTION\n       ============================================ *\/\n    .alma-xfader-section {\n        padding: 120px 24px;\n        background: var(--alma-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-header {\n        text-align: center;\n        max-width: 900px;\n        margin: 0 auto 80px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-header h2 {\n        margin-bottom: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-header p {\n        font-size: clamp(1.125rem, 2vw, 1.25rem);\n        line-height: 1.8;\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-video {\n        border-radius: 32px;\n        overflow: hidden;\n        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n        margin-bottom: 80px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-video video {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-details {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 64px;\n        align-items: start;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-text h3 {\n        font-size: clamp(1.5rem, 3vw, 2rem);\n        font-weight: 700;\n        margin-bottom: 24px;\n        line-height: 1.2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-text p {\n        font-size: 1.0625rem;\n        line-height: 1.8;\n        color: var(--alma-gray-600);\n        margin-bottom: 24px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-text p:last-child {\n        margin-bottom: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-xfader-details {\n            grid-template-columns: 1fr;\n            gap: 48px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       CARBON SECTION\n       ============================================ *\/\n    .alma-carbon-section {\n        padding: 120px 24px;\n        background: var(--alma-gray-100);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-header {\n        text-align: center;\n        max-width: 900px;\n        margin: 0 auto 64px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-header h2 {\n        margin-bottom: 24px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-header p {\n        font-size: clamp(1.125rem, 2vw, 1.25rem);\n        line-height: 1.8;\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-main-image {\n        border-radius: 32px;\n        overflow: hidden;\n        margin-bottom: 48px;\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-main-image img {\n        width: 100%;\n        height: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-features {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card {\n        background: var(--alma-white);\n        border-radius: 24px;\n        overflow: hidden;\n        transition: all 0.5s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card-image {\n        aspect-ratio: 16\/10;\n        overflow: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card:hover .alma-carbon-card-image img {\n        transform: scale(1.05);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card-content {\n        padding: 28px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card-title {\n        font-size: 1.25rem;\n        font-weight: 700;\n        margin-bottom: 12px;\n        color: var(--alma-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card-text {\n        font-size: 0.9375rem;\n        line-height: 1.7;\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-carbon-features {\n            grid-template-columns: 1fr;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       GEOMETRY SECTION - NEW\n       ============================================ *\/\n    .alma-geometry-section {\n        padding: 120px 24px;\n        background: var(--alma-gray-100);\n        color: var(--alma-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-section .alma-title-main,\n    .alma-geometry-section .alma-title-secondary {\n        color: var(--alma-black) !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-section .alma-subtitle-apple {\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-section .alma-subtitle-apple strong {\n        color: var(--alma-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Stat Numbers Grid *\/\n    .alma-stats-grid {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 24px;\n        margin-bottom: 80px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-stat-item {\n        text-align: center;\n        padding: 32px 16px;\n        background: var(--alma-white);\n        border-radius: 20px;\n        border: 1px solid var(--alma-gray-200);\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n        transition: all 0.4s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-stat-item:hover {\n        border-color: rgba(59, 130, 246, 0.3);\n        transform: translateY(-4px);\n        box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-stat-number {\n        font-size: clamp(2rem, 4vw, 3.5rem);\n        font-weight: 800;\n        letter-spacing: -0.03em;\n        line-height: 1;\n        margin-bottom: 8px;\n        background: linear-gradient(135deg, #0c2340, #3b82f6);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-stat-label {\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: var(--alma-gray-500);\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Geometry Diagram + Details *\/\n    .alma-geometry-content {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 64px;\n        align-items: center;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-image {\n        border-radius: 24px;\n        overflow: hidden;\n        background: var(--alma-white);\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-image img {\n        width: 100%;\n        height: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-details {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geo-detail-item {\n        padding: 20px;\n        background: var(--alma-white);\n        border-radius: 16px;\n        border: 1px solid var(--alma-gray-200);\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geo-detail-value {\n        font-size: 1.5rem;\n        font-weight: 700;\n        color: #0c2340;\n        margin-bottom: 4px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geo-detail-label {\n        font-size: 0.8125rem;\n        color: var(--alma-gray-500);\n        text-transform: uppercase;\n        letter-spacing: 0.04em;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 1100px) {\n        .alma-stats-grid {\n            grid-template-columns: repeat(3, 1fr);\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-geometry-content {\n            grid-template-columns: 1fr;\n            gap: 48px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-stats-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-geometry-section {\n            padding: 80px 20px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 600px) {\n        .alma-stats-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-stat-item {\n            padding: 24px 12px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       FORK SECTION - NEW\n       ============================================ *\/\n    .alma-fork-section {\n        padding: 120px 24px;\n        background: var(--alma-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-layout {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px;\n        align-items: center;\n        margin-top: 64px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-image {\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-image img {\n        width: 100%;\n        height: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-content h3 {\n        font-size: clamp(1.5rem, 3vw, 2rem);\n        font-weight: 700;\n        margin-bottom: 20px;\n        line-height: 1.2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-content p {\n        font-size: 1.0625rem;\n        line-height: 1.8;\n        color: var(--alma-gray-600);\n        margin-bottom: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-modes {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-mode {\n        display: flex;\n        align-items: flex-start;\n        gap: 16px;\n        padding: 20px;\n        background: var(--alma-gray-50);\n        border-radius: 16px;\n        transition: all 0.3s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-mode:hover {\n        background: var(--alma-gray-100);\n        transform: translateX(4px);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-mode-icon {\n        width: 44px;\n        height: 44px;\n        border-radius: 12px;\n        background: var(--alma-green);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-mode-icon svg {\n        width: 22px;\n        height: 22px;\n        color: var(--alma-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-mode-name {\n        font-size: 1rem;\n        font-weight: 700;\n        color: var(--alma-black);\n        margin-bottom: 4px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-mode-desc {\n        font-size: 0.875rem;\n        color: var(--alma-gray-600);\n        line-height: 1.5;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-fork-layout {\n            grid-template-columns: 1fr;\n            gap: 48px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-fork-section {\n            padding: 80px 20px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       TYRE CLEARANCE SECTION - NEW\n       ============================================ *\/\n    .alma-tyre-section {\n        padding: 120px 24px;\n        background: var(--alma-gray-100);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-layout {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px;\n        align-items: center;\n        margin-top: 64px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-image {\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n        order: 2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-image img {\n        width: 100%;\n        height: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-content {\n        order: 1;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-content h3 {\n        font-size: clamp(1.5rem, 3vw, 2rem);\n        font-weight: 700;\n        margin-bottom: 20px;\n        line-height: 1.2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-content p {\n        font-size: 1.0625rem;\n        line-height: 1.8;\n        color: var(--alma-gray-600);\n        margin-bottom: 24px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-content p:last-child {\n        margin-bottom: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 10px 20px;\n        background: var(--alma-green);\n        color: var(--alma-white);\n        font-size: 0.9375rem;\n        font-weight: 600;\n        border-radius: 50px;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-tyre-layout {\n            grid-template-columns: 1fr;\n            gap: 48px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-tyre-image { order: 1; }\n        .alma-tyre-content { order: 2; }\u003c\/p\u003e\n\u003cp\u003e        .alma-tyre-section {\n            padding: 80px 20px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       COCKPIT INTEGRATION SECTION\n       ============================================ *\/\n    .alma-cockpit-section {\n        padding: 120px 40px;\n        background: var(--alma-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-cockpit-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-cockpit-video {\n        border-radius: 32px;\n        overflow: hidden;\n        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n        margin-bottom: 60px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-cockpit-video video {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-integration-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        grid-template-rows: repeat(2, 1fr);\n        gap: 16px;\n        margin-top: 60px;\n        width: 100%;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-integration-item {\n        position: relative;\n        aspect-ratio: 1\/1;\n        border-radius: 20px;\n        overflow: hidden;\n        cursor: pointer;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-integration-item img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-integration-item:hover img {\n        transform: scale(1.08);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-integration-overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\n        pointer-events: none;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-integration-title {\n        position: absolute;\n        bottom: 20px;\n        left: 20px;\n        right: 20px;\n        color: #ffffff !important;\n        font-size: 1.125rem;\n        font-weight: 700;\n        line-height: 1.3;\n        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n        z-index: 2;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-integration-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-integration-title {\n            font-size: 1rem;\n            bottom: 16px;\n            left: 16px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 600px) {\n        .alma-integration-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 10px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-cockpit-section {\n            padding: 80px 20px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-cockpit-video {\n            border-radius: 20px;\n            margin-bottom: 40px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-integration-item {\n            border-radius: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-integration-title {\n            font-size: 0.875rem;\n            bottom: 12px;\n            left: 12px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       DROPPER + SQUIDLOCK SECTION - NEW\n       ============================================ *\/\n    .alma-dropper-section {\n        padding: 120px 24px;\n        background: var(--alma-gray-100);\n        color: var(--alma-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-section .alma-title-main,\n    .alma-dropper-section .alma-title-secondary {\n        color: var(--alma-black) !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-section .alma-subtitle-apple {\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-section .alma-subtitle-apple strong {\n        color: var(--alma-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 32px;\n        margin-top: 64px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card {\n        border-radius: 24px;\n        overflow: hidden;\n        background: var(--alma-white);\n        border: 1px solid var(--alma-gray-200);\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n        transition: all 0.5s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card:hover {\n        border-color: rgba(59, 130, 246, 0.3);\n        transform: translateY(-4px);\n        box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-video {\n        aspect-ratio: 16\/9;\n        overflow: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-video video {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-image {\n        aspect-ratio: 16\/10;\n        overflow: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-content {\n        padding: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-title {\n        font-size: 1.375rem;\n        font-weight: 700;\n        margin-bottom: 12px;\n        color: var(--alma-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-text {\n        font-size: 0.9375rem;\n        line-height: 1.7;\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-text strong {\n        color: #0c2340;\n        font-weight: 600;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-stat {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        margin-top: 16px;\n        padding: 8px 16px;\n        background: rgba(12, 35, 64, 0.08);\n        border-radius: 50px;\n        font-size: 0.875rem;\n        font-weight: 600;\n        color: #0c2340;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-dropper-grid {\n            grid-template-columns: 1fr;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-dropper-section {\n            padding: 80px 20px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       SMART DETAILS SECTION - NEW\n       ============================================ *\/\n    .alma-smart-section {\n        padding: 120px 24px;\n        background: var(--alma-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-smart-container {\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305309054,"sku":"S21703F8","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494305341822,"sku":"S21703FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57494305374590,"sku":"S21703FB","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305407358,"sku":"S21705F8","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494305440126,"sku":"S21705FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57494305472894,"sku":"S21705FB","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305505662,"sku":"S21707F8","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494305538430,"sku":"S21707FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57494305571198,"sku":"S21707FB","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305603966,"sku":"S21709F8","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494305636734,"sku":"S21709FA","price":10599.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57494305669502,"sku":"S21709FB","price":10599.7,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/S217TTCC-F8-SIDE-ALMA_M50.jpg?v=1780304935"},{"product_id":"alma-m30-s-cobalt-blue-gloss-carbon-raw-matt","title":"ALMA M30 S Cobalt Blue (Gloss) - Carbon Raw (Matt)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305735038,"sku":"S21803F8","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494305767806,"sku":"S21803F9","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494305800574,"sku":"S21803FA","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57494305833342,"sku":"S21803FB","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305866110,"sku":"S21805F8","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494305898878,"sku":"S21805F9","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494305931646,"sku":"S21805FA","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57494305964414,"sku":"S21805FB","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494305997182,"sku":"S21807F8","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494306029950,"sku":"S21807F9","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494306062718,"sku":"S21807FA","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57494306095486,"sku":"S21807FB","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494306128254,"sku":"S21809F8","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494306161022,"sku":"S21809F9","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494306193790,"sku":"S21809FA","price":13250.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57494306226558,"sku":"S21809FB","price":13250.95,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/S218TTCC-F8-SIDE-ALMA_M30.jpg?v=1780304940"},{"product_id":"alma-m20-s-cobalt-blue-gloss-carbon-raw-matt","title":"ALMA M20 S Cobalt Blue (Gloss) - Carbon Raw (Matt)","description":"","brand":"ORBEA","offers":[{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494306750846,"sku":"S21903F8","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494306783614,"sku":"S21903F9","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494306816382,"sku":"S21903FA","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57494306849150,"sku":"S21903FB","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494306881918,"sku":"S21905F8","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494306914686,"sku":"S21905F9","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494306947454,"sku":"S21905FA","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57494306980222,"sku":"S21905FB","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494307012990,"sku":"S21907F8","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494307045758,"sku":"S21907F9","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494307078526,"sku":"S21907FA","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57494307111294,"sku":"S21907FB","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494307144062,"sku":"S21909F8","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494307176830,"sku":"S21909F9","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494307209598,"sku":"S21909FA","price":17492.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57494307242366,"sku":"S21909FB","price":17492.95,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/S219TTCC-F8-SIDE-ALMA_M20.jpg?v=1780304965"},{"product_id":"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":"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":9539.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57495517954430,"sku":"T21903F9","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57495517987198,"sku":"T21903FA","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57495518019966,"sku":"T21905F8","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57495518052734,"sku":"T21905F9","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57495518085502,"sku":"T21905FA","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57495518118270,"sku":"T21907F8","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57495518151038,"sku":"T21907F9","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57495518183806,"sku":"T21907FA","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57495518216574,"sku":"T21909F8","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57495518249342,"sku":"T21909F9","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57495518282110,"sku":"T21909FA","price":9539.2,"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":"alma-h30-s-halo-silver-tanzanite-gloss","title":"Bicicletă MTB XC ORBEA ALMA H30","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA H30\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291226\" class=\"elementor elementor-291226\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-07efa6e e-flex e-con-boxed e-con e-parent\" data-id=\"07efa6e\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-90ea257 elementor-widget elementor-widget-html\" data-id=\"90ea257\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ALMA Aluminiu - Landing Page Premium - H20 \u0026 H30 --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ALMA aluminiu, bicicletă mountain bike hardtail XC, Alma H20 H30 România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e    \/* ============================================\u003cbr \/\u003e       GLOBAL OVERFLOW FIX\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    html, body {\u003cbr \/\u003e        overflow-x: hidden !important;\u003cbr \/\u003e        max-width: 100% !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       CSS VARIABLES \u0026 DESIGN SYSTEM - ALMA ALU EDITION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        --alma-black: #1d1d1f;\u003cbr \/\u003e        --alma-white: #ffffff;\u003cbr \/\u003e        --alma-gray-50: #fafafa;\u003cbr \/\u003e        --alma-gray-100: #f5f5f7;\u003cbr \/\u003e        --alma-gray-200: #e8e8ed;\u003cbr \/\u003e        --alma-gray-300: #d2d2d7;\u003cbr \/\u003e        --alma-gray-500: #86868b;\u003cbr \/\u003e        --alma-gray-600: #6e6e73;\u003cbr \/\u003e        --alma-gray-700: #515154;\u003cbr \/\u003e        --alma-gray-800: #2d2d2d;\u003cbr \/\u003e        --alma-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ALMA Signature Colors - Navy Blue *\/\u003cbr \/\u003e        --alma-green: #0c2340;\u003cbr \/\u003e        --alma-green-light: #1a3a5c;\u003cbr \/\u003e        --alma-green-dark: #071728;\u003cbr \/\u003e        --alma-emerald: #2dd4a8;\u003cbr \/\u003e        --alma-teal: #3b82f6;\u003cbr \/\u003e        --alma-forest: #1e40af;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Animation timing functions *\/\u003cbr \/\u003e        --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e        --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\u003cbr \/\u003e        --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\u003cbr \/\u003e        --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e        --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e       JS sets exact negative margin on .alma-page\u003cbr \/\u003e       JS adds .alma-fw-parent on all ancestors\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        width: 100vw !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        position: relative !important;\u003cbr \/\u003e        overflow: hidden !important;\u003cbr \/\u003e        box-sizing: border-box !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ALL SCREENS: Reset all ancestors marked by JS *\/\u003cbr \/\u003e    .alma-fw-parent {\u003cbr \/\u003e        padding-left: 0 !important;\u003cbr \/\u003e        padding-right: 0 !important;\u003cbr \/\u003e        margin-left: 0 !important;\u003cbr \/\u003e        margin-right: 0 !important;\u003cbr \/\u003e        border-radius: 0 !important;\u003cbr \/\u003e        overflow: hidden !important;\u003cbr \/\u003e        box-sizing: border-box !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container .alma-page h1,\u003cbr \/\u003e    .elementor-widget-container .alma-page h2,\u003cbr \/\u003e    .elementor-widget-container .alma-page h3,\u003cbr \/\u003e    .elementor-widget-container .alma-page h4,\u003cbr \/\u003e    .elementor-widget-container .alma-page h5,\u003cbr \/\u003e    .elementor-widget-container .alma-page h6,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h1,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h3,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h4,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h5,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h6,\u003cbr \/\u003e    .alma-page h1,\u003cbr \/\u003e    .alma-page h2,\u003cbr \/\u003e    .alma-page h3,\u003cbr \/\u003e    .alma-page h4,\u003cbr \/\u003e    .alma-page h5,\u003cbr \/\u003e    .alma-page h6 {\u003cbr \/\u003e        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e        color: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e    .elementor-widget-container .alma-page h2 {\u003cbr \/\u003e        font-size: inherit !important;\u003cbr \/\u003e        font-weight: inherit !important;\u003cbr \/\u003e        line-height: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .single-product-tabs .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e    .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e    .alma-page h2.alma-title-main,\u003cbr \/\u003e    .alma-page h2 {\u003cbr \/\u003e        display: block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESET \u0026 BASE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e        -webkit-font-smoothing: antialiased;\u003cbr \/\u003e        -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e        overflow-x: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page * {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page img,\u003cbr \/\u003e    .alma-page video {\u003cbr \/\u003e        max-width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       KEYFRAME ANIMATIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @keyframes fadeInUp {\u003cbr \/\u003e        0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e        100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes blurFadeIn {\u003cbr \/\u003e        0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e        100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes scaleReveal {\u003cbr \/\u003e        0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e        100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes gradientFlow {\u003cbr \/\u003e        0% { background-position: 0% 50%; }\u003cbr \/\u003e        50% { background-position: 100% 50%; }\u003cbr \/\u003e        100% { background-position: 0% 50%; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes shimmer {\u003cbr \/\u003e        0% { background-position: -200% center; }\u003cbr \/\u003e        100% { background-position: 200% center; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes float {\u003cbr \/\u003e        0%, 100% { transform: translateY(0); }\u003cbr \/\u003e        50% { transform: translateY(-10px); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-display-hero {\u003cbr \/\u003e        font-size: clamp(2.5rem, 10vw, 55px) !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1 !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-xl {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.05 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-body-xl {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-body-lg {\u003cbr \/\u003e        font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-title-group {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-bottom: 3rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page .alma-title-main,\u003cbr \/\u003e    .elementor-kit-6 .alma-page .alma-title-main,\u003cbr \/\u003e    .elementor-widget-container .alma-page .alma-title-main {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e        margin-bottom: 0.25rem !important;\u003cbr \/\u003e        display: block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page .alma-title-secondary,\u003cbr \/\u003e    .elementor-kit-6 .alma-page .alma-title-secondary,\u003cbr \/\u003e    .elementor-widget-container .alma-page .alma-title-secondary {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.15 !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e        margin-bottom: 1.5rem !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-subtitle-apple {\u003cbr \/\u003e        font-size: clamp(1.0625rem, 2vw, 1.3125rem) !important;\u003cbr \/\u003e        font-weight: 400 !important;\u003cbr \/\u003e        line-height: 1.7 !important;\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e        max-width: 680px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Apple-style gradient variations *\/\u003cbr \/\u003e    .alma-gradient-racing,\u003cbr \/\u003e    .alma-page .alma-gradient-racing,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-racing {\u003cbr \/\u003e        background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-emerald,\u003cbr \/\u003e    .alma-page .alma-gradient-emerald,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-emerald {\u003cbr \/\u003e        background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-forest,\u003cbr \/\u003e    .alma-page .alma-gradient-forest,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-forest {\u003cbr \/\u003e        background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-teal,\u003cbr \/\u003e    .alma-page .alma-gradient-teal,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-teal {\u003cbr \/\u003e        background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Alloy-specific gradient - silver\/steel *\/\u003cbr \/\u003e    .alma-gradient-alloy,\u003cbr \/\u003e    .alma-page .alma-gradient-alloy,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-alloy {\u003cbr \/\u003e        background: linear-gradient(90deg, #374151 0%, #6b7280 30%, #9ca3af 55%, #3b82f6 80%, #6b7280 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HERO SECTION - FULL WIDTH IMAGE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-hero {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100vh;\u003cbr \/\u003e        min-height: 600px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-video {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-image {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        background: rgba(0, 0, 0, 0.35);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-content {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 3;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        padding: 0 24px;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-title {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-subtitle {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2.5vw, 1.5rem) !important;\u003cbr \/\u003e        font-weight: 400 !important;\u003cbr \/\u003e        line-height: 1.6 !important;\u003cbr \/\u003e        max-width: 650px;\u003cbr \/\u003e        margin: 0 auto 32px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-badge {\u003cbr \/\u003e        display: inline-block;\u003cbr \/\u003e        padding: 8px 24px;\u003cbr \/\u003e        background: rgba(255,255,255,0.15);\u003cbr \/\u003e        backdrop-filter: blur(10px);\u003cbr \/\u003e        border: 1px solid rgba(255,255,255,0.25);\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        letter-spacing: 0.08em;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        color: rgba(255,255,255,0.9);\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.1s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page section {\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding-top: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page \u003e section + section {\u003cbr \/\u003e        margin-top: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FULL WIDTH IMAGE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-fullwidth-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fullwidth-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-highlights-section {\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlights-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 4\/5;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card:hover img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        padding: 40px 32px;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-title {\u003cbr \/\u003e        font-size: clamp(1.5rem, 2.5vw, 2rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e        margin-bottom: 12px !important;\u003cbr \/\u003e        line-height: 1.2 !important;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-text {\u003cbr \/\u003e        font-size: 0.9375rem !important;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.85) !important;\u003cbr \/\u003e        -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;\u003cbr \/\u003e        line-height: 1.6 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-highlights-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-highlight-card {\u003cbr \/\u003e            aspect-ratio: 16\/10;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ALLOY FRAME SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-alloy-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-header h2 {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-header p {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.25rem) !important;\u003cbr \/\u003e        line-height: 1.8 !important;\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-main-image {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        margin-bottom: 48px;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-main-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-features {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card {\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e        border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card:hover {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e        border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card-icon {\u003cbr \/\u003e        padding: 32px 28px 0;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card-icon svg {\u003cbr \/\u003e        width: 48px;\u003cbr \/\u003e        height: 48px;\u003cbr \/\u003e        color: var(--alma-green);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card-content {\u003cbr \/\u003e        padding: 24px 28px 28px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card-title {\u003cbr \/\u003e        font-size: 1.25rem !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        margin-bottom: 12px !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card-text {\u003cbr \/\u003e        font-size: 0.9375rem !important;\u003cbr \/\u003e        line-height: 1.7 !important;\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-alloy-features {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       GEOMETRY SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-geometry-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-section .alma-title-main,\u003cbr \/\u003e    .alma-geometry-section .alma-title-secondary {\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-section .alma-subtitle-apple {\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-section .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Stat Numbers Grid *\/\u003cbr \/\u003e    .alma-stats-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(5, 1fr);\u003cbr \/\u003e        gap: 24px;\u003cbr \/\u003e        margin-bottom: 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-item {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 32px 16px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e        transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-item:hover {\u003cbr \/\u003e        border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e        transform: translateY(-4px);\u003cbr \/\u003e        box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-number {\u003cbr \/\u003e        font-size: clamp(2rem, 4vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1 !important;\u003cbr \/\u003e        margin-bottom: 8px !important;\u003cbr \/\u003e        background: linear-gradient(135deg, #0c2340, #3b82f6) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-label {\u003cbr \/\u003e        font-size: 0.875rem !important;\u003cbr \/\u003e        font-weight: 500 !important;\u003cbr \/\u003e        color: var(--alma-gray-500) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-500) !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.05em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Geometry Diagram + Details *\/\u003cbr \/\u003e    .alma-geometry-content {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 64px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-details {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geo-detail-item {\u003cbr \/\u003e        padding: 20px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geo-detail-value {\u003cbr \/\u003e        font-size: 1.5rem !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        color: #0c2340 !important;\u003cbr \/\u003e        -webkit-text-fill-color: #0c2340 !important;\u003cbr \/\u003e        margin-bottom: 4px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geo-detail-label {\u003cbr \/\u003e        font-size: 0.8125rem !important;\u003cbr \/\u003e        color: var(--alma-gray-500) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-500) !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.04em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 1100px) {\u003cbr \/\u003e        .alma-stats-grid {\u003cbr \/\u003e            grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-geometry-content {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-stats-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-geometry-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .alma-stats-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-stat-item {\u003cbr \/\u003e            padding: 24px 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FORK SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-fork-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-layout {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 80px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-content h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        margin-bottom: 20px !important;\u003cbr \/\u003e        line-height: 1.2 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-content p {\u003cbr \/\u003e        font-size: 1.0625rem !important;\u003cbr \/\u003e        line-height: 1.8 !important;\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e        margin-bottom: 32px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-modes {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: flex-start;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        padding: 20px;\u003cbr \/\u003e        background: var(--alma-gray-50);\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode:hover {\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e        transform: translateX(4px);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-icon {\u003cbr \/\u003e        width: 44px;\u003cbr \/\u003e        height: 44px;\u003cbr \/\u003e        border-radius: 12px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-icon svg {\u003cbr \/\u003e        width: 22px;\u003cbr \/\u003e        height: 22px;\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-name {\u003cbr \/\u003e        font-size: 1rem !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e        margin-bottom: 4px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-desc {\u003cbr \/\u003e        font-size: 0.875rem !important;\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e        line-height: 1.5 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-fork-layout {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-fork-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYRE CLEARANCE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-tyre-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-layout {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 80px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e        order: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content {\u003cbr \/\u003e        order: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        margin-bottom: 20px !important;\u003cbr \/\u003e        line-height: 1.2 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content p {\u003cbr \/\u003e        font-size: 1.0625rem !important;\u003cbr \/\u003e        line-height: 1.8 !important;\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e        margin-bottom: 24px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content p:last-of-type {\u003cbr \/\u003e        margin-bottom: 24px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-badge {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 8px;\u003cbr \/\u003e        padding: 10px 20px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        font-size: 0.9375rem !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-tyre-layout {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-tyre-image { order: 1; }\u003cbr \/\u003e        .alma-tyre-content { order: 2; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-tyre-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       MODEL COMPARISON SECTION - H20 vs H30\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-models-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-models-container {\u003cbr \/\u003e        max-width: 1100px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-models-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    a.alma-model-card,\u003cbr \/\u003e    .alma-model-card {\u003cbr \/\u003e        display: block;\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--alma-gray-50);\u003cbr \/\u003e        border: 2px solid var(--alma-gray-200);\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        text-decoration: none !important;\u003cbr \/\u003e        color: inherit !important;\u003cbr \/\u003e        -webkit-text-fill-color: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-card:hover {\u003cbr \/\u003e        border-color: rgba(59, 130, 246, 0.4);\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-card.featured {\u003cbr \/\u003e        border-color: var(--alma-teal);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-badge {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 16px;\u003cbr \/\u003e        right: 16px;\u003cbr \/\u003e        padding: 6px 14px;\u003cbr \/\u003e        background: var(--alma-teal);\u003cbr \/\u003e        color: white;\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.06em;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-image {\u003cbr \/\u003e        aspect-ratio: 16\/10;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: contain;\u003cbr \/\u003e        padding: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-content {\u003cbr \/\u003e        padding: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-name {\u003cbr \/\u003e        font-size: 1.75rem !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e        margin-bottom: 4px !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-price {\u003cbr \/\u003e        font-size: 1.25rem !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        color: var(--alma-green) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-green) !important;\u003cbr \/\u003e        margin-bottom: 20px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-specs {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        gap: 12px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-spec {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: space-between;\u003cbr \/\u003e        align-items: flex-start;\u003cbr \/\u003e        padding: 10px 0;\u003cbr \/\u003e        border-bottom: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        gap: 12px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-spec:last-child {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-spec-label {\u003cbr \/\u003e        font-size: 0.8125rem !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.04em;\u003cbr \/\u003e        color: var(--alma-gray-500) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-500) !important;\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e        min-width: 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-spec-value {\u003cbr \/\u003e        font-size: 0.9375rem !important;\u003cbr \/\u003e        font-weight: 500 !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e        text-align: right;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-cta {\u003cbr \/\u003e        margin-top: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-btn {\u003cbr \/\u003e        display: block;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 14px 24px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        color: var(--alma-white) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-white) !important;\u003cbr \/\u003e        font-size: 1rem !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        text-decoration: none;\u003cbr \/\u003e        transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-btn:hover {\u003cbr \/\u003e        background: var(--alma-green-light);\u003cbr \/\u003e        transform: scale(1.02);\u003cbr \/\u003e        box-shadow: 0 15px 40px -10px rgba(12, 35, 64, 0.4);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-models-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-models-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       COMPARISON TABLE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-comparison-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396366206,"sku":"T21003M1","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396398974,"sku":"T21003M2","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396431742,"sku":"T21005M1","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396464510,"sku":"T21005M2","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396497278,"sku":"T21007M1","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396530046,"sku":"T21007M2","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396562814,"sku":"T21009M1","price":4799.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396595582,"sku":"T21009M2","price":4799.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T210TTCC-M1-SIDE-ALMA_H30-1_b2ba64d1-7c4c-4bf2-a6f7-5c242a593367.jpg?v=1780337065"},{"product_id":"alma-h20-s-halo-silver-tanzanite-gloss","title":"Bicicletă MTB XC ORBEA ALMA H20","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA H20\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291226\" class=\"elementor elementor-291226\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-07efa6e e-flex e-con-boxed e-con e-parent\" data-id=\"07efa6e\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-90ea257 elementor-widget elementor-widget-html\" data-id=\"90ea257\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ALMA Aluminiu - Landing Page Premium - H20 \u0026 H30 --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ALMA aluminiu, bicicletă mountain bike hardtail XC, Alma H20 H30 România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e    \/* ============================================\u003cbr \/\u003e       GLOBAL OVERFLOW FIX\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    html, body {\u003cbr \/\u003e        overflow-x: hidden !important;\u003cbr \/\u003e        max-width: 100% !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       CSS VARIABLES \u0026 DESIGN SYSTEM - ALMA ALU EDITION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        --alma-black: #1d1d1f;\u003cbr \/\u003e        --alma-white: #ffffff;\u003cbr \/\u003e        --alma-gray-50: #fafafa;\u003cbr \/\u003e        --alma-gray-100: #f5f5f7;\u003cbr \/\u003e        --alma-gray-200: #e8e8ed;\u003cbr \/\u003e        --alma-gray-300: #d2d2d7;\u003cbr \/\u003e        --alma-gray-500: #86868b;\u003cbr \/\u003e        --alma-gray-600: #6e6e73;\u003cbr \/\u003e        --alma-gray-700: #515154;\u003cbr \/\u003e        --alma-gray-800: #2d2d2d;\u003cbr \/\u003e        --alma-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ALMA Signature Colors - Navy Blue *\/\u003cbr \/\u003e        --alma-green: #0c2340;\u003cbr \/\u003e        --alma-green-light: #1a3a5c;\u003cbr \/\u003e        --alma-green-dark: #071728;\u003cbr \/\u003e        --alma-emerald: #2dd4a8;\u003cbr \/\u003e        --alma-teal: #3b82f6;\u003cbr \/\u003e        --alma-forest: #1e40af;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Animation timing functions *\/\u003cbr \/\u003e        --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e        --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\u003cbr \/\u003e        --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\u003cbr \/\u003e        --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e        --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e       JS sets exact negative margin on .alma-page\u003cbr \/\u003e       JS adds .alma-fw-parent on all ancestors\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        width: 100vw !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        position: relative !important;\u003cbr \/\u003e        overflow: hidden !important;\u003cbr \/\u003e        box-sizing: border-box !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ALL SCREENS: Reset all ancestors marked by JS *\/\u003cbr \/\u003e    .alma-fw-parent {\u003cbr \/\u003e        padding-left: 0 !important;\u003cbr \/\u003e        padding-right: 0 !important;\u003cbr \/\u003e        margin-left: 0 !important;\u003cbr \/\u003e        margin-right: 0 !important;\u003cbr \/\u003e        border-radius: 0 !important;\u003cbr \/\u003e        overflow: hidden !important;\u003cbr \/\u003e        box-sizing: border-box !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container .alma-page h1,\u003cbr \/\u003e    .elementor-widget-container .alma-page h2,\u003cbr \/\u003e    .elementor-widget-container .alma-page h3,\u003cbr \/\u003e    .elementor-widget-container .alma-page h4,\u003cbr \/\u003e    .elementor-widget-container .alma-page h5,\u003cbr \/\u003e    .elementor-widget-container .alma-page h6,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h1,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h3,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h4,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h5,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h6,\u003cbr \/\u003e    .alma-page h1,\u003cbr \/\u003e    .alma-page h2,\u003cbr \/\u003e    .alma-page h3,\u003cbr \/\u003e    .alma-page h4,\u003cbr \/\u003e    .alma-page h5,\u003cbr \/\u003e    .alma-page h6 {\u003cbr \/\u003e        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e        color: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e    .elementor-widget-container .alma-page h2 {\u003cbr \/\u003e        font-size: inherit !important;\u003cbr \/\u003e        font-weight: inherit !important;\u003cbr \/\u003e        line-height: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .single-product-tabs .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e    .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e    .alma-page h2.alma-title-main,\u003cbr \/\u003e    .alma-page h2 {\u003cbr \/\u003e        display: block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESET \u0026 BASE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e        -webkit-font-smoothing: antialiased;\u003cbr \/\u003e        -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e        overflow-x: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page * {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page img,\u003cbr \/\u003e    .alma-page video {\u003cbr \/\u003e        max-width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       KEYFRAME ANIMATIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @keyframes fadeInUp {\u003cbr \/\u003e        0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e        100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes blurFadeIn {\u003cbr \/\u003e        0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e        100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes scaleReveal {\u003cbr \/\u003e        0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e        100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes gradientFlow {\u003cbr \/\u003e        0% { background-position: 0% 50%; }\u003cbr \/\u003e        50% { background-position: 100% 50%; }\u003cbr \/\u003e        100% { background-position: 0% 50%; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes shimmer {\u003cbr \/\u003e        0% { background-position: -200% center; }\u003cbr \/\u003e        100% { background-position: 200% center; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes float {\u003cbr \/\u003e        0%, 100% { transform: translateY(0); }\u003cbr \/\u003e        50% { transform: translateY(-10px); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-display-hero {\u003cbr \/\u003e        font-size: clamp(2.5rem, 10vw, 55px) !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1 !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-xl {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.05 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-body-xl {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-body-lg {\u003cbr \/\u003e        font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-title-group {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-bottom: 3rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page .alma-title-main,\u003cbr \/\u003e    .elementor-kit-6 .alma-page .alma-title-main,\u003cbr \/\u003e    .elementor-widget-container .alma-page .alma-title-main {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e        margin-bottom: 0.25rem !important;\u003cbr \/\u003e        display: block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page .alma-title-secondary,\u003cbr \/\u003e    .elementor-kit-6 .alma-page .alma-title-secondary,\u003cbr \/\u003e    .elementor-widget-container .alma-page .alma-title-secondary {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.15 !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e        margin-bottom: 1.5rem !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-subtitle-apple {\u003cbr \/\u003e        font-size: clamp(1.0625rem, 2vw, 1.3125rem) !important;\u003cbr \/\u003e        font-weight: 400 !important;\u003cbr \/\u003e        line-height: 1.7 !important;\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e        max-width: 680px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Apple-style gradient variations *\/\u003cbr \/\u003e    .alma-gradient-racing,\u003cbr \/\u003e    .alma-page .alma-gradient-racing,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-racing {\u003cbr \/\u003e        background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-emerald,\u003cbr \/\u003e    .alma-page .alma-gradient-emerald,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-emerald {\u003cbr \/\u003e        background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-forest,\u003cbr \/\u003e    .alma-page .alma-gradient-forest,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-forest {\u003cbr \/\u003e        background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-teal,\u003cbr \/\u003e    .alma-page .alma-gradient-teal,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-teal {\u003cbr \/\u003e        background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Alloy-specific gradient - silver\/steel *\/\u003cbr \/\u003e    .alma-gradient-alloy,\u003cbr \/\u003e    .alma-page .alma-gradient-alloy,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-alloy {\u003cbr \/\u003e        background: linear-gradient(90deg, #374151 0%, #6b7280 30%, #9ca3af 55%, #3b82f6 80%, #6b7280 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HERO SECTION - FULL WIDTH IMAGE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-hero {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100vh;\u003cbr \/\u003e        min-height: 600px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-video {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-image {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        background: rgba(0, 0, 0, 0.35);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-content {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 3;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        padding: 0 24px;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-title {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-subtitle {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2.5vw, 1.5rem) !important;\u003cbr \/\u003e        font-weight: 400 !important;\u003cbr \/\u003e        line-height: 1.6 !important;\u003cbr \/\u003e        max-width: 650px;\u003cbr \/\u003e        margin: 0 auto 32px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-badge {\u003cbr \/\u003e        display: inline-block;\u003cbr \/\u003e        padding: 8px 24px;\u003cbr \/\u003e        background: rgba(255,255,255,0.15);\u003cbr \/\u003e        backdrop-filter: blur(10px);\u003cbr \/\u003e        border: 1px solid rgba(255,255,255,0.25);\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        letter-spacing: 0.08em;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        color: rgba(255,255,255,0.9);\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.1s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page section {\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding-top: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page \u003e section + section {\u003cbr \/\u003e        margin-top: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FULL WIDTH IMAGE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-fullwidth-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fullwidth-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-highlights-section {\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlights-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 4\/5;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card:hover img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        padding: 40px 32px;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-title {\u003cbr \/\u003e        font-size: clamp(1.5rem, 2.5vw, 2rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e        margin-bottom: 12px !important;\u003cbr \/\u003e        line-height: 1.2 !important;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-text {\u003cbr \/\u003e        font-size: 0.9375rem !important;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.85) !important;\u003cbr \/\u003e        -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;\u003cbr \/\u003e        line-height: 1.6 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-highlights-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-highlight-card {\u003cbr \/\u003e            aspect-ratio: 16\/10;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ALLOY FRAME SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-alloy-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-header h2 {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-header p {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.25rem) !important;\u003cbr \/\u003e        line-height: 1.8 !important;\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-main-image {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        margin-bottom: 48px;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-main-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-features {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card {\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e        border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card:hover {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e        border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card-icon {\u003cbr \/\u003e        padding: 32px 28px 0;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card-icon svg {\u003cbr \/\u003e        width: 48px;\u003cbr \/\u003e        height: 48px;\u003cbr \/\u003e        color: var(--alma-green);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card-content {\u003cbr \/\u003e        padding: 24px 28px 28px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card-title {\u003cbr \/\u003e        font-size: 1.25rem !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        margin-bottom: 12px !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-alloy-card-text {\u003cbr \/\u003e        font-size: 0.9375rem !important;\u003cbr \/\u003e        line-height: 1.7 !important;\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-alloy-features {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       GEOMETRY SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-geometry-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-section .alma-title-main,\u003cbr \/\u003e    .alma-geometry-section .alma-title-secondary {\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-section .alma-subtitle-apple {\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-section .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Stat Numbers Grid *\/\u003cbr \/\u003e    .alma-stats-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(5, 1fr);\u003cbr \/\u003e        gap: 24px;\u003cbr \/\u003e        margin-bottom: 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-item {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 32px 16px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e        transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-item:hover {\u003cbr \/\u003e        border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e        transform: translateY(-4px);\u003cbr \/\u003e        box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-number {\u003cbr \/\u003e        font-size: clamp(2rem, 4vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1 !important;\u003cbr \/\u003e        margin-bottom: 8px !important;\u003cbr \/\u003e        background: linear-gradient(135deg, #0c2340, #3b82f6) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-label {\u003cbr \/\u003e        font-size: 0.875rem !important;\u003cbr \/\u003e        font-weight: 500 !important;\u003cbr \/\u003e        color: var(--alma-gray-500) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-500) !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.05em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Geometry Diagram + Details *\/\u003cbr \/\u003e    .alma-geometry-content {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 64px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-details {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geo-detail-item {\u003cbr \/\u003e        padding: 20px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geo-detail-value {\u003cbr \/\u003e        font-size: 1.5rem !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        color: #0c2340 !important;\u003cbr \/\u003e        -webkit-text-fill-color: #0c2340 !important;\u003cbr \/\u003e        margin-bottom: 4px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geo-detail-label {\u003cbr \/\u003e        font-size: 0.8125rem !important;\u003cbr \/\u003e        color: var(--alma-gray-500) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-500) !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.04em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 1100px) {\u003cbr \/\u003e        .alma-stats-grid {\u003cbr \/\u003e            grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-geometry-content {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-stats-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-geometry-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .alma-stats-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-stat-item {\u003cbr \/\u003e            padding: 24px 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FORK SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-fork-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-layout {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 80px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-content h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        margin-bottom: 20px !important;\u003cbr \/\u003e        line-height: 1.2 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-content p {\u003cbr \/\u003e        font-size: 1.0625rem !important;\u003cbr \/\u003e        line-height: 1.8 !important;\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e        margin-bottom: 32px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-modes {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: flex-start;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        padding: 20px;\u003cbr \/\u003e        background: var(--alma-gray-50);\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode:hover {\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e        transform: translateX(4px);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-icon {\u003cbr \/\u003e        width: 44px;\u003cbr \/\u003e        height: 44px;\u003cbr \/\u003e        border-radius: 12px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-icon svg {\u003cbr \/\u003e        width: 22px;\u003cbr \/\u003e        height: 22px;\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-name {\u003cbr \/\u003e        font-size: 1rem !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e        margin-bottom: 4px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-desc {\u003cbr \/\u003e        font-size: 0.875rem !important;\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e        line-height: 1.5 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-fork-layout {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-fork-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYRE CLEARANCE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-tyre-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-layout {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 80px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e        order: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content {\u003cbr \/\u003e        order: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        margin-bottom: 20px !important;\u003cbr \/\u003e        line-height: 1.2 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content p {\u003cbr \/\u003e        font-size: 1.0625rem !important;\u003cbr \/\u003e        line-height: 1.8 !important;\u003cbr \/\u003e        color: var(--alma-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-600) !important;\u003cbr \/\u003e        margin-bottom: 24px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content p:last-of-type {\u003cbr \/\u003e        margin-bottom: 24px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-badge {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 8px;\u003cbr \/\u003e        padding: 10px 20px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        font-size: 0.9375rem !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-tyre-layout {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-tyre-image { order: 1; }\u003cbr \/\u003e        .alma-tyre-content { order: 2; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-tyre-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       MODEL COMPARISON SECTION - H20 vs H30\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-models-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-models-container {\u003cbr \/\u003e        max-width: 1100px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-models-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    a.alma-model-card,\u003cbr \/\u003e    .alma-model-card {\u003cbr \/\u003e        display: block;\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--alma-gray-50);\u003cbr \/\u003e        border: 2px solid var(--alma-gray-200);\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        text-decoration: none !important;\u003cbr \/\u003e        color: inherit !important;\u003cbr \/\u003e        -webkit-text-fill-color: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-card:hover {\u003cbr \/\u003e        border-color: rgba(59, 130, 246, 0.4);\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-card.featured {\u003cbr \/\u003e        border-color: var(--alma-teal);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-badge {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 16px;\u003cbr \/\u003e        right: 16px;\u003cbr \/\u003e        padding: 6px 14px;\u003cbr \/\u003e        background: var(--alma-teal);\u003cbr \/\u003e        color: white;\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.06em;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-image {\u003cbr \/\u003e        aspect-ratio: 16\/10;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: contain;\u003cbr \/\u003e        padding: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-content {\u003cbr \/\u003e        padding: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-name {\u003cbr \/\u003e        font-size: 1.75rem !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e        margin-bottom: 4px !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-price {\u003cbr \/\u003e        font-size: 1.25rem !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        color: var(--alma-green) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-green) !important;\u003cbr \/\u003e        margin-bottom: 20px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-specs {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        gap: 12px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-spec {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: space-between;\u003cbr \/\u003e        align-items: flex-start;\u003cbr \/\u003e        padding: 10px 0;\u003cbr \/\u003e        border-bottom: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        gap: 12px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-spec:last-child {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-spec-label {\u003cbr \/\u003e        font-size: 0.8125rem !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.04em;\u003cbr \/\u003e        color: var(--alma-gray-500) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-gray-500) !important;\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e        min-width: 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-spec-value {\u003cbr \/\u003e        font-size: 0.9375rem !important;\u003cbr \/\u003e        font-weight: 500 !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-black) !important;\u003cbr \/\u003e        text-align: right;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-cta {\u003cbr \/\u003e        margin-top: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-btn {\u003cbr \/\u003e        display: block;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 14px 24px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        color: var(--alma-white) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--alma-white) !important;\u003cbr \/\u003e        font-size: 1rem !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        text-decoration: none;\u003cbr \/\u003e        transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-btn:hover {\u003cbr \/\u003e        background: var(--alma-green-light);\u003cbr \/\u003e        transform: scale(1.02);\u003cbr \/\u003e        box-shadow: 0 15px 40px -10px rgba(12, 35, 64, 0.4);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-models-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-models-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       COMPARISON TABLE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-comparison-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396628350,"sku":"T21103M1","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396661118,"sku":"T21103M2","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396693886,"sku":"T21105M1","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396726654,"sku":"T21105M2","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396759422,"sku":"T21107M1","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396792190,"sku":"T21107M2","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Halo Silver - Tanzanite (Gloss)","offer_id":57496396824958,"sku":"T21109M1","price":6250.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Espace Green (Matt) - Ivory White (Gloss)","offer_id":57496396857726,"sku":"T21109M2","price":6250.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T211TTCC-M2-SIDE-ALMA_H20-1_53087e22-e2c0-4b59-b971-580144eb6a89.jpg?v=1780337066"},{"product_id":"alma-m50-s-cobalt-blue-gloss-carbon-raw-matt-2","title":"Bicicletă MTB XC ORBEA ALMA M50","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA M50\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290750\" class=\"elementor elementor-290750\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-9e567b1 e-flex e-con-boxed e-con e-parent\" data-id=\"9e567b1\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-ebd8c8d elementor-widget elementor-widget-html\" data-id=\"ebd8c8d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium V2 - Enhanced Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e    \/* ============================================\u003cbr \/\u003e       CSS VARIABLES \u0026 DESIGN SYSTEM - ALMA EDITION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        --alma-black: #1d1d1f;\u003cbr \/\u003e        --alma-white: #ffffff;\u003cbr \/\u003e        --alma-gray-50: #fafafa;\u003cbr \/\u003e        --alma-gray-100: #f5f5f7;\u003cbr \/\u003e        --alma-gray-200: #e8e8ed;\u003cbr \/\u003e        --alma-gray-300: #d2d2d7;\u003cbr \/\u003e        --alma-gray-500: #86868b;\u003cbr \/\u003e        --alma-gray-600: #6e6e73;\u003cbr \/\u003e        --alma-gray-700: #515154;\u003cbr \/\u003e        --alma-gray-800: #2d2d2d;\u003cbr \/\u003e        --alma-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ALMA Signature Colors - Navy Blue (from OFT bike) *\/\u003cbr \/\u003e        --alma-green: #0c2340;\u003cbr \/\u003e        --alma-green-light: #1a3a5c;\u003cbr \/\u003e        --alma-green-dark: #071728;\u003cbr \/\u003e        --alma-emerald: #2dd4a8;\u003cbr \/\u003e        --alma-teal: #3b82f6;\u003cbr \/\u003e        --alma-forest: #1e40af;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Animation timing functions *\/\u003cbr \/\u003e        --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e        --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\u003cbr \/\u003e        --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\u003cbr \/\u003e        --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e        --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        width: 100vw !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e        position: relative !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-widget-container:has(.alma-page),\u003cbr \/\u003e    .elementor-element:has(.alma-page) {\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-section:has(.alma-page),\u003cbr \/\u003e    .elementor-container:has(.alma-page),\u003cbr \/\u003e    .elementor-column:has(.alma-page),\u003cbr \/\u003e    .elementor-widget:has(.alma-page) {\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        gap: 0 !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container .alma-page h1,\u003cbr \/\u003e    .elementor-widget-container .alma-page h2,\u003cbr \/\u003e    .elementor-widget-container .alma-page h3,\u003cbr \/\u003e    .elementor-widget-container .alma-page h4,\u003cbr \/\u003e    .elementor-widget-container .alma-page h5,\u003cbr \/\u003e    .elementor-widget-container .alma-page h6,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h1,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h3,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h4,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h5,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h6,\u003cbr \/\u003e    .alma-page h1,\u003cbr \/\u003e    .alma-page h2,\u003cbr \/\u003e    .alma-page h3,\u003cbr \/\u003e    .alma-page h4,\u003cbr \/\u003e    .alma-page h5,\u003cbr \/\u003e    .alma-page h6 {\u003cbr \/\u003e        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e        color: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e    .elementor-widget-container .alma-page h2 {\u003cbr \/\u003e        font-size: inherit !important;\u003cbr \/\u003e        font-weight: inherit !important;\u003cbr \/\u003e        line-height: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e       Fix: WooCommerce hides h2:nth-child(1) in product tabs\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .single-product-tabs .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e    .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e    .alma-page h2.alma-title-main,\u003cbr \/\u003e    .alma-page h2 {\u003cbr \/\u003e        display: block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESET \u0026 BASE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e        -webkit-font-smoothing: antialiased;\u003cbr \/\u003e        -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e        overflow-x: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page * {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page img,\u003cbr \/\u003e    .alma-page video {\u003cbr \/\u003e        max-width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       KEYFRAME ANIMATIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @keyframes fadeInUp {\u003cbr \/\u003e        0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e        100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes blurFadeIn {\u003cbr \/\u003e        0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e        100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes scaleReveal {\u003cbr \/\u003e        0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e        100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes gradientFlow {\u003cbr \/\u003e        0% { background-position: 0% 50%; }\u003cbr \/\u003e        50% { background-position: 100% 50%; }\u003cbr \/\u003e        100% { background-position: 0% 50%; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes shimmer {\u003cbr \/\u003e        0% { background-position: -200% center; }\u003cbr \/\u003e        100% { background-position: 200% center; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes float {\u003cbr \/\u003e        0%, 100% { transform: translateY(0); }\u003cbr \/\u003e        50% { transform: translateY(-10px); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes countUp {\u003cbr \/\u003e        0% { opacity: 0; transform: translateY(20px); }\u003cbr \/\u003e        100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-display-hero {\u003cbr \/\u003e        font-size: 55px !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1 !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-xl {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.05 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-lg {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.025em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-md {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.2 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-body-xl {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-body-lg {\u003cbr \/\u003e        font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-title-group {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-bottom: 3rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page .alma-title-main,\u003cbr \/\u003e    .elementor-kit-6 .alma-page .alma-title-main,\u003cbr \/\u003e    .elementor-widget-container .alma-page .alma-title-main {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e        margin-bottom: 0.25rem !important;\u003cbr \/\u003e        display: block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page .alma-title-secondary,\u003cbr \/\u003e    .elementor-kit-6 .alma-page .alma-title-secondary,\u003cbr \/\u003e    .elementor-widget-container .alma-page .alma-title-secondary {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.15 !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        margin-bottom: 1.5rem !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-subtitle-apple {\u003cbr \/\u003e        font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        max-width: 680px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Apple-style gradient variations *\/\u003cbr \/\u003e    .alma-gradient-racing,\u003cbr \/\u003e    .alma-page .alma-gradient-racing,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-racing {\u003cbr \/\u003e        background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-emerald,\u003cbr \/\u003e    .alma-page .alma-gradient-emerald,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-emerald {\u003cbr \/\u003e        background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-forest,\u003cbr \/\u003e    .alma-page .alma-gradient-forest,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-forest {\u003cbr \/\u003e        background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-teal,\u003cbr \/\u003e    .alma-page .alma-gradient-teal,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-teal {\u003cbr \/\u003e        background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HERO SECTION - FULL WIDTH VIDEO\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-hero {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100vh;\u003cbr \/\u003e        min-height: 600px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-video {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        min-height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        object-position: center center;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        background: rgba(0, 0, 0, 0.3);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-content {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 3;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        padding: 0 24px;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-title {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-subtitle {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e        max-width: 650px;\u003cbr \/\u003e        margin: 0 auto 32px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page section {\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding-top: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page \u003e section + section {\u003cbr \/\u003e        margin-top: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FULL WIDTH IMAGE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-fullwidth-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fullwidth-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-highlights-section {\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlights-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 4\/5;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card:hover img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        padding: 40px 32px;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-title {\u003cbr \/\u003e        font-size: clamp(1.5rem, 2.5vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.8);\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-highlights-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-highlight-card {\u003cbr \/\u003e            aspect-ratio: 16\/10;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       X-FADER SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-xfader-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-header h2 {\u003cbr \/\u003e        margin-bottom: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-header p {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-video {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e        margin-bottom: 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-details {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 64px;\u003cbr \/\u003e        align-items: start;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-text h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-text p {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-text p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-xfader-details {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       CARBON SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-carbon-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-header h2 {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-header p {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-main-image {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        margin-bottom: 48px;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-main-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-features {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card {\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card:hover {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-image {\u003cbr \/\u003e        aspect-ratio: 16\/10;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card:hover .alma-carbon-card-image img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-content {\u003cbr \/\u003e        padding: 28px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-title {\u003cbr \/\u003e        font-size: 1.25rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-carbon-features {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       GEOMETRY SECTION - NEW\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-geometry-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-section .alma-title-main,\u003cbr \/\u003e    .alma-geometry-section .alma-title-secondary {\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-section .alma-subtitle-apple {\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-section .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Stat Numbers Grid *\/\u003cbr \/\u003e    .alma-stats-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(5, 1fr);\u003cbr \/\u003e        gap: 24px;\u003cbr \/\u003e        margin-bottom: 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-item {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 32px 16px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e        transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-item:hover {\u003cbr \/\u003e        border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e        transform: translateY(-4px);\u003cbr \/\u003e        box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-number {\u003cbr \/\u003e        font-size: clamp(2rem, 4vw, 3.5rem);\u003cbr \/\u003e        font-weight: 800;\u003cbr \/\u003e        letter-spacing: -0.03em;\u003cbr \/\u003e        line-height: 1;\u003cbr \/\u003e        margin-bottom: 8px;\u003cbr \/\u003e        background: linear-gradient(135deg, #0c2340, #3b82f6);\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-label {\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        color: var(--alma-gray-500);\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.05em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Geometry Diagram + Details *\/\u003cbr \/\u003e    .alma-geometry-content {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 64px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-details {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geo-detail-item {\u003cbr \/\u003e        padding: 20px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geo-detail-value {\u003cbr \/\u003e        font-size: 1.5rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: #0c2340;\u003cbr \/\u003e        margin-bottom: 4px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geo-detail-label {\u003cbr \/\u003e        font-size: 0.8125rem;\u003cbr \/\u003e        color: var(--alma-gray-500);\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.04em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 1100px) {\u003cbr \/\u003e        .alma-stats-grid {\u003cbr \/\u003e            grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-geometry-content {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-stats-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-geometry-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .alma-stats-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-stat-item {\u003cbr \/\u003e            padding: 24px 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FORK SECTION - NEW\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-fork-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-layout {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 80px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-content h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-content p {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        margin-bottom: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-modes {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: flex-start;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        padding: 20px;\u003cbr \/\u003e        background: var(--alma-gray-50);\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode:hover {\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e        transform: translateX(4px);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-icon {\u003cbr \/\u003e        width: 44px;\u003cbr \/\u003e        height: 44px;\u003cbr \/\u003e        border-radius: 12px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-icon svg {\u003cbr \/\u003e        width: 22px;\u003cbr \/\u003e        height: 22px;\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-name {\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        margin-bottom: 4px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-desc {\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-fork-layout {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-fork-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYRE CLEARANCE SECTION - NEW\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-tyre-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-layout {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 80px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e        order: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content {\u003cbr \/\u003e        order: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content p {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-badge {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 8px;\u003cbr \/\u003e        padding: 10px 20px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-tyre-layout {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-tyre-image { order: 1; }\u003cbr \/\u003e        .alma-tyre-content { order: 2; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-tyre-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       COCKPIT INTEGRATION SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-cockpit-section {\u003cbr \/\u003e        padding: 120px 40px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-cockpit-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-cockpit-video {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e        margin-bottom: 60px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-cockpit-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        grid-template-rows: repeat(2, 1fr);\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        margin-top: 60px;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-item {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        aspect-ratio: 1\/1;\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-item img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-item:hover img {\u003cbr \/\u003e        transform: scale(1.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: 0;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-title {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 20px;\u003cbr \/\u003e        left: 20px;\u003cbr \/\u003e        right: 20px;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        font-size: 1.125rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        line-height: 1.3;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-integration-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-integration-title {\u003cbr \/\u003e            font-size: 1rem;\u003cbr \/\u003e            bottom: 16px;\u003cbr \/\u003e            left: 16px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .alma-integration-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 10px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-cockpit-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-cockpit-video {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e            margin-bottom: 40px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-integration-item {\u003cbr \/\u003e            border-radius: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-integration-title {\u003cbr \/\u003e            font-size: 0.875rem;\u003cbr \/\u003e            bottom: 12px;\u003cbr \/\u003e            left: 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       DROPPER + SQUIDLOCK SECTION - NEW\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-dropper-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-section .alma-title-main,\u003cbr \/\u003e    .alma-dropper-section .alma-title-secondary {\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-section .alma-subtitle-apple {\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-section .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card:hover {\u003cbr \/\u003e        border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e        transform: translateY(-4px);\u003cbr \/\u003e        box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-video {\u003cbr \/\u003e        aspect-ratio: 16\/9;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-image {\u003cbr \/\u003e        aspect-ratio: 16\/10;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-content {\u003cbr \/\u003e        padding: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-title {\u003cbr \/\u003e        font-size: 1.375rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-text strong {\u003cbr \/\u003e        color: #0c2340;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-stat {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 8px;\u003cbr \/\u003e        margin-top: 16px;\u003cbr \/\u003e        padding: 8px 16px;\u003cbr \/\u003e        background: rgba(12, 35, 64, 0.08);\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: #0c2340;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-dropper-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-dropper-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SMART DETAILS SECTION - NEW\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-smart-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-smart-container\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496397054334,"sku":"T21303F8","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496397087102,"sku":"T21303F9","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496397119870,"sku":"T21303FA","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57496397152638,"sku":"T21303FB","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496397185406,"sku":"T21305F8","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496397218174,"sku":"T21305F9","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496397250942,"sku":"T21305FA","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57496397283710,"sku":"T21305FB","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496397316478,"sku":"T21307F8","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496397349246,"sku":"T21307F9","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496397382014,"sku":"T21307FA","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57496397414782,"sku":"T21307FB","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496397447550,"sku":"T21309F8","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496397480318,"sku":"T21309F9","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496397513086,"sku":"T21309FA","price":10499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57496397545854,"sku":"T21309FB","price":10499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T213TTCC-F8-SIDE-ALMA_M50.jpg?v=1780337081"},{"product_id":"alma-m30-s-cobalt-blue-gloss-carbon-raw-matt-2","title":"Bicicletă MTB XC ORBEA ALMA M30","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA M30\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290750\" class=\"elementor elementor-290750\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-9e567b1 e-flex e-con-boxed e-con e-parent\" data-id=\"9e567b1\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-ebd8c8d elementor-widget elementor-widget-html\" data-id=\"ebd8c8d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium V2 - Enhanced Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e    \/* ============================================\u003cbr \/\u003e       CSS VARIABLES \u0026 DESIGN SYSTEM - ALMA EDITION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        --alma-black: #1d1d1f;\u003cbr \/\u003e        --alma-white: #ffffff;\u003cbr \/\u003e        --alma-gray-50: #fafafa;\u003cbr \/\u003e        --alma-gray-100: #f5f5f7;\u003cbr \/\u003e        --alma-gray-200: #e8e8ed;\u003cbr \/\u003e        --alma-gray-300: #d2d2d7;\u003cbr \/\u003e        --alma-gray-500: #86868b;\u003cbr \/\u003e        --alma-gray-600: #6e6e73;\u003cbr \/\u003e        --alma-gray-700: #515154;\u003cbr \/\u003e        --alma-gray-800: #2d2d2d;\u003cbr \/\u003e        --alma-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ALMA Signature Colors - Navy Blue (from OFT bike) *\/\u003cbr \/\u003e        --alma-green: #0c2340;\u003cbr \/\u003e        --alma-green-light: #1a3a5c;\u003cbr \/\u003e        --alma-green-dark: #071728;\u003cbr \/\u003e        --alma-emerald: #2dd4a8;\u003cbr \/\u003e        --alma-teal: #3b82f6;\u003cbr \/\u003e        --alma-forest: #1e40af;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Animation timing functions *\/\u003cbr \/\u003e        --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e        --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\u003cbr \/\u003e        --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\u003cbr \/\u003e        --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e        --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        width: 100vw !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e        position: relative !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-widget-container:has(.alma-page),\u003cbr \/\u003e    .elementor-element:has(.alma-page) {\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-section:has(.alma-page),\u003cbr \/\u003e    .elementor-container:has(.alma-page),\u003cbr \/\u003e    .elementor-column:has(.alma-page),\u003cbr \/\u003e    .elementor-widget:has(.alma-page) {\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        gap: 0 !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container .alma-page h1,\u003cbr \/\u003e    .elementor-widget-container .alma-page h2,\u003cbr \/\u003e    .elementor-widget-container .alma-page h3,\u003cbr \/\u003e    .elementor-widget-container .alma-page h4,\u003cbr \/\u003e    .elementor-widget-container .alma-page h5,\u003cbr \/\u003e    .elementor-widget-container .alma-page h6,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h1,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h3,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h4,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h5,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h6,\u003cbr \/\u003e    .alma-page h1,\u003cbr \/\u003e    .alma-page h2,\u003cbr \/\u003e    .alma-page h3,\u003cbr \/\u003e    .alma-page h4,\u003cbr \/\u003e    .alma-page h5,\u003cbr \/\u003e    .alma-page h6 {\u003cbr \/\u003e        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e        color: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e    .elementor-widget-container .alma-page h2 {\u003cbr \/\u003e        font-size: inherit !important;\u003cbr \/\u003e        font-weight: inherit !important;\u003cbr \/\u003e        line-height: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e       Fix: WooCommerce hides h2:nth-child(1) in product tabs\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .single-product-tabs .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e    .woocommerce-Tabs-panel .alma-page h2,\u003cbr \/\u003e    .alma-page h2.alma-title-main,\u003cbr \/\u003e    .alma-page h2 {\u003cbr \/\u003e        display: block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESET \u0026 BASE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e        -webkit-font-smoothing: antialiased;\u003cbr \/\u003e        -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e        overflow-x: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page * {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page img,\u003cbr \/\u003e    .alma-page video {\u003cbr \/\u003e        max-width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       KEYFRAME ANIMATIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @keyframes fadeInUp {\u003cbr \/\u003e        0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e        100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes blurFadeIn {\u003cbr \/\u003e        0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e        100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes scaleReveal {\u003cbr \/\u003e        0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e        100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes gradientFlow {\u003cbr \/\u003e        0% { background-position: 0% 50%; }\u003cbr \/\u003e        50% { background-position: 100% 50%; }\u003cbr \/\u003e        100% { background-position: 0% 50%; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes shimmer {\u003cbr \/\u003e        0% { background-position: -200% center; }\u003cbr \/\u003e        100% { background-position: 200% center; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes float {\u003cbr \/\u003e        0%, 100% { transform: translateY(0); }\u003cbr \/\u003e        50% { transform: translateY(-10px); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes countUp {\u003cbr \/\u003e        0% { opacity: 0; transform: translateY(20px); }\u003cbr \/\u003e        100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-display-hero {\u003cbr \/\u003e        font-size: 55px !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1 !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-xl {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.05 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-lg {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.025em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-md {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.2 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-body-xl {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-body-lg {\u003cbr \/\u003e        font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-title-group {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-bottom: 3rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page .alma-title-main,\u003cbr \/\u003e    .elementor-kit-6 .alma-page .alma-title-main,\u003cbr \/\u003e    .elementor-widget-container .alma-page .alma-title-main {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e        margin-bottom: 0.25rem !important;\u003cbr \/\u003e        display: block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page .alma-title-secondary,\u003cbr \/\u003e    .elementor-kit-6 .alma-page .alma-title-secondary,\u003cbr \/\u003e    .elementor-widget-container .alma-page .alma-title-secondary {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.15 !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        margin-bottom: 1.5rem !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-subtitle-apple {\u003cbr \/\u003e        font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        max-width: 680px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Apple-style gradient variations *\/\u003cbr \/\u003e    .alma-gradient-racing,\u003cbr \/\u003e    .alma-page .alma-gradient-racing,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-racing {\u003cbr \/\u003e        background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-emerald,\u003cbr \/\u003e    .alma-page .alma-gradient-emerald,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-emerald {\u003cbr \/\u003e        background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-forest,\u003cbr \/\u003e    .alma-page .alma-gradient-forest,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-forest {\u003cbr \/\u003e        background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-teal,\u003cbr \/\u003e    .alma-page .alma-gradient-teal,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-teal {\u003cbr \/\u003e        background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HERO SECTION - FULL WIDTH VIDEO\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-hero {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100vh;\u003cbr \/\u003e        min-height: 600px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-video {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        min-height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        object-position: center center;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        background: rgba(0, 0, 0, 0.3);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-content {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 3;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        padding: 0 24px;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-title {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-subtitle {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e        max-width: 650px;\u003cbr \/\u003e        margin: 0 auto 32px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page section {\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding-top: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page \u003e section + section {\u003cbr \/\u003e        margin-top: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FULL WIDTH IMAGE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-fullwidth-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fullwidth-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-highlights-section {\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlights-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 4\/5;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card:hover img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        padding: 40px 32px;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-title {\u003cbr \/\u003e        font-size: clamp(1.5rem, 2.5vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.8);\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-highlights-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-highlight-card {\u003cbr \/\u003e            aspect-ratio: 16\/10;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       X-FADER SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-xfader-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-header h2 {\u003cbr \/\u003e        margin-bottom: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-header p {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-video {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e        margin-bottom: 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-details {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 64px;\u003cbr \/\u003e        align-items: start;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-text h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-text p {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-text p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-xfader-details {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       CARBON SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-carbon-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-header h2 {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-header p {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-main-image {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        margin-bottom: 48px;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-main-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-features {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card {\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card:hover {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-image {\u003cbr \/\u003e        aspect-ratio: 16\/10;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card:hover .alma-carbon-card-image img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-content {\u003cbr \/\u003e        padding: 28px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-title {\u003cbr \/\u003e        font-size: 1.25rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-carbon-features {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       GEOMETRY SECTION - NEW\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-geometry-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-section .alma-title-main,\u003cbr \/\u003e    .alma-geometry-section .alma-title-secondary {\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-section .alma-subtitle-apple {\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-section .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Stat Numbers Grid *\/\u003cbr \/\u003e    .alma-stats-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(5, 1fr);\u003cbr \/\u003e        gap: 24px;\u003cbr \/\u003e        margin-bottom: 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-item {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 32px 16px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e        transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-item:hover {\u003cbr \/\u003e        border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e        transform: translateY(-4px);\u003cbr \/\u003e        box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-number {\u003cbr \/\u003e        font-size: clamp(2rem, 4vw, 3.5rem);\u003cbr \/\u003e        font-weight: 800;\u003cbr \/\u003e        letter-spacing: -0.03em;\u003cbr \/\u003e        line-height: 1;\u003cbr \/\u003e        margin-bottom: 8px;\u003cbr \/\u003e        background: linear-gradient(135deg, #0c2340, #3b82f6);\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-stat-label {\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        color: var(--alma-gray-500);\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.05em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Geometry Diagram + Details *\/\u003cbr \/\u003e    .alma-geometry-content {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 64px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geometry-details {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geo-detail-item {\u003cbr \/\u003e        padding: 20px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geo-detail-value {\u003cbr \/\u003e        font-size: 1.5rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: #0c2340;\u003cbr \/\u003e        margin-bottom: 4px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-geo-detail-label {\u003cbr \/\u003e        font-size: 0.8125rem;\u003cbr \/\u003e        color: var(--alma-gray-500);\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.04em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 1100px) {\u003cbr \/\u003e        .alma-stats-grid {\u003cbr \/\u003e            grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-geometry-content {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-stats-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-geometry-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .alma-stats-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-stat-item {\u003cbr \/\u003e            padding: 24px 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FORK SECTION - NEW\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-fork-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-layout {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 80px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-content h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-content p {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        margin-bottom: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-modes {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: flex-start;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        padding: 20px;\u003cbr \/\u003e        background: var(--alma-gray-50);\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode:hover {\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e        transform: translateX(4px);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-icon {\u003cbr \/\u003e        width: 44px;\u003cbr \/\u003e        height: 44px;\u003cbr \/\u003e        border-radius: 12px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-icon svg {\u003cbr \/\u003e        width: 22px;\u003cbr \/\u003e        height: 22px;\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-name {\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        margin-bottom: 4px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fork-mode-desc {\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-fork-layout {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-fork-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYRE CLEARANCE SECTION - NEW\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-tyre-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-layout {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 80px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e        order: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content {\u003cbr \/\u003e        order: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content p {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-content p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-tyre-badge {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 8px;\u003cbr \/\u003e        padding: 10px 20px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-tyre-layout {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-tyre-image { order: 1; }\u003cbr \/\u003e        .alma-tyre-content { order: 2; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-tyre-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       COCKPIT INTEGRATION SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-cockpit-section {\u003cbr \/\u003e        padding: 120px 40px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-cockpit-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-cockpit-video {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e        margin-bottom: 60px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-cockpit-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        grid-template-rows: repeat(2, 1fr);\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        margin-top: 60px;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-item {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        aspect-ratio: 1\/1;\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-item img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-item:hover img {\u003cbr \/\u003e        transform: scale(1.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: 0;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-title {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 20px;\u003cbr \/\u003e        left: 20px;\u003cbr \/\u003e        right: 20px;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        font-size: 1.125rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        line-height: 1.3;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-integration-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-integration-title {\u003cbr \/\u003e            font-size: 1rem;\u003cbr \/\u003e            bottom: 16px;\u003cbr \/\u003e            left: 16px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .alma-integration-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 10px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-cockpit-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-cockpit-video {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e            margin-bottom: 40px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-integration-item {\u003cbr \/\u003e            border-radius: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-integration-title {\u003cbr \/\u003e            font-size: 0.875rem;\u003cbr \/\u003e            bottom: 12px;\u003cbr \/\u003e            left: 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       DROPPER + SQUIDLOCK SECTION - NEW\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-dropper-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-section .alma-title-main,\u003cbr \/\u003e    .alma-dropper-section .alma-title-secondary {\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-section .alma-subtitle-apple {\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-section .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card:hover {\u003cbr \/\u003e        border-color: rgba(59, 130, 246, 0.3);\u003cbr \/\u003e        transform: translateY(-4px);\u003cbr \/\u003e        box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-video {\u003cbr \/\u003e        aspect-ratio: 16\/9;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-image {\u003cbr \/\u003e        aspect-ratio: 16\/10;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-content {\u003cbr \/\u003e        padding: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-title {\u003cbr \/\u003e        font-size: 1.375rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-text strong {\u003cbr \/\u003e        color: #0c2340;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-dropper-card-stat {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 8px;\u003cbr \/\u003e        margin-top: 16px;\u003cbr \/\u003e        padding: 8px 16px;\u003cbr \/\u003e        background: rgba(12, 35, 64, 0.08);\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: #0c2340;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-dropper-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-dropper-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SMART DETAILS SECTION - NEW\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-smart-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-smart-container\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398004606,"sku":"T21403F8","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398037374,"sku":"T21403F9","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398070142,"sku":"T21403FA","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57496398102910,"sku":"T21403FB","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398135678,"sku":"T21405F8","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398168446,"sku":"T21405F9","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398201214,"sku":"T21405FA","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57496398233982,"sku":"T21405FB","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398266750,"sku":"T21407F8","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398299518,"sku":"T21407F9","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398332286,"sku":"T21407FA","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57496398365054,"sku":"T21407FB","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398397822,"sku":"T21409F8","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398430590,"sku":"T21409F9","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398463358,"sku":"T21409FA","price":12699.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57496398496126,"sku":"T21409FB","price":12699.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T214TTCC-F8-SIDE-ALMA_M30.jpg?v=1780337096"},{"product_id":"alma-m-pro-s-myo-2","title":"Bicicletă MTB XC ORBEA ALMA M-PRO","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA M-PRO\u003c\/h1\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"284610\" class=\"elementor elementor-284610\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-a3d03a9 e-flex e-con-boxed e-con e-parent\" data-id=\"a3d03a9\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-3f1d008 elementor-widget elementor-widget-html\" data-id=\"3f1d008\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium Apple-Style --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e    \/* ============================================\u003cbr \/\u003e       CSS VARIABLES \u0026 DESIGN SYSTEM - ALMA EDITION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        --alma-black: #1d1d1f;\u003cbr \/\u003e        --alma-white: #ffffff;\u003cbr \/\u003e        --alma-gray-50: #fafafa;\u003cbr \/\u003e        --alma-gray-100: #f5f5f7;\u003cbr \/\u003e        --alma-gray-200: #e8e8ed;\u003cbr \/\u003e        --alma-gray-300: #d2d2d7;\u003cbr \/\u003e        --alma-gray-500: #86868b;\u003cbr \/\u003e        --alma-gray-600: #6e6e73;\u003cbr \/\u003e        --alma-gray-700: #515154;\u003cbr \/\u003e        --alma-gray-800: #2d2d2d;\u003cbr \/\u003e        --alma-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ALMA Signature Colors - British Racing Green *\/\u003cbr \/\u003e        --alma-green: #004225;\u003cbr \/\u003e        --alma-green-light: #006b3c;\u003cbr \/\u003e        --alma-green-dark: #00311a;\u003cbr \/\u003e        --alma-emerald: #10b981;\u003cbr \/\u003e        --alma-teal: #14b8a6;\u003cbr \/\u003e        --alma-forest: #166534;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Animation timing functions *\/\u003cbr \/\u003e        --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e        --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\u003cbr \/\u003e        --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\u003cbr \/\u003e        --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e        --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    \/* Force full width breakout from Elementor container *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        width: 100vw !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e        position: relative !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Override Elementor containers *\/\u003cbr \/\u003e    .elementor-widget-container:has(.alma-page),\u003cbr \/\u003e    .elementor-element:has(.alma-page) {\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Remove any gaps\/margins from parent elements *\/\u003cbr \/\u003e    .elementor-section:has(.alma-page),\u003cbr \/\u003e    .elementor-container:has(.alma-page),\u003cbr \/\u003e    .elementor-column:has(.alma-page),\u003cbr \/\u003e    .elementor-widget:has(.alma-page) {\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        gap: 0 !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container .alma-page h1,\u003cbr \/\u003e    .elementor-widget-container .alma-page h2,\u003cbr \/\u003e    .elementor-widget-container .alma-page h3,\u003cbr \/\u003e    .elementor-widget-container .alma-page h4,\u003cbr \/\u003e    .elementor-widget-container .alma-page h5,\u003cbr \/\u003e    .elementor-widget-container .alma-page h6,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h1,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h3,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h4,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h5,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h6,\u003cbr \/\u003e    .alma-page h1,\u003cbr \/\u003e    .alma-page h2,\u003cbr \/\u003e    .alma-page h3,\u003cbr \/\u003e    .alma-page h4,\u003cbr \/\u003e    .alma-page h5,\u003cbr \/\u003e    .alma-page h6 {\u003cbr \/\u003e        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e        color: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e    .elementor-widget-container .alma-page h2 {\u003cbr \/\u003e        font-size: inherit !important;\u003cbr \/\u003e        font-weight: inherit !important;\u003cbr \/\u003e        line-height: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESET \u0026 BASE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e        -webkit-font-smoothing: antialiased;\u003cbr \/\u003e        -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e        overflow-x: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page * {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page img,\u003cbr \/\u003e    .alma-page video {\u003cbr \/\u003e        max-width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       KEYFRAME ANIMATIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @keyframes fadeInUp {\u003cbr \/\u003e        0% {\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e            transform: translateY(40px);\u003cbr \/\u003e        }\u003cbr \/\u003e        100% {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            transform: translateY(0);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes blurFadeIn {\u003cbr \/\u003e        0% {\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e            filter: blur(20px);\u003cbr \/\u003e            transform: translateY(30px);\u003cbr \/\u003e        }\u003cbr \/\u003e        100% {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            filter: blur(0);\u003cbr \/\u003e            transform: translateY(0);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes scaleReveal {\u003cbr \/\u003e        0% {\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e            transform: scale(0.95);\u003cbr \/\u003e        }\u003cbr \/\u003e        100% {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            transform: scale(1);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes gradientFlow {\u003cbr \/\u003e        0% { background-position: 0% 50%; }\u003cbr \/\u003e        50% { background-position: 100% 50%; }\u003cbr \/\u003e        100% { background-position: 0% 50%; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes shimmer {\u003cbr \/\u003e        0% { background-position: -200% center; }\u003cbr \/\u003e        100% { background-position: 200% center; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes float {\u003cbr \/\u003e        0%, 100% { transform: translateY(0); }\u003cbr \/\u003e        50% { transform: translateY(-10px); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-display-hero {\u003cbr \/\u003e        font-size: 55px !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1 !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-xl {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.05 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-lg {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.025em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-md {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.2 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-body-xl {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-body-lg {\u003cbr \/\u003e        font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       GRADIENT TEXT - BRITISH RACING GREEN\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .gradient-racing-green {\u003cbr \/\u003e        background: linear-gradient(135deg, #00311a 0%, #004225 30%, #006b3c 60%, #10b981 100%);\u003cbr \/\u003e        background-size: 200% 200%;\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e        animation: gradientFlow 4s ease infinite;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .gradient-emerald {\u003cbr \/\u003e        background: linear-gradient(135deg, #064e3b 0%, #047857 25%, #10b981 50%, #34d399 75%, #10b981 100%);\u003cbr \/\u003e        background-size: 300% 300%;\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e        animation: gradientFlow 3s ease infinite;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .gradient-metallic-green {\u003cbr \/\u003e        background: linear-gradient(90deg, #00311a 0%, #004225 20%, #006b3c 40%, #10b981 50%, #006b3c 60%, #004225 80%, #00311a 100%);\u003cbr \/\u003e        background-size: 200% auto;\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e        animation: shimmer 4s linear infinite;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-title-group {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-bottom: 3rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-title-main {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e        margin-bottom: 0.25rem !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-title-secondary {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.15 !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        margin-bottom: 1.5rem !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-subtitle-apple {\u003cbr \/\u003e        font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        max-width: 680px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Apple-style gradient variations - British Racing Green - IMPORTANT overrides *\/\u003cbr \/\u003e    .alma-gradient-racing,\u003cbr \/\u003e    .alma-page .alma-gradient-racing,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-racing {\u003cbr \/\u003e        background: linear-gradient(90deg, #00311a 0%, #004225 25%, #006b3c 50%, #10b981 75%, #006b3c 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-emerald,\u003cbr \/\u003e    .alma-page .alma-gradient-emerald,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-emerald {\u003cbr \/\u003e        background: linear-gradient(90deg, #047857 0%, #059669 35%, #10b981 65%, #34d399 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-forest,\u003cbr \/\u003e    .alma-page .alma-gradient-forest,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-forest {\u003cbr \/\u003e        background: linear-gradient(90deg, #14532d 0%, #166534 35%, #22c55e 65%, #4ade80 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-teal,\u003cbr \/\u003e    .alma-page .alma-gradient-teal,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-teal {\u003cbr \/\u003e        background: linear-gradient(90deg, #115e59 0%, #0d9488 35%, #14b8a6 65%, #2dd4bf 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HERO SECTION - FULL WIDTH VIDEO\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-hero {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100vh;\u003cbr \/\u003e        min-height: 600px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-video {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        background: rgba(0, 0, 0, 0.3);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-content {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 3;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        padding: 0 24px;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-title {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-subtitle {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e        max-width: 650px;\u003cbr \/\u003e        margin: 0 auto 32px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-btn {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 10px;\u003cbr \/\u003e        padding: 16px 32px;\u003cbr \/\u003e        background: rgba(255, 255, 255, 0.95);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        border-radius: 980px;\u003cbr \/\u003e        text-decoration: none;\u003cbr \/\u003e        transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.9s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-btn:hover {\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-btn svg {\u003cbr \/\u003e        width: 20px;\u003cbr \/\u003e        height: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page section {\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding-top: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page \u003e section + section {\u003cbr \/\u003e        margin-top: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FULL WIDTH IMAGE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-fullwidth-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fullwidth-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-highlights-section {\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        background: var(--alma-gray-900);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlights-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 4\/5;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card:hover img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        padding: 40px 32px;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-title {\u003cbr \/\u003e        font-size: clamp(1.5rem, 2.5vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.8);\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-highlights-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-highlight-card {\u003cbr \/\u003e            aspect-ratio: 16\/10;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       X-FADER SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-xfader-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-header h2 {\u003cbr \/\u003e        margin-bottom: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-header p {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-video {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e        margin-bottom: 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-details {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 64px;\u003cbr \/\u003e        align-items: start;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-text h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-text p {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-text p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-xfader-details {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       CARBON SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-carbon-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-header h2 {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-header p {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-main-image {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        margin-bottom: 48px;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-main-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-features {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card {\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card:hover {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-image {\u003cbr \/\u003e        aspect-ratio: 16\/10;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card:hover .alma-carbon-card-image img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-content {\u003cbr \/\u003e        padding: 28px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-title {\u003cbr \/\u003e        font-size: 1.25rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-carbon-features {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SCROLL REVEAL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-scroll-reveal {\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(50px);\u003cbr \/\u003e        transition: all 0.8s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-scroll-reveal.visible {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-scroll-reveal.delay-1 { transition-delay: 0.1s; }\u003cbr \/\u003e    .alma-scroll-reveal.delay-2 { transition-delay: 0.2s; }\u003cbr \/\u003e    .alma-scroll-reveal.delay-3 { transition-delay: 0.3s; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESPONSIVE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .alma-hero {\u003cbr \/\u003e            min-height: 500px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-xfader-section,\u003cbr \/\u003e        .alma-carbon-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-xfader-video,\u003cbr \/\u003e        .alma-carbon-main-image {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-carbon-card {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       COCKPIT INTEGRATION SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-cockpit-section {\u003cbr \/\u003e        padding: 120px 40px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-cockpit-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-cockpit-video {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e        margin-bottom: 60px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-cockpit-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        grid-template-rows: repeat(2, 1fr);\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        margin-top: 60px;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-item {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        aspect-ratio: 1\/1;\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-item img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-item:hover img {\u003cbr \/\u003e        transform: scale(1.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: 0;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-title {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 20px;\u003cbr \/\u003e        left: 20px;\u003cbr \/\u003e        right: 20px;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        font-size: 1.125rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        line-height: 1.3;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-integration-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-integration-title {\u003cbr \/\u003e            font-size: 1rem;\u003cbr \/\u003e            bottom: 16px;\u003cbr \/\u003e            left: 16px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .alma-integration-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 10px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-cockpit-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-cockpit-video {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e            margin-bottom: 40px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-integration-item {\u003cbr \/\u003e            border-radius: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-integration-title {\u003cbr \/\u003e            font-size: 0.875rem;\u003cbr \/\u003e            bottom: 12px;\u003cbr \/\u003e            left: 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       DESIGN YOUR RIDE (MYO) SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-myo-section {\u003cbr \/\u003e        padding: 120px 40px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-video {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e        margin-bottom: 60px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-colors {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 24px;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-color-item {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-color-image {\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 4\/5;\u003cbr \/\u003e        transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s var(--ease-out-expo);\u003cbr \/\u003e        margin-bottom: 16px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-color-item:hover .alma-myo-color-image {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-color-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-color-name {\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--alma-gray-900);\u003cbr \/\u003e        line-height: 1.4;\u003cbr \/\u003e        padding: 0 8px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-myo-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-myo-colors {\u003cbr \/\u003e            gap: 16px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-myo-color-name {\u003cbr \/\u003e            font-size: 0.875rem;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .alma-myo-colors {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            max-width: 400px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-myo-video {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-myo-color-image {\u003cbr \/\u003e            border-radius: 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FEEL LIKE A PRO SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-pro-section {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-pro-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-pro-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-pro-content {\u003cbr \/\u003e        padding: 100px 24px;\u003cbr \/\u003e        background: var(--alma-gray-900);\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-pro-content .alma-title-main,\u003cbr \/\u003e    .alma-pro-content .alma-title-secondary {\u003cbr \/\u003e        color: var(--alma-white) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-pro-content .alma-subtitle-apple {\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-pro-content .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .alma-pro-content {\u003cbr \/\u003e            padding: 60px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       COMPARISON TABLE SECTION (Whistle\/Santa Cruz Style)\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-comparison-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-container {\u003cbr \/\u003e        max-width: 1600px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table-wrapper {\u003cbr \/\u003e        overflow-x: auto;\u003cbr \/\u003e        margin-top: 60px;\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        box-shadow: 0 4px 20px rgba(0,0,0,0.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        border-collapse: collapse;\u003cbr \/\u003e        min-width: 1200px;\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table thead {\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table th {\u003cbr \/\u003e        padding: 20px 16px;\u003cbr \/\u003e        text-align: left;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.05em;\u003cbr \/\u003e        white-space: nowrap;\u003cbr \/\u003e        border-bottom: 2px solid var(--alma-green-dark);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table th:first-child {\u003cbr \/\u003e        border-radius: 16px 0 0 0;\u003cbr \/\u003e        padding-left: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table th:last-child {\u003cbr \/\u003e        border-radius: 0 16px 0 0;\u003cbr \/\u003e        padding-right: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table tbody tr {\u003cbr \/\u003e        border-bottom: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        transition: background 0.2s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table tbody tr:hover {\u003cbr \/\u003e        background: var(--alma-gray-50);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table tbody tr:last-child {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table td {\u003cbr \/\u003e        padding: 18px 16px;\u003cbr \/\u003e        vertical-align: top;\u003cbr \/\u003e        color: var(--alma-gray-700);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table td:first-child {\u003cbr \/\u003e        padding-left: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table td:last-child {\u003cbr \/\u003e        padding-right: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-cell {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        gap: 6px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-name {\u003cbr \/\u003e        font-weight: 800;\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: -0.01em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-badge {\u003cbr \/\u003e        display: inline-block;\u003cbr \/\u003e        padding: 4px 10px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        font-size: 0.6875rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.05em;\u003cbr \/\u003e        border-radius: 4px;\u003cbr \/\u003e        width: fit-content;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-price-cell {\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        color: var(--alma-green) !important;\u003cbr \/\u003e        white-space: nowrap;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-spec-highlight {\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Sticky first column *\/\u003cbr \/\u003e    .alma-comparison-table th:first-child,\u003cbr \/\u003e    .alma-comparison-table td:first-child {\u003cbr \/\u003e        position: sticky;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        background: inherit;\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table thead th:first-child {\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table tbody tr:hover td:first-child {\u003cbr \/\u003e        background: var(--alma-gray-50);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 1100px) {\u003cbr \/\u003e        .alma-comparison-section {\u003cbr \/\u003e            padding: 80px 16px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-comparison-table {\u003cbr \/\u003e            font-size: 0.875rem;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-comparison-table th,\u003cbr \/\u003e        .alma-comparison-table td {\u003cbr \/\u003e            padding: 14px 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .alma-comparison-table-wrapper {\u003cbr \/\u003e            border-radius: 12px;\u003cbr \/\u003e            margin: 40px -16px 0;\u003cbr \/\u003e            width: calc(100% + 32px);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-comparison-table th:first-child {\u003cbr \/\u003e            border-radius: 12px 0 0 0;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-comparison-table th:last-child {\u003cbr \/\u003e            border-radius: 0 12px 0 0;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table .spec-label {\u003cbr \/\u003e        display: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .alma-comparison-table .spec-label {\u003cbr \/\u003e            display: block;\u003cbr \/\u003e            font-size: 0.75rem;\u003cbr \/\u003e            color: var(--alma-gray-500);\u003cbr \/\u003e            margin-bottom: 2px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-cta {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-top: 60px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-btn {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 10px;\u003cbr \/\u003e        padding: 16px 32px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        text-decoration: none;\u003cbr \/\u003e        transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-btn:hover {\u003cbr \/\u003e        background: var(--alma-green-light);\u003cbr \/\u003e        transform: scale(1.02);\u003cbr \/\u003e        box-shadow: 0 15px 40px -10px rgba(0, 66, 37, 0.4);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 1100px) {\u003cbr \/\u003e        .alma-comparison-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 700px) {\u003cbr \/\u003e        .alma-comparison-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-comparison-section {\u003cbr \/\u003e            padding: 80\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Myo","offer_id":57496398758270,"sku":"T21603CM","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398791038,"sku":"T21603F8","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398823806,"sku":"T21603F9","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496398856574,"sku":"T21603FA","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57496398889342,"sku":"T21603FB","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Myo","offer_id":57496398922110,"sku":"T21605CM","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496398954878,"sku":"T21605F8","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496398987646,"sku":"T21605F9","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496399020414,"sku":"T21605FA","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57496399053182,"sku":"T21605FB","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Myo","offer_id":57496399085950,"sku":"T21607CM","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496399118718,"sku":"T21607F8","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496399151486,"sku":"T21607F9","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496399184254,"sku":"T21607FA","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57496399217022,"sku":"T21607FB","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Myo","offer_id":57496399249790,"sku":"T21609CM","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496399282558,"sku":"T21609F8","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496399315326,"sku":"T21609F9","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496399348094,"sku":"T21609FA","price":21199.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57496399380862,"sku":"T21609FB","price":21199.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T216TTCC-F9-SIDE-ALMA_MPRO-4.jpg?v=1780337114"},{"product_id":"alma-m-ltd-s-myo-2","title":"Bicicletă MTB XC ORBEA ALMA M-LTD","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 class=\"product_title entry-title elementor-heading-title elementor-size-default\" style=\"text-align: center;\"\u003eBicicleta MTB OBREA ALMA M-LTD\u003c\/h1\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"284610\" class=\"elementor elementor-284610\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-a3d03a9 e-flex e-con-boxed e-con e-parent\" data-id=\"a3d03a9\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-3f1d008 elementor-widget elementor-widget-html\" data-id=\"3f1d008\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium Apple-Style --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e    \/* ============================================\u003cbr \/\u003e       CSS VARIABLES \u0026 DESIGN SYSTEM - ALMA EDITION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        --alma-black: #1d1d1f;\u003cbr \/\u003e        --alma-white: #ffffff;\u003cbr \/\u003e        --alma-gray-50: #fafafa;\u003cbr \/\u003e        --alma-gray-100: #f5f5f7;\u003cbr \/\u003e        --alma-gray-200: #e8e8ed;\u003cbr \/\u003e        --alma-gray-300: #d2d2d7;\u003cbr \/\u003e        --alma-gray-500: #86868b;\u003cbr \/\u003e        --alma-gray-600: #6e6e73;\u003cbr \/\u003e        --alma-gray-700: #515154;\u003cbr \/\u003e        --alma-gray-800: #2d2d2d;\u003cbr \/\u003e        --alma-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ALMA Signature Colors - British Racing Green *\/\u003cbr \/\u003e        --alma-green: #004225;\u003cbr \/\u003e        --alma-green-light: #006b3c;\u003cbr \/\u003e        --alma-green-dark: #00311a;\u003cbr \/\u003e        --alma-emerald: #10b981;\u003cbr \/\u003e        --alma-teal: #14b8a6;\u003cbr \/\u003e        --alma-forest: #166534;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Animation timing functions *\/\u003cbr \/\u003e        --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e        --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\u003cbr \/\u003e        --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\u003cbr \/\u003e        --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e        --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    \/* Force full width breakout from Elementor container *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        width: 100vw !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e        position: relative !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Override Elementor containers *\/\u003cbr \/\u003e    .elementor-widget-container:has(.alma-page),\u003cbr \/\u003e    .elementor-element:has(.alma-page) {\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Remove any gaps\/margins from parent elements *\/\u003cbr \/\u003e    .elementor-section:has(.alma-page),\u003cbr \/\u003e    .elementor-container:has(.alma-page),\u003cbr \/\u003e    .elementor-column:has(.alma-page),\u003cbr \/\u003e    .elementor-widget:has(.alma-page) {\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        gap: 0 !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container .alma-page h1,\u003cbr \/\u003e    .elementor-widget-container .alma-page h2,\u003cbr \/\u003e    .elementor-widget-container .alma-page h3,\u003cbr \/\u003e    .elementor-widget-container .alma-page h4,\u003cbr \/\u003e    .elementor-widget-container .alma-page h5,\u003cbr \/\u003e    .elementor-widget-container .alma-page h6,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h1,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h3,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h4,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h5,\u003cbr \/\u003e    .elementor-kit-6 .alma-page h6,\u003cbr \/\u003e    .alma-page h1,\u003cbr \/\u003e    .alma-page h2,\u003cbr \/\u003e    .alma-page h3,\u003cbr \/\u003e    .alma-page h4,\u003cbr \/\u003e    .alma-page h5,\u003cbr \/\u003e    .alma-page h6 {\u003cbr \/\u003e        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e        color: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-kit-6 .alma-page h2,\u003cbr \/\u003e    .elementor-widget-container .alma-page h2 {\u003cbr \/\u003e        font-size: inherit !important;\u003cbr \/\u003e        font-weight: inherit !important;\u003cbr \/\u003e        line-height: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESET \u0026 BASE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page {\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e        -webkit-font-smoothing: antialiased;\u003cbr \/\u003e        -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e        overflow-x: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page * {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page img,\u003cbr \/\u003e    .alma-page video {\u003cbr \/\u003e        max-width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       KEYFRAME ANIMATIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @keyframes fadeInUp {\u003cbr \/\u003e        0% {\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e            transform: translateY(40px);\u003cbr \/\u003e        }\u003cbr \/\u003e        100% {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            transform: translateY(0);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes blurFadeIn {\u003cbr \/\u003e        0% {\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e            filter: blur(20px);\u003cbr \/\u003e            transform: translateY(30px);\u003cbr \/\u003e        }\u003cbr \/\u003e        100% {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            filter: blur(0);\u003cbr \/\u003e            transform: translateY(0);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes scaleReveal {\u003cbr \/\u003e        0% {\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e            transform: scale(0.95);\u003cbr \/\u003e        }\u003cbr \/\u003e        100% {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            transform: scale(1);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes gradientFlow {\u003cbr \/\u003e        0% { background-position: 0% 50%; }\u003cbr \/\u003e        50% { background-position: 100% 50%; }\u003cbr \/\u003e        100% { background-position: 0% 50%; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes shimmer {\u003cbr \/\u003e        0% { background-position: -200% center; }\u003cbr \/\u003e        100% { background-position: 200% center; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes float {\u003cbr \/\u003e        0%, 100% { transform: translateY(0); }\u003cbr \/\u003e        50% { transform: translateY(-10px); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-display-hero {\u003cbr \/\u003e        font-size: 55px !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1 !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-xl {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.05 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-lg {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.025em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-display-md {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.2 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-body-xl {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-body-lg {\u003cbr \/\u003e        font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       GRADIENT TEXT - BRITISH RACING GREEN\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .gradient-racing-green {\u003cbr \/\u003e        background: linear-gradient(135deg, #00311a 0%, #004225 30%, #006b3c 60%, #10b981 100%);\u003cbr \/\u003e        background-size: 200% 200%;\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e        animation: gradientFlow 4s ease infinite;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .gradient-emerald {\u003cbr \/\u003e        background: linear-gradient(135deg, #064e3b 0%, #047857 25%, #10b981 50%, #34d399 75%, #10b981 100%);\u003cbr \/\u003e        background-size: 300% 300%;\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e        animation: gradientFlow 3s ease infinite;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .gradient-metallic-green {\u003cbr \/\u003e        background: linear-gradient(90deg, #00311a 0%, #004225 20%, #006b3c 40%, #10b981 50%, #006b3c 60%, #004225 80%, #00311a 100%);\u003cbr \/\u003e        background-size: 200% auto;\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e        animation: shimmer 4s linear infinite;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-title-group {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-bottom: 3rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-title-main {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e        margin-bottom: 0.25rem !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-title-secondary {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.15 !important;\u003cbr \/\u003e        color: var(--alma-black) !important;\u003cbr \/\u003e        margin-bottom: 1.5rem !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-subtitle-apple {\u003cbr \/\u003e        font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        max-width: 680px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Apple-style gradient variations - British Racing Green - IMPORTANT overrides *\/\u003cbr \/\u003e    .alma-gradient-racing,\u003cbr \/\u003e    .alma-page .alma-gradient-racing,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-racing {\u003cbr \/\u003e        background: linear-gradient(90deg, #00311a 0%, #004225 25%, #006b3c 50%, #10b981 75%, #006b3c 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-emerald,\u003cbr \/\u003e    .alma-page .alma-gradient-emerald,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-emerald {\u003cbr \/\u003e        background: linear-gradient(90deg, #047857 0%, #059669 35%, #10b981 65%, #34d399 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-forest,\u003cbr \/\u003e    .alma-page .alma-gradient-forest,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-forest {\u003cbr \/\u003e        background: linear-gradient(90deg, #14532d 0%, #166534 35%, #22c55e 65%, #4ade80 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-gradient-teal,\u003cbr \/\u003e    .alma-page .alma-gradient-teal,\u003cbr \/\u003e    .elementor-widget-container .alma-gradient-teal {\u003cbr \/\u003e        background: linear-gradient(90deg, #115e59 0%, #0d9488 35%, #14b8a6 65%, #2dd4bf 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HERO SECTION - FULL WIDTH VIDEO\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-hero {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100vh;\u003cbr \/\u003e        min-height: 600px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-video {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        background: rgba(0, 0, 0, 0.3);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-content {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 3;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        padding: 0 24px;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-title {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-subtitle {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e        max-width: 650px;\u003cbr \/\u003e        margin: 0 auto 32px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-btn {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 10px;\u003cbr \/\u003e        padding: 16px 32px;\u003cbr \/\u003e        background: rgba(255, 255, 255, 0.95);\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        border-radius: 980px;\u003cbr \/\u003e        text-decoration: none;\u003cbr \/\u003e        transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.9s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-btn:hover {\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-hero-btn svg {\u003cbr \/\u003e        width: 20px;\u003cbr \/\u003e        height: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-page section {\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding-top: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-page \u003e section + section {\u003cbr \/\u003e        margin-top: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FULL WIDTH IMAGE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-fullwidth-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-fullwidth-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-highlights-section {\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        background: var(--alma-gray-900);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlights-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 4\/5;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-card:hover img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        padding: 40px 32px;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-title {\u003cbr \/\u003e        font-size: clamp(1.5rem, 2.5vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-highlight-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.8);\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-highlights-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-highlight-card {\u003cbr \/\u003e            aspect-ratio: 16\/10;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       X-FADER SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-xfader-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-header h2 {\u003cbr \/\u003e        margin-bottom: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-header p {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-video {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e        margin-bottom: 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-details {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 64px;\u003cbr \/\u003e        align-items: start;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-text h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-text p {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-xfader-text p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-xfader-details {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       CARBON SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-carbon-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-header h2 {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-header p {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-main-image {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        margin-bottom: 48px;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-main-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-features {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card {\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card:hover {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-image {\u003cbr \/\u003e        aspect-ratio: 16\/10;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card:hover .alma-carbon-card-image img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-content {\u003cbr \/\u003e        padding: 28px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-title {\u003cbr \/\u003e        font-size: 1.25rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-carbon-card-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--alma-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-carbon-features {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SCROLL REVEAL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-scroll-reveal {\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(50px);\u003cbr \/\u003e        transition: all 0.8s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-scroll-reveal.visible {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-scroll-reveal.delay-1 { transition-delay: 0.1s; }\u003cbr \/\u003e    .alma-scroll-reveal.delay-2 { transition-delay: 0.2s; }\u003cbr \/\u003e    .alma-scroll-reveal.delay-3 { transition-delay: 0.3s; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESPONSIVE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .alma-hero {\u003cbr \/\u003e            min-height: 500px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-xfader-section,\u003cbr \/\u003e        .alma-carbon-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-xfader-video,\u003cbr \/\u003e        .alma-carbon-main-image {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-carbon-card {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       COCKPIT INTEGRATION SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-cockpit-section {\u003cbr \/\u003e        padding: 120px 40px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-cockpit-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-cockpit-video {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e        margin-bottom: 60px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-cockpit-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        grid-template-rows: repeat(2, 1fr);\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        margin-top: 60px;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-item {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        aspect-ratio: 1\/1;\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-item img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-item:hover img {\u003cbr \/\u003e        transform: scale(1.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: 0;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-integration-title {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 20px;\u003cbr \/\u003e        left: 20px;\u003cbr \/\u003e        right: 20px;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        font-size: 1.125rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        line-height: 1.3;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-integration-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-integration-title {\u003cbr \/\u003e            font-size: 1rem;\u003cbr \/\u003e            bottom: 16px;\u003cbr \/\u003e            left: 16px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .alma-integration-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 10px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-cockpit-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-cockpit-video {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e            margin-bottom: 40px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-integration-item {\u003cbr \/\u003e            border-radius: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-integration-title {\u003cbr \/\u003e            font-size: 0.875rem;\u003cbr \/\u003e            bottom: 12px;\u003cbr \/\u003e            left: 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       DESIGN YOUR RIDE (MYO) SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-myo-section {\u003cbr \/\u003e        padding: 120px 40px;\u003cbr \/\u003e        background: var(--alma-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-video {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e        margin-bottom: 60px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-colors {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 24px;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-color-item {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-color-image {\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 4\/5;\u003cbr \/\u003e        transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s var(--ease-out-expo);\u003cbr \/\u003e        margin-bottom: 16px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-color-item:hover .alma-myo-color-image {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-color-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-myo-color-name {\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--alma-gray-900);\u003cbr \/\u003e        line-height: 1.4;\u003cbr \/\u003e        padding: 0 8px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .alma-myo-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-myo-colors {\u003cbr \/\u003e            gap: 16px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-myo-color-name {\u003cbr \/\u003e            font-size: 0.875rem;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .alma-myo-colors {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            max-width: 400px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-myo-video {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-myo-color-image {\u003cbr \/\u003e            border-radius: 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FEEL LIKE A PRO SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-pro-section {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-pro-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-pro-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-pro-content {\u003cbr \/\u003e        padding: 100px 24px;\u003cbr \/\u003e        background: var(--alma-gray-900);\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-pro-content .alma-title-main,\u003cbr \/\u003e    .alma-pro-content .alma-title-secondary {\u003cbr \/\u003e        color: var(--alma-white) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-pro-content .alma-subtitle-apple {\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-pro-content .alma-subtitle-apple strong {\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .alma-pro-content {\u003cbr \/\u003e            padding: 60px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       COMPARISON TABLE SECTION (Whistle\/Santa Cruz Style)\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .alma-comparison-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-container {\u003cbr \/\u003e        max-width: 1600px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table-wrapper {\u003cbr \/\u003e        overflow-x: auto;\u003cbr \/\u003e        margin-top: 60px;\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        background: var(--alma-white);\u003cbr \/\u003e        box-shadow: 0 4px 20px rgba(0,0,0,0.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        border-collapse: collapse;\u003cbr \/\u003e        min-width: 1200px;\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table thead {\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table th {\u003cbr \/\u003e        padding: 20px 16px;\u003cbr \/\u003e        text-align: left;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.05em;\u003cbr \/\u003e        white-space: nowrap;\u003cbr \/\u003e        border-bottom: 2px solid var(--alma-green-dark);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table th:first-child {\u003cbr \/\u003e        border-radius: 16px 0 0 0;\u003cbr \/\u003e        padding-left: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table th:last-child {\u003cbr \/\u003e        border-radius: 0 16px 0 0;\u003cbr \/\u003e        padding-right: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table tbody tr {\u003cbr \/\u003e        border-bottom: 1px solid var(--alma-gray-200);\u003cbr \/\u003e        transition: background 0.2s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table tbody tr:hover {\u003cbr \/\u003e        background: var(--alma-gray-50);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table tbody tr:last-child {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table td {\u003cbr \/\u003e        padding: 18px 16px;\u003cbr \/\u003e        vertical-align: top;\u003cbr \/\u003e        color: var(--alma-gray-700);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table td:first-child {\u003cbr \/\u003e        padding-left: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table td:last-child {\u003cbr \/\u003e        padding-right: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-cell {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        gap: 6px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-name {\u003cbr \/\u003e        font-weight: 800;\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: -0.01em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-model-badge {\u003cbr \/\u003e        display: inline-block;\u003cbr \/\u003e        padding: 4px 10px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        font-size: 0.6875rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.05em;\u003cbr \/\u003e        border-radius: 4px;\u003cbr \/\u003e        width: fit-content;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-price-cell {\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        color: var(--alma-green) !important;\u003cbr \/\u003e        white-space: nowrap;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-spec-highlight {\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--alma-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Sticky first column *\/\u003cbr \/\u003e    .alma-comparison-table th:first-child,\u003cbr \/\u003e    .alma-comparison-table td:first-child {\u003cbr \/\u003e        position: sticky;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        background: inherit;\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table thead th:first-child {\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table tbody tr:hover td:first-child {\u003cbr \/\u003e        background: var(--alma-gray-50);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 1100px) {\u003cbr \/\u003e        .alma-comparison-section {\u003cbr \/\u003e            padding: 80px 16px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-comparison-table {\u003cbr \/\u003e            font-size: 0.875rem;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-comparison-table th,\u003cbr \/\u003e        .alma-comparison-table td {\u003cbr \/\u003e            padding: 14px 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .alma-comparison-table-wrapper {\u003cbr \/\u003e            border-radius: 12px;\u003cbr \/\u003e            margin: 40px -16px 0;\u003cbr \/\u003e            width: calc(100% + 32px);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-comparison-table th:first-child {\u003cbr \/\u003e            border-radius: 12px 0 0 0;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .alma-comparison-table th:last-child {\u003cbr \/\u003e            border-radius: 0 12px 0 0;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-table .spec-label {\u003cbr \/\u003e        display: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .alma-comparison-table .spec-label {\u003cbr \/\u003e            display: block;\u003cbr \/\u003e            font-size: 0.75rem;\u003cbr \/\u003e            color: var(--alma-gray-500);\u003cbr \/\u003e            margin-bottom: 2px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-cta {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-top: 60px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-btn {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 10px;\u003cbr \/\u003e        padding: 16px 32px;\u003cbr \/\u003e        background: var(--alma-green);\u003cbr \/\u003e        color: var(--alma-white);\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        text-decoration: none;\u003cbr \/\u003e        transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .alma-comparison-btn:hover {\u003cbr \/\u003e        background: var(--alma-green-light);\u003cbr \/\u003e        transform: scale(1.02);\u003cbr \/\u003e        box-shadow: 0 15px 40px -10px rgba(0, 66, 37, 0.4);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 1100px) {\u003cbr \/\u003e        .alma-comparison-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 700px) {\u003cbr \/\u003e        .alma-comparison-grid {\u003cbr \/\u003e            grid-template-columns: 1f\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Myo","offer_id":57496399577470,"sku":"T21803CM","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496399610238,"sku":"T21803F8","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496399643006,"sku":"T21803F9","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496399675774,"sku":"T21803FA","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57496399708542,"sku":"T21803FB","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Myo","offer_id":57496399741310,"sku":"T21805CM","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496399774078,"sku":"T21805F8","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496399806846,"sku":"T21805F9","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496399839614,"sku":"T21805FA","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57496399872382,"sku":"T21805FB","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Myo","offer_id":57496399905150,"sku":"T21807CM","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496399937918,"sku":"T21807F8","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496399970686,"sku":"T21807F9","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496400003454,"sku":"T21807FA","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57496400036222,"sku":"T21807FB","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Myo","offer_id":57496400068990,"sku":"T21809CM","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57496400101758,"sku":"T21809F8","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57496400134526,"sku":"T21809F9","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57496400167294,"sku":"T21809FA","price":42399.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57496400200062,"sku":"T21809FB","price":42399.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T218TTCC-FB-SIDE-ALMA_MLTD-1-1.jpg?v=1780337115"},{"product_id":"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"}],"url":"https:\/\/www.provelo.ro\/collections\/orbea-alma.oembed","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}