{"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","url":"https:\/\/www.provelo.ro\/products\/alma-m-pro-s-myo-2","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}