{"id":64,"date":"2025-02-16T01:11:24","date_gmt":"2025-02-16T01:11:24","guid":{"rendered":"https:\/\/cil.agency\/?page_id=64"},"modified":"2026-04-28T19:57:39","modified_gmt":"2026-04-28T17:57:39","slug":"home","status":"publish","type":"page","link":"https:\/\/cil.agency\/ro\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"64\" class=\"elementor elementor-64\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c752141 e-con-full e-flex e-con e-parent\" data-id=\"c752141\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d80e70b elementor-widget elementor-widget-html\" data-id=\"d80e70b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n    :root {\n        --hero-orange: #FF5500;\n        --hero-dark: #050505;\n    }\n\n    \/* --- WRAPPER CU PADDING FORTAT --- *\/\n    .hero-wrapper {\n        font-family: 'Inter', sans-serif;\n        background-color: var(--hero-dark);\n        color: white;\n        width: 100%;\n        overflow: hidden;\n        position: relative;\n        \/* Padding vertical mare, lateral 24px (siguranta mobile) *\/\n        padding: 80px 24px !important; \n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        isolation: isolate;\n    }\n\n    \/* GLOW BACKGROUND *\/\n    .hero-glow {\n        position: absolute;\n        top: 30%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100%;\n        max-width: 800px;\n        height: 800px;\n        background: radial-gradient(circle, rgba(255, 85, 0, 0.15) 0%, rgba(5, 5, 5, 0) 70%);\n        filter: blur(60px);\n        z-index: -1;\n        pointer-events: none;\n    }\n\n    \/* BADGE *\/\n    .system-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(255, 68, 0, 0.08);\n        border: 1px solid rgba(255, 68, 0, 0.25);\n        padding: 6px 16px;\n        border-radius: 20px;\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: 2px;\n        color: #ff5e00;\n        text-transform: uppercase;\n        margin-top: 50px;\n        margin-bottom: 30px;\n        box-shadow: 0 0 30px rgba(255, 68, 0, 0.1);\n    }\n    \n    .pulsing-dot {\n        width: 6px;\n        height: 6px;\n        background-color: #ff3300;\n        border-radius: 50%;\n        box-shadow: 0 0 8px #ff3300;\n        animation: pulse 2s infinite;\n    }\n\n    @keyframes pulse {\n        0% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.5; transform: scale(0.8); }\n        100% { opacity: 1; transform: scale(1); }\n    }\n\n    \/* TYPOGRAPHY *\/\n    .hero-title {\n        font-size: 2.8rem; \/* Mai mic pe mobile default *\/\n        line-height: 1.1;\n        font-weight: 800;\n        letter-spacing: -0.02em;\n        margin-bottom: 24px;\n        position: relative;\n        z-index: 10;\n    }\n    \n    .text-highlight {\n        background: linear-gradient(90deg, #FF6B00 0%, #FF4400 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        filter: drop-shadow(0 0 20px rgba(255, 85, 0, 0.2));\n    }\n\n    .hero-subtitle {\n        color: #999;\n        font-size: 1rem;\n        max-width: 500px;\n        line-height: 1.6;\n        margin-bottom: 40px;\n        font-weight: 400;\n    }\n\n    \/* BUTTONS *\/\n    .hero-btn {\n        padding: 14px 32px;\n        border-radius: 50px;\n        font-weight: 600;\n        font-size: 0.95rem;\n        transition: all 0.3s ease;\n        text-decoration: none !important;\n        white-space: nowrap;\n    }\n\n    .btn-primary-hero {\n        background: linear-gradient(90deg, #FF6B00 0%, #FF4400 100%);\n        color: white !important;\n        box-shadow: 0 10px 30px rgba(255, 85, 0, 0.25);\n        border: none;\n    }\n    .btn-primary-hero:hover { transform: translateY(-2px); }\n\n    .btn-secondary-hero {\n        background: #141414;\n        color: #ccc !important;\n        border: 1px solid #2a2a2a;\n    }\n\n    \/* VIDEO PLAYER *\/\n    .video-frame {\n        width: 100%;\n        max-width: 900px;\n        aspect-ratio: 16\/9;\n        background: #080808;\n        border-radius: 12px;\n        border: 1px solid #1a1a1a;\n        position: relative;\n        margin-top: 60px;\n        box-shadow: 0 30px 60px rgba(0,0,0,0.6);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    \/* Responsive Adjustments *\/\n    @media (min-width: 768px) {\n        .hero-title { font-size: 4.5rem; }\n        .hero-subtitle { font-size: 1.1rem; }\n    }\n    \/* Mobile specific fix *\/\n    @media (max-width: 480px) {\n        .hero-wrapper { padding-left: 20px !important; padding-right: 20px !important; }\n        .hero-title { font-size: 2.5rem; }\n    }\n<\/style>\n\n<div class=\"hero-wrapper\">\n    <div class=\"hero-glow\"><\/div>\n\n    <div class=\"system-badge\">\n        <div class=\"pulsing-dot\"><\/div>\n        SYSTEM OPERATIONAL\n    <\/div>\n\n    <h1 class=\"hero-title\">\n        Vrei mai mul\u021bi clien\u021bi? <br>\n        <span class=\"text-highlight\">Construie\u0219te un Sistem.<\/span>\n    <\/h1>\n\n    <p class=\"hero-subtitle\">\n        Transform\u0103m prezen\u021ba ta digital\u0103 dintr-o cheltuial\u0103 \u00eentr-un <strong>motor unificat<\/strong> care filtreaz\u0103, educ\u0103 \u0219i vinde 24\/7.\n    <\/p>\n\n    <div class=\"flex flex-col sm:flex-row justify-center gap-4 w-full sm:w-auto\">\n        <a href=\"https:\/\/cil.agency\/configurator\/\" class=\"hero-btn btn-primary-hero text-center\">\n            \u00cencepe Configurarea\n        <\/a>\n        <a href=\"https:\/\/cil.agency\/website-inteligent\/\" class=\"hero-btn btn-secondary-hero text-center\">\n            Vezi Arhitectura\n        <\/a>\n    <\/div>\n\n    <div class=\"video-frame group\">\n        <div class=\"absolute top-4 left-6 text-xs font-mono text-zinc-500 font-bold flex items-center gap-2\">\n            <span>REC<\/span> <div class=\"w-2 h-2 rounded-full bg-red-600 shadow-[0_0_5px_red]\"><\/div> <span>[00:04:12]<\/span>\n        <\/div>\n        <div class=\"absolute bottom-4 right-6 text-xs font-mono text-zinc-600 font-bold\">ISO 800<\/div>\n        \n        <div class=\"flex flex-col items-center z-10\">\n            <span class=\"text-[10px] tracking-[2px] text-zinc-500 font-mono mb-4 uppercase\">System_Preview_Mode<\/span>\n            <div class=\"w-16 h-16 rounded-full bg-white\/5 flex items-center justify-center backdrop-blur-sm border border-white\/10 cursor-pointer hover:scale-110 transition-transform\">\n                 <svg class=\"w-6 h-6 text-white fill-current ml-1\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4585dc e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"f4585dc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92bb43a elementor-widget elementor-widget-html\" data-id=\"92bb43a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n    :root {\n        --chaos-bg: #050505;\n        --chaos-card-bg: #0e0e0e;\n        --chaos-red: #ff3333;\n    }\n\n    .chaos-section {\n        background-color: var(--chaos-bg);\n        font-family: 'Inter', sans-serif;\n        \/* Padding explicit pentru mobile *\/\n        padding: 80px 24px !important; \n        color: white;\n        overflow: hidden;\n    }\n\n    \/* LABEL ST\u00c2NGA *\/\n    .chaos-label {\n        color: var(--chaos-red);\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin-bottom: 24px;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n    \n    .chaos-dot {\n        width: 6px;\n        height: 6px;\n        background-color: var(--chaos-red);\n        border-radius: 50%;\n        box-shadow: 0 0 8px rgba(255, 51, 51, 0.4);\n    }\n\n    .chaos-title {\n        font-size: 2.5rem; \/* Mobile first *\/\n        line-height: 1.1;\n        font-weight: 700;\n        margin-bottom: 32px;\n        letter-spacing: -0.02em;\n    }\n\n    .chaos-p {\n        color: #9ca3af;\n        font-size: 1.05rem;\n        line-height: 1.6;\n        margin-bottom: 24px;\n        max-width: 500px;\n    }\n\n    \/* CARD DREAPTA *\/\n    .problem-card {\n        background-color: var(--chaos-card-bg);\n        border: 1px solid rgba(255,255,255,0.06);\n        border-radius: 24px;\n        padding: 24px; \/* Mai mic pe mobile *\/\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n    }\n\n    .problem-item {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 16px;\n        border-radius: 16px;\n        background: rgba(255, 255, 255, 0.02);\n        border: 1px solid transparent;\n        transition: all 0.3s ease;\n    }\n\n    .item-icon-box {\n        width: 40px;\n        height: 40px;\n        background: #1a1a1a;\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #666;\n        margin-right: 14px;\n        flex-shrink: 0;\n    }\n\n    .item-title {\n        font-size: 0.9rem;\n        font-weight: 700;\n        color: #e5e5e5;\n        margin-bottom: 2px;\n    }\n\n    .item-subtitle {\n        font-size: 0.75rem;\n        color: #555;\n        font-weight: 500;\n        letter-spacing: 0.5px;\n        font-family: monospace;\n        text-transform: uppercase;\n    }\n\n    .item-close {\n        color: #aa2222;\n        opacity: 0.6;\n    }\n\n    \/* DESKTOP MEDIA QUERY *\/\n    @media (min-width: 768px) {\n        .chaos-title { font-size: 3rem; }\n        .problem-card { padding: 40px; }\n        .item-icon-box { width: 48px; height: 48px; margin-right: 16px; }\n        .item-title { font-size: 0.95rem; }\n    }\n<\/style>\n\n<div class=\"chaos-section\">\n    <div class=\"max-w-6xl mx-auto grid lg:grid-cols-2 gap-12 lg:gap-20 items-center\">\n        \n        <div>\n            <div class=\"chaos-label\">\n                <div class=\"chaos-dot\"><\/div>\n                THE DIGITAL CHAOS\n            <\/div>\n            \n            <h2 class=\"chaos-title\">\n                De ce 90% din afaceri <br> sunt invizibile?\n            <\/h2>\n\n            <p class=\"chaos-p\">\n                Uite cum arat\u0103 online-ul la multe afaceri: un site \u201es\u0103 existe\u201d, un logo decent, c\u00e2teva post\u0103ri c\u00e2nd ai timp \u0219i un video pe grab\u0103.\n<strong> Nu e r\u0103u. Doar c\u0103\u2026 NU-\u021aI ADUCE CLIEN\u021aI.<\/strong>\n\n<br><br> Omul intr\u0103, st\u0103 10 secunde \u0219i \u00eenc\u0103 nu e clar: ce faci, pentru cine, de ce tu, \u0219i ce urmeaz\u0103.\nC\u00e2nd trebuie s\u0103 ghiceasc\u0103, pleac\u0103.\n\nUn sistem \u00eenseamn\u0103 c\u0103 totul \u00eel conduce: <strong>problem\u0103 \u2192 solu\u021bie \u2192 dovad\u0103 \u2192 pasul urm\u0103tor. <\/strong>\n\n            <\/p>\n\n            <p class=\"chaos-p\">\n                F\u0103r\u0103 improviza\u021bii. Doar un mecanism care lucreaz\u0103 constant pentru tine.\n            <\/p>\n        <\/div>\n\n        <div class=\"problem-card\">\n            \n            <div class=\"problem-item\">\n                <div class=\"flex items-center w-full\">\n                    <div class=\"item-icon-box\">\n                        <i data-lucide=\"code-2\" width=\"20\"><\/i>\n                    <\/div>\n                    <div class=\"item-content\">\n                        <div class=\"item-title\">Site care arat\u0103 ok, dar nu vinde<\/div>\n                        <div class=\"item-subtitle\">Zero Conversion Logic<\/div>\n                    <\/div>\n                    <div class=\"item-close ml-auto\">\n                        <i data-lucide=\"x\" width=\"18\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"problem-item\">\n                <div class=\"flex items-center w-full\">\n                    <div class=\"item-icon-box\">\n                        <i data-lucide=\"pen-tool\" width=\"20\"><\/i>\n                    <\/div>\n                    <div class=\"item-content\">\n                        <div class=\"item-title\">Identitate Generic\u0103<\/div>\n                        <div class=\"item-subtitle\">sun\u0103 ca to\u021bi<\/div>\n                    <\/div>\n                    <div class=\"item-close ml-auto\">\n                        <i data-lucide=\"x\" width=\"18\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"problem-item\">\n                <div class=\"flex items-center w-full\">\n                    <div class=\"item-icon-box\">\n                        <i data-lucide=\"video\" width=\"20\"><\/i>\n                    <\/div>\n                    <div class=\"item-content\">\n                        <div class=\"item-title\">Con\u021binut care nu aduce clien\u021bi<\/div>\n                        <div class=\"item-subtitle\">mult\u0103 munc\u0103, pu\u021bin rezultat<\/div>\n                    <\/div>\n                    <div class=\"item-close ml-auto\">\n                        <i data-lucide=\"x\" width=\"18\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    lucide.createIcons();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d98822 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"9d98822\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b90a803 elementor-widget elementor-widget-html\" data-id=\"b90a803\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400&display=swap');\n\n    :root {\n        --tl-bg: #050505;\n        --tl-orange: #ff4400;\n        --tl-gray: #333;\n        --tl-text-gray: #9ca3af;\n    }\n\n    .timeline-section {\n        background-color: var(--tl-bg);\n        font-family: 'Inter', sans-serif;\n        \/* Padding for\u021bat pentru mobile (fix solicitat anterior) *\/\n        padding: 80px 24px !important; \n        color: white;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .tl-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    \/* --- HEADER --- *\/\n    .tl-header {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n        margin-bottom: 60px;\n    }\n\n    .tl-title {\n        font-size: 2rem;\n        font-weight: 700;\n        white-space: nowrap;\n    }\n\n    .tl-divider {\n        display: none; \/* Ascuns pe mobile *\/\n        height: 1px;\n        background: rgba(255, 255, 255, 0.1);\n        flex-grow: 1;\n        margin: 0 24px;\n        position: relative;\n        top: 14px; \/* Aliniere optic\u0103 cu mijlocul textului *\/\n    }\n\n    .tl-estimated {\n        font-family: 'JetBrains Mono', monospace;\n        font-size: 0.75rem;\n        color: #52525b;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n    }\n\n    \/* --- TIMELINE GRID --- *\/\n    .tl-grid {\n        display: grid;\n        grid-template-columns: 1fr; \/* Mobile default *\/\n        gap: 48px;\n        position: relative;\n    }\n\n    \/* Linia de fundal (Desktop Only) *\/\n    .tl-line-bg {\n        display: none;\n        position: absolute;\n        top: 24px; \/* Centrul cercului de 48px *\/\n        left: 24px;\n        right: 24px; \/* Se opre\u0219te la centrul ultimului cerc *\/\n        height: 1px;\n        \/* Gradient de la portocaliu (activ) spre gri *\/\n        background: linear-gradient(90deg, var(--tl-orange) 0%, var(--tl-orange) 20%, #222 50%, #222 100%);\n        z-index: 0;\n    }\n\n    \/* --- PASI INDIVIDUALI --- *\/\n    .tl-step {\n        position: relative;\n        z-index: 10;\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* CERCUL CU NUMAR *\/\n    .step-circle {\n        width: 48px;\n        height: 48px;\n        border-radius: 50%;\n        background-color: var(--tl-bg); \/* Mascheaz\u0103 linia din spate *\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 700;\n        font-size: 1rem;\n        margin-bottom: 24px;\n        transition: all 0.3s ease;\n        border: 1px solid #333;\n        color: #555;\n    }\n\n    \/* STARE ACTIVA (Pasul 1) *\/\n    .step-active .step-circle {\n        border-color: var(--tl-orange);\n        color: white;\n        box-shadow: 0 0 25px rgba(255, 68, 0, 0.4); \/* Glow effect *\/\n    }\n\n    \/* LABELS *\/\n    .step-day {\n        font-size: 0.7rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        margin-bottom: 12px;\n        color: #444;\n    }\n    .step-active .step-day { color: var(--tl-orange); }\n\n    .step-title {\n        font-size: 1.5rem;\n        font-weight: 700;\n        margin-bottom: 16px;\n        color: white;\n    }\n\n    .step-desc {\n        font-size: 0.95rem;\n        color: var(--tl-text-gray);\n        line-height: 1.6;\n        max-width: 340px;\n    }\n\n    \/* --- RESPONSIVE DESKTOP --- *\/\n    @media (min-width: 1024px) {\n        .tl-header { flex-direction: row; align-items: flex-start; }\n        .tl-divider { display: block; }\n        .tl-grid { grid-template-columns: repeat(3, 1fr); gap: 32px; }\n        .tl-line-bg { display: block; }\n        .tl-title { font-size: 2rem; }\n    }\n<\/style>\n\n<div class=\"timeline-section\">\n    <div class=\"tl-container\">\n        \n        <div class=\"tl-header\">\n            <h2 class=\"tl-title\">De la Haos la Sistem.<\/h2>\n            <div class=\"tl-divider\"><\/div>\n            <span class=\"tl-estimated\">ESTIMATED TIME: 14 DAYS<\/span>\n        <\/div>\n\n        <div class=\"tl-grid\">\n            <div class=\"tl-line-bg\"><\/div>\n\n            <div class=\"tl-step step-active\">\n                <div class=\"step-circle\">1<\/div>\n                <div class=\"step-day\">ZIUA 1<\/div>\n                <h3 class=\"step-title\">Configurare<\/h3>\n                <p class=\"step-desc\">\n                    Analiz\u0103m afacerea, definim oferta \u0219i structura. Set\u0103m hosting-ul \u0219i identitatea de baz\u0103.\n                <\/p>\n            <\/div>\n\n            <div class=\"tl-step\">\n                <div class=\"step-circle\">2<\/div>\n                <div class=\"step-day\">ZIUA 7<\/div>\n                <h3 class=\"step-title\">Sprint Construc\u021bie<\/h3>\n                <p class=\"step-desc\">\n                    Design UX\/UI, Copywriting, Implementare cod, Produc\u021bie materiale video (dac\u0103 e inclus).\n                <\/p>\n            <\/div>\n\n            <div class=\"tl-step\">\n                <div class=\"step-circle\">3<\/div>\n                <div class=\"step-day\">ZIUA 14<\/div>\n                <h3 class=\"step-title\">Lansare<\/h3>\n                <p class=\"step-desc\">\n                    Sistemul este live. Totul este conectat. Prime\u0219ti cheile \u0219i tutorialele de administrare.\n                <\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-503e70b e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"503e70b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c229459 elementor-widget elementor-widget-html\" data-id=\"c229459\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n    :root {\n        --price-bg: #050505;\n        --price-card-bg: #0a0a0a;\n        --price-orange: #ff5500;\n        --price-purple: #9d4edd; \/* Mov pentru cardul Growth *\/\n        --price-border: rgba(255, 255, 255, 0.08);\n        --price-text-gray: #9ca3af;\n    }\n\n    .pricing-section {\n        background-color: var(--price-bg);\n        font-family: 'Inter', sans-serif;\n        padding: 100px 24px !important; \/* Mobile padding fix *\/\n        color: white;\n    }\n\n    \/* HEADER *\/\n    .price-header {\n        text-align: center;\n        margin-bottom: 80px;\n    }\n\n    .price-title {\n        font-size: 2.5rem;\n        font-weight: 700;\n        margin-bottom: 16px;\n        color: white;\n    }\n\n    .price-subtitle {\n        color: #9ca3af;\n        font-size: 1rem;\n    }\n\n    \/* GRID *\/\n    .price-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 32px;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    \/* CARD STYLES *\/\n    .price-card {\n        background-color: var(--price-card-bg);\n        border: 1px solid var(--price-border);\n        border-radius: 24px;\n        padding: 40px 32px;\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        transition: transform 0.3s ease;\n    }\n\n    \/* CARD MIJLOC (HIGHLIGHT) *\/\n    .card-highlight {\n        border: 1px solid var(--price-orange);\n        box-shadow: 0 0 40px rgba(255, 85, 0, 0.05);\n        transform: scale(1.02); \/* U\u0219or mai mare *\/\n        z-index: 10;\n    }\n    \n    \/* BADGE MIJLOC *\/\n    .badge-value {\n        position: absolute;\n        top: -14px;\n        left: 50%;\n        transform: translateX(-50%);\n        background-color: var(--price-orange);\n        color: black;\n        font-size: 11px;\n        font-weight: 800;\n        text-transform: uppercase;\n        padding: 6px 16px;\n        border-radius: 20px;\n        letter-spacing: 1px;\n    }\n\n    \/* TYPOGRAPHY CARD *\/\n    .plan-name {\n        font-size: 0.8rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin-bottom: 20px;\n        color: white;\n    }\n\n    .plan-price {\n        font-size: 3rem;\n        font-weight: 800;\n        line-height: 1;\n        margin-bottom: 8px;\n    }\n\n    .price-meta {\n        font-size: 0.8rem;\n        color: #666;\n        margin-bottom: 24px;\n        display: block;\n    }\n\n    .plan-desc {\n        color: #9ca3af;\n        font-size: 0.95rem;\n        line-height: 1.6;\n        margin-bottom: 32px;\n        min-height: 60px; \/* Aliniere vizual\u0103 *\/\n    }\n\n    .card-divider {\n        height: 1px;\n        background: rgba(255, 255, 255, 0.1);\n        margin-bottom: 32px;\n        width: 100%;\n    }\n\n    \/* FEATURES LIST *\/\n    .features-list {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n        margin-bottom: 40px;\n        flex-grow: 1;\n    }\n\n    .feature-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        font-size: 0.9rem;\n        color: #d1d5db;\n        line-height: 1.4;\n    }\n\n    .check-icon {\n        width: 18px;\n        height: 18px;\n        stroke-width: 3px;\n        flex-shrink: 0;\n    }\n    \n    \/* Culori Iconite *\/\n    .icon-orange { color: var(--price-orange); }\n    .icon-purple { color: var(--price-purple); }\n\n    \/* BUTOANE *\/\n    .price-btn {\n        width: 100%;\n        padding: 16px;\n        border-radius: 12px;\n        font-weight: 600;\n        font-size: 0.95rem;\n        text-align: center;\n        transition: all 0.3s ease;\n        margin-top: auto;\n        cursor: pointer;\n    }\n\n    \/* Buton Outline (Stanga\/Dreapta) *\/\n    .btn-outline {\n        background: transparent;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        color: white;\n    }\n    .btn-outline:hover {\n        background: rgba(255, 255, 255, 0.05);\n        border-color: white;\n    }\n\n    \/* Buton Solid (Mijloc) *\/\n    .btn-solid {\n        background: var(--price-orange);\n        border: 1px solid var(--price-orange);\n        color: black; \/* Text negru pe portocaliu *\/\n        font-weight: 700;\n    }\n    .btn-solid:hover {\n        background: #ff6a00;\n        transform: translateY(-2px);\n    }\n\n    \/* Buton Mov (Dreapta Hover) *\/\n    .btn-purple-hover:hover {\n        border-color: var(--price-purple);\n        color: var(--price-purple);\n        background: rgba(157, 78, 221, 0.05);\n    }\n\n    \/* RESPONSIVE *\/\n    @media (min-width: 1024px) {\n        .price-grid { grid-template-columns: 1fr 1.1fr 1fr; align-items: center; }\n        .price-title { font-size: 3rem; }\n    }\n<\/style>\n\n<div class=\"pricing-section\">\n    \n    <div class=\"price-header\">\n        <h2 class=\"price-title\">Investi\u021bie Transparent\u0103.<\/h2>\n        <p class=\"price-subtitle\">Alege nivelul de care ai nevoie acum.<\/p>\n    <\/div>\n\n    <div class=\"price-grid\">\n        \n        <div class=\"price-card\">\n            <h3 class=\"plan-name\">START<\/h3>\n            <div class=\"plan-price\">799 \u20ac<\/div>\n            <span class=\"price-meta\" style=\"visibility: hidden;\">pornire<\/span> \n            \n            <p class=\"plan-desc\">\n                Funda\u021bia digital\u0103. Perfect pentru afaceri la \u00eenceput de drum care au nevoie de validare.\n            <\/p>\n\n            <div class=\"card-divider\"><\/div>\n\n            <div class=\"features-list\">\n                <div class=\"feature-item\">\n                    <i data-lucide=\"check\" class=\"check-icon icon-orange\"><\/i>\n                    <span>Website Inteligent<\/span>\n                <\/div>\n                <div class=\"feature-item\">\n                    <i data-lucide=\"check\" class=\"check-icon icon-orange\"><\/i>\n                    <span>Design Custom<\/span>\n                <\/div>\n                <div class=\"feature-item\">\n                    <i data-lucide=\"check\" class=\"check-icon icon-orange\"><\/i>\n                    <span>Configurator Lead-uri<\/span>\n                <\/div>\n                <div class=\"feature-item\">\n                    <i data-lucide=\"check\" class=\"check-icon icon-orange\"><\/i>\n                    <span>Hosting \u0219i Domeniu gratuit 1 an<\/span>\n                <\/div>\n                \n            <\/div>\n\n            <a href=\"https:\/\/cil.agency\/configurator\/\" class=\"price-btn btn-outline\">Configureaz\u0103 START<\/a>\n        <\/div>\n\n        <div class=\"price-card card-highlight\">\n            <div class=\"badge-value\">BEST VALUE<\/div>\n            \n            <h3 class=\"plan-name\" style=\"color: #ffaa80;\">THE ECOSYSTEM<\/h3>\n            <div class=\"plan-price\">1.500 \u20ac+<\/div>\n            <span class=\"price-meta\">pre\u021b de pornire<\/span>\n            \n            <p class=\"plan-desc\">\n                Solu\u021bia complet\u0103. Identitate, Web \u0219i Strategie Video \u00eentr-un singur pachet coerent.\n            <\/p>\n\n            <div class=\"card-divider\"><\/div>\n\n            <div class=\"features-list\">\n                <div class=\"feature-item\">\n                    <i data-lucide=\"check\" class=\"check-icon icon-orange\"><\/i>\n                    <span class=\"font-bold text-white\">TOT din pachetul START<\/span>\n                <\/div>\n                <div class=\"feature-item\">\n                    <i data-lucide=\"check\" class=\"check-icon icon-orange\"><\/i>\n                    <span>Identitate Vizual\u0103 (Logo + Brandbook)<\/span>\n                <\/div>\n                <div class=\"feature-item\">\n                    <i data-lucide=\"check\" class=\"check-icon icon-orange\"><\/i>\n                    <span>Strategie Video Funnel<\/span>\n                <\/div>\n                <div class=\"feature-item\">\n                    <i data-lucide=\"check\" class=\"check-icon icon-orange\"><\/i>\n                    <span>Copywriting Avansat<\/span>\n                <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/cil.agency\/configurator\/\" class=\"price-btn btn-solid\">Vreau Ecosistemul<\/a>\n        <\/div>\n\n        <div class=\"price-card\">\n            <h3 class=\"plan-name\">GROWTH<\/h3>\n            <div class=\"plan-price\">Custom<\/div>\n            <span class=\"price-meta\" style=\"visibility: hidden;\">pornire<\/span>\n\n            <p class=\"plan-desc\">\n                Pentru afaceri care vor s\u0103 scaleze agresiv prin con\u021binut recurent.\n            <\/p>\n\n            <div class=\"card-divider\"><\/div>\n\n            <div class=\"features-list\">\n                <div class=\"feature-item\">\n                    <i data-lucide=\"check\" class=\"check-icon icon-purple\"><\/i>\n                    <span>Mentenan\u021b\u0103 Lunar\u0103<\/span>\n                <\/div>\n                <div class=\"feature-item\">\n                    <i data-lucide=\"check\" class=\"check-icon icon-purple\"><\/i>\n                    <span>Pachet Reels (4\/8\/12 lunar)<\/span>\n                <\/div>\n                <div class=\"feature-item\">\n                    <i data-lucide=\"check\" class=\"check-icon icon-purple\"><\/i>\n                    <span>Optimizare Funnel (A\/B Test)<\/span>\n                <\/div>\n                <div class=\"feature-item\">\n                    <i data-lucide=\"check\" class=\"check-icon icon-purple\"><\/i>\n                    <span>Consultant Dedicat<\/span>\n                <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/cil.agency\/configurator\/\" class=\"price-btn btn-outline btn-purple-hover\">Discut\u0103 Scalare<\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    lucide.createIcons();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c9d6a2 e-con-full e-flex e-con e-parent\" data-id=\"7c9d6a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5b7591 elementor-widget elementor-widget-heading\" data-id=\"d5b7591\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vezi proiectele noastre<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08f6289 elementor-pagination-type-bullets elementor-pagination-position-outside elementor-widget elementor-widget-loop-carousel\" data-id=\"08f6289\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:371,&quot;autoplay_speed&quot;:0,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;speed&quot;:10000,&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;offset_sides&quot;:&quot;none&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"ltr\">\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t<style id=\"loop-371\">.elementor-371 .elementor-element.elementor-element-2834359{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-371 .elementor-element.elementor-element-b038403{width:100%;max-width:100%;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-371 .elementor-element.elementor-element-47405c9 .elementor-heading-title{font-family:\"Inter\", Sans-serif;font-size:22px;font-weight:800;color:#FFFFFF;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-371 .elementor-element.elementor-element-c8a5beb .elementor-icon-list-icon{width:14px;}.elementor-371 .elementor-element.elementor-element-c8a5beb .elementor-icon-list-icon i{font-size:14px;}.elementor-371 .elementor-element.elementor-element-c8a5beb .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-371 .elementor-element.elementor-element-c8a5beb .elementor-icon-list-text, .elementor-371 .elementor-element.elementor-element-c8a5beb .elementor-icon-list-text a{color:#575757;}@media(min-width:768px){.elementor-371 .elementor-element.elementor-element-2834359{--width:100%;}}\/* Start custom CSS for container, class: .elementor-element-2834359 *\/\/* 1. FOR\u021aARE L\u0102\u021aIME TOTAL\u0102 CONTAINER *\/\n.elementor-371 .elementor-element.elementor-element-2834359 {\n    --primary-orange: #FF6600;\n    padding: 0 !important;\n    margin: 0 !important;\n    background-color: #050505 !important;\n    border: 1px solid #1A1A1A !important;\n    border-radius: 24px !important;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    gap: 0 !important;\n}\n\n\/* 2. POZA - RESETARE WRAPPERS + MONOCHROME *\/\n.elementor-371 .elementor-element.elementor-element-2834359 .elementor-widget-theme-post-featured-image,\n.elementor-371 .elementor-element.elementor-element-2834359 .elementor-widget-theme-post-featured-image .elementor-widget-container,\n.elementor-371 .elementor-element.elementor-element-2834359 .elementor-widget-theme-post-featured-image a {\n    margin: 0 !important;\n    padding: 0 !important;\n    width: 100% !important;\n    display: block !important;\n}\n\n.elementor-371 .elementor-element.elementor-element-2834359 .elementor-widget-theme-post-featured-image img {\n    width: 100% !important;\n    height: 300px !important;\n    object-fit: cover !important;\n    border-radius: 0 !important;\n    \/* --- MODIFICARE AICI: Ad\u0103ugat filtru alb-negru --- *\/\n    filter: grayscale(100%) !important;\n    \/* Am schimbat tranzitia din 'transform' in 'all' pentru a include si culoarea *\/\n    transition: all 0.6s cubic-bezier(0.2, 1, 0.3, 1) !important;\n}\n\n\/* 3. TITLUL *\/\n.elementor-371 .elementor-element.elementor-element-2834359 .elementor-widget-theme-post-title {\n    padding: 30px 25px 10px 25px !important;\n}\n\n.elementor-371 .elementor-element.elementor-element-2834359 .elementor-widget-theme-post-title .elementor-heading-title {\n    color: #ffffff !important;\n    font-size: 26px !important;\n    font-weight: 800 !important;\n    margin: 0 !important;\n    transition: color 0.3s ease !important;\n}\n\n\/* 4. TEHNOLOGIILE (Pills) *\/\n.elementor-371 .elementor-element.elementor-element-2834359 .elementor-widget-post-info {\n    padding: 0 25px 35px 25px !important;\n    margin-top: auto;\n}\n\n.elementor-371 .elementor-element.elementor-element-2834359 .elementor-icon-list-items {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 10px !important;\n}\n\n.elementor-371 .elementor-element.elementor-element-2834359 .elementor-icon-list-item {\n    background: transparent !important;\n    border: 1px solid #1A1A1A !important;\n    padding: 6px 14px !important;\n    border-radius: 6px !important;\n    display: flex !important;\n    align-items: center;\n}\n\n.elementor-371 .elementor-element.elementor-element-2834359 .elementor-icon-list-text {\n    color: #444 !important;\n    font-size: 11px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n}\n\n\/* --- MICRO-INTERAC\u021aIUNI (HOVER) --- *\/\n\n\/* Titlu portocaliu *\/\n.elementor-371 .elementor-element.elementor-element-2834359:hover .elementor-heading-title {\n    color: var(--primary-orange) !important;\n}\n\n\/* --- MODIFICARE AICI: Zoom cinematic + Revenire la culori --- *\/\n.elementor-371 .elementor-element.elementor-element-2834359:hover .elementor-widget-theme-post-featured-image img {\n    transform: scale(1.06) !important;\n    filter: grayscale(0%) !important; \/* Readuce culorile (0% alb-negru) *\/\n}\n\n\/* S\u0103geata floating portocalie *\/\n.elementor-371 .elementor-element.elementor-element-2834359::after {\n    content: '\u2197';\n    position: absolute;\n    top: 230px;\n    right: 30px;\n    width: 50px;\n    height: 50px;\n    background-color: var(--primary-orange);\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    font-weight: bold;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    z-index: 10;\n    box-shadow: 0 10px 25px rgba(255, 102, 0, 0.4);\n}\n\n.elementor-371 .elementor-element.elementor-element-2834359:hover::after {\n    opacity: 1;\n    transform: translateY(0);\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"371\" class=\"elementor elementor-371 swiper-slide e-loop-item e-loop-item-602 post-602 portfolio type-portfolio status-publish has-post-thumbnail hentry client-cumpar-auto-rapid portfolio-category-elementor-pro-builds portfolio-category-responsive-design portfolio-category-ui-ux-design-website-development portfolio-category-website-design portfolio-category-wordpress-development\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-2834359 cil-case-pro e-con-full e-flex e-con e-parent\" data-id=\"2834359\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b038403 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"b038403\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cil.agency\/ro\/portfolio\/nelutrans-ro-website\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8.avif\" class=\"attachment-full size-full wp-image-603\" alt=\"\" srcset=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8.avif 1920w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8-300x169.avif 300w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8-1024x576.avif 1024w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8-768x432.avif 768w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8-1536x864.avif 1536w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8-18x10.avif 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47405c9 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"47405c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cil.agency\/ro\/portfolio\/nelutrans-ro-website\/\">Nelutrans.ro -Website<\/a><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a5beb elementor-widget elementor-widget-post-info\" data-id=\"c8a5beb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-afcea05 elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom\">\n\t\t\t\t\t\t\t\t\t\tFigma, WordPress, Elementor Pro, HTML, CSS, Google Analytics\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"371\" class=\"elementor elementor-371 swiper-slide e-loop-item e-loop-item-619 post-619 portfolio type-portfolio status-publish has-post-thumbnail hentry client-keen-scaffolding portfolio-category-elementor-pro-builds portfolio-category-responsive-design portfolio-category-ui-ux-design-website-development portfolio-category-ui-ux-wireframing portfolio-category-website-design portfolio-category-wordpress-development\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-2834359 cil-case-pro e-con-full e-flex e-con e-parent\" data-id=\"2834359\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b038403 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"b038403\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cil.agency\/ro\/portfolio\/keen-scaffolding-co-uk\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8-1-1.avif\" class=\"attachment-full size-full wp-image-623\" alt=\"\" srcset=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8-1-1.avif 1920w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8-1-1-300x169.avif 300w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8-1-1-1024x576.avif 1024w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8-1-1-768x432.avif 768w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8-1-1-1536x864.avif 1536w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/8-1-1-18x10.avif 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47405c9 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"47405c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cil.agency\/ro\/portfolio\/keen-scaffolding-co-uk\/\">Keen-Scaffolding.co.uk &#8211; Website<\/a><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a5beb elementor-widget elementor-widget-post-info\" data-id=\"c8a5beb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-afcea05 elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom\">\n\t\t\t\t\t\t\t\t\t\tFigma, WordPress, Elementor Pro, HTML, CSS\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"371\" class=\"elementor elementor-371 swiper-slide e-loop-item e-loop-item-649 post-649 portfolio type-portfolio status-publish has-post-thumbnail hentry client-asociatia-victimelor-strazii portfolio-category-elementor-pro-builds portfolio-category-responsive-design portfolio-category-ui-ux-design-website-development portfolio-category-website-design portfolio-category-wordpress-development\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-2834359 cil-case-pro e-con-full e-flex e-con e-parent\" data-id=\"2834359\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b038403 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"b038403\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cil.agency\/ro\/portfolio\/victime-ro-website\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/9.avif\" class=\"attachment-full size-full wp-image-620\" alt=\"\" srcset=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/9.avif 1920w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/9-300x169.avif 300w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/9-1024x576.avif 1024w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/9-768x432.avif 768w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/9-1536x864.avif 1536w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/9-18x10.avif 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47405c9 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"47405c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cil.agency\/ro\/portfolio\/victime-ro-website\/\">Victime.ro &#8211; Website<\/a><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a5beb elementor-widget elementor-widget-post-info\" data-id=\"c8a5beb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-afcea05 elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom\">\n\t\t\t\t\t\t\t\t\t\tFigma, Adobe Photoshop, WordPress, Elementor Pro, HTML, CSS\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"371\" class=\"elementor elementor-371 swiper-slide e-loop-item e-loop-item-642 post-642 portfolio type-portfolio status-publish has-post-thumbnail hentry client-jully-cornea portfolio-category-elementor-pro-builds portfolio-category-responsive-design portfolio-category-ui-ux-design-website-development portfolio-category-website-design portfolio-category-woocommerce-stores portfolio-category-wordpress-development\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-2834359 cil-case-pro e-con-full e-flex e-con e-parent\" data-id=\"2834359\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b038403 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"b038403\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cil.agency\/ro\/portfolio\/jc-proline-ro-ecommerce-website\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6-1.avif\" class=\"attachment-full size-full wp-image-622\" alt=\"\" srcset=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6-1.avif 1920w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6-1-300x169.avif 300w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6-1-1024x576.avif 1024w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6-1-768x432.avif 768w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6-1-1536x864.avif 1536w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6-1-18x10.avif 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47405c9 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"47405c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cil.agency\/ro\/portfolio\/jc-proline-ro-ecommerce-website\/\">JC-ProLine.ro &#8211; Ecommerce Website<\/a><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a5beb elementor-widget elementor-widget-post-info\" data-id=\"c8a5beb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-afcea05 elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom\">\n\t\t\t\t\t\t\t\t\t\tFigma, WordPress, WooCommerce, Elementor Pro, HTML, CSS, JavaScript, Google Analytics, Stripe\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"371\" class=\"elementor elementor-371 swiper-slide e-loop-item e-loop-item-341 post-341 portfolio type-portfolio status-publish has-post-thumbnail hentry client-ao-primavara-care-ne-uneste portfolio-category-elementor-pro-builds portfolio-category-responsive-design portfolio-category-ui-ux-design-website-development portfolio-category-ui-ux-wireframing portfolio-category-website-design portfolio-category-woocommerce-stores portfolio-category-wordpress-development\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-2834359 cil-case-pro e-con-full e-flex e-con e-parent\" data-id=\"2834359\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b038403 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"b038403\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cil.agency\/ro\/portfolio\/primavara-md\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/1.avif\" class=\"attachment-full size-full wp-image-349\" alt=\"\" srcset=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/1.avif 1920w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/1-300x169.avif 300w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/1-1024x576.avif 1024w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/1-768x432.avif 768w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/1-1536x864.avif 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47405c9 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"47405c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cil.agency\/ro\/portfolio\/primavara-md\/\">Primavara.md &#8211; Website<\/a><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a5beb elementor-widget elementor-widget-post-info\" data-id=\"c8a5beb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-afcea05 elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom\">\n\t\t\t\t\t\t\t\t\t\tFigma, WordPress, WooCommerce, Elementor Pro, HTML, CSS\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"371\" class=\"elementor elementor-371 swiper-slide e-loop-item e-loop-item-634 post-634 portfolio type-portfolio status-publish has-post-thumbnail hentry client-cumpar-auto-rapid portfolio-category-elementor-pro-builds portfolio-category-responsive-design portfolio-category-ui-ux-design-website-development portfolio-category-website-design portfolio-category-wordpress-development\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-2834359 cil-case-pro e-con-full e-flex e-con e-parent\" data-id=\"2834359\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b038403 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"b038403\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cil.agency\/ro\/portfolio\/cumparautorapid-ro-website\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/7-1.avif\" class=\"attachment-full size-full wp-image-624\" alt=\"\" srcset=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/7-1.avif 1920w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/7-1-300x169.avif 300w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/7-1-1024x576.avif 1024w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/7-1-768x432.avif 768w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/7-1-1536x864.avif 1536w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/7-1-18x10.avif 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47405c9 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"47405c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cil.agency\/ro\/portfolio\/cumparautorapid-ro-website\/\">Cump\u0103rAutoRapid.ro &#8211; Website<\/a><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a5beb elementor-widget elementor-widget-post-info\" data-id=\"c8a5beb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-afcea05 elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom\">\n\t\t\t\t\t\t\t\t\t\tFigma, WordPress, Elementor Pro, HTML, CSS, JavaScript, Google Ads, Google Analytics\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"371\" class=\"elementor elementor-371 swiper-slide e-loop-item e-loop-item-380 post-380 portfolio type-portfolio status-publish has-post-thumbnail hentry client-cabana-maria-comandau portfolio-category-elementor-pro-builds portfolio-category-responsive-design portfolio-category-ui-ux-design-website-development portfolio-category-ui-ux-wireframing portfolio-category-website-design portfolio-category-wordpress-development\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-2834359 cil-case-pro e-con-full e-flex e-con e-parent\" data-id=\"2834359\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b038403 elementor-widget__width-inherit elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"b038403\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cil.agency\/ro\/portfolio\/cabana-maria-comandau-website\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6.avif\" class=\"attachment-full size-full wp-image-381\" alt=\"\" srcset=\"https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6.avif 1920w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6-300x169.avif 300w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6-1024x576.avif 1024w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6-768x432.avif 768w, https:\/\/cil.agency\/wp-content\/uploads\/2025\/08\/6-1536x864.avif 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47405c9 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"47405c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cil.agency\/ro\/portfolio\/cabana-maria-comandau-website\/\">Cabana Maria Comand\u0103u &#8211; Website<\/a><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8a5beb elementor-widget elementor-widget-post-info\" data-id=\"c8a5beb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-afcea05 elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom\">\n\t\t\t\t\t\t\t\t\t\tFigma, Adobe Photoshop, WordPress, Elementor Pro, HTML, CSS, JavaScript\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14c1035 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"14c1035\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40dd94e elementor-widget elementor-widget-html\" data-id=\"40dd94e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n    :root {\n        --faq-bg: #050505;\n        --faq-orange: #ff5500;\n        --faq-border: rgba(255, 255, 255, 0.08);\n        --faq-text-muted: #9ca3af;\n    }\n\n    .faq-section {\n        background-color: var(--faq-bg);\n        font-family: 'Inter', sans-serif;\n        padding: 100px 24px !important; \/* Mobile padding fix *\/\n        color: white;\n    }\n\n    .faq-container {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    \/* TITLU *\/\n    .faq-title {\n        text-align: center;\n        font-size: 2.5rem;\n        font-weight: 700;\n        margin-bottom: 80px;\n        letter-spacing: -0.5px;\n    }\n\n    \/* FAQ ITEM *\/\n    .faq-item {\n        border-bottom: 1px solid var(--faq-border);\n    }\n    .faq-item:first-child {\n        border-top: 1px solid var(--faq-border); \/* Linie si sus la primul element, optional *\/\n    }\n\n    \/* SUMMARY (Intrebarea) *\/\n    details > summary {\n        list-style: none;\n        padding: 32px 0;\n        cursor: pointer;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        transition: all 0.3s ease;\n    }\n\n    \/* Ascundem marker-ul default *\/\n    details > summary::-webkit-details-marker {\n        display: none;\n    }\n\n    .question-text {\n        font-size: 1.15rem;\n        font-weight: 600;\n        color: white;\n        padding-right: 24px;\n    }\n\n    \/* ICON *\/\n    .chevron-icon {\n        color: var(--faq-orange);\n        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        width: 24px;\n        height: 24px;\n        flex-shrink: 0;\n    }\n\n    \/* Rotatie la deschidere *\/\n    details[open] .chevron-icon {\n        transform: rotate(180deg);\n    }\n\n    \/* ANSWER (Raspunsul) *\/\n    .answer-text {\n        color: var(--faq-text-muted);\n        font-size: 1rem;\n        line-height: 1.6;\n        padding-bottom: 32px;\n        padding-right: 32px; \/* Ca sa nu fie textul prea lat *\/\n        opacity: 0;\n        animation: fadeIn 0.4s forwards;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(-10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Hover effect *\/\n    details > summary:hover .question-text {\n        color: #e5e5e5;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 768px) {\n        .faq-title { font-size: 2rem; margin-bottom: 40px; }\n        .question-text { font-size: 1rem; }\n        .answer-text { padding-right: 0; }\n        details > summary { padding: 24px 0; }\n    }\n<\/style>\n\n<div class=\"faq-section\">\n    <div class=\"faq-container\">\n        \n        <h2 class=\"faq-title\">\u00centreb\u0103ri Frecvente<\/h2>\n\n        <div class=\"faq-list\">\n            \n            <div class=\"faq-item\">\n                <details>\n                    <summary>\n                        <span class=\"question-text\">Pot cump\u0103ra doar site-ul?<\/span>\n                        <i data-lucide=\"chevron-down\" class=\"chevron-icon\"><\/i>\n                    <\/summary>\n                    <div class=\"answer-text\">\n                        Da, pachetul START (799 \u20ac) reprezint\u0103 funda\u021bia. Acesta include Website-ul Inteligent complet func\u021bional. Totodat\u0103, po\u021bi alege separat sau servicii de Branding sau Content Video.\n                    <\/div>\n                <\/details>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <details>\n                    <summary>\n                        <span class=\"question-text\">Este un template?<\/span>\n                        <i data-lucide=\"chevron-down\" class=\"chevron-icon\"><\/i>\n                    <\/summary>\n                    <div class=\"answer-text\">\n                        Nu \u00een sensul clasic. Folosim un 'framework' propriu de performan\u021b\u0103 (cod optimizat, structur\u0103 de v\u00e2nzare), dar designul (culori, fonturi, imagini, vibe) este 100% customizat pentru brandul t\u0103u. Nu vei fi confundat cu concuren\u021ba.\n                    <\/div>\n                <\/details>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <details>\n                    <summary>\n                        <span class=\"question-text\">C\u00e2t dureaz\u0103 procesul?<\/span>\n                        <i data-lucide=\"chevron-down\" class=\"chevron-icon\"><\/i>\n                    <\/summary>\n                    <div class=\"answer-text\">\n                        Lucr\u0103m \u00een sprint-uri. Pachetul START dureaz\u0103 de obicei 7 zile de la brief p\u00e2n\u0103 la lansare. Ecosistemul complet dureaz\u0103 aproximativ 14 zile, \u00een func\u021bie de complexitatea materialelor video.\n                    <\/div>\n                <\/details>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    lucide.createIcons();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d61698 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"0d61698\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bce2fe8 elementor-widget elementor-widget-html\" data-id=\"bce2fe8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\n\n    :root {\n        --f-bg: #050505;\n        --f-orange: #ff5500;\n    }\n\n    .final-section {\n        background-color: var(--f-bg);\n        font-family: 'Inter', sans-serif;\n        \/* Padding mare sus\/jos pentru a centra vizual con\u021binutul *\/\n        padding: 160px 24px !important;\n        color: white;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        \/* Izolare pentru contextul de stivuire (z-index) *\/\n        isolation: isolate;\n    }\n\n    \/* ORANGE GLOW BACKGROUND *\/\n    .final-glow {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100%;\n        max-width: 1000px;\n        height: 1000px;\n        \/* Gradient radial portocaliu intens spre transparent *\/\n        background: radial-gradient(circle, rgba(255, 85, 0, 0.2) 0%, rgba(5, 5, 5, 0) 70%);\n        \/* Blur foarte puternic pentru efect atmosferic *\/\n        filter: blur(100px);\n        z-index: -1; \/* \u00cen spatele con\u021binutului *\/\n        pointer-events: none;\n    }\n\n    .final-container {\n        max-width: 800px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 10; \/* Con\u021binutul deasupra glow-ului *\/\n    }\n\n    \/* CTA TITLE *\/\n    .final-title {\n        font-size: 3rem;\n        font-weight: 900;\n        line-height: 1.1;\n        margin-bottom: 56px;\n        letter-spacing: -1px;\n        \/* Umbr\u0103 subtil\u0103 pentru a scoate textul \u00een eviden\u021b\u0103 fa\u021b\u0103 de glow *\/\n        text-shadow: 0 10px 30px rgba(0,0,0,0.3);\n    }\n\n    \/* BUTTONS *\/\n    .btn-group {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        gap: 16px;\n        \/* Nu mai e nevoie de margin-bottom mare fara footer *\/\n    }\n\n    .f-btn {\n        padding: 20px 40px; \/* Butoane pu\u021bin mai mari \u0219i mai \"grase\" *\/\n        border-radius: 50px;\n        font-weight: 800;\n        font-size: 0.95rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        transition: all 0.3s ease;\n        cursor: pointer;\n        white-space: nowrap;\n        text-decoration: none;\n    }\n\n    \/* Buton Solid (Portocaliu) *\/\n    .f-btn-solid {\n        background-color: var(--f-orange);\n        color: white;\n        border: 2px solid var(--f-orange);\n        \/* Glow suplimentar pe buton *\/\n        box-shadow: 0 10px 40px -10px rgba(255, 85, 0, 0.6);\n    }\n    .f-btn-solid:hover {\n        background-color: #ff6a00;\n        border-color: #ff6a00;\n        transform: translateY(-4px);\n        box-shadow: 0 15px 50px -10px rgba(255, 85, 0, 0.8);\n    }\n\n    \/* Buton Outline *\/\n    .f-btn-outline {\n        background-color: transparent;\n        color: white;\n        border: 2px solid rgba(255, 255, 255, 0.2);\n    }\n    .f-btn-outline:hover {\n        background-color: rgba(255, 255, 255, 0.08);\n        border-color: white;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (min-width: 768px) {\n        .final-title { font-size: 4.5rem; }\n        .btn-group { flex-direction: row; gap: 24px; }\n    }\n<\/style>\n\n<div class=\"final-section\">\n    <div class=\"final-glow\"><\/div>\n\n    <div class=\"final-container\">\n        \n        <h2 class=\"final-title\">\n            E\u0219ti gata s\u0103 \u00ee\u021bi iei <br> afacerea \u00een serios?\n        <\/h2>\n\n        <div class=\"btn-group\">\n            <a href=\"https:\/\/cil.agency\/configurator\/\" class=\"f-btn f-btn-solid\">\n                \u00cencepe Configurarea\n            <\/a>\n            \n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SYSTEM OPERATIONAL Vrei mai mul\u021bi clien\u021bi? Construie\u0219te un Sistem. Transform\u0103m prezen\u021ba ta digital\u0103 dintr-o cheltuial\u0103 \u00eentr-un motor unificat care filtreaz\u0103, educ\u0103 \u0219i vinde 24\/7. \u00cencepe Configurarea Vezi Arhitectura REC [00:04:12] ISO 800 System_Preview_Mode THE DIGITAL CHAOS De ce 90% din afaceri sunt invizibile? Uite cum arat\u0103 online-ul la multe afaceri: un site \u201es\u0103 existe\u201d, un [&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,"footnotes":""},"class_list":["post-64","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cil.agency\/ro\/wp-json\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cil.agency\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cil.agency\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cil.agency\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cil.agency\/ro\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":499,"href":"https:\/\/cil.agency\/ro\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":1089,"href":"https:\/\/cil.agency\/ro\/wp-json\/wp\/v2\/pages\/64\/revisions\/1089"}],"wp:attachment":[{"href":"https:\/\/cil.agency\/ro\/wp-json\/wp\/v2\/media?parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}