{"id":866,"date":"2026-01-25T18:58:36","date_gmt":"2026-01-25T18:58:36","guid":{"rendered":"https:\/\/cil.agency\/?page_id=866"},"modified":"2026-01-27T15:33:09","modified_gmt":"2026-01-27T13:33:09","slug":"branding","status":"publish","type":"page","link":"https:\/\/cil.agency\/ro\/branding\/","title":{"rendered":"Branding"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"866\" class=\"elementor elementor-866\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4655dc1 e-con-full e-flex e-con e-parent\" data-id=\"4655dc1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e21fe50 elementor-widget elementor-widget-html\" data-id=\"e21fe50\" 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<style>\n    \/* Container principal cu Grid Background *\/\n    #cil-branding-trust-section {\n        --primary-orange: #FF6600;\n        --bg-black: #050505;\n        --grid-line: rgba(255, 255, 255, 0.03);\n        \n        background-color: var(--bg-black);\n        background-image: \n            linear-gradient(var(--grid-line) 1px, transparent 1px),\n            linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);\n        background-size: 40px 40px;\n        background-position: center top;\n        color: #ffffff;\n        font-family: 'Inter', sans-serif;\n        padding: 120px 20px;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Badge: Trust Pillar *\/\n    .cil-trust-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        border: 1px solid rgba(255, 102, 0, 0.3);\n        padding: 6px 16px;\n        border-radius: 100px;\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        color: #8A8A8A;\n        margin-bottom: 30px;\n    }\n\n    .cil-trust-badge svg {\n        width: 12px;\n        height: 12px;\n        color: var(--primary-orange);\n    }\n\n    \/* Titlu & Subtitlu *\/\n    .cil-branding-h2 {\n        font-size: clamp(32px, 5vw, 64px);\n        font-weight: 800;\n        line-height: 1.1;\n        margin-bottom: 25px;\n        letter-spacing: -1.5px;\n    }\n\n    .cil-branding-h2 span {\n        color: var(--primary-orange);\n    }\n\n    .cil-branding-p {\n        color: #8A8A8A;\n        font-size: 18px;\n        max-width: 700px;\n        margin: 0 auto 60px;\n        line-height: 1.6;\n    }\n\n    \/* Gridul de compara\u021bie *\/\n    .cil-comparison-grid {\n        display: flex;\n        justify-content: center;\n        gap: 30px;\n        max-width: 1000px;\n        margin: 0 auto 60px;\n    }\n\n    \/* Card de baz\u0103 *\/\n    .cil-brand-card {\n        flex: 1;\n        background: rgba(13, 13, 13, 0.5);\n        border: 1px solid #1A1A1A;\n        border-radius: 16px;\n        padding: 40px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        min-height: 300px;\n        transition: transform 0.3s ease;\n    }\n\n    \/* Card AMATOR (St\u00e2nga) *\/\n    .cil-card-amateur {\n        border-style: dashed;\n        opacity: 0.6;\n    }\n\n    .cil-amateur-logo {\n        font-family: \"Comic Sans MS\", cursive;\n        font-size: 24px;\n        color: #555;\n        margin-bottom: 10px;\n    }\n\n    \/* Card PREMIUM (Dreapta) *\/\n    .cil-card-premium {\n        border: 1px solid var(--primary-orange);\n        background: rgba(10, 10, 10, 0.8);\n        box-shadow: 0 0 40px rgba(255, 102, 0, 0.05);\n        position: relative;\n    }\n\n    .cil-card-premium::after {\n        content: '';\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        width: 8px;\n        height: 8px;\n        background: var(--primary-orange);\n        border-radius: 50%;\n        box-shadow: 0 0 10px var(--primary-orange);\n    }\n\n    .cil-premium-logo {\n        font-size: 32px;\n        font-weight: 900;\n        letter-spacing: -1px;\n        margin-bottom: 5px;\n    }\n\n    \/* Etichete status sub carduri *\/\n    .cil-status-tag {\n        margin-top: 25px;\n        text-transform: uppercase;\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 1px;\n    }\n\n    .cil-tag-red { color: #555; }\n    .cil-tag-green { color: #4ade80; }\n\n    .cil-status-desc {\n        font-size: 13px;\n        color: #666;\n        margin-top: 5px;\n    }\n\n    \/* Buton Principal *\/\n    .cil-branding-btn {\n        background: linear-gradient(90deg, #FF6600 0%, #FF8533 100%);\n        color: #ffffff;\n        padding: 18px 45px;\n        border-radius: 50px;\n        font-weight: 700;\n        text-decoration: none;\n        display: inline-block;\n        box-shadow: 0 10px 30px rgba(255, 102, 0, 0.3);\n        transition: transform 0.3s ease;\n    }\n\n    .cil-branding-btn:hover {\n        transform: scale(1.05);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .cil-comparison-grid { flex-direction: column; align-items: center; }\n        .cil-brand-card { width: 100%; min-height: 250px; }\n    }\n<\/style>\n\n<div id=\"cil-branding-trust-section\">\n    <div class=\"cil-trust-badge\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n        TRUST PILLAR\n    <\/div>\n\n    <h2 class=\"cil-branding-h2\">\n        Haina face pe om.<br>\n        <span>Brandingul face firma.<\/span>\n    <\/h2>\n\n    <p class=\"cil-branding-p\">\n        Oamenii judec\u0103 vizual \u00een primele 3 secunde. Dac\u0103 ar\u0103\u021bi ieftin, oferta ta pare riscant\u0103. Construim identit\u0103\u021bi care impun respect.\n    <\/p>\n\n    <div class=\"cil-comparison-grid\">\n        <div style=\"flex: 1;\">\n            <div class=\"cil-brand-card cil-card-amateur\">\n                <div class=\"cil-amateur-logo\">Firma Ta<\/div>\n                <div style=\"color: #444; font-size: 12px; font-family: monospace;\">comic sans \/ colors clash<\/div>\n            <\/div>\n            <div class=\"cil-status-tag cil-tag-red\">AMATOR \/ GENERIC<\/div>\n            <div class=\"cil-status-desc\">Clientul simte risc \u0219i pleac\u0103.<\/div>\n        <\/div>\n\n        <div style=\"flex: 1;\">\n            <div class=\"cil-brand-card cil-card-premium\">\n                <div class=\"cil-premium-logo\">BRAND.<\/div>\n                <div style=\"color: var(--primary-orange); font-size: 10px; font-weight: 700; letter-spacing: 2px;\">PREMIUM IDENTITY SYSTEM<\/div>\n            <\/div>\n            <div class=\"cil-status-tag cil-tag-green\">CIL SYSTEM \/ PREMIUM<\/div>\n            <div class=\"cil-status-desc\">Clientul simte autoritate \u0219i cump\u0103r\u0103.<\/div>\n        <\/div>\n    <\/div>\n\n    <a href=\"https:\/\/cil.agency\/ro\/configurator\/\" class=\"cil-branding-btn\">\n        Vreau Identitate Vizual\u0103\n    <\/a>\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-ce044d5 e-con-full e-flex e-con e-parent\" data-id=\"ce044d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abc3ab6 elementor-widget elementor-widget-html\" data-id=\"abc3ab6\" 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<style>\n    \/* Container principal *\/\n    #cil-pain-points-section {\n        --bg-black: #050505;\n        --card-bg: #0D0D0D;\n        --border-default: #1A1A1A;\n        --accent-red: #FF0000; \/* Culoarea solicitat\u0103 pentru hover *\/\n        --text-dim: #8A8A8A;\n        \n        background-color: var(--bg-black);\n        color: #ffffff;\n        font-family: 'Inter', sans-serif;\n        padding: 100px 20px;\n        text-align: center;\n    }\n\n    \/* Titlu Sec\u021biune *\/\n    .cil-pain-h2 {\n        font-size: clamp(24px, 4vw, 36px);\n        font-weight: 700;\n        margin-bottom: 60px;\n        letter-spacing: -0.5px;\n    }\n\n    \/* Grid Carduri *\/\n    .cil-pain-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    \/* Stil Card *\/\n    .cil-pain-card {\n        background-color: var(--card-bg);\n        border: 1px solid var(--border-default);\n        border-radius: 20px;\n        padding: 45px 35px;\n        text-align: left;\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        cursor: default;\n    }\n\n    \/* Icon Box *\/\n    .cil-pain-icon {\n        width: 44px;\n        height: 44px;\n        background: #151515;\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 30px;\n        color: #444; \/* Culoare iconi\u021b\u0103 default *\/\n        transition: all 0.4s ease;\n    }\n\n    .cil-pain-icon svg {\n        width: 22px;\n        height: 22px;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 2;\n    }\n\n    \/* Text Card *\/\n    .cil-pain-card h3 {\n        font-size: 22px;\n        font-weight: 700;\n        margin-bottom: 15px;\n        transition: color 0.4s ease;\n    }\n\n    .cil-pain-card p {\n        color: var(--text-dim);\n        font-size: 15px;\n        line-height: 1.6;\n        margin: 0;\n    }\n\n    \/* MICRO-INTERAC\u021aIUNE HOVER: BORDURA \u0218I ICONI\u021aA SE FAC RO\u0218II *\/\n    .cil-pain-card:hover {\n        border-color: var(--accent-red);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(255, 0, 0, 0.05);\n    }\n\n    .cil-pain-card:hover .cil-pain-icon {\n        color: var(--accent-red);\n        background: rgba(255, 0, 0, 0.05);\n        border: 1px solid rgba(255, 0, 0, 0.2);\n    }\n\n    \/* Adaptare Mobil *\/\n    @media (max-width: 992px) {\n        .cil-pain-grid { grid-template-columns: 1fr; }\n        .cil-pain-card { padding: 35px; }\n    }\n<\/style>\n\n<div id=\"cil-pain-points-section\">\n    <h2 class=\"cil-pain-h2\">De ce pierzi clien\u021bi \u00eenainte s\u0103-\u021bi citeasc\u0103 oferta?<\/h2>\n\n    <div class=\"cil-pain-grid\">\n        <div class=\"cil-pain-card\">\n            <div class=\"cil-pain-icon\">\n                <svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n            <\/div>\n            <h3>Inconsisten\u021b\u0103<\/h3>\n            <p>C\u00e2nd site-ul arat\u0103 high-end, dar logo-ul pare f\u0103cut \u00een grab\u0103, mesajul devine necredibil. Clientul simte neconcordan\u021ba \u0219i pleac\u0103.<\/p>\n        <\/div>\n\n        <div class=\"cil-pain-card\">\n            <div class=\"cil-pain-icon\">\n                <svg viewbox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n            <\/div>\n            <h3>Invizibilitate<\/h3>\n            <p>Folose\u0219ti acelea\u0219i culori \u0219i fonturi ca toat\u0103 lumea. E\u0219ti invizibil \u00een feed \u0219i \u00een mintea clientului.<\/p>\n        <\/div>\n\n        <div class=\"cil-pain-card\">\n            <div class=\"cil-pain-icon\">\n                <svg viewbox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 0 0-10 10c0 5.5 4.5 10 10 10s10-4.5 10-10A10 10 0 0 0 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n            <\/div>\n            <h3>Lipsa de \u00cencredere<\/h3>\n            <p>Un brand ne\u00eengrijit sugereaz\u0103 servicii ne\u00eengrijite. Oamenii asociaz\u0103 calitatea vizual\u0103 cu calitatea produsului.<\/p>\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-830cda0 e-con-full e-flex e-con e-parent\" data-id=\"830cda0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d64bc09 elementor-widget elementor-widget-html\" data-id=\"d64bc09\" 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<style>\n    \/* Container principal limitat la 1100px pentru \u00eencadrare perfect\u0103 *\/\n    #cil-delivery-system {\n        --primary-orange: #FF6600;\n        --bg-black: #050505;\n        --card-bg: #0D0D0D;\n        --text-dim: #8A8A8A;\n        \n        background-color: var(--bg-black);\n        color: #ffffff;\n        font-family: 'Inter', sans-serif;\n        padding: 80px 0;\n        display: flex;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Pata de lumin\u0103 portocalie din fundal *\/\n    #cil-delivery-system .bg-glow {\n        position: absolute;\n        top: 20%;\n        left: 20%;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(255, 102, 0, 0.07) 0%, transparent 70%);\n        filter: blur(80px);\n        z-index: 1;\n        pointer-events: none;\n    }\n\n    .cil-inner {\n        max-width: 1200px;\n        width: 100%;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        gap: 50px;\n        padding: 0 20px;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* Partea st\u00e2ng\u0103: Con\u021binut *\/\n    .cil-left-col { flex: 1.2; }\n    \n    .cil-h2 {\n        font-size: 42px;\n        font-weight: 800;\n        margin-bottom: 20px;\n        letter-spacing: -1.5px;\n    }\n\n    .cil-p {\n        color: var(--text-dim);\n        font-size: 16px;\n        line-height: 1.6;\n        margin-bottom: 40px;\n        max-width: 480px;\n    }\n\n    \/* Grid beneficii 2x2 *\/\n    .cil-feat-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 25px;\n        margin-bottom: 30px;\n    }\n\n    .cil-item { display: flex; gap: 12px; }\n    .cil-icon {\n        width: 36px;\n        height: 36px;\n        background: #151515;\n        border: 1px solid #222;\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        color: var(--primary-orange);\n    }\n\n    .cil-info h4 { font-size: 15px; font-weight: 700; margin: 0 0 4px 0; }\n    .cil-info p { font-size: 12px; color: #555; margin: 0; line-height: 1.4; }\n\n    \/* Card Brand Book *\/\n    .cil-brand-book {\n        background: var(--card-bg);\n        border: 1px solid #1A1A1A;\n        padding: 20px;\n        border-radius: 12px;\n        display: flex;\n        gap: 15px;\n        align-items: center;\n    }\n\n    \/* Partea dreapt\u0103: Machet\u0103 cu mi\u0219care 3D *\/\n    .cil-right-col {\n        flex: 1;\n        perspective: 1500px; \/* Ad\u00e2ncime pentru rota\u021bie *\/\n    }\n\n    .cil-mockup {\n        background: #111;\n        border: 1px solid #222;\n        border-radius: 12px;\n        padding: 20px;\n        box-shadow: 0 40px 80px rgba(0,0,0,0.6);\n        \/* POZI\u021aIE INI\u021aIAL\u0102 \u00ceNCLINAT\u0102 *\/\n        transform: rotateY(-22deg) rotateX(12deg) rotateZ(3deg);\n        transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);\n        transform-style: preserve-3d;\n    }\n\n    \/* EFECTUL DE MI\u0218CARE: Se \u00eendreapt\u0103 la hover pe \u00eentreaga sec\u021biune *\/\n    #cil-delivery-system:hover .cil-mockup {\n        transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1.02);\n    }\n\n    \/* Elemente de design interior machet\u0103 *\/\n    .mock-dots { display: flex; gap: 5px; margin-bottom: 15px; }\n    .m-dot { width: 7px; height: 7px; border-radius: 50%; background: #222; }\n    \n    .mock-box {\n        background: #080808;\n        border: 1px solid #1A1A1A;\n        border-radius: 6px;\n        padding: 30px 10px;\n        margin-bottom: 12px;\n        text-align: center;\n    }\n\n    .mock-colors { display: flex; gap: 10px; }\n    .m-chip { flex: 1; height: 70px; border-radius: 4px; padding: 8px; font-size: 9px; font-family: monospace; display: flex; align-items: flex-end; }\n\n    @media (max-width: 900px) {\n        .cil-inner { flex-direction: column; text-align: center; }\n        .cil-feat-grid { text-align: left; }\n        .cil-mockup { transform: rotateY(0) rotateX(0); }\n    }\n<\/style>\n\n<div id=\"cil-delivery-system\">\n    <div class=\"bg-glow\"><\/div>\n    <div class=\"cil-inner\">\n        <div class=\"cil-left-col\">\n            <h2 class=\"cil-h2\">Nu prime\u0219ti doar un PNG.<\/h2>\n            <p class=\"cil-p\">\n                Livr\u0103m un sistem coerent de elemente care func\u021bioneaz\u0103 oriunde: pe site, pe c\u0103r\u021bi de vizit\u0103, pe ma\u0219ini sau pe tricouri.\n            <\/p>\n\n            <div class=\"cil-feat-grid\">\n                <div class=\"cil-item\">\n                    <div class=\"cil-icon\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n                    <\/div>\n                    <div class=\"cil-info\">\n                        <h4>Logo Principal & Secundar<\/h4>\n                        <p>Vectorial, scalabil infinit.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cil-item\">\n                    <div class=\"cil-icon\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v8M8 12h8\"\/><\/svg>\n                    <\/div>\n                    <div class=\"cil-info\">\n                        <h4>Palet\u0103 de Culori<\/h4>\n                        <p>Coduri HEX\/RGB exacte.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cil-item\">\n                    <div class=\"cil-icon\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 7V4h16v3M9 20h6M12 7v13\"\/><\/svg>\n                    <\/div>\n                    <div class=\"cil-info\">\n                        <h4>Sistem Tipografic<\/h4>\n                        <p>Fonturi titluri \u0219i text.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cil-item\">\n                    <div class=\"cil-icon\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"cil-info\">\n                        <h4>Elemente Grafice<\/h4>\n                        <p>Pattern-uri \u0219i iconi\u021be.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"cil-brand-book\">\n                <div class=\"cil-icon\" style=\"width: 44px; height: 44px; background: #1A1A1A;\">\n                    <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20M4 19.5A2.5 2.5 0 0 0 6.5 22H20M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1-2.5-2.5z\"\/><\/svg>\n                <\/div>\n                <div>\n                    <h4 style=\"margin:0;\">Ghid de Utilizare (Brand Book)<\/h4>\n                    <p style=\"font-size: 12px; color: #555; margin-top: 3px;\">Manualul de reguli de utilizare al brandului.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"cil-right-col\">\n            <div class=\"cil-mockup\">\n                <div class=\"mock-dots\">\n                    <div class=\"m-dot\"><\/div><div class=\"m-dot\"><\/div><div class=\"m-dot\"><\/div>\n                <\/div>\n                <div class=\"mock-box\">\n                    <span style=\"font-size: 20px; font-weight: 900; letter-spacing: -1px;\">LOGO.<span style=\"color:var(--primary-orange)\">Type<\/span><\/span>\n                <\/div>\n                <div class=\"mock-colors\">\n                    <div class=\"m-chip\" style=\"background: #FF4D00; color: #000;\">#FF4D00<\/div>\n                    <div class=\"m-chip\" style=\"background: #050505; color: #444; border: 1px solid #1A1A1A;\">#050505<\/div>\n                <\/div>\n                <div class=\"mock-box\" style=\"margin-top: 12px; text-align: left; padding: 15px;\">\n                    <div style=\"font-size: 22px; font-weight: 800; margin-bottom: 2px;\">Aa<\/div>\n                    <div style=\"font-size: 9px; color: #444; font-family: monospace;\">Primary Font: Inter Bold<\/div>\n                <\/div>\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-89724c4 e-con-full e-flex e-con e-parent\" data-id=\"89724c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-986dfea elementor-widget elementor-widget-html\" data-id=\"986dfea\" 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<style>\n    \/* Container Principal *\/\n    #cil-branding-pricing {\n        --primary-orange: #FF6600;\n        --bg-black: #050505;\n        --card-bg: #0D0D0D;\n        --text-dim: #8A8A8A;\n        --delivery-green: #27c93f;\n        \n        background-color: var(--bg-black);\n        color: #ffffff;\n        font-family: 'Inter', sans-serif;\n        padding: 100px 0;\n        text-align: center;\n    }\n\n    .cil-pricing-inner {\n        max-width: 1100px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* Header Sec\u021biune *\/\n    .cil-pricing-h2 {\n        font-size: 36px;\n        font-weight: 800;\n        margin-bottom: 10px;\n        letter-spacing: -1px;\n    }\n\n    .cil-pricing-subtitle {\n        color: var(--text-dim);\n        font-size: 16px;\n        margin-bottom: 60px;\n        display: block;\n    }\n\n    \/* Grid de Carduri *\/\n    .cil-pricing-grid {\n        display: flex;\n        justify-content: center;\n        gap: 30px;\n        align-items: stretch;\n    }\n\n    \/* Stil Card de Baz\u0103 *\/\n    .cil-price-card {\n        background: var(--card-bg);\n        border: 1px solid #1A1A1A;\n        border-radius: 24px;\n        padding: 50px 40px;\n        flex: 1;\n        text-align: left;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        transition: transform 0.3s ease;\n    }\n\n    \/* Cardul RECOMMENDED (Full Identity) *\/\n    .cil-price-card.featured {\n        border: 2px solid var(--primary-orange);\n        background: #080808;\n        box-shadow: 0 0 40px rgba(255, 102, 0, 0.05);\n    }\n\n    .cil-badge-recommended {\n        position: absolute;\n        top: 0;\n        right: 40px;\n        transform: translateY(-50%);\n        background: var(--primary-orange);\n        color: #fff;\n        padding: 5px 15px;\n        border-radius: 6px;\n        font-size: 10px;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* Detalii Plan *\/\n    .cil-plan-name {\n        font-size: 18px;\n        font-weight: 800;\n        margin-bottom: 5px;\n        text-transform: uppercase;\n    }\n\n    .cil-plan-desc {\n        font-size: 14px;\n        color: #555;\n        margin-bottom: 30px;\n        display: block;\n    }\n\n    .cil-plan-price {\n        font-size: 48px;\n        font-weight: 800;\n        margin-bottom: 30px;\n        letter-spacing: -2px;\n        border-bottom: 1px solid #1A1A1A;\n        padding-bottom: 30px;\n    }\n\n    \/* List\u0103 Beneficii *\/\n    .cil-benefit-list {\n        list-style: none;\n        padding: 0;\n        margin: 0 0 40px 0;\n        flex-grow: 1;\n    }\n\n    .cil-benefit-list li {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        font-size: 14px;\n        color: #BBBBBB;\n        margin-bottom: 15px;\n        line-height: 1.4;\n    }\n\n    .cil-benefit-list li svg {\n        width: 16px;\n        height: 16px;\n        color: var(--primary-orange);\n        flex-shrink: 0;\n    }\n\n    .cil-benefit-list li strong {\n        color: #ffffff;\n    }\n\n    \/* Indicator Livrare *\/\n    .cil-delivery-info {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        font-size: 12px;\n        color: #444;\n        margin-bottom: 20px;\n    }\n\n    .cil-dot-green {\n        width: 6px;\n        height: 6px;\n        background: var(--delivery-green);\n        border-radius: 50%;\n        box-shadow: 0 0 8px var(--delivery-green);\n    }\n\n    \/* Butoane *\/\n    .cil-price-btn {\n        display: block;\n        text-align: center;\n        padding: 16px;\n        border-radius: 50px;\n        font-weight: 700;\n        text-decoration: none;\n        font-size: 14px;\n        transition: all 0.3s ease;\n    }\n\n    .cil-btn-outline {\n        border: 1px solid #222;\n        color: var(--primary-orange);\n    }\n\n    .cil-btn-solid {\n        background: linear-gradient(90deg, #FF6600 0%, #FF8533 100%);\n        color: #fff;\n        box-shadow: 0 10px 25px rgba(255, 102, 0, 0.3);\n    }\n\n    .cil-price-btn:hover {\n        transform: scale(1.02);\n    }\n\n    @media (max-width: 900px) {\n        .cil-pricing-grid { flex-direction: column; align-items: center; }\n        .cil-price-card { width: 100%; max-width: 450px; }\n    }\n<\/style>\n\n<div id=\"cil-branding-pricing\">\n    <div class=\"cil-pricing-inner\">\n        <h2 class=\"cil-pricing-h2\">Alege nivelul de impact.<\/h2>\n        <span class=\"cil-pricing-subtitle\">Investi\u021bie clar\u0103. Livrabile clare.<\/span>\n\n        <div class=\"cil-pricing-grid\">\n            <div class=\"cil-price-card\">\n                <span class=\"cil-plan-name\">LOGO EXPRESS<\/span>\n                <span class=\"cil-plan-desc\">Start-up-uri la \u00eenceput de drum.<\/span>\n                <div class=\"cil-plan-price\">200 EUR<\/div>\n                \n                <ul class=\"cil-benefit-list\">\n                    <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> 3 Concepte de Logo<\/li>\n                    <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> 1 Rund\u0103 de Revizii<\/li>\n                    <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Fi\u0219iere Vectoriale (AI, EPS, SVG)<\/li>\n                    <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Fi\u0219iere Export (PNG, JPG, WebP)<\/li>\n                    <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> <strong>LogoBook<\/strong><\/li>\n                <\/ul>\n\n                <div class=\"cil-delivery-info\">\n                    <span class=\"cil-dot-green\"><\/span>\n                    Delivery: 3-5 Zile\n                <\/div>\n                <a href=\"https:\/\/cil.agency\/ro\/configurator\/\" class=\"cil-price-btn cil-btn-outline\">Vreau Logo Express<\/a>\n            <\/div>\n\n            <div class=\"cil-price-card featured\">\n                <div class=\"cil-badge-recommended\">RECOMMENDED<\/div>\n                <span class=\"cil-plan-name\">FULL IDENTITY SYSTEM<\/span>\n                <span class=\"cil-plan-desc\">Branduri care vor s\u0103 domine.<\/span>\n                <div class=\"cil-plan-price\">699 EUR<\/div>\n                \n                <ul class=\"cil-benefit-list\">\n                    <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> <strong>Tot ce e la Logo Express<\/strong><\/li>\n                    <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> 3 Concepte Ini\u021biale<\/li>\n                    <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Manual de Brand Complet (Brand Book)<\/li>\n                    <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Design C\u0103r\u021bi de Vizit\u0103<\/li>\n                    <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Social Media Kit (Covers & Templates)<\/li>\n                    <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Semn\u0103tur\u0103 Email<\/li>\n                    <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Elemente Grafice (Pattern-uri)<\/li>\n                <\/ul>\n\n                <div class=\"cil-delivery-info\">\n                    <span class=\"cil-dot-green\"><\/span>\n                    Delivery: 10-14 Zile\n                <\/div>\n                <a href=\"https:\/\/cil.agency\/ro\/configurator\/\" class=\"cil-price-btn cil-btn-solid\">Vreau Identitate Complet\u0103<\/a>\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-cf5938c e-con-full e-flex e-con e-parent\" data-id=\"cf5938c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82810ba elementor-widget elementor-widget-html\" data-id=\"82810ba\" 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<style>\n    \/* Container Principal *\/\n    #cil-simple-process {\n        --primary-orange: #FF6600;\n        --bg-black: #050505; \/* Fundalul \u00eenchis din imagine *\/\n        --text-dim: #8A8A8A;\n        --line-color: #1A1A1A;\n        \n        background-color: var(--bg-black);\n        color: #ffffff;\n        font-family: 'Inter', sans-serif;\n        padding: 100px 20px;\n        text-align: center;\n        overflow: hidden;\n    }\n\n    \/* Titlu Sec\u021biune *\/\n    .cil-proc-h2 {\n        font-size: clamp(28px, 4vw, 36px);\n        font-weight: 800;\n        margin-bottom: 80px;\n        letter-spacing: -1px;\n    }\n\n    \/* Timeline Wrapper *\/\n    .cil-timeline-wrap {\n        position: relative;\n        max-width: 1100px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n    }\n\n    \/* Linia orizontal\u0103 de leg\u0103tur\u0103 *\/\n    .cil-timeline-wrap::before {\n        content: '';\n        position: absolute;\n        top: 25px; \/* Aliniat la centrul numerelor *\/\n        left: 5%;\n        right: 5%;\n        height: 1px;\n        background-color: var(--line-color);\n        z-index: 1;\n    }\n\n    \/* Pas Individual *\/\n    .cil-proc-step {\n        position: relative;\n        z-index: 2;\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        padding: 0 10px;\n        transition: transform 0.3s ease;\n    }\n\n    \/* Cercul cu Num\u0103r *\/\n    .cil-proc-num {\n        width: 50px;\n        height: 50px;\n        background-color: #111;\n        border: 1px solid #222;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 14px;\n        font-weight: 700;\n        color: #fff;\n        margin-bottom: 25px;\n        transition: all 0.3s ease;\n    }\n\n    \/* Pasul 4 - Activ\/Portocaliu *\/\n    .cil-proc-step.active .cil-proc-num {\n        background-color: var(--primary-orange);\n        border-color: var(--primary-orange);\n        box-shadow: 0 0 20px rgba(255, 102, 0, 0.4);\n    }\n\n    \/* Text Con\u021binut *\/\n    .cil-proc-step h3 {\n        font-size: 18px;\n        font-weight: 700;\n        margin-bottom: 12px;\n        color: #fff;\n    }\n\n    .cil-proc-step p {\n        font-size: 14px;\n        color: var(--text-dim);\n        line-height: 1.6;\n        max-width: 200px;\n        margin: 0 auto;\n    }\n\n    \/* Micro-interac\u021biune la Hover *\/\n    .cil-proc-step:hover {\n        transform: translateY(-5px);\n    }\n    \n    .cil-proc-step:hover .cil-proc-num {\n        border-color: var(--primary-orange);\n        color: var(--primary-orange);\n    }\n\n    .cil-proc-step.active:hover .cil-proc-num {\n        color: #fff;\n    }\n\n    \/* Responsive - Trecere la vertical pe mobil *\/\n    @media (max-width: 768px) {\n        .cil-timeline-wrap {\n            flex-direction: column;\n            gap: 50px;\n            align-items: center;\n        }\n\n        .cil-timeline-wrap::before {\n            width: 1px;\n            height: 80%;\n            top: 10%;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .cil-proc-step p {\n            max-width: 100%;\n        }\n    }\n<\/style>\n\n<div id=\"cil-simple-process\">\n    <h2 class=\"cil-proc-h2\">Proces Simplu. F\u0103r\u0103 dureri de cap.<\/h2>\n\n    <div class=\"cil-timeline-wrap\">\n        <div class=\"cil-proc-step\">\n            <div class=\"cil-proc-num\">1<\/div>\n            <h3>Brief<\/h3>\n            <p>Completezi un chestionar despre valorile \u0219i publicul t\u0103u.<\/p>\n        <\/div>\n\n        <div class=\"cil-proc-step\">\n            <div class=\"cil-proc-num\">2<\/div>\n            <h3>Concepte<\/h3>\n            <p>Noi cre\u0103m direc\u021biile vizuale bazate pe strategie.<\/p>\n        <\/div>\n\n        <div class=\"cil-proc-step\">\n            <div class=\"cil-proc-num\">3<\/div>\n            <h3>Rafinare<\/h3>\n            <p>Alegem c\u00e2\u0219tig\u0103torul \u0219i \u00eel \u0219lefuim p\u00e2n\u0103 la perfec\u021biune.<\/p>\n        <\/div>\n\n        <div class=\"cil-proc-step active\">\n            <div class=\"cil-proc-num\">4<\/div>\n            <h3>Livrare<\/h3>\n            <p>Prime\u0219ti kit-ul complet pe Google Drive.<\/p>\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-d3ed202 e-con-full e-flex e-con e-parent\" data-id=\"d3ed202\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9eabce elementor-widget elementor-widget-html\" data-id=\"d9eabce\" 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<style>\n    \/* Container Sec\u021biune *\/\n    #cil-faq-branding {\n        --primary-orange: #FF6600;\n        --bg-black: #050505;\n        --text-dim: #8A8A8A;\n        --border-color: #1A1A1A;\n        \n        background-color: var(--bg-black);\n        color: #ffffff;\n        font-family: 'Inter', sans-serif;\n        padding: 100px 20px;\n        text-align: center;\n    }\n\n    .cil-faq-inner {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    \/* Titlu Sec\u021biune *\/\n    .cil-faq-h2 {\n        font-size: 32px;\n        font-weight: 700;\n        margin-bottom: 60px;\n        letter-spacing: -0.5px;\n    }\n\n    \/* Lista FAQ *\/\n    .cil-faq-container {\n        text-align: left;\n    }\n\n    \/* Item Individual *\/\n    .cil-faq-item {\n        border-bottom: 1px solid var(--border-color);\n        padding: 25px 0;\n        cursor: pointer;\n    }\n\n    \/* Header (\u00centrebare + Iconi\u021b\u0103) *\/\n    .cil-faq-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 20px;\n        transition: color 0.3s ease;\n    }\n\n    .cil-faq-header h3 {\n        font-size: 18px;\n        font-weight: 600;\n        margin: 0;\n        color: #f0f0f0;\n    }\n\n    .cil-faq-chevron {\n        width: 14px;\n        height: 14px;\n        color: var(--primary-orange);\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    \/* Con\u021binut (R\u0103spuns) *\/\n    .cil-faq-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        color: var(--text-dim);\n    }\n\n    .cil-faq-content p {\n        margin: 0;\n        padding-top: 20px;\n        font-size: 15px;\n        line-height: 1.6;\n    }\n\n    \/* Stare Activ\u0103 *\/\n    .cil-faq-item.active .cil-faq-chevron {\n        transform: rotate(180deg);\n    }\n\n    .cil-faq-item.active .cil-faq-content {\n        max-height: 300px; \/* Suficient pentru text lung *\/\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .cil-faq-header h3 { font-size: 16px; }\n        .cil-faq-content p { font-size: 14px; }\n    }\n<\/style>\n\n<div id=\"cil-faq-branding\">\n    <div class=\"cil-faq-inner\">\n        <h2 class=\"cil-faq-h2\">\u00centreb\u0103ri Frecvente<\/h2>\n\n        <div class=\"cil-faq-container\">\n            <div class=\"cil-faq-item\">\n                <div class=\"cil-faq-header\">\n                    <h3>Facem modific\u0103ri infinite?<\/h3>\n                    <svg class=\"cil-faq-chevron\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                <\/div>\n                <div class=\"cil-faq-content\">\n                    <p>Nu. Pachetele includ runde clare de revizii. Asta ne oblig\u0103 s\u0103 fim eficien\u021bi \u0219i pe tine s\u0103 fii decis. Modific\u0103rile extra se taxeaz\u0103 orar.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"cil-faq-item\">\n                <div class=\"cil-faq-header\">\n                    <h3>Face\u021bi \u0219i print?<\/h3>\n                    <svg class=\"cil-faq-chevron\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                <\/div>\n                <div class=\"cil-faq-content\">\n                    <p>Noi livr\u0103m fi\u0219ierele digitale preg\u0103tite de tipar (CMYK). Tu le trimi\u021bi la orice tipografie local\u0103 sau online. Astfel ai control total asupra costurilor de produc\u021bie.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"cil-faq-item\">\n                <div class=\"cil-faq-header\">\n                    <h3>Ce primesc la pachetul de 200 EUR?<\/h3>\n                    <svg class=\"cil-faq-chevron\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n                <\/div>\n                <div class=\"cil-faq-content\">\n                    <p>Prime\u0219ti logo-ul \u00een toate formatele necesare (inclusiv vectorial) \u0219i un 'LogoBook' - un PDF de o pagin\u0103 care con\u021bine codurile de culoare \u0219i fonturile folosite, ca s\u0103 \u0219tii cum s\u0103 le folose\u0219ti corect.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Logic\u0103 pentru Accordion (Toggle)\n    document.querySelectorAll('#cil-faq-branding .cil-faq-item').forEach(item => {\n        item.addEventListener('click', () => {\n            const isActive = item.classList.contains('active');\n            \n            \/\/ \u00cenchide toate celelalte dac\u0103 vrei un singur item deschis odat\u0103 (Op\u021bional)\n            document.querySelectorAll('#cil-faq-branding .cil-faq-item').forEach(other => {\n                other.classList.remove('active');\n            });\n\n            \/\/ Toggle pentru item-ul curent\n            if (!isActive) {\n                item.classList.add('active');\n            }\n        });\n    });\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-f6aea6f e-con-full e-flex e-con e-parent\" data-id=\"f6aea6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d39ceb elementor-widget elementor-widget-html\" data-id=\"2d39ceb\" 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<style>\n    \/* Container Sec\u021biune *\/\n    #cil-branding-final-cta {\n        --primary-orange: #FF6600;\n        --bg-black: #050505;\n        --text-white: #ffffff;\n        \n        background-color: var(--bg-black);\n        color: var(--text-white);\n        font-family: 'Inter', sans-serif;\n        padding: 120px 20px;\n        text-align: center;\n        overflow: hidden;\n    }\n\n    .cil-final-cta-inner {\n        max-width: 800px;\n        margin: 0 auto;\n        opacity: 0;\n        transform: translateY(20px);\n        transition: all 0.8s ease-out;\n    }\n\n    \/* Stare activ\u0103 pentru anima\u021bia de reveal *\/\n    .cil-final-cta-inner.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Titlu Sec\u021biune *\/\n    .cil-final-h2 {\n        font-size: clamp(28px, 5vw, 42px);\n        font-weight: 800;\n        margin-bottom: 40px;\n        letter-spacing: -1px;\n    }\n\n    \/* Buton Principal cu Gradient \u0219i Glow *\/\n    .cil-cta-button {\n        background: linear-gradient(90deg, #FF6600 0%, #FF8533 100%);\n        color: #ffffff;\n        padding: 20px 50px;\n        border-radius: 50px;\n        font-weight: 700;\n        font-size: 18px;\n        text-decoration: none;\n        display: inline-block;\n        box-shadow: 0 10px 30px rgba(255, 102, 0, 0.3);\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;\n    }\n\n    \/* Micro-interac\u021biune la Hover *\/\n    .cil-cta-button:hover {\n        transform: scale(1.05);\n        box-shadow: 0 15px 40px rgba(255, 102, 0, 0.5);\n    }\n\n    .cil-cta-button:active {\n        transform: scale(0.98);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        #cil-branding-final-cta {\n            padding: 80px 15px;\n        }\n    }\n<\/style>\n\n<div id=\"cil-branding-final-cta\">\n    <div class=\"cil-final-cta-inner reveal-cta\">\n        <h2 class=\"cil-final-h2\">E\u0219ti gata s\u0103 fii memorabil?<\/h2>\n        <a href=\"https:\/\/cil.agency\/ro\/configurator\/\" class=\"cil-cta-button\">\n            \u00cencepe Configurarea\n        <\/a>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Anima\u021bie de tip Reveal la scroll\n    (function() {\n        const observerOptions = {\n            threshold: 0.3\n        };\n\n        const ctaObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('active');\n                }\n            });\n        }, observerOptions);\n\n        const target = document.querySelector('.reveal-cta');\n        if (target) {\n            ctaObserver.observe(target);\n        }\n    })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>TRUST PILLAR Haina face pe om. Brandingul face firma. Oamenii judec\u0103 vizual \u00een primele 3 secunde. Dac\u0103 ar\u0103\u021bi ieftin, oferta ta pare riscant\u0103. Construim identit\u0103\u021bi care impun respect. Firma Ta comic sans \/ colors clash AMATOR \/ GENERIC Clientul simte risc \u0219i pleac\u0103. BRAND. PREMIUM IDENTITY SYSTEM CIL SYSTEM \/ PREMIUM Clientul simte autoritate \u0219i [&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-866","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cil.agency\/ro\/wp-json\/wp\/v2\/pages\/866","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=866"}],"version-history":[{"count":7,"href":"https:\/\/cil.agency\/ro\/wp-json\/wp\/v2\/pages\/866\/revisions"}],"predecessor-version":[{"id":1049,"href":"https:\/\/cil.agency\/ro\/wp-json\/wp\/v2\/pages\/866\/revisions\/1049"}],"wp:attachment":[{"href":"https:\/\/cil.agency\/ro\/wp-json\/wp\/v2\/media?parent=866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}