{"id":9968,"date":"2025-12-02T10:13:48","date_gmt":"2025-12-02T10:13:48","guid":{"rendered":"https:\/\/learnnutrition.gr\/?page_id=9968"},"modified":"2025-12-02T16:39:08","modified_gmt":"2025-12-02T16:39:08","slug":"athlitikidiatrofi","status":"publish","type":"page","link":"https:\/\/learnnutrition.gr\/en\/athlitikidiatrofi\/","title":{"rendered":"\u0391\u03b8\u03bb\u03b7\u03c4\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9968\" class=\"elementor elementor-9968\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9444aa5 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9444aa5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4b8edc5\" data-id=\"4b8edc5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9f6a948 elementor-widget elementor-widget-html\" data-id=\"9f6a948\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"el\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0391\u03b8\u03bb\u03b7\u03c4\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae & \u0392\u03b5\u03bb\u03c4\u03af\u03c9\u03c3\u03b7 \u0391\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2<\/title>\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        brand: {\n                            light: '#FBEFFF',\n                            DEFAULT: '#FBEFFF',\n                            cta: '#4a1d96', \/\/ Deep purple\n                            ctaHover: '#3c167e'\n                        }\n                    },\n                    boxShadow: {\n                        'glow': '0 0 20px rgba(74, 29, 150, 0.5)',\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        \/* Custom animations if needed *\/\n        .fade-in-up {\n            animation: fadeInUp 0.8s ease-out forwards;\n        }\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Main Container -->\n    <main class=\"w-full text-gray-800 leading-relaxed bg-white\">\n\n        <!-- 1. HERO SECTION -->\n        <section class=\"relative h-[600px] flex items-center justify-center text-center px-4 overflow-hidden bg-gray-900\">\n            <!-- Abstract Background -->\n            <div class=\"absolute inset-0 overflow-hidden pointer-events-none\">\n                <!-- Dark gradient base -->\n                <div class=\"absolute inset-0 bg-gradient-to-br from-gray-900 via-[#1a0f2e] to-black\"><\/div>\n                \n                <!-- CSS Glow Effects -->\n                <div class=\"absolute top-0 left-1\/4 w-[500px] h-[500px] bg-brand-cta rounded-full mix-blend-screen filter blur-[120px] opacity-20\"><\/div>\n                <div class=\"absolute bottom-0 right-1\/4 w-[500px] h-[500px] bg-purple-600 rounded-full mix-blend-screen filter blur-[120px] opacity-10\"><\/div>\n            <\/div>\n\n            <!-- Content -->\n            <div class=\"relative z-10 max-w-5xl mx-auto space-y-10\">\n                \n                <div class=\"inline-flex items-center justify-center px-4 py-2 bg-white\/5 rounded-full border border-white\/10 backdrop-blur-sm mb-4\">\n                     <!-- Icon: Zap -->\n                     <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-yellow-400 mr-2\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg>\n                     <span class=\"text-gray-200 text-sm font-semibold tracking-wide uppercase\">Science-Based Performance<\/span>\n                <\/div>\n\n                <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-bold tracking-tight text-white leading-[1.1]\">\n                    \u0391\u03b8\u03bb\u03b7\u03c4\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae <br class=\"hidden md:block\" \/>\n                    <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-[#FBEFFF] via-purple-200 to-purple-400\">\n                        & \u0392\u03b5\u03bb\u03c4\u03af\u03c9\u03c3\u03b7 \u0391\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2\n                    <\/span>\n                <\/h1>\n                \n                <p class=\"text-lg md:text-2xl text-gray-300 max-w-3xl mx-auto leading-relaxed font-light\">\n                    \u03a3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae \u03b3\u03b9\u03b1 <span class=\"text-white font-medium\">\u03bc\u03b5\u03b3\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7<\/span> \u03c4\u03b7\u03c2 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 <span class=\"text-white font-medium\">\u03c4\u03b1\u03c7\u03cd\u03c4\u03b5\u03c1\u03b7<\/span> \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7.\n                <\/p>\n                \n                <div class=\"pt-8 flex flex-col sm:flex-row items-center justify-center gap-6\">\n                    <a href=\"https:\/\/learnnutrition.gr\/epikinonia\/\" class=\"group relative inline-flex items-center justify-center gap-3 bg-brand-cta hover:bg-brand-ctaHover text-white px-10 py-5 rounded-full text-xl font-bold transition-all transform hover:-translate-y-1 shadow-[0_10px_40px_-10px_rgba(74,29,150,0.5)] no-underline\">\n                        \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd\n                        <!-- Icon: ChevronRight -->\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover:translate-x-1 transition-transform\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 2. PHILOSOPHY SECTION -->\n        <section class=\"py-16 md:py-24 bg-gray-50\">\n            <div class=\"max-w-4xl mx-auto px-6 text-center\">\n                <div class=\"flex justify-center mb-6 text-brand-cta\">\n                    <!-- Icon: Quote -->\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-20\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><\/svg>\n                <\/div>\n                <h2 class=\"text-3xl md:text-4xl font-bold mb-8 text-gray-900\">\n                    \u0397 \u03a6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1 \u03bc\u03b1\u03c2\n                <\/h2>\n                <p class=\"text-lg md:text-xl text-gray-800 leading-relaxed\">\n                    \u03a3\u03c4\u03bf\u03bd \u03b1\u03b8\u03bb\u03b7\u03c4\u03b9\u03c3\u03bc\u03cc, \u03b7 \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03bb\u03ce\u03c2 \u03c6\u03b1\u03b3\u03b7\u03c4\u03cc, \u03b5\u03af\u03bd\u03b1\u03b9 <span class=\"font-semibold text-brand-cta\">\u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae<\/span>. \n                    \u0391\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03c9\u03c0\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf \u03c3\u03ce\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03b1\u03b8\u03bb\u03b7\u03c4\u03ae \u03c9\u03c2 \u03bc\u03b9\u03b1 \"\u03bc\u03b7\u03c7\u03b1\u03bd\u03ae\" \u03c5\u03c8\u03b7\u03bb\u03ce\u03bd \u03b1\u03c0\u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd. \n                    \u03a3\u03c4\u03cc\u03c7\u03bf\u03c2 \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bd\u03b1 \u03b2\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7, \n                    \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ce\u03bd\u03c4\u03b1\u03c2 \u03b5\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03bf\u03bd\u03b9\u03ba\u03ac \u03c0\u03c1\u03c9\u03c4\u03cc\u03ba\u03bf\u03bb\u03bb\u03b1 \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03b1 \u03c3\u03c4\u03b9\u03c2 \u03b1\u03c0\u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03bf\u03c5 \u03b1\u03b8\u03bb\u03ae\u03bc\u03b1\u03c4\u03cc\u03c2 \u03c3\u03b1\u03c2.\n                <\/p>\n            <\/div>\n        <\/section>\n\n        <!-- 3. TARGET AUDIENCE -->\n        <section class=\"py-20 bg-white\">\n            <div class=\"max-w-6xl mx-auto px-6\">\n                <h2 class=\"text-3xl md:text-4xl font-bold mb-12 text-center text-gray-900\">\n                    \u03a3\u03b5 \u03c0\u03bf\u03b9\u03bf\u03c5\u03c2 \u03b1\u03c0\u03b5\u03c5\u03b8\u03cd\u03bd\u03b5\u03c4\u03b1\u03b9\n                <\/h2>\n                \n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                    <!-- Item 1 -->\n                    <div class=\"flex items-start p-6 rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow\">\n                        <div class=\"shrink-0 mr-4 bg-[#FBEFFF] p-3 rounded-full text-brand-cta\">\n                            <!-- Icon: Medal -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-xl font-bold mb-2 text-gray-900\">\u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03af\u03b5\u03c2 \u0391\u03b8\u03bb\u03b7\u03c4\u03ad\u03c2<\/h3>\n                            <p class=\"text-gray-600\">\u03a0\u03bf\u03c5 \u03c3\u03c4\u03bf\u03c7\u03b5\u03cd\u03bf\u03c5\u03bd \u03c3\u03c4\u03b7 \u03bc\u03b5\u03b3\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b5\u03c0\u03af\u03c4\u03b5\u03c5\u03be\u03b7 \u03c1\u03b5\u03ba\u03cc\u03c1.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Item 2 -->\n                    <div class=\"flex items-start p-6 rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow\">\n                        <div class=\"shrink-0 mr-4 bg-[#FBEFFF] p-3 rounded-full text-brand-cta\">\n                            <!-- Icon: Dumbbell -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6.5 6.5 11 11\"\/><path d=\"m21 21-1-1\"\/><path d=\"m3 3 1 1\"\/><path d=\"m18 22 4-4\"\/><path d=\"m2 6 4-4\"\/><path d=\"m3 10 7-7\"\/><path d=\"m14 21 7-7\"\/><\/svg>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-xl font-bold mb-2 text-gray-900\">\u0395\u03c1\u03b1\u03c3\u03b9\u03c4\u03ad\u03c7\u03bd\u03b5\u03c2 \u0391\u03c3\u03ba\u03bf\u03cd\u03bc\u03b5\u03bd\u03bf\u03b9<\/h3>\n                            <p class=\"text-gray-600\">\u03a0\u03bf\u03c5 \u03b3\u03c5\u03bc\u03bd\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c5\u03c3\u03c4\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac (\u03b3\u03c5\u03bc\u03bd\u03b1\u03c3\u03c4\u03ae\u03c1\u03b9\u03bf, \u03c4\u03c1\u03ad\u03be\u03b9\u03bc\u03bf, \u03ba\u03bf\u03bb\u03cd\u03bc\u03b2\u03b7\u03c3\u03b7) \u03ba\u03b1\u03b9 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bd \u03bd\u03b1 \u03b4\u03bf\u03c5\u03bd \u03b1\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2 \u03c3\u03c4\u03bf \u03c3\u03ce\u03bc\u03b1 \u03c4\u03bf\u03c5\u03c2.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Item 3 -->\n                    <div class=\"flex items-start p-6 rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow\">\n                        <div class=\"shrink-0 mr-4 bg-[#FBEFFF] p-3 rounded-full text-brand-cta\">\n                            <!-- Icon: Users -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-xl font-bold mb-2 text-gray-900\">\u039f\u03bc\u03b1\u03b4\u03b9\u03ba\u03ac \u0391\u03b8\u03bb\u03ae\u03bc\u03b1\u03c4\u03b1<\/h3>\n                            <p class=\"text-gray-600\">\u03a0\u03bf\u03b4\u03bf\u03c3\u03c6\u03b1\u03b9\u03c1\u03b9\u03c3\u03c4\u03ad\u03c2, \u03bc\u03c0\u03b1\u03c3\u03ba\u03b5\u03c4\u03bc\u03c0\u03bf\u03bb\u03af\u03c3\u03c4\u03b5\u03c2 \u03ba.\u03ac. \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03b1\u03bd\u03c4\u03bf\u03c7\u03ae \u03ba\u03b1\u03b9 \u03b4\u03cd\u03bd\u03b1\u03bc\u03b7.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Item 4 -->\n                    <div class=\"flex items-start p-6 rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow\">\n                        <div class=\"shrink-0 mr-4 bg-[#FBEFFF] p-3 rounded-full text-brand-cta\">\n                            <!-- Icon: Sprout -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 20h10\"\/><path d=\"M10 20c5.5-2.5.8-6.4 3-10\"\/><path d=\"M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.2.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z\"\/><path d=\"M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1.7-1.3 2.9-3.3 3-5.5-1.4-1.3-3.5-1.7-6.2-1.1z\"\/><\/svg>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-xl font-bold mb-2 text-gray-900\">\u039d\u03ad\u03bf\u03b9 \u0391\u03b8\u03bb\u03b7\u03c4\u03ad\u03c2<\/h3>\n                            <p class=\"text-gray-600\">\u0388\u03c6\u03b7\u03b2\u03bf\u03b9 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c9\u03c3\u03c4\u03ae \u03b1\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 \u03c0\u03b1\u03c1\u03ac\u03bb\u03bb\u03b7\u03bb\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c0\u03cc\u03bd\u03b7\u03c3\u03b7.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 4. SERVICES -->\n        <section class=\"py-20 bg-gray-50\">\n            <div class=\"max-w-6xl mx-auto px-6\">\n                <div class=\"text-center mb-16 max-w-3xl mx-auto\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold mb-6 text-gray-900\">\n                        \u03a4\u03b9 \u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 \u03b7 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b1\n                    <\/h2>\n                    <p class=\"text-lg text-gray-600\">\n                        \u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf \u03c3\u03b1\u03c2 \u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c5\u03c0\u03cc\u03c8\u03b7 \u03c4\u03bf\u03bd \u03ba\u03cd\u03ba\u03bb\u03bf \u03c4\u03c9\u03bd \u03c0\u03c1\u03bf\u03c0\u03bf\u03bd\u03ae\u03c3\u03b5\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c4\u03c9\u03bd \u03b1\u03b3\u03ce\u03bd\u03c9\u03bd.\n                    <\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n                    <!-- Service 1 -->\n                    <div class=\"bg-white p-8 rounded-lg shadow-sm border-t-4 border-brand-cta hover:-translate-y-2 transition-transform duration-300\">\n                        <div class=\"w-12 h-12 bg-[#FBEFFF] text-brand-cta rounded-full flex items-center justify-center mb-6\">\n                            <!-- Icon: Clock -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-lg font-bold mb-3 text-gray-900\">\u03a7\u03c1\u03bf\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2 \u0393\u03b5\u03c5\u03bc\u03ac\u03c4\u03c9\u03bd<\/h3>\n                        <p class=\"text-sm text-gray-600 leading-relaxed\">\n                            \u03a4\u03b9 \u03ba\u03b1\u03b9 \u03c0\u03cc\u03c4\u03b5 \u03bd\u03b1 \u03c4\u03c1\u03ce\u03c4\u03b5 \u03c0\u03c1\u03b9\u03bd, \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c0\u03cc\u03bd\u03b7\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Service 2 -->\n                    <div class=\"bg-white p-8 rounded-lg shadow-sm border-t-4 border-brand-cta hover:-translate-y-2 transition-transform duration-300\">\n                        <div class=\"w-12 h-12 bg-[#FBEFFF] text-brand-cta rounded-full flex items-center justify-center mb-6\">\n                            <!-- Icon: Droplets -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z\"\/><path d=\"M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-lg font-bold mb-3 text-gray-900\">\u03a3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae \u0395\u03bd\u03c5\u03b4\u03ac\u03c4\u03c9\u03c3\u03b7\u03c2<\/h3>\n                        <p class=\"text-sm text-gray-600 leading-relaxed\">\n                            \u0395\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b1 \u03c0\u03bb\u03ac\u03bd\u03b1 \u03b1\u03bd\u03b1\u03c0\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7\u03c2 \u03c5\u03b3\u03c1\u03ce\u03bd \u03ba\u03b1\u03b9 \u03b7\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bb\u03c5\u03c4\u03ce\u03bd.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Service 3 -->\n                    <div class=\"bg-white p-8 rounded-lg shadow-sm border-t-4 border-brand-cta hover:-translate-y-2 transition-transform duration-300\">\n                        <div class=\"w-12 h-12 bg-[#FBEFFF] text-brand-cta rounded-full flex items-center justify-center mb-6\">\n                            <!-- Icon: Activity -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-lg font-bold mb-3 text-gray-900\">\u0391\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7 \u03a3\u03cd\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2<\/h3>\n                        <p class=\"text-sm text-gray-600 leading-relaxed\">\n                            \u03a0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7 \u03bc\u03c5\u03ca\u03ba\u03ae\u03c2 \u03bc\u03ac\u03b6\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03bf\u03c3\u03bf\u03c3\u03c4\u03bf\u03cd \u03bb\u03af\u03c0\u03bf\u03c5\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b5\u03c0\u03af\u03c4\u03b5\u03c5\u03be\u03b7 \u03c4\u03bf\u03c5 \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03bf\u03cd \u03b1\u03b3\u03c9\u03bd\u03b9\u03c3\u03c4\u03b9\u03ba\u03bf\u03cd \u03b2\u03ac\u03c1\u03bf\u03c5\u03c2.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Service 4 -->\n                    <div class=\"bg-white p-8 rounded-lg shadow-sm border-t-4 border-brand-cta hover:-translate-y-2 transition-transform duration-300\">\n                        <div class=\"w-12 h-12 bg-[#FBEFFF] text-brand-cta rounded-full flex items-center justify-center mb-6\">\n                            <!-- Icon: Pill -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z\"\/><path d=\"m8.5 8.5 7 7\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-lg font-bold mb-3 text-gray-900\">\u0391\u03be\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b7 \u03a3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ac\u03c4\u03c9\u03bd<\/h3>\n                        <p class=\"text-sm text-gray-600 leading-relaxed\">\n                            \u0395\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03bf\u03bd\u03b9\u03ba\u03ae \u03ba\u03b1\u03b8\u03bf\u03b4\u03ae\u03b3\u03b7\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03c7\u03c1\u03ae\u03c3\u03b7 \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ac\u03c4\u03c9\u03bd (\u03bc\u03cc\u03bd\u03bf \u03b1\u03bd \u03ba\u03b1\u03b9 \u03cc\u03c4\u03b1\u03bd \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9), \u03bc\u03b5 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 5. DIFFERENTIATORS -->\n        <section class=\"py-20 bg-white\">\n            <div class=\"max-w-7xl mx-auto px-6\">\n                <h2 class=\"text-3xl md:text-4xl font-bold mb-16 text-center text-gray-900\">\n                    \u03a4\u03b9 \u03bc\u03b1\u03c2 \u03ba\u03ac\u03bd\u03b5\u03b9 \u03bd\u03b1 \u03be\u03b5\u03c7\u03c9\u03c1\u03af\u03b6\u03bf\u03c5\u03bc\u03b5\n                <\/h2>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10\">\n                    <!-- Item 1 -->\n                    <div class=\"text-center space-y-4\">\n                        <div class=\"mx-auto w-16 h-16 bg-gray-100 rounded-2xl flex items-center justify-center text-brand-cta\">\n                            <!-- Icon: CalendarRange -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M16 2v4\"\/><path d=\"M3 10h18\"\/><path d=\"M8 2v4\"\/><path d=\"M17 14h-6\"\/><path d=\"M13 18H7\"\/><path d=\"M7 14h.01\"\/><path d=\"M17 18h.01\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-gray-900\">\u03a0\u03b5\u03c1\u03b9\u03bf\u03b4\u03b9\u03c3\u03bc\u03cc \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae\u03c2<\/h3>\n                        <p class=\"text-gray-600 px-4\">\n                            \u03a0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03cc\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03b7 \u03c6\u03ac\u03c3\u03b7 \u03c0\u03bf\u03c5 \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c3\u03c4\u03b5 (\u03c0\u03c1\u03bf\u03b5\u03c4\u03bf\u03b9\u03bc\u03b1\u03c3\u03af\u03b1, \u03b1\u03b3\u03c9\u03bd\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae \u03c0\u03b5\u03c1\u03af\u03bf\u03b4\u03bf\u03c2, \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7).\n                        <\/p>\n                    <\/div>\n\n                    <!-- Item 2 -->\n                    <div class=\"text-center space-y-4\">\n                         <div class=\"mx-auto w-16 h-16 bg-gray-100 rounded-2xl flex items-center justify-center text-brand-cta\">\n                            <!-- Icon: ShieldCheck -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-gray-900\">\u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0391\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1<\/h3>\n                        <p class=\"text-gray-600 px-4\">\n                            \u03a9\u03c2 \u03b5\u03c0\u03b9\u03c3\u03c4\u03ae\u03bc\u03bf\u03bd\u03b5\u03c2 \u03c5\u03b3\u03b5\u03af\u03b1\u03c2, \u03b4\u03b9\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03cc\u03c4\u03b9 \u03b7 \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b5\u03b9\u03b1 \u03b3\u03b9\u03b1 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03b4\u03b5\u03bd \u03b8\u03ad\u03c4\u03b5\u03b9 \u03c3\u03b5 \u03ba\u03af\u03bd\u03b4\u03c5\u03bd\u03bf \u03c4\u03b7\u03bd \u03c5\u03b3\u03b5\u03af\u03b1 \u03c3\u03b1\u03c2.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Item 3 -->\n                    <div class=\"text-center space-y-4\">\n                         <div class=\"mx-auto w-16 h-16 bg-gray-100 rounded-2xl flex items-center justify-center text-brand-cta\">\n                            <!-- Icon: UserCheck -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><polyline points=\"16 11 18 13 22 9\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-gray-900\">\u03a1\u03b5\u03b1\u03bb\u03b9\u03c3\u03bc\u03cc\u03c2<\/h3>\n                        <p class=\"text-gray-600 px-4\">\n                            \u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c0\u03bb\u03ac\u03bd\u03b1 \u03c0\u03bf\u03c5 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd \u03bd\u03b1 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03c3\u03c4\u03bf\u03cd\u03bd \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b6\u03c9\u03ae \u03ba\u03b1\u03b9 \u03c3\u03c4\u03bf \u03c6\u03bf\u03c1\u03c4\u03c9\u03bc\u03ad\u03bd\u03bf \u03c0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03b5\u03bd\u03cc\u03c2 \u03b1\u03b8\u03bb\u03b7\u03c4\u03ae.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 6. RESULTS SECTION -->\n        <section class=\"py-24 bg-gray-900 text-white relative overflow-hidden\">\n            <!-- Background elements -->\n            <div class=\"absolute inset-0 bg-gradient-to-b from-gray-900 via-[#1a1520] to-gray-900\"><\/div>\n            <div class=\"absolute top-0 right-0 w-96 h-96 bg-brand-cta rounded-full blur-[150px] opacity-10\"><\/div>\n            \n            <div class=\"max-w-6xl mx-auto px-6 relative z-10\">\n                <div class=\"text-center mb-16 max-w-3xl mx-auto\">\n                    <h2 class=\"text-3xl md:text-5xl font-bold mb-6\">\n                      \u03a4\u03bf \u0391\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1\n                    <\/h2>\n                    <p class=\"text-xl text-gray-300 leading-relaxed\">\n                      \u039c\u03b5 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03b7 \u03b1\u03b8\u03bb\u03b7\u03c4\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b5\u03b9\u03b1 \u03c3\u03b5 \u03bc\u03b5\u03c4\u03c1\u03ae\u03c3\u03b9\u03bc\u03b7 \u03b5\u03c0\u03b9\u03c4\u03c5\u03c7\u03af\u03b1.\n                    <\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                    <!-- Result 1 -->\n                    <div class=\"group bg-white\/5 border border-white\/10 rounded-2xl p-8 hover:bg-white\/10 transition-all duration-300 flex items-start gap-6 hover:shadow-2xl hover:shadow-purple-900\/20 hover:-translate-y-1\">\n                        <div class=\"shrink-0 text-white p-4 bg-brand-cta rounded-xl group-hover:scale-110 transition-transform duration-300\">\n                            <!-- Icon: TrendingUp -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/><polyline points=\"16 7 22 7 22 13\"\/><\/svg>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                             <p class=\"text-lg md:text-xl text-gray-100 font-medium leading-relaxed\">\n                                \u0391\u03cd\u03be\u03b7\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b1\u03bd\u03c4\u03bf\u03c7\u03ae\u03c2, \u03c4\u03b7\u03c2 \u03b4\u03cd\u03bd\u03b1\u03bc\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03c2 \u03b5\u03ba\u03c1\u03b7\u03ba\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2.\n                             <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Result 2 -->\n                    <div class=\"group bg-white\/5 border border-white\/10 rounded-2xl p-8 hover:bg-white\/10 transition-all duration-300 flex items-start gap-6 hover:shadow-2xl hover:shadow-purple-900\/20 hover:-translate-y-1\">\n                        <div class=\"shrink-0 text-white p-4 bg-brand-cta rounded-xl group-hover:scale-110 transition-transform duration-300\">\n                            <!-- Icon: Battery -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"16\" height=\"10\" x=\"2\" y=\"7\" rx=\"2\" ry=\"2\"\/><line x1=\"22\" x2=\"22\" y1=\"11\" y2=\"13\"\/><\/svg>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                             <p class=\"text-lg md:text-xl text-gray-100 font-medium leading-relaxed\">\n                                \u03a4\u03b1\u03c7\u03cd\u03c4\u03b5\u03c1\u03b7 \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03bc\u03b5\u03c4\u03ac \u03b1\u03c0\u03cc \u03ad\u03bd\u03c4\u03bf\u03bd\u03b5\u03c2 \u03c0\u03c1\u03bf\u03c0\u03bf\u03bd\u03ae\u03c3\u03b5\u03b9\u03c2.\n                             <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Result 3 -->\n                    <div class=\"group bg-white\/5 border border-white\/10 rounded-2xl p-8 hover:bg-white\/10 transition-all duration-300 flex items-start gap-6 hover:shadow-2xl hover:shadow-purple-900\/20 hover:-translate-y-1\">\n                        <div class=\"shrink-0 text-white p-4 bg-brand-cta rounded-xl group-hover:scale-110 transition-transform duration-300\">\n                            <!-- Icon: ShieldCheck -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                             <p class=\"text-lg md:text-xl text-gray-100 font-medium leading-relaxed\">\n                                \u039c\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03ba\u03cc\u03c0\u03c9\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u03bc\u03c5\u03ca\u03ba\u03ce\u03bd \u03c4\u03c1\u03b1\u03c5\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03ce\u03bd.\n                             <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Result 4 -->\n                    <div class=\"group bg-white\/5 border border-white\/10 rounded-2xl p-8 hover:bg-white\/10 transition-all duration-300 flex items-start gap-6 hover:shadow-2xl hover:shadow-purple-900\/20 hover:-translate-y-1\">\n                        <div class=\"shrink-0 text-white p-4 bg-brand-cta rounded-xl group-hover:scale-110 transition-transform duration-300\">\n                            <!-- Icon: Activity -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                             <p class=\"text-lg md:text-xl text-gray-100 font-medium leading-relaxed\">\n                                \u0395\u03c0\u03af\u03c4\u03b5\u03c5\u03be\u03b7 \u03c4\u03b7\u03c2 \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03ae\u03c2 \u03c3\u03c9\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae\u03c2 \u03c3\u03cd\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03ac\u03b8\u03bb\u03b7\u03bc\u03ac \u03c3\u03b1\u03c2.\n                             <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 7. FINAL CTA -->\n        <section class=\"py-24 bg-white\">\n            <div class=\"max-w-4xl mx-auto px-6 text-center\">\n                <h2 class=\"text-3xl md:text-5xl font-bold mb-6 text-gray-900\">\n                    \u039e\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03a3\u03ae\u03bc\u03b5\u03c1\u03b1\n                <\/h2>\n                <p class=\"text-xl text-gray-700 mb-10 max-w-2xl mx-auto\">\n                    \u039c\u03b7\u03bd \u03b1\u03c6\u03ae\u03bd\u03b5\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c0\u03cc\u03bd\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2 \u03bd\u03b1 \u03c0\u03ac\u03b5\u03b9 \u03c7\u03b1\u03bc\u03ad\u03bd\u03b7 \u03bb\u03cc\u03b3\u03c9 \u03ba\u03b1\u03ba\u03ae\u03c2 \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae\u03c2. \n                    \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03c4\u03bf \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03ac\u03bc\u03b5 \u03bd\u03b1 \u03b1\u03bd\u03b5\u03b2\u03ac\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03ae \u03c3\u03b1\u03c2 \u03c3\u03c4\u03bf \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf \u03b5\u03c0\u03af\u03c0\u03b5\u03b4\u03bf.\n                <\/p>\n                \n                <a href=\"https:\/\/learnnutrition.gr\/epikinonia\/\" class=\"inline-flex items-center gap-3 bg-brand-cta hover:bg-brand-ctaHover text-white px-10 py-5 rounded-lg text-xl font-bold transition-all shadow-xl hover:shadow-2xl hover:-translate-y-1 no-underline\">\n                    <span>\u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd<\/span>\n                    <!-- Icon: ArrowRight -->\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n                <\/a>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0391\u03b8\u03bb\u03b7\u03c4\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae &#038; \u0392\u03b5\u03bb\u03c4\u03af\u03c9\u03c3\u03b7 \u0391\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2 Science-Based Performance \u0391\u03b8\u03bb\u03b7\u03c4\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae &#038; \u0392\u03b5\u03bb\u03c4\u03af\u03c9\u03c3\u03b7 \u0391\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2 \u03a3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae \u03b3\u03b9\u03b1 \u03bc\u03b5\u03b3\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b1\u03c7\u03cd\u03c4\u03b5\u03c1\u03b7 \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7. \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u0397 \u03a6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1 \u03bc\u03b1\u03c2 \u03a3\u03c4\u03bf\u03bd \u03b1\u03b8\u03bb\u03b7\u03c4\u03b9\u03c3\u03bc\u03cc, \u03b7 \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03bb\u03ce\u03c2 \u03c6\u03b1\u03b3\u03b7\u03c4\u03cc, \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ae. \u0391\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03c9\u03c0\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf \u03c3\u03ce\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03b1\u03b8\u03bb\u03b7\u03c4\u03ae \u03c9\u03c2 \u03bc\u03b9\u03b1 &#8220;\u03bc\u03b7\u03c7\u03b1\u03bd\u03ae&#8221; \u03c5\u03c8\u03b7\u03bb\u03ce\u03bd \u03b1\u03c0\u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd. \u03a3\u03c4\u03cc\u03c7\u03bf\u03c2 \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bd\u03b1 \u03b2\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9968","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/pages\/9968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/comments?post=9968"}],"version-history":[{"count":0,"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/pages\/9968\/revisions"}],"wp:attachment":[{"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/media?parent=9968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}