/* =============================================================
   ECZN — За нас (пълен редизайн)
   Зарежда се само на /za-nas/ чрез page-template-za-nas-refresh.php
   ============================================================= */

.eczn-wrap { font-family: inherit; }

/* ── HERO ── */
.eczn-hero {
    background: linear-gradient(135deg, #0a0a1a 0%, #0d1b3e 40%, #073a53 75%, #0c4a6e 100%);
    padding: 90px 20px 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.eczn-hero::before {
    content: '';
    position: absolute; top: -50%; left: -50%;
    width: 200%; height: 200%;
    background: radial-gradient(circle at 65% 45%, rgba(120,80,255,0.15) 0%, transparent 50%),
                radial-gradient(circle at 30% 70%, rgba(37,99,235,0.12) 0%, transparent 45%);
    pointer-events: none;
}
.eczn-hero-inner { position: relative; max-width: 860px; margin: 0 auto; }
.eczn-hero-label {
    display: inline-block;
    background: rgba(255,255,255,0.1); color: #b8a0ff;
    font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
    padding: 6px 18px; border-radius: 999px; margin-bottom: 22px;
    border: 1px solid rgba(184,160,255,0.3);
}
.eczn-hero h1 {
    color: #fff; font-size: 48px; font-weight: 900; margin: 0 0 18px; line-height: 1.15;
}
.eczn-hero p {
    color: rgba(255,255,255,0.78); font-size: 18px; margin: 0 auto 32px; line-height: 1.65;
    max-width: 760px;
}
.eczn-hero-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* ── BUTTONS ── */
.eczn-btn-primary {
    display: inline-flex; align-items: center; gap: 8px;
    background: #2563eb; color: #fff !important;
    padding: 14px 32px; border-radius: 30px;
    font-weight: 800; font-size: 15px; text-decoration: none;
    transition: background .2s, transform .2s;
    box-shadow: 0 4px 20px rgba(37,99,235,0.4);
}
.eczn-btn-primary:hover { background: #1d4ed8; transform: translateY(-2px); color: #fff !important; }
.eczn-btn-outline {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(255,255,255,0.1); color: #fff !important;
    padding: 14px 32px; border-radius: 30px;
    font-weight: 700; font-size: 15px; text-decoration: none;
    border: 1.5px solid rgba(255,255,255,0.3);
    transition: background .2s, transform .2s;
}
.eczn-btn-outline:hover { background: rgba(255,255,255,0.18); transform: translateY(-2px); }
.eczn-btn-outline-light {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(255,255,255,0.1); color: #fff !important;
    padding: 14px 32px; border-radius: 30px;
    font-weight: 700; font-size: 15px; text-decoration: none;
    border: 1.5px solid rgba(255,255,255,0.28);
    transition: background .2s;
}
.eczn-btn-outline-light:hover { background: rgba(255,255,255,0.2); }

/* ── NUMBERS STRIP ── */
.eczn-numbers {
    display: grid; grid-template-columns: repeat(4,1fr);
    background: #fff;
    border-bottom: 1px solid #edf0f7;
}
.eczn-number {
    padding: 30px 24px; text-align: center;
    border-right: 1px solid #edf0f7;
    display: flex; flex-direction: column; gap: 6px;
}
.eczn-number:last-child { border-right: none; }
.eczn-num {
    font-size: 32px; font-weight: 900; color: #2563eb; line-height: 1;
    letter-spacing: -0.5px;
}
.eczn-num-label { font-size: 13px; color: #666; line-height: 1.45; }

/* ── ABOUT ── */
.eczn-about { background: #eff6ff; padding: 80px 20px; }
.eczn-about-inner {
    max-width: 1180px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 420px; gap: 60px; align-items: start;
}
.eczn-section-tag {
    display: inline-block; color: #2563eb; font-size: 12px; font-weight: 700;
    letter-spacing: 2px; text-transform: uppercase; margin-bottom: 14px;
}
.eczn-about-text h2 { font-size: 34px; font-weight: 900; color: #0d0d2e; margin: 0 0 20px; line-height: 1.2; }
.eczn-about-text p { font-size: 15.5px; color: #444; line-height: 1.78; margin: 0 0 16px; }
.eczn-about-text p:last-child { margin: 0; }

.eczn-why-ai {
    background: #fff; border-radius: 18px; padding: 30px 28px;
    border: 1px solid #dbeafe;
    box-shadow: 0 8px 28px rgba(37,99,235,0.07);
}
.eczn-why-ai h3 {
    font-size: 17px; font-weight: 800; color: #0d0d2e; margin: 0 0 14px;
    display: flex; align-items: center; gap: 10px;
}
.eczn-why-ai h3 i { color: #2563eb; }
.eczn-why-ai p { font-size: 14.5px; color: #555; line-height: 1.72; margin: 0 0 12px; }
.eczn-why-ai p:last-of-type { margin-bottom: 18px; }
.eczn-ai-quote {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border-left: 3px solid #2563eb;
    padding: 14px 18px; border-radius: 0 10px 10px 0;
    font-size: 14px; font-weight: 700; color: #4c1d95;
    font-style: italic;
}

/* ── DIFFERENTIATORS ── */
.eczn-differentiators { background: #fff; padding: 80px 20px; }
.eczn-diff-inner { max-width: 1100px; margin: 0 auto; }
.eczn-section-header { text-align: center; margin-bottom: 46px; }
.eczn-section-header h2 { font-size: 34px; font-weight: 900; color: #0d0d2e; margin: 0 0 10px; }
.eczn-section-header p { font-size: 16px; color: #666; margin: 0; }

.eczn-diff-grid {
    display: grid; grid-template-columns: repeat(4,1fr); gap: 22px;
}
.eczn-diff-card {
    background: #fff; border: 1px solid #edf0f7; border-radius: 16px;
    padding: 28px 22px; display: flex; flex-direction: column; gap: 12px;
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
.eczn-diff-card:hover { transform: translateY(-5px); box-shadow: 0 14px 36px rgba(37,99,235,0.09); border-color: #bfdbfe; }
.eczn-diff-icon {
    width: 52px; height: 52px; border-radius: 14px;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.eczn-diff-icon i { color: #fff; font-size: 22px; }
.eczn-icon--blue   { background: linear-gradient(135deg, #2563eb, #1d4ed8); }
.eczn-icon--purple { background: linear-gradient(135deg, #2563eb, #1d4ed8); }
.eczn-icon--green  { background: linear-gradient(135deg, #059669, #047857); }
.eczn-icon--orange { background: linear-gradient(135deg, #d97706, #b45309); }
.eczn-diff-card h3 { font-size: 16px; font-weight: 800; color: #0d0d2e; margin: 0; }
.eczn-diff-card p { font-size: 13.5px; color: #666; line-height: 1.65; margin: 0; }

/* ── PROCESS ── */
.eczn-process { background: #eff6ff; padding: 80px 20px; }
.eczn-process-inner { max-width: 900px; margin: 0 auto; }
.eczn-steps { display: flex; flex-direction: column; gap: 0; margin-top: 10px; }
.eczn-step {
    display: flex; align-items: flex-start; gap: 28px;
    padding: 32px 0; border-bottom: 1px solid #dbeafe;
}
.eczn-step:last-child { border-bottom: none; }
.eczn-step-num {
    font-size: 42px; font-weight: 900; color: #dbeafe; line-height: 1;
    min-width: 70px; text-align: right; flex-shrink: 0;
    font-family: monospace;
}
.eczn-step-body h3 { font-size: 18px; font-weight: 800; color: #0d0d2e; margin: 0 0 8px; }
.eczn-step-body p { font-size: 14.5px; color: #555; line-height: 1.72; margin: 0; }

/* ── FOUNDER ── */
.eczn-founder { background: #fff; padding: 80px 20px; border-top: 1px solid #edf0f7; }
.eczn-founder-inner {
    max-width: 1000px; margin: 0 auto;
    display: grid; grid-template-columns: 260px 1fr; gap: 56px; align-items: start;
}
.eczn-founder-photo { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.eczn-founder-photo img {
    width: 220px; height: 220px; border-radius: 50%; object-fit: cover;
    border: 4px solid #dbeafe;
    box-shadow: 0 10px 32px rgba(37,99,235,0.12);
}
.eczn-founder-placeholder {
    width: 220px; height: 220px; border-radius: 50%;
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    border: 4px solid #dbeafe;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 10px 32px rgba(37,99,235,0.1);
}
.eczn-founder-placeholder i { font-size: 80px; color: #93c5fd; }

.eczn-founder-text h2 { font-size: 32px; font-weight: 900; color: #0d0d2e; margin: 10px 0 4px; }
.eczn-founder-role { font-size: 14px; color: #2563eb; font-weight: 700; letter-spacing: 0.5px; margin: 0 0 18px !important; display: block; }
.eczn-founder-text p { font-size: 15px; color: #444; line-height: 1.75; margin: 0 0 14px; }

.eczn-founder-projects { display: flex; gap: 8px; flex-wrap: wrap; margin: 18px 0 22px; }
.eczn-project-tag {
    background: #eff6ff; color: #1d4ed8; font-size: 12px; font-weight: 700;
    padding: 5px 14px; border-radius: 999px; border: 1px solid #bfdbfe;
}

.eczn-founder-links { display: flex; gap: 10px; flex-wrap: wrap; }
.eczn-social-btn {
    display: inline-flex; align-items: center; gap: 7px;
    background: #eff6ff; color: #444 !important; font-size: 13px; font-weight: 700;
    padding: 8px 18px; border-radius: 30px; text-decoration: none;
    border: 1.5px solid #dbeafe; transition: all .2s;
}
.eczn-social-btn:hover { background: #0d0d2e; color: #fff !important; border-color: #0d0d2e; }
.eczn-social-btn--yt:hover  { background: #ff0000; border-color: #ff0000; color: #fff !important; }
.eczn-social-btn--ig:hover  { background: #e1306c; border-color: #e1306c; color: #fff !important; }
.eczn-social-btn--tt:hover  { background: #000; border-color: #000; color: #fff !important; }

/* ── СЛОГАН ── */
.eczn-founder-slogan {
    font-size: 20px; font-weight: 900; color: #2563eb;
    margin: 20px 0 18px; line-height: 1.3;
    letter-spacing: -0.3px;
}

/* ── ЕКОСИСТЕМА ── */
.eczn-ecosystem { background: #fff; padding: 80px 20px; border-top: 1px solid #edf0f7; }
.eczn-eco-inner { max-width: 1100px; margin: 0 auto; }

.eczn-eco-category { margin-top: 44px; }
.eczn-eco-cat-title {
    font-size: 17px; font-weight: 800; color: #0d0d2e;
    margin: 0 0 18px; padding-bottom: 12px;
    border-bottom: 2px solid #dbeafe;
    display: flex; align-items: center; gap: 10px;
}
.eczn-eco-cat-title i { color: #2563eb; font-size: 18px; }

.eczn-eco-sites-grid {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 14px;
}
.eczn-eco-site {
    display: flex; flex-direction: column; gap: 5px;
    background: #eff6ff; border: 1.5px solid #dbeafe; border-radius: 12px;
    padding: 16px 18px; text-decoration: none !important;
    transition: transform .18s, box-shadow .18s, border-color .18s;
}
.eczn-eco-site:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(37,99,235,0.10); border-color: #93c5fd; }
.eczn-eco-site strong { font-size: 14.5px; font-weight: 800; color: #0d0d2e; }
.eczn-eco-site span { font-size: 13px; color: #666; line-height: 1.55; }

.eczn-eco-links-grid {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 12px;
}
.eczn-eco-link-item {
    display: flex; align-items: flex-start; gap: 12px;
    background: #fafafa; border: 1.5px solid #edf0f7; border-radius: 12px;
    padding: 14px 16px; text-decoration: none !important;
    transition: background .18s, border-color .18s;
}
.eczn-eco-link-item:hover { background: #eff6ff; border-color: #93c5fd; }
.eczn-eco-link-item > i { color: #2563eb; font-size: 18px; margin-top: 2px; flex-shrink: 0; }
.eczn-eco-link-item div { display: flex; flex-direction: column; gap: 3px; }
.eczn-eco-link-item strong { font-size: 13.5px; font-weight: 800; color: #0d0d2e; }
.eczn-eco-link-item span { font-size: 12.5px; color: #777; line-height: 1.5; }

/* ── ЗА КОГО РАБОТИМ ── */
.eczn-for-whom { background: #eff6ff; padding: 80px 20px; }
.eczn-for-whom-inner { max-width: 1000px; margin: 0 auto; }
.eczn-whom-grid {
    display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; margin-top: 10px;
}
.eczn-whom-item {
    display: flex; align-items: flex-start; gap: 12px;
    background: #fff; border-radius: 12px; padding: 16px 18px;
    border: 1px solid #dbeafe; font-size: 14.5px; color: #333; line-height: 1.5;
}
.eczn-whom-item i { color: #2563eb; font-size: 16px; margin-top: 1px; flex-shrink: 0; }

/* ── SERVICES ── */
.eczn-services { background: #fff; padding: 80px 20px; border-top: 1px solid #edf0f7; }
.eczn-services-inner { max-width: 1100px; margin: 0 auto; }
.eczn-services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.eczn-service {
    display: flex; flex-direction: column; gap: 10px;
    padding: 26px 22px; border-radius: 16px; border: 2px solid #edf0f7;
    text-decoration: none !important; background: #fff;
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
.eczn-service:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(37,99,235,0.09); border-color: #bfdbfe; }
.eczn-service-icon {
    width: 52px; height: 52px; border-radius: 14px;
    background: rgba(37,99,235,0.1);
    display: flex; align-items: center; justify-content: center;
}
.eczn-service-icon i { color: #2563eb; font-size: 22px; }
.eczn-service-icon--ai { background: linear-gradient(135deg, #2563eb, #1d4ed8); }
.eczn-service-icon--ai i { color: #fff; }
.eczn-service h3 { margin: 2px 0 0; font-size: 16px; font-weight: 900; color: #0d0d2e; }
.eczn-service p { margin: 0; color: #666; font-size: 13.5px; line-height: 1.6; flex-grow: 1; }
.eczn-service-cta { margin-top: auto; font-weight: 800; color: #2563eb; font-size: 13.5px; display: inline-flex; gap: 8px; align-items: center; }

/* ── CTA ── */
.eczn-cta {
    background: linear-gradient(135deg, #0a0a1a 0%, #0d1b3e 40%, #073a53 80%, #0c4a6e 100%);
    padding: 80px 20px; position: relative; overflow: hidden; text-align: center;
}
.eczn-cta::before {
    content: '';
    position: absolute; top: -60%; right: -40%;
    width: 140%; height: 140%;
    background: radial-gradient(circle at 40% 40%, rgba(37,99,235,0.18) 0%, transparent 55%);
    pointer-events: none;
}
.eczn-cta-inner { position: relative; max-width: 740px; margin: 0 auto; }
.eczn-cta-inner h2 { color: #fff; font-size: 34px; font-weight: 900; margin: 0 0 14px; line-height: 1.2; }
.eczn-cta-inner p { color: rgba(255,255,255,0.76); font-size: 17px; margin: 0 0 28px; line-height: 1.65; }
.eczn-cta-btns { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }

/* ── HIDE OLD BANNER on page 5644 ── */
body.page-id-5644 .top_site_main { display: none !important; }
body.page-id-5644 #main-content,
body.page-id-5644 .site-content { padding-top: 0 !important; margin-top: 0 !important; }

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
    .eczn-diff-grid { grid-template-columns: repeat(2,1fr); }
    .eczn-eco-sites-grid { grid-template-columns: repeat(2,1fr); }
    .eczn-eco-links-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 960px) {
    .eczn-about-inner { grid-template-columns: 1fr; gap: 36px; }
    .eczn-founder-inner { grid-template-columns: 1fr; }
    .eczn-founder-photo { flex-direction: row; justify-content: flex-start; }
    .eczn-services-grid { grid-template-columns: repeat(2,1fr); }
    .eczn-numbers { grid-template-columns: repeat(2,1fr); }
    .eczn-number:nth-child(2) { border-right: none; }
}
@media (max-width: 640px) {
    .eczn-hero h1 { font-size: 30px; }
    .eczn-hero p { font-size: 16px; }
    .eczn-diff-grid { grid-template-columns: 1fr; }
    .eczn-eco-sites-grid { grid-template-columns: 1fr; }
    .eczn-eco-links-grid { grid-template-columns: 1fr; }
    .eczn-whom-grid { grid-template-columns: 1fr; }
    .eczn-services-grid { grid-template-columns: 1fr; }
    .eczn-numbers { grid-template-columns: 1fr 1fr; }
    .eczn-step { flex-direction: column; gap: 10px; }
    .eczn-step-num { text-align: left; font-size: 28px; min-width: auto; }
    .eczn-section-header h2 { font-size: 26px; }
    .eczn-cta-inner h2 { font-size: 26px; }
    .eczn-about-text h2 { font-size: 26px; }
    .eczn-founder-photo { flex-direction: column; align-items: center; }
}