/*
 * Láthatóbb – egyedi landing page stílusok
 * A korábbi inline <style> blokk tartalma külön fájlba szervezve.
 */

/* Sticky Navbar Javítás (Fehér háttér eltüntetése) */
.navbar.navbar-sticky, .navbar.bg-white, .navbar-expand.is-sticky { 
    background-color: #15161c !important; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.6) !important;
    transition: background-color 0.3s ease;
}
.navbar.navbar-sticky .nav-link, .navbar.navbar-sticky .navbar-brand { 
    color: #ffffff !important; 
}
.navbar.navbar-sticky .toggle-icon { color: #ffffff !important; }

/* WOW Faktor: AI Chat Stílusok */
.ai-chat-box { background: #1a1b23; border: 1px solid #2d2e3e; box-shadow: 0 10px 30px rgba(0,0,0,0.5); border-radius: 12px; }
.user-bubble { background: #2b2c3a; border-radius: 15px 15px 15px 0; }
.ai-bubble { background: rgba(124, 77, 255, 0.1); border: 1px solid #7c4dff; border-radius: 15px 15px 0 15px; }

/* FOMO Sürgetés */
.fomo-alert { background: rgba(255, 193, 7, 0.1); border-left: 4px solid #ffc107; border-radius: 4px; }

/* Audit Score Doboz */
.score-box { background: #15161c; border: 1px solid #333; border-radius: 8px; }

/* Tipografia: a sablon alapból kisbetűssé alakította a szekciócímeket */
.section-heading > h2,
.single-promo h3 {
    text-transform: none !important;
}
.section-heading > h2 { line-height: 1.08; }

/* Konverziós blokkok – világosabb, prémiumabb ritmus */
.pretest-area { background: #f6f7fb; position: relative; }
.pretest-area .section-heading h2,
.pretest-area .insight-card h4,
.pretest-area .trust-strip h5 { color: #171821 !important; }
.pretest-area .section-heading p,
.pretest-area .insight-card p,
.pretest-area .trust-strip p { color: #656b7a !important; }
.eyebrow-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    border-radius: 999px;
    background: #eee9ff;
    border: 1px solid #d8ccff;
    color: #5b34d6 !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.15px;
    line-height: 1;
    text-transform: uppercase;
}
.insight-card {
    background: #fff;
    border: 1px solid #e5e7ef;
    box-shadow: 0 12px 32px rgba(26, 27, 35, .06);
    border-radius: 16px;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.insight-card:hover { transform: translateY(-4px); border-color: #c7b8ff; box-shadow: 0 16px 38px rgba(57, 43, 113, .10); }
.insight-number { color: #6f48e8; font-weight: 800; font-size: 14px; letter-spacing: 1px; }
.trust-strip { background: #fff; border: 1px solid #e2dcfb; box-shadow: 0 10px 28px rgba(26,27,35,.05); border-radius: 16px; }

/* Kapcsolat / lead form – világos kártya */
#contact { background: #f6f7fb !important; position: relative; }
#contact.bg-overlay::after { display: none !important; }
#contact .section-heading h2 { color: #171821 !important; }
#contact .section-heading p { color: #656b7a !important; }
.contact-box {
    position: relative;
    z-index: 2;
    background: #fff;
    border: 1px solid #e5e7ef;
    box-shadow: 0 24px 70px rgba(25, 27, 39, .10);
    border-radius: 18px !important;
}
.contact-promise {
    background: linear-gradient(145deg, #f0ecff 0%, #faf9ff 100%);
    border-right: 1px solid #e3def6;
}
.contact-promise h4,
.contact-promise strong { color: #171821 !important; }
.contact-promise .text-white-50 { color: #656b7a !important; }
.promise-item { align-items: flex-start; }
.promise-item > i {
    width: 42px;
    height: 42px;
    min-width: 42px;
    flex: 0 0 42px;
    margin: 1px 16px 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #6f48e8;
    color: #fff !important;
    font-size: 16px;
    line-height: 1;
    position: relative;
    left: auto;
    top: auto;
}
.promise-item > div { min-width: 0; padding-top: 1px; }
.privacy-note {
    color: #565d6d;
    background: #fff;
    border: 1px solid #ddd8ef;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.6;
}
.privacy-note i { color: #6f48e8 !important; margin-right: 8px !important; }
.form-label { color: #252731; font-size: 13px; font-weight: 700; margin-bottom: 8px; }
.optional { color: #8b90a0; font-weight: 400; }
.lead-input {
    min-height: 52px;
    color: #242631 !important;
    background: #fbfbfd !important;
    border: 1px solid #dfe2ea !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    box-shadow: none !important;
}
textarea.lead-input { min-height: 116px; }
select.lead-input { appearance: auto; }
.lead-input:focus { background: #fff !important; border-color: #7c4dff !important; box-shadow: 0 0 0 3px rgba(124,77,255,.10) !important; }
.lead-input::placeholder { color: #a1a5b1; }
.consent-row .custom-control-label { color: #6b7180 !important; line-height: 1.5; padding-left: 3px; }
.consent-row .custom-control-label::before,
.consent-row .custom-control-label::after { top: .15rem; }
.lead-submit { min-height: 56px; font-size: 16px; font-weight: 700; border-radius: 10px; }
#contact .lead-submit + .form-message + p { color: #777d8c !important; }
.lead-submit[disabled] { opacity: .7; cursor: wait; }
.form-message.success { color: #20844f; }
.form-message.error { color: #c53f3f; }
.consent-row { padding-top: 6px; }
.hp-field { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

/* Árazás: tisztább ármegjelenítés */
.price-note { color: #a9adba; font-size: 12px; margin-top: -4px; }
.pricing-credit { color: #d8cffb; font-size: 12px; margin-top: 14px; margin-bottom: 0; }

@media (max-width: 991px) {
    .contact-promise { border-right: 0; border-bottom: 1px solid #e3def6; }
}

/* Hero – saját, kép nélküli háttér.
   Nem használ 1920x1280-as sablonképet, ezért minden képarányon tisztán skálázódik. */
#home.welcome-area {
    position: relative;
    isolation: isolate;
    background-image:
        radial-gradient(circle at 82% 28%, rgba(124, 77, 255, .32) 0, rgba(124, 77, 255, .12) 18%, transparent 38%),
        radial-gradient(circle at 16% 12%, rgba(75, 62, 255, .20) 0, transparent 34%),
        linear-gradient(118deg, #05051f 0%, #09082d 42%, #11104a 72%, #17105a 100%) !important;
    background-color: #070628 !important;
    background-attachment: scroll !important;
    background-position: center !important;
    background-size: cover !important;
}

#home.welcome-area::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .34;
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,.18), rgba(0,0,0,.85));
    mask-image: linear-gradient(to right, rgba(0,0,0,.18), rgba(0,0,0,.85));
}

#home.welcome-area.bg-overlay::after {
    z-index: -2;
    opacity: 1;
    background:
        linear-gradient(90deg, rgba(5, 5, 31, .92) 0%, rgba(5, 5, 31, .72) 48%, rgba(5, 5, 31, .34) 100%) !important;
}

#home .welcome-intro {
    position: relative;
    z-index: 2;
}

#home .welcome-thumb-wrapper {
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 24px 45px rgba(0, 0, 0, .24));
}

@media (max-width: 767px) {
    #home.welcome-area {
        min-height: auto;
        height: auto;
        background-image:
            radial-gradient(circle at 84% 16%, rgba(124, 77, 255, .25) 0, transparent 32%),
            linear-gradient(145deg, #05051f 0%, #0b0937 58%, #151052 100%) !important;
    }

    #home.welcome-area::before {
        background-size: 36px 36px;
        opacity: .24;
    }
}

/* Hero CTA-k: legyen valódi térköz akkor is, ha a hosszú gombok két sorba törnek. */
#home .button-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
#home .button-group a {
    margin: 0 !important;
}
@media (max-width: 767px) {
    #home .button-group { gap: 12px; }
}

/* Emberi szakértői előelemzés – bizalmi microcopy */
.human-review-note {
    color: rgba(255,255,255,.76);
    font-size: 13px;
    line-height: 1.5;
}
.human-review-note i { color: #d8c9ff; }
.human-review-note strong { color: #fff; }

/* Desktop header: a teljes navigáció egy sorban marad már az első betöltéskor is. */
@media (min-width: 1200px) {
    .navbar-expand {
        padding-left: 16px;
        padding-right: 16px;
    }
    .navbar-expand .container.header {
        width: 100%;
        max-width: 1280px;
        flex-wrap: nowrap;
    }
    .navbar-expand .navbar-brand {
        flex: 0 0 auto;
        margin-right: 18px;
    }
    .navbar-expand .navbar-nav.items {
        display: flex;
        flex: 0 1 auto;
        flex-wrap: nowrap;
        align-items: center;
        margin-left: auto;
    }
    .navbar-expand .navbar-nav.items .nav-item,
    .navbar-expand .navbar-nav.action,
    .navbar-expand .navbar-nav.action .nav-item {
        flex: 0 0 auto;
        white-space: nowrap;
    }
    .navbar-expand .navbar-nav .nav-link {
        font-size: .92rem;
        padding-left: .68rem;
        padding-right: .68rem;
        white-space: nowrap;
    }
    .navbar-expand .navbar-nav.action {
        display: flex;
        margin-left: 10px;
    }
    .navbar-expand .navbar-nav.action .nav-item {
        margin-left: 0 !important;
    }
    .navbar-expand .navbar-nav.action .btn {
        padding-left: 16px;
        padding-right: 16px;
        white-space: nowrap;
    }
}

/* Referenciák */
.references-area {
    background: #ffffff;
}
.references-area .section-heading h2 {
    color: #171821;
}
.references-area .section-heading p {
    color: #656b7a;
}
.reference-card {
    display: flex;
    flex-direction: column;
    background: #fbfbfe;
    border: 1px solid #e4e5ed;
    border-radius: 18px;
    box-shadow: 0 14px 36px rgba(25, 27, 39, .06);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.reference-card:hover {
    transform: translateY(-4px);
    border-color: #cdbfff;
    box-shadow: 0 18px 42px rgba(55, 43, 104, .11);
}
.reference-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin-right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #eee9ff;
    color: #6540dc;
    font-size: 19px;
}
.reference-type {
    display: block;
    margin-bottom: 3px;
    color: #7a7f8e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .65px;
    text-transform: uppercase;
}
.reference-card h4 {
    color: #171821;
    font-size: 21px;
}
.reference-domain {
    color: #6540dc;
    font-size: 14px;
    font-weight: 800;
}
.reference-copy {
    flex: 1 1 auto;
    color: #606675;
    font-size: 14px;
    line-height: 1.75;
}
.reference-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.reference-tags span {
    display: inline-flex;
    padding: 6px 9px;
    border-radius: 999px;
    background: #f0edf9;
    color: #5d5870;
    font-size: 11px;
    font-weight: 700;
}
.reference-link {
    display: inline-flex;
    align-items: center;
    color: #5f3bd5;
    font-size: 13px;
    font-weight: 800;
}
.reference-link:hover {
    color: #4427aa;
}
.reference-note {
    color: #5d6270;
    background: #f4f1ff;
    border: 1px solid #ded5ff;
    border-radius: 14px;
    font-size: 13px;
    line-height: 1.65;
}
.reference-note strong {
    color: #262331;
}

/* Referencia eredmények */
.reference-result {
    padding: 14px 16px;
    border-radius: 13px;
    background: linear-gradient(135deg, #eee9ff 0%, #f8f6ff 100%);
    border: 1px solid #ded5ff;
}
.reference-result .result-kicker {
    display: block;
    margin-bottom: 4px;
    color: #756d8e;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
    text-transform: uppercase;
}
.reference-result strong {
    display: block;
    color: #4f2bc6;
    font-size: 21px;
    line-height: 1.2;
}
.reference-story {
    flex: 1 1 auto;
    color: #606675;
    font-size: 13px;
    line-height: 1.7;
}
.reference-story p { margin-bottom: 12px; }
.reference-story strong { color: #252731; }
.reference-copy { flex: initial; }

/* SEO + GEO edukációs átkötő */
.learn-area {
    background: #f7f7fb;
}
.learn-area h2 { color: #171821; }
.learn-area p { color: #656b7a; line-height: 1.75; }
.learn-mini-card {
    padding: 24px;
    border-radius: 18px;
    background: #171821;
    box-shadow: 0 18px 42px rgba(25,27,39,.12);
}
.learn-mini-card > div span {
    display: block;
    color: #a997ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}
.learn-mini-card > div strong {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 1.35;
}
.learn-mini-card > i {
    display: block;
    margin: 16px 0;
    color: #7c4dff;
}

/* SEO vs GEO cikkoldal */
.seo-geo-page { background: #fff; color: #292c36; }
.article-header { background: #090925; border-bottom: 1px solid rgba(255,255,255,.08); }
.article-nav { min-height: 78px; }
.article-brand { color: #fff; font-size: 26px; font-weight: 800; letter-spacing: -.5px; }
.article-brand:hover { color: #fff; }
.article-brand span { color: #7c4dff; }
.article-nav-link { margin-right: 24px; color: rgba(255,255,255,.72); font-size: 14px; font-weight: 700; }
.article-nav-link:hover { color: #fff; }
.article-hero {
    padding: 105px 0 92px;
    background:
        radial-gradient(circle at 80% 20%, rgba(124,77,255,.3), transparent 32%),
        radial-gradient(circle at 15% 0%, rgba(80,67,255,.16), transparent 30%),
        linear-gradient(135deg, #07071f 0%, #0d0b35 55%, #171052 100%);
}
.article-kicker { color: #beaefe; font-size: 12px; font-weight: 800; letter-spacing: 1.2px; }
.article-hero h1 { max-width: 920px; margin: 18px auto 22px; color: #fff; font-size: clamp(38px, 5vw, 64px); line-height: 1.03; text-transform: none !important; }
.article-lead { max-width: 840px; margin: 0 auto; color: rgba(255,255,255,.72); font-size: 19px; line-height: 1.7; }
.article-section { padding: 92px 0; background: #fff; }
.article-body { color: #555b68; font-size: 17px; line-height: 1.82; }
.article-body h2 { margin: 58px 0 18px; color: #171821; font-size: 36px; line-height: 1.14; text-transform: none !important; }
.article-body h3 { margin: 36px 0 14px; color: #252731; font-size: 23px; text-transform: none !important; }
.article-body p { margin-bottom: 20px; }
.article-body strong { color: #252731; }
.article-summary { padding: 28px 30px; background: #f6f3ff; border: 1px solid #e2d9ff; border-radius: 18px; color: #555b68; }
.article-summary > strong { display: block; margin-bottom: 12px; color: #5a36ce; font-size: 18px; }
.article-summary ul { margin: 0; padding-left: 22px; }
.article-summary li { margin: 9px 0; }
.article-example { margin: 30px 0; padding: 24px 26px; border-left: 4px solid #7c4dff; border-radius: 0 14px 14px 0; background: #f8f7fc; }
.article-example span { display: block; margin-bottom: 7px; color: #6943e2; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.article-example p { margin: 0; }
.geo-example { border-left-color: #f1b900; background: #fffaf0; }
.geo-example span { color: #a87d00; }
.article-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 24px 0 38px; }
.article-grid > div { padding: 24px; background: #fbfbfd; border: 1px solid #e7e8ee; border-radius: 15px; }
.article-grid i { display: flex; width: 40px; height: 40px; margin-bottom: 14px; align-items: center; justify-content: center; border-radius: 10px; background: #eee9ff; color: #6640dc; }
.article-grid strong { display: block; margin-bottom: 6px; font-size: 16px; }
.article-grid p { margin: 0; font-size: 14px; line-height: 1.65; }
.article-checklist { padding-left: 0; list-style: none; }
.article-checklist li { position: relative; margin: 13px 0; padding-left: 34px; }
.article-checklist li::before { content: "✓"; position: absolute; left: 0; top: 2px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #ece7ff; color: #6037da; font-size: 12px; font-weight: 900; }
.article-truth-box { display: flex; gap: 18px; margin: 38px 0; padding: 26px; border: 1px solid #d9d2f5; border-radius: 16px; background: #f9f8fe; }
.article-truth-box > i { width: 44px; height: 44px; flex: 0 0 44px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #6f48e8; color: #fff; }
.article-truth-box strong { display: block; margin-bottom: 5px; font-size: 17px; }
.article-truth-box p { margin: 0; font-size: 14px; line-height: 1.7; }
.comparison-wrap { margin: 28px 0; overflow-x: auto; border: 1px solid #e4e5eb; border-radius: 15px; }
.comparison-table { width: 100%; min-width: 700px; margin: 0; border-collapse: collapse; font-size: 14px; }
.comparison-table th, .comparison-table td { padding: 17px 18px; border-bottom: 1px solid #e9e9ee; vertical-align: top; }
.comparison-table th { background: #171821; color: #fff; }
.comparison-table th:first-child { width: 22%; }
.comparison-table tr:last-child td { border-bottom: 0; }
.comparison-table tbody tr:nth-child(even) { background: #fafafd; }
.process-strip { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 12px; align-items: center; margin: 38px 0; padding: 24px; background: #171821; border-radius: 18px; }
.process-strip > div { text-align: center; }
.process-strip span { display: block; color: #a68fff; font-size: 11px; font-weight: 800; }
.process-strip strong { display: block; color: #fff; font-size: 14px; line-height: 1.35; }
.process-strip small { color: #8d93a2; font-size: 10px; }
.process-strip > i { color: #5941b1; }
.article-faq > div { padding: 22px 0; border-bottom: 1px solid #e7e8ee; }
.article-faq h3 { margin: 0 0 8px; font-size: 19px; }
.article-faq p { margin: 0; font-size: 15px; }
.article-cta { margin: 70px 0 35px; padding: 44px; border-radius: 22px; background: linear-gradient(135deg, #0a092d 0%, #171051 100%); }
.article-cta > span { color: #b7a7ff; font-size: 11px; font-weight: 800; letter-spacing: 1px; }
.article-cta h2 { margin: 12px 0 14px; color: #fff; font-size: 34px; }
.article-cta p { color: rgba(255,255,255,.7); }
.article-sources { padding-top: 28px; border-top: 1px solid #e7e8ee; font-size: 13px; line-height: 1.6; }
.article-sources strong { display: block; margin-bottom: 6px; }
.article-sources p { margin-bottom: 12px; color: #7b808d; }
.article-sources a { display: block; margin: 6px 0; color: #6037da; font-weight: 700; }
.article-footer { padding: 28px 0; background: #101116; color: #8e93a0; font-size: 13px; }
.article-footer a { margin-left: 22px; color: #c6c9d1; }
@media (max-width: 767px) {
    .article-hero { padding: 74px 0 64px; }
    .article-hero h1 { font-size: 39px; }
    .article-lead { font-size: 17px; }
    .article-section { padding: 62px 0; }
    .article-body { font-size: 16px; }
    .article-body h2 { margin-top: 46px; font-size: 29px; }
    .article-grid { grid-template-columns: 1fr; }
    .article-truth-box { flex-direction: column; }
    .process-strip { grid-template-columns: 1fr; }
    .process-strip > i { transform: rotate(90deg); margin: 0 auto; }
    .article-cta { padding: 30px 24px; }
    .article-cta h2 { font-size: 28px; }
    .article-footer .container { gap: 10px; justify-content: center !important; text-align: center; }
}

/* v8 – kevésbé "AI-os", inkább szakértői / szerkesztett vizuális nyelv */
.section-label {
    color: #6c707b;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
}

/* Referenciák: esettanulmány-kivonatok, nem lebegő tech-kártyák */
.references-area { background: #fff; }
.reference-card {
    background: #fff;
    border: 0;
    border-top: 3px solid #24262f;
    border-radius: 0;
    box-shadow: none;
    transition: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.reference-card:hover {
    transform: none;
    border-color: #24262f;
    box-shadow: none;
}
.reference-icon { display: none !important; }
.reference-type {
    margin-bottom: 8px;
    color: #7b7f88;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}
.reference-card h4 {
    color: #1e2027;
    font-size: 24px;
    letter-spacing: -.02em;
}
.reference-domain {
    color: #6b4bd1;
    font-size: 13px;
    font-weight: 600;
}
.reference-result {
    padding: 0 0 18px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e5e6ea;
    border-radius: 0;
}
.reference-result .result-kicker {
    margin-bottom: 5px;
    color: #777b85;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}
.reference-result strong {
    color: #1e2027;
    font-size: 25px;
    font-weight: 750;
    letter-spacing: -.025em;
}
.reference-story {
    color: #555b65;
    font-size: 14px;
    line-height: 1.75;
}
.reference-scope {
    padding-top: 14px;
    border-top: 1px solid #ececf0;
    color: #747983;
    font-size: 12px;
    line-height: 1.6;
}
.reference-scope strong { color: #444850; font-weight: 700; }
.reference-link {
    color: #3c3f47;
    font-size: 13px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.reference-link:hover { color: #5f3bd5; }
.reference-note {
    padding: 18px 0 !important;
    color: #6c7079;
    background: transparent;
    border: 0;
    border-top: 1px solid #e5e6ea;
    border-radius: 0;
    font-size: 12px;
    line-height: 1.7;
}

/* Főoldali SEO/GEO átkötő: definíció, nem tech-widget */
.learn-area { background: #f7f6f3; }
.learn-definition {
    border-left: 2px solid #282a31;
    padding-left: 22px;
}
.learn-definition > div + div { margin-top: 22px; }
.learn-definition span {
    display: block;
    margin-bottom: 4px;
    color: #6b4bd1;
    font-size: 13px;
    font-weight: 800;
}
.learn-definition strong {
    display: block;
    color: #24262d;
    font-size: 16px;
    line-height: 1.45;
}

/* SEO vs GEO: szerkesztett szakmai cikk megjelenés */
.seo-geo-page { background: #fbfaf7; color: #2f3136; }
.article-header {
    background: #fff;
    border-bottom: 1px solid #e8e6e1;
}
.article-brand { color: #1f2126; }
.article-brand:hover { color: #1f2126; }
.article-brand span { color: #6b4bd1; }
.article-nav-link { color: #676b73; font-weight: 600; }
.article-nav-link:hover { color: #1f2126; }
.article-header .btn-bordered-white {
    color: #2a2c31 !important;
    border-color: #cfd1d6 !important;
    background: #fff !important;
}
.article-header .btn-bordered-white:hover {
    color: #fff !important;
    border-color: #5f3bd5 !important;
    background: #5f3bd5 !important;
}
.article-hero {
    padding: 88px 0 72px;
    background: #f3f1ec;
    border-bottom: 1px solid #e4e1da;
}
.article-kicker {
    color: #6b6e75;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}
.article-hero h1 {
    max-width: 900px;
    margin: 12px 0 20px;
    color: #1e2025;
    font-size: clamp(38px, 5vw, 60px);
    line-height: 1.06;
    letter-spacing: -.035em;
}
.article-lead {
    max-width: 820px;
    margin: 0;
    color: #555960;
    font-size: 19px;
    line-height: 1.7;
}
.article-byline {
    margin: 22px 0 0;
    color: #74777d;
    font-size: 13px;
}
.article-section { padding: 78px 0; background: #fff; }
.article-body { max-width: 820px; color: #50545c; font-size: 17px; line-height: 1.85; }
.article-body h2 {
    margin: 64px 0 18px;
    color: #1e2025;
    font-size: 34px;
    letter-spacing: -.025em;
}
.article-body h3 { color: #25272d; font-size: 22px; letter-spacing: -.015em; }
.article-summary {
    padding: 24px 0 24px 24px;
    background: transparent;
    border: 0;
    border-left: 3px solid #292b31;
    border-radius: 0;
    color: #555960;
}
.article-summary > strong { color: #25272d; font-size: 16px; }
.article-example {
    margin: 32px 0;
    padding: 22px 24px;
    border: 1px solid #e4e4e1;
    border-left: 3px solid #8c8f96;
    border-radius: 2px;
    background: #faf9f6;
}
.article-example span,
.geo-example span {
    color: #70747b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}
.geo-example { border-left-color: #6b4bd1; background: #faf9f6; }
.article-grid {
    display: block;
    margin: 22px 0 38px;
    border-top: 1px solid #e5e5e2;
}
.article-grid > div {
    padding: 18px 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e5e5e2;
    border-radius: 0;
}
.article-grid i { display: none; }
.article-grid strong { margin-bottom: 4px; color: #25272d; font-size: 16px; }
.article-grid p { color: #666a72; font-size: 14px; }
.article-checklist li::before {
    width: auto;
    height: auto;
    background: transparent;
    color: #5f3bd5;
    border-radius: 0;
    font-size: 14px;
}
.article-truth-box {
    display: block;
    margin: 38px 0;
    padding: 24px 0 24px 24px;
    border: 0;
    border-left: 3px solid #292b31;
    border-radius: 0;
    background: transparent;
}
.article-truth-box > i { display: none; }
.comparison-wrap {
    border: 1px solid #dedfdf;
    border-radius: 2px;
}
.comparison-table th {
    background: #f0efeb;
    color: #25272d;
    font-weight: 700;
}
.comparison-table tbody tr:nth-child(even) { background: #faf9f6; }
.process-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 0;
    margin: 36px 0;
    padding: 0;
    background: transparent;
    border-top: 1px solid #dedfdf;
    border-bottom: 1px solid #dedfdf;
    border-radius: 0;
    list-style: none;
}
.process-strip li {
    padding: 20px 18px;
    text-align: left;
    border-right: 1px solid #dedfdf;
}
.process-strip li:last-child { border-right: 0; }
.process-strip span {
    display: block;
    margin-bottom: 8px;
    color: #7b7f86;
    font-size: 12px;
    font-weight: 700;
}
.process-strip strong { display: block; color: #25272d; font-size: 14px; line-height: 1.4; }
.process-strip small { color: #7d8188; font-size: 11px; }
.article-cta {
    margin: 70px 0 35px;
    padding: 38px 40px;
    border: 1px solid #dedfdf;
    border-radius: 2px;
    background: #f5f4f0;
}
.article-cta > span { color: #6b6e75; font-size: 12px; font-weight: 700; letter-spacing: 0; }
.article-cta h2 { margin: 10px 0 14px; color: #1f2126; font-size: 32px; }
.article-cta p { color: #5f636b; }
.article-sources a { color: #4c3a94; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.article-footer { background: #f2f1ed; color: #6f737a; border-top: 1px solid #e0ded9; }
.article-footer a { color: #4e525a; }

@media (max-width: 767px) {
    .article-hero { padding: 64px 0 54px; }
    .article-hero h1 { font-size: 38px; }
    .article-section { padding: 56px 0; }
    .process-strip { grid-template-columns: 1fr; }
    .process-strip li { border-right: 0; border-bottom: 1px solid #dedfdf; }
    .process-strip li:last-child { border-bottom: 0; }
    .article-cta { padding: 28px 22px; }
}


/* v9 - Pricing and legal presentation */
.pricing-grid .single-price-plan { display: flex; flex-direction: column; }
.pricing-grid .plan-features { max-width: 310px; width: 100%; flex: 1; }
.plan-step {
    display: inline-block;
    color: #b8bcc8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
}
.pricing-featured { border: 2px solid #7c4dff; }
.pricing-legal-note {
    color: #aeb2bd;
    font-size: 12px;
    line-height: 1.7;
}
.form-legal-link { color: #6b4bd1; text-decoration: underline; text-underline-offset: 2px; }
.form-legal-link:hover { color: #5634c7; }
.legal-footer-links { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: flex-end; }
.legal-footer-links a { margin: 0 !important; }

/* Jogi oldalak: egyszerű, üzleti dokumentum-megjelenés */
.legal-page { background: #f7f6f3; color: #34363c; min-height: 100vh; }
.legal-topbar { background: #fff; border-bottom: 1px solid #e4e3df; }
.legal-topbar .container { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.legal-brand { color: #202228; font-size: 25px; font-weight: 800; letter-spacing: -.03em; }
.legal-brand:hover { color: #202228; }
.legal-brand span { color: #6b4bd1; }
.legal-back { color: #595d65; font-size: 14px; font-weight: 600; }
.legal-back:hover { color: #25272d; }
.legal-hero { padding: 66px 0 38px; background: #f0eee8; border-bottom: 1px solid #dfddd7; }
.legal-hero h1 { margin: 0 0 12px; color: #202228; font-size: clamp(36px, 5vw, 52px); letter-spacing: -.035em; }
.legal-hero p { max-width: 820px; margin: 0; color: #676b73; line-height: 1.7; }
.legal-content { padding: 58px 0 80px; background: #fff; }
.legal-copy { max-width: 860px; color: #555961; font-size: 16px; line-height: 1.8; }
.legal-copy h2 { margin: 44px 0 14px; color: #24262c; font-size: 27px; letter-spacing: -.02em; }
.legal-copy h3 { margin: 30px 0 10px; color: #2c2e34; font-size: 19px; }
.legal-copy ul { margin: 12px 0 22px 20px; }
.legal-copy li { margin-bottom: 7px; }
.legal-copy a { color: #5c42b8; text-decoration: underline; text-underline-offset: 2px; }
.legal-table { width: 100%; border-collapse: collapse; margin: 18px 0 30px; }
.legal-table th, .legal-table td { padding: 13px 14px; border: 1px solid #dfdfdc; vertical-align: top; text-align: left; }
.legal-table th { width: 32%; background: #f4f3ef; color: #33353b; font-weight: 700; }
.legal-warning {
    margin: 24px 0;
    padding: 18px 20px;
    border-left: 3px solid #b77b19;
    background: #fff8e9;
    color: #625139;
}
.legal-note {
    margin: 24px 0;
    padding: 18px 20px;
    border-left: 3px solid #6b4bd1;
    background: #f7f4ff;
    color: #514a65;
}
.legal-footer-simple { padding: 25px 0; background: #f2f1ed; border-top: 1px solid #dfddd8; color: #72757d; font-size: 13px; }
.legal-footer-simple .container { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.legal-footer-simple a { color: #52565e; margin-right: 16px; }

/* Süti- és Meta marketingmérési hozzájárulás */
.cookie-consent {
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 99999;
    max-width: 900px;
    margin: 0 auto;
    padding: 22px 24px;
    background: #fff;
    border: 1px solid #d9d9dd;
    border-radius: 12px;
    box-shadow: 0 18px 55px rgba(20,22,29,.20);
    color: #303238;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.cookie-consent-copy { flex: 1 1 auto; min-width: 0; }
.cookie-consent-copy strong { display: block; margin-bottom: 6px; color: #202228; font-size: 16px; }
.cookie-consent p { margin: 0 0 5px; font-size: 13px; line-height: 1.6; color: #555961; }
.cookie-consent a { color: #5f3bd5; font-size: 12px; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.cookie-actions { display: flex; gap: 10px; flex: 0 0 auto; align-items: center; }
.cookie-actions button {
    min-height: 42px;
    border: 1px solid #aaaeb7;
    border-radius: 7px;
    background: #fff;
    color: #303238;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}
.cookie-actions button:hover, .cookie-actions button:focus { border-color: #5f3bd5; outline: 2px solid rgba(95,59,213,.16); outline-offset: 1px; }
.cookie-actions .cookie-accept { background: #5f3bd5; border-color: #5f3bd5; color: #fff; }
.cookie-actions .cookie-reject { background: #fff; color: #303238; }

@media (max-width: 767px) {
    .legal-footer-links { justify-content: center; margin-top: 10px; }
    .legal-table th, .legal-table td { display: block; width: 100%; }
    .legal-table th { border-bottom: 0; }
    .cookie-consent { left: 10px; right: 10px; bottom: 10px; padding: 18px; display: block; }
    .cookie-actions { margin-top: 14px; display: grid; grid-template-columns: 1fr; }
    .cookie-actions button { width: 100%; white-space: normal; }
}