{"product_id":"diem-10-28mph-s-spaceship-green-matt","title":"Bicicleta electrica oras ORBEA DIEM 10","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta electrica de oras ORBEA DIEM 10\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"295664\" class=\"elementor elementor-295664\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-e2d3884 e-flex e-con-boxed e-con e-parent\" data-id=\"e2d3884\" 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-862c455 elementor-widget elementor-widget-html\" data-id=\"862c455\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e    \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e    \u003ctitle\u003eOrbea Diem - Bicicleta Electrica Urbana | ProVelo\u003c\/title\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e    \u003cmeta name=\"description\" content=\"Orbea Diem: bicicleta electrica urbana cu motor Shimano EP600, baterie pana la 630Wh si design elegant. Totul integrat din fabrica.\"\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e        * {\u003cbr \/\u003e            margin: 0;\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e            box-sizing: border-box;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        :root {\u003cbr \/\u003e            --diem-bg-white: #ffffff;\u003cbr \/\u003e            --diem-bg-gray: #f5f5f7;\u003cbr \/\u003e            --diem-text-primary: #1d1d1f;\u003cbr \/\u003e            --diem-text-secondary: #6e6e73;\u003cbr \/\u003e            --diem-accent-blue: #0071e3;\u003cbr \/\u003e            --diem-accent-green: #00875a;\u003cbr \/\u003e            --diem-accent-orange: #f56300;\u003cbr \/\u003e            --diem-accent-purple: #6b3fa0;\u003cbr \/\u003e            --diem-border-color: rgba(0, 0, 0, 0.1);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        html {\u003cbr \/\u003e            scroll-behavior: smooth;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        body {\u003cbr \/\u003e            font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\u003cbr \/\u003e            background-color: var(--diem-bg-white);\u003cbr \/\u003e            color: var(--diem-text-primary);\u003cbr \/\u003e            line-height: 1.6;\u003cbr \/\u003e            overflow-x: hidden;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-container {\u003cbr \/\u003e            width: 100%;\u003cbr \/\u003e            max-width: 980px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e            padding: 0 40px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-container-wide {\u003cbr \/\u003e            width: 100%;\u003cbr \/\u003e            max-width: 1200px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e            padding: 0 40px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-container-full {\u003cbr \/\u003e            width: 100%;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (max-width: 768px) {\u003cbr \/\u003e            .diem-container,\u003cbr \/\u003e            .diem-container-wide {\u003cbr \/\u003e                padding: 0 20px;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            body {\u003cbr \/\u003e                font-size: 16px;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ STICKY SUB-NAV ============ *\/\u003cbr \/\u003e        .diem-subnav {\u003cbr \/\u003e            position: fixed;\u003cbr \/\u003e            top: 0;\u003cbr \/\u003e            left: 0;\u003cbr \/\u003e            right: 0;\u003cbr \/\u003e            height: 52px;\u003cbr \/\u003e            background: transparent;\u003cbr \/\u003e            backdrop-filter: none;\u003cbr \/\u003e            border-bottom: none;\u003cbr \/\u003e            z-index: 999;\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            pointer-events: auto;\u003cbr \/\u003e            transition: background 0.4s ease, backdrop-filter 0.4s ease;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* White text on hero *\/\u003cbr \/\u003e        .diem-subnav .diem-subnav-brand {\u003cbr \/\u003e            color: #ffffff;\u003cbr \/\u003e            transition: color 0.4s ease;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav .diem-subnav-links a {\u003cbr \/\u003e            color: rgba(255,255,255,0.7);\u003cbr \/\u003e            transition: color 0.4s ease;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav .diem-subnav-links a:hover {\u003cbr \/\u003e            color: #ffffff;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Scrolled state — solid background, dark text *\/\u003cbr \/\u003e        .diem-subnav.scrolled {\u003cbr \/\u003e            background: rgba(255, 255, 255, 0.72);\u003cbr \/\u003e            backdrop-filter: blur(20px);\u003cbr \/\u003e            border-bottom: 1px solid var(--diem-border-color);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav.scrolled .diem-subnav-brand {\u003cbr \/\u003e            color: var(--diem-text-primary);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav.scrolled .diem-subnav-links a {\u003cbr \/\u003e            color: var(--diem-text-secondary);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav.scrolled .diem-subnav-links a:hover {\u003cbr \/\u003e            color: var(--diem-text-primary);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav-content {\u003cbr \/\u003e            height: 100%;\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e            justify-content: space-between;\u003cbr \/\u003e            padding: 0 40px;\u003cbr \/\u003e            max-width: 1200px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav-brand {\u003cbr \/\u003e            font-size: 14px;\u003cbr \/\u003e            font-weight: 700;\u003cbr \/\u003e            letter-spacing: 0.05em;\u003cbr \/\u003e            color: var(--diem-text-primary);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav-links {\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            gap: 40px;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav-links a {\u003cbr \/\u003e            font-size: 13px;\u003cbr \/\u003e            font-weight: 500;\u003cbr \/\u003e            color: var(--diem-text-secondary);\u003cbr \/\u003e            text-decoration: none;\u003cbr \/\u003e            transition: color 0.2s ease;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav-links a:hover {\u003cbr \/\u003e            color: var(--diem-text-primary);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav-cta {\u003cbr \/\u003e            margin-left: 40px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav-contact-link {\u003cbr \/\u003e            font-size: 13px;\u003cbr \/\u003e            font-weight: 500;\u003cbr \/\u003e            color: rgba(255,255,255,0.7);\u003cbr \/\u003e            text-decoration: none;\u003cbr \/\u003e            transition: color 0.4s ease;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav-contact-link:hover {\u003cbr \/\u003e            color: #ffffff;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav.scrolled .diem-subnav-contact-link {\u003cbr \/\u003e            color: var(--diem-accent-blue);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-subnav.scrolled .diem-subnav-contact-link:hover {\u003cbr \/\u003e            color: #0067d6;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (max-width: 768px) {\u003cbr \/\u003e            .diem-subnav-content {\u003cbr \/\u003e                padding: 0 20px;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-subnav-links {\u003cbr \/\u003e                gap: 20px;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-subnav-cta {\u003cbr \/\u003e                margin-left: 20px;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ BUTTONS ============ *\/\u003cbr \/\u003e        .diem-btn {\u003cbr \/\u003e            padding: 12px 28px !important;\u003cbr \/\u003e            border-radius: 980px !important;\u003cbr \/\u003e            font-size: 15px !important;\u003cbr \/\u003e            font-weight: 600 !important;\u003cbr \/\u003e            border: none !important;\u003cbr \/\u003e            cursor: pointer !important;\u003cbr \/\u003e            transition: all 0.2s ease;\u003cbr \/\u003e            text-decoration: none !important;\u003cbr \/\u003e            display: inline-flex !important;\u003cbr \/\u003e            align-items: center !important;\u003cbr \/\u003e            gap: 8px !important;\u003cbr \/\u003e            white-space: nowrap !important;\u003cbr \/\u003e            font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-btn-primary {\u003cbr \/\u003e            background-color: var(--diem-accent-blue) !important;\u003cbr \/\u003e            color: white !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-btn-primary:hover {\u003cbr \/\u003e            background-color: #0067d6 !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-btn-secondary {\u003cbr \/\u003e            border: 1px solid var(--diem-accent-blue) !important;\u003cbr \/\u003e            color: var(--diem-accent-blue) !important;\u003cbr \/\u003e            background-color: transparent !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-btn-secondary:hover {\u003cbr \/\u003e            background-color: rgba(0, 113, 227, 0.05) !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-btn-badge {\u003cbr \/\u003e            padding: 6px 14px !important;\u003cbr \/\u003e            font-size: 12px !important;\u003cbr \/\u003e            font-weight: 600 !important;\u003cbr \/\u003e            text-transform: uppercase !important;\u003cbr \/\u003e            letter-spacing: 0.05em !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ TYPOGRAPHY ============ *\/\u003cbr \/\u003e        .diem-eyebrow {\u003cbr \/\u003e            font-size: 12px;\u003cbr \/\u003e            font-weight: 600;\u003cbr \/\u003e            text-transform: uppercase;\u003cbr \/\u003e            letter-spacing: 0.08em;\u003cbr \/\u003e            color: var(--diem-text-secondary);\u003cbr \/\u003e            margin-bottom: 12px;\u003cbr \/\u003e            display: inline-block;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-eyebrow.blue {\u003cbr \/\u003e            color: var(--diem-accent-blue);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-eyebrow.green {\u003cbr \/\u003e            color: var(--diem-accent-green);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-eyebrow.orange {\u003cbr \/\u003e            color: var(--diem-accent-orange);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-eyebrow.purple {\u003cbr \/\u003e            color: var(--diem-accent-purple);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-h1 {\u003cbr \/\u003e            font-size: 80px !important;\u003cbr \/\u003e            font-weight: 700 !important;\u003cbr \/\u003e            letter-spacing: -0.03em !important;\u003cbr \/\u003e            line-height: 1.05 !important;\u003cbr \/\u003e            color: var(--diem-text-primary) !important;\u003cbr \/\u003e            margin: 0 !important;\u003cbr \/\u003e            padding: 0 !important;\u003cbr \/\u003e            text-transform: none !important;\u003cbr \/\u003e            font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-h2 {\u003cbr \/\u003e            font-size: 56px !important;\u003cbr \/\u003e            font-weight: 700 !important;\u003cbr \/\u003e            letter-spacing: -0.015em !important;\u003cbr \/\u003e            line-height: 1.07 !important;\u003cbr \/\u003e            color: var(--diem-text-primary) !important;\u003cbr \/\u003e            margin: 0 !important;\u003cbr \/\u003e            padding: 0 !important;\u003cbr \/\u003e            text-transform: none !important;\u003cbr \/\u003e            font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-h3 {\u003cbr \/\u003e            font-size: 28px !important;\u003cbr \/\u003e            font-weight: 600 !important;\u003cbr \/\u003e            letter-spacing: 0.004em !important;\u003cbr \/\u003e            line-height: 1.3 !important;\u003cbr \/\u003e            color: var(--diem-text-primary) !important;\u003cbr \/\u003e            margin: 0 !important;\u003cbr \/\u003e            padding: 0 !important;\u003cbr \/\u003e            text-transform: none !important;\u003cbr \/\u003e            font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-body {\u003cbr \/\u003e            font-size: 21px !important;\u003cbr \/\u003e            font-weight: 400 !important;\u003cbr \/\u003e            line-height: 1.47 !important;\u003cbr \/\u003e            color: var(--diem-text-secondary) !important;\u003cbr \/\u003e            margin: 0 !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-stat {\u003cbr \/\u003e            font-size: 72px !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        .diem-link {\u003cbr \/\u003e            color: var(--diem-accent-blue) !important;\u003cbr \/\u003e            text-decoration: none !important;\u003cbr \/\u003e            font-weight: 500 !important;\u003cbr \/\u003e            font-size: 17px !important;\u003cbr \/\u003e            transition: color 0.2s ease;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-link:hover {\u003cbr \/\u003e            color: #0067d6 !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* WordPress override — force all headings inside diem sections *\/\u003cbr \/\u003e        .diem-section h2,\u003cbr \/\u003e        .diem-overlay-section h2,\u003cbr \/\u003e        .diem-hero-fullwidth h1,\u003cbr \/\u003e        .diem-footer-cta h2 {\u003cbr \/\u003e            font-size: 56px !important;\u003cbr \/\u003e            font-weight: 700 !important;\u003cbr \/\u003e            letter-spacing: -0.015em !important;\u003cbr \/\u003e            line-height: 1.07 !important;\u003cbr \/\u003e            color: var(--diem-text-primary) !important;\u003cbr \/\u003e            margin: 0 !important;\u003cbr \/\u003e            padding: 0 !important;\u003cbr \/\u003e            text-transform: none !important;\u003cbr \/\u003e            border: none !important;\u003cbr \/\u003e            background: none !important;\u003cbr \/\u003e            font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\u003cbr \/\u003e            display: block !important;\u003cbr \/\u003e            visibility: visible !important;\u003cbr \/\u003e            opacity: 1 !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-hero-fullwidth h1,\u003cbr \/\u003e        .diem-hero-fullwidth .diem-h1,\u003cbr \/\u003e        .diem-hero-fullwidth-content h1,\u003cbr \/\u003e        .diem-hero-fullwidth-content .diem-h1 {\u003cbr \/\u003e            font-size: 80px !important;\u003cbr \/\u003e            line-height: 1.05 !important;\u003cbr \/\u003e            letter-spacing: -0.03em !important;\u003cbr \/\u003e            color: #ffffff !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-hero-fullwidth-content .diem-eyebrow,\u003cbr \/\u003e        .diem-hero-fullwidth-content div\u003cclass*=\"eyebrow\"\u003e {\u003cbr \/\u003e            color: rgba(255,255,255,0.7) !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-overlay-section h2,\u003cbr \/\u003e        .diem-overlay-content h2 {\u003cbr \/\u003e            color: #ffffff !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-section h3 {\u003cbr \/\u003e            font-size: 28px !important;\u003cbr \/\u003e            font-weight: 600 !important;\u003cbr \/\u003e            color: var(--diem-text-primary) !important;\u003cbr \/\u003e            margin: 0 !important;\u003cbr \/\u003e            padding: 0 !important;\u003cbr \/\u003e            text-transform: none !important;\u003cbr \/\u003e            border: none !important;\u003cbr \/\u003e            background: none !important;\u003cbr \/\u003e            font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-section p,\u003cbr \/\u003e        .diem-overlay-section p {\u003cbr \/\u003e            font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (max-width: 768px) {\u003cbr \/\u003e            .diem-h1,\u003cbr \/\u003e            .diem-hero-fullwidth h1 {\u003cbr \/\u003e                font-size: 48px !important;\u003cbr \/\u003e                letter-spacing: -0.02em !important;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-h2,\u003cbr \/\u003e            .diem-section h2,\u003cbr \/\u003e            .diem-overlay-section h2,\u003cbr \/\u003e            .diem-footer-cta h2 {\u003cbr \/\u003e                font-size: 36px !important;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-h3,\u003cbr \/\u003e            .diem-section h3 {\u003cbr \/\u003e                font-size: 24px !important;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-body {\u003cbr \/\u003e                font-size: 17px !important;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-stat {\u003cbr \/\u003e                font-size: 48px !important;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ SECTIONS ============ *\/\u003cbr \/\u003e        .diem-section {\u003cbr \/\u003e            width: 100vw !important;\u003cbr \/\u003e            max-width: 100vw !important;\u003cbr \/\u003e            margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e            margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e            padding: 120px 40px;\u003cbr \/\u003e            box-sizing: border-box;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-section.white {\u003cbr \/\u003e            background-color: var(--diem-bg-white);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-section.gray {\u003cbr \/\u003e            background-color: var(--diem-bg-gray);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-section-content {\u003cbr \/\u003e            max-width: 1200px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (max-width: 768px) {\u003cbr \/\u003e            .diem-section {\u003cbr \/\u003e                padding: 60px 20px;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ HERO FULL-WIDTH ============ *\/\u003cbr \/\u003e        .diem-hero-fullwidth {\u003cbr \/\u003e            position: relative;\u003cbr \/\u003e            width: 100vw !important;\u003cbr \/\u003e            max-width: 100vw !important;\u003cbr \/\u003e            min-height: 100vh;\u003cbr \/\u003e            overflow: hidden;\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e            justify-content: center;\u003cbr \/\u003e            margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e            margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e            padding: 0 !important;\u003cbr \/\u003e            box-sizing: border-box;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-hero-fullwidth-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        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-hero-fullwidth-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            pointer-events: none;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-hero-fullwidth-content {\u003cbr \/\u003e            position: relative;\u003cbr \/\u003e            z-index: 2;\u003cbr \/\u003e            text-align: center;\u003cbr \/\u003e            padding: 40px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (max-width: 768px) {\u003cbr \/\u003e            .diem-hero-fullwidth {\u003cbr \/\u003e                min-height: 70vh;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-hero-fullwidth-content {\u003cbr \/\u003e                padding: 20px;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ STATS ROW ============ *\/\u003cbr \/\u003e        .diem-stats-row {\u003cbr \/\u003e            display: grid;\u003cbr \/\u003e            grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e            gap: 60px;\u003cbr \/\u003e            text-align: center;\u003cbr \/\u003e            max-width: 900px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-stat-item {\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            flex-direction: column;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-stat-number {\u003cbr \/\u003e            margin-bottom: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-stat-label {\u003cbr \/\u003e            font-size: 17px;\u003cbr \/\u003e            color: var(--diem-text-secondary);\u003cbr \/\u003e            font-weight: 400;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (max-width: 768px) {\u003cbr \/\u003e            .diem-stats-row {\u003cbr \/\u003e                grid-template-columns: 1fr;\u003cbr \/\u003e                gap: 40px;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ FEATURE SECTION ============ *\/\u003cbr \/\u003e        .diem-feature {\u003cbr \/\u003e            margin-bottom: 0;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-content {\u003cbr \/\u003e            display: grid;\u003cbr \/\u003e            grid-template-columns: 1.4fr 1fr;\u003cbr \/\u003e            gap: 60px;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e            max-width: 1200px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-text h2 {\u003cbr \/\u003e            margin-top: 20px;\u003cbr \/\u003e            margin-bottom: 28px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-text p {\u003cbr \/\u003e            margin-bottom: 28px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-media {\u003cbr \/\u003e            border-radius: 28px;\u003cbr \/\u003e            overflow: hidden;\u003cbr \/\u003e            background-color: #000;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-media video,\u003cbr \/\u003e        .diem-feature-media img {\u003cbr \/\u003e            width: 100%;\u003cbr \/\u003e            display: block;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature.reverse .diem-feature-content {\u003cbr \/\u003e            grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature.reverse .diem-feature-media {\u003cbr \/\u003e            order: -1;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-stat {\u003cbr \/\u003e            font-size: 48px;\u003cbr \/\u003e            font-weight: 700;\u003cbr \/\u003e            letter-spacing: -0.025em;\u003cbr \/\u003e            margin-top: 32px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-badge {\u003cbr \/\u003e            display: inline-block;\u003cbr \/\u003e            padding: 8px 16px;\u003cbr \/\u003e            background-color: rgba(0, 113, 227, 0.1);\u003cbr \/\u003e            border-radius: 8px;\u003cbr \/\u003e            font-size: 13px;\u003cbr \/\u003e            font-weight: 600;\u003cbr \/\u003e            color: var(--diem-accent-blue);\u003cbr \/\u003e            margin-top: 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (max-width: 768px) {\u003cbr \/\u003e            .diem-feature-content {\u003cbr \/\u003e                grid-template-columns: 1fr;\u003cbr \/\u003e                gap: 40px;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-feature.reverse .diem-feature-content {\u003cbr \/\u003e                grid-template-columns: 1fr;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-feature.reverse .diem-feature-media {\u003cbr \/\u003e                order: 0;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-feature-text h2 {\u003cbr \/\u003e                font-size: 36px;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ FEATURE FULL-WIDTH IMAGE ============ *\/\u003cbr \/\u003e        .diem-feature-full {\u003cbr \/\u003e            margin-bottom: 0;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-full-image {\u003cbr \/\u003e            max-width: 100%;\u003cbr \/\u003e            margin: 0 auto 40px;\u003cbr \/\u003e            border-radius: 28px;\u003cbr \/\u003e            overflow: hidden;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-full-image img {\u003cbr \/\u003e            width: 100%;\u003cbr \/\u003e            display: block;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-full-text {\u003cbr \/\u003e            text-align: center;\u003cbr \/\u003e            max-width: 700px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-full-text h2 {\u003cbr \/\u003e            margin-bottom: 28px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-full-text p {\u003cbr \/\u003e            margin-bottom: 32px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ FULL-WIDTH IMAGE WITH TEXT OVERLAY ============ *\/\u003cbr \/\u003e        .diem-overlay-section {\u003cbr \/\u003e            position: relative;\u003cbr \/\u003e            width: 100vw !important;\u003cbr \/\u003e            max-width: 100vw !important;\u003cbr \/\u003e            margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e            margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e            min-height: 600px;\u003cbr \/\u003e            overflow: hidden;\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            align-items: flex-end;\u003cbr \/\u003e            padding: 0 !important;\u003cbr \/\u003e            box-sizing: border-box;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-overlay-section img,\u003cbr \/\u003e        .diem-overlay-section 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        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-overlay-section::after {\u003cbr \/\u003e            content: '';\u003cbr \/\u003e            position: absolute;\u003cbr \/\u003e            top: 0;\u003cbr \/\u003e            left: 0;\u003cbr \/\u003e            width: 100%;\u003cbr \/\u003e            height: 100%;\u003cbr \/\u003e            background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);\u003cbr \/\u003e            pointer-events: none;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-overlay-content {\u003cbr \/\u003e            position: relative;\u003cbr \/\u003e            z-index: 2;\u003cbr \/\u003e            padding: 80px 60px;\u003cbr \/\u003e            max-width: 500px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-overlay-content h2 {\u003cbr \/\u003e            color: #ffffff;\u003cbr \/\u003e            font-size: 48px;\u003cbr \/\u003e            font-weight: 700;\u003cbr \/\u003e            letter-spacing: -0.015em;\u003cbr \/\u003e            line-height: 1.1;\u003cbr \/\u003e            margin-bottom: 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-overlay-content p {\u003cbr \/\u003e            color: rgba(255,255,255,0.8);\u003cbr \/\u003e            font-size: 17px;\u003cbr \/\u003e            line-height: 1.5;\u003cbr \/\u003e            margin-bottom: 28px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-overlay-stats {\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            gap: 32px;\u003cbr \/\u003e            flex-wrap: wrap;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-overlay-eyebrow {\u003cbr \/\u003e            font-size: 12px;\u003cbr \/\u003e            font-weight: 600;\u003cbr \/\u003e            text-transform: uppercase;\u003cbr \/\u003e            letter-spacing: 0.08em;\u003cbr \/\u003e            margin-bottom: 12px;\u003cbr \/\u003e            display: inline-block;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-overlay-stats span {\u003cbr \/\u003e            font-size: 12px;\u003cbr \/\u003e            font-weight: 700;\u003cbr \/\u003e            text-transform: uppercase;\u003cbr \/\u003e            letter-spacing: 0.08em;\u003cbr \/\u003e            color: #00ff88;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (max-width: 768px) {\u003cbr \/\u003e            .diem-overlay-section {\u003cbr \/\u003e                min-height: 500px;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-overlay-content {\u003cbr \/\u003e                padding: 40px 20px;\u003cbr \/\u003e                max-width: 100%;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-overlay-content h2 {\u003cbr \/\u003e                font-size: 32px;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-stats-inline {\u003cbr \/\u003e            display: grid;\u003cbr \/\u003e            grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e            gap: 40px;\u003cbr \/\u003e            margin-top: 40px;\u003cbr \/\u003e            padding-top: 40px;\u003cbr \/\u003e            border-top: 1px solid var(--diem-border-color);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-stats-inline \u003e div {\u003cbr \/\u003e            text-align: center;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-feature-stats-inline-label {\u003cbr \/\u003e            font-size: 15px;\u003cbr \/\u003e            color: var(--diem-text-secondary);\u003cbr \/\u003e            margin-top: 8px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (max-width: 768px) {\u003cbr \/\u003e            .diem-feature-stats-inline {\u003cbr \/\u003e                grid-template-columns: 1fr;\u003cbr \/\u003e                gap: 20px;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-feature-full-text h2 {\u003cbr \/\u003e                font-size: 36px;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ ACCESSORIES PILLS ============ *\/\u003cbr \/\u003e        .diem-accessories-pills {\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            flex-wrap: wrap;\u003cbr \/\u003e            gap: 16px;\u003cbr \/\u003e            justify-content: center;\u003cbr \/\u003e            margin-top: 40px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-pill {\u003cbr \/\u003e            padding: 10px 18px;\u003cbr \/\u003e            background-color: var(--diem-bg-white);\u003cbr \/\u003e            border: 1px solid var(--diem-border-color);\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e            font-size: 15px;\u003cbr \/\u003e            font-weight: 500;\u003cbr \/\u003e            color: var(--diem-text-primary);\u003cbr \/\u003e            transition: all 0.2s ease;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-pill:hover {\u003cbr \/\u003e            border-color: var(--diem-text-primary);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ PRODUCT CARDS ============ *\/\u003cbr \/\u003e        .diem-cards-grid {\u003cbr \/\u003e            display: grid;\u003cbr \/\u003e            grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e            gap: 40px;\u003cbr \/\u003e            max-width: 1000px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card {\u003cbr \/\u003e            background-color: #ffffff !important;\u003cbr \/\u003e            border-radius: 28px;\u003cbr \/\u003e            padding: 48px;\u003cbr \/\u003e            text-align: center;\u003cbr \/\u003e            border: 1px solid rgba(0,0,0,0.08);\u003cbr \/\u003e            transition: transform 0.3s ease, box-shadow 0.3s ease;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card:hover {\u003cbr \/\u003e            transform: translateY(-4px);\u003cbr \/\u003e            box-shadow: 0 12px 40px rgba(0,0,0,0.08);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Card accent top border *\/\u003cbr \/\u003e        .diem-card:nth-child(1) {\u003cbr \/\u003e            border-top: 3px solid var(--diem-accent-blue);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card:nth-child(2) {\u003cbr \/\u003e            border-top: 3px solid var(--diem-accent-green);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card:nth-child(3) {\u003cbr \/\u003e            border-top: 3px solid var(--diem-accent-orange);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card-badge {\u003cbr \/\u003e            display: inline-block;\u003cbr \/\u003e            padding: 6px 14px;\u003cbr \/\u003e            border-radius: 8px;\u003cbr \/\u003e            font-size: 12px;\u003cbr \/\u003e            font-weight: 600;\u003cbr \/\u003e            text-transform: uppercase;\u003cbr \/\u003e            letter-spacing: 0.05em;\u003cbr \/\u003e            margin-bottom: 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card-badge.blue {\u003cbr \/\u003e            background-color: rgba(0, 113, 227, 0.1);\u003cbr \/\u003e            color: var(--diem-accent-blue);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card-badge.green {\u003cbr \/\u003e            background-color: rgba(0, 135, 90, 0.1);\u003cbr \/\u003e            color: var(--diem-accent-green);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card-badge.orange {\u003cbr \/\u003e            background-color: rgba(245, 99, 0, 0.1);\u003cbr \/\u003e            color: var(--diem-accent-orange);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card h3 {\u003cbr \/\u003e            margin: 16px 0 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card-price {\u003cbr \/\u003e            font-size: 32px;\u003cbr \/\u003e            font-weight: 700;\u003cbr \/\u003e            color: var(--diem-text-primary);\u003cbr \/\u003e            margin: 20px 0 32px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card-specs {\u003cbr \/\u003e            text-align: left;\u003cbr \/\u003e            margin-bottom: 32px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card-specs li {\u003cbr \/\u003e            list-style: none;\u003cbr \/\u003e            padding: 10px 0;\u003cbr \/\u003e            font-size: 15px;\u003cbr \/\u003e            color: var(--diem-text-secondary);\u003cbr \/\u003e            border-bottom: 1px solid rgba(0, 0, 0, 0.05);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card-specs li:last-child {\u003cbr \/\u003e            border-bottom: none;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card-cta {\u003cbr \/\u003e            margin-bottom: 16px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-card-link {\u003cbr \/\u003e            font-size: 15px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (max-width: 768px) {\u003cbr \/\u003e            .diem-cards-grid {\u003cbr \/\u003e                grid-template-columns: 1fr;\u003cbr \/\u003e                gap: 20px;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-card {\u003cbr \/\u003e                padding: 32px;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-card-price {\u003cbr \/\u003e                font-size: 28px;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ COMPARISON TABLE — APPLE STYLE ============ *\/\u003cbr \/\u003e        .diem-table-wrapper {\u003cbr \/\u003e            max-width: 1100px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e            overflow-x: auto;\u003cbr \/\u003e            -webkit-overflow-scrolling: touch;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-table {\u003cbr \/\u003e            width: 100% !important;\u003cbr \/\u003e            border-collapse: separate !important;\u003cbr \/\u003e            border-spacing: 0 !important;\u003cbr \/\u003e            border: none !important;\u003cbr \/\u003e            background: transparent !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-table thead {\u003cbr \/\u003e            position: sticky;\u003cbr \/\u003e            top: 52px;\u003cbr \/\u003e            z-index: 10;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-table th {\u003cbr \/\u003e            padding: 20px 24px !important;\u003cbr \/\u003e            text-align: left !important;\u003cbr \/\u003e            font-size: 14px !important;\u003cbr \/\u003e            font-weight: 700 !important;\u003cbr \/\u003e            letter-spacing: 0.02em !important;\u003cbr \/\u003e            color: var(--diem-text-primary) !important;\u003cbr \/\u003e            background-color: var(--diem-bg-gray) !important;\u003cbr \/\u003e            border-bottom: 2px solid rgba(0,0,0,0.12) !important;\u003cbr \/\u003e            border-top: none !important;\u003cbr \/\u003e            border-left: none !important;\u003cbr \/\u003e            border-right: none !important;\u003cbr \/\u003e            font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-table td {\u003cbr \/\u003e            padding: 18px 24px !important;\u003cbr \/\u003e            text-align: left !important;\u003cbr \/\u003e            font-size: 14px !important;\u003cbr \/\u003e            color: var(--diem-text-secondary) !important;\u003cbr \/\u003e            border-bottom: 1px solid rgba(0,0,0,0.06) !important;\u003cbr \/\u003e            border-top: none !important;\u003cbr \/\u003e            border-left: none !important;\u003cbr \/\u003e            border-right: none !important;\u003cbr \/\u003e            line-height: 1.5 !important;\u003cbr \/\u003e            vertical-align: top !important;\u003cbr \/\u003e            background: transparent !important;\u003cbr \/\u003e            font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Category header rows in specs table *\/\u003cbr \/\u003e        .diem-table td\u003ccolspan=\"4\"\u003e {\u003cbr \/\u003e            font-weight: 700 !important;\u003cbr \/\u003e            background: rgba(0,0,0,0.03) !important;\u003cbr \/\u003e            text-transform: uppercase !important;\u003cbr \/\u003e            font-size: 12px !important;\u003cbr \/\u003e            letter-spacing: 0.08em !important;\u003cbr \/\u003e            padding: 14px 24px !important;\u003cbr \/\u003e            border-bottom: 1px solid rgba(0,0,0,0.06) !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-table td strong {\u003cbr \/\u003e            color: var(--diem-text-primary) !important;\u003cbr \/\u003e            font-weight: 600 !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-table td:first-child {\u003cbr \/\u003e            font-weight: 500;\u003cbr \/\u003e            color: var(--diem-text-primary);\u003cbr \/\u003e            min-width: 160px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-table tr:last-child td {\u003cbr \/\u003e            border-bottom: none;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (max-width: 768px) {\u003cbr \/\u003e            .diem-table th,\u003cbr \/\u003e            .diem-table td {\u003cbr \/\u003e                padding: 14px 16px;\u003cbr \/\u003e                font-size: 13px;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ GEOMETRY TABLE ============ *\/\u003cbr \/\u003e        .diem-geometry-section {\u003cbr \/\u003e            max-width: 900px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e            text-align: center;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-geometry-guide {\u003cbr \/\u003e            margin-top: 40px;\u003cbr \/\u003e            padding: 24px;\u003cbr \/\u003e            background-color: var(--diem-bg-gray);\u003cbr \/\u003e            border-radius: 16px;\u003cbr \/\u003e            font-size: 15px;\u003cbr \/\u003e            color: var(--diem-text-secondary);\u003cbr \/\u003e            line-height: 1.6;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ FOOTER CTA ============ *\/\u003cbr \/\u003e        .diem-footer-cta {\u003cbr \/\u003e            text-align: center;\u003cbr \/\u003e            max-width: 700px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-footer-cta h2 {\u003cbr \/\u003e            margin-bottom: 16px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-footer-cta-subtitle {\u003cbr \/\u003e            font-size: 21px;\u003cbr \/\u003e            color: var(--diem-text-secondary);\u003cbr \/\u003e            margin-bottom: 40px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-footer-buttons {\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            gap: 20px;\u003cbr \/\u003e            justify-content: center;\u003cbr \/\u003e            margin-bottom: 40px;\u003cbr \/\u003e            flex-wrap: wrap;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-footer-contact {\u003cbr \/\u003e            font-size: 15px;\u003cbr \/\u003e            color: var(--diem-text-secondary);\u003cbr \/\u003e            line-height: 1.8;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (max-width: 768px) {\u003cbr \/\u003e            .diem-footer-buttons {\u003cbr \/\u003e                flex-direction: column;\u003cbr \/\u003e            }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e            .diem-footer-buttons .diem-btn {\u003cbr \/\u003e                width: 100%;\u003cbr \/\u003e                justify-content: center;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* ============ SCROLL REVEAL ============ *\/\u003cbr \/\u003e        .diem-reveal {\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e            transform: translateY(30px);\u003cbr \/\u003e            transition: opacity 0.8s cubic-bezier(0, 0, 0.5, 1), transform 0.8s cubic-bezier(0, 0, 0.5, 1);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-reveal.visible {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            transform: translateY(0);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .diem-reveal-stagger {\u003cbr \/\u003e            transition-delay: var(--stagger-delay, 0ms);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        @media (prefers-reduced-motion: reduce) {\u003cbr \/\u003e            .diem-reveal {\u003cbr \/\u003e                opacity: 1;\u003cbr \/\u003e                transform: none;\u003cbr \/\u003e                transition: none;\u003cbr \/\u003e            }\u003cbr \/\u003e        }\u003cbr \/\u003e    \u003c\/style\u003e\n\u003cbr\u003e\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cp\u003e    \u003c!-- STICKY SUB-NAV --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cnav class=\"diem-subnav\" id=\"subNav\"\u003e\u003cbr\u003e\u003cdiv class=\"diem-subnav-content\"\u003e\n\u003cbr\u003e\u003cdiv class=\"diem-subnav-brand\"\u003eORBEA DIEM\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"diem-subnav-links\"\u003e\n\u003cbr\u003e                \u003ca href=\"#prezentare\"\u003ePrezentare\u003c\/a\u003e\u003cbr\u003e\u003cbr\u003e                \u003ca href=\"#caracteristici\"\u003eCaracteristici\u003c\/a\u003e\u003cbr\u003e\u003cbr\u003e                \u003ca href=\"#modele\"\u003eModele\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"diem-subnav-cta\"\u003e\n\u003cbr\u003e                \u003ca href=\"#cumpara\" class=\"diem-subnav-contact-link\"\u003eContacteaza-ne\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003c\/nav\u003e\u003cbr\u003e\u003cp\u003e    \u003c!-- HERO SECTION --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003csection class=\"diem-hero-fullwidth\" id=\"prezentare\"\u003e\u003cbr\u003e        \u003cvideo class=\"diem-hero-fullwidth-video\" playsinline muted autoplay loop\u003e\u003csource src=\"https:\/\/www.provelo.ro\/wp-content\/uploads\/2026\/03\/01_diem_the-new-a-to-b.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Spaceship Green (Matt)","offer_id":57496382898558,"sku":"S69203WL","price":29688.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss)","offer_id":57496382931326,"sku":"S69203WM","price":29688.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Glitter Anthracite (Gloss)","offer_id":57496382964094,"sku":"S69203WR","price":29688.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Spaceship Green (Matt)","offer_id":57496382996862,"sku":"S69205WL","price":29688.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss)","offer_id":57496383029630,"sku":"S69205WM","price":29688.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Glitter Anthracite (Gloss)","offer_id":57496383062398,"sku":"S69205WR","price":29688.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Spaceship Green (Matt)","offer_id":57496383095166,"sku":"S69207WL","price":29688.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss)","offer_id":57496383127934,"sku":"S69207WM","price":29688.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Glitter Anthracite (Gloss)","offer_id":57496383160702,"sku":"S69207WR","price":29688.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Spaceship Green (Matt)","offer_id":57496383193470,"sku":"S69209WL","price":29688.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss)","offer_id":57496383226238,"sku":"S69209WM","price":29688.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Glitter Anthracite (Gloss)","offer_id":57496383259006,"sku":"S69209WR","price":29688.7,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/S378TTCC-WL-SIDE-DIEM_10-10.jpg?v=1780336915","url":"https:\/\/www.provelo.ro\/products\/diem-10-28mph-s-spaceship-green-matt","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}