/* =====================================================================
   hizmetihracati.com — Ana stil dosyası
   Tasarım dili: modern, premium, sakin, güven veren. Lacivert + beyaz.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. TASARIM TOKENLARI
   --------------------------------------------------------------------- */
:root {
    /* Kurumsal renk — derin lacivert */
    --color-primary:        #10305c;
    --color-primary-dark:   #0a1f3d;
    --color-primary-darker: #061529;
    --color-primary-light:  #1c4a86;
    --color-primary-50:     #eef4fb;
    --color-primary-100:    #d9e6f6;

    /* Vurgu renkleri — yalnızca kategori/ikon ayrımı için */
    --color-accent:        #2563eb;
    --color-accent-soft:   #dbeafe;
    --color-teal:          #0d9488;
    --color-teal-soft:     #ccfbf1;
    --color-green:         #15803d;
    --color-green-soft:    #dcfce7;
    --color-purple:        #6d28d9;
    --color-purple-soft:   #ede9fe;
    --color-orange:        #c2410c;
    --color-orange-soft:   #ffedd5;
    --color-red:           #b91c1c;
    --color-red-soft:      #fee2e2;
    --color-amber:         #b45309;
    --color-amber-soft:    #fef3c7;

    /* Nötr ölçek */
    --color-text:      #0f172a;
    --color-heading:   #10305c;
    --color-body:      #334155;
    --color-muted:     #64748b;
    --color-faint:     #94a3b8;
    --color-border:    #e2e8f0;
    --color-border-strong: #cbd5e1;
    --color-bg:        #ffffff;
    --color-bg-soft:   #f8fafc;
    --color-bg-muted:  #f1f5f9;

    /* Tipografi */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

    --text-xs:   0.75rem;
    --text-sm:   0.875rem;
    --text-base: 1rem;
    --text-lg:   1.125rem;
    --text-xl:   1.25rem;
    --text-2xl:  clamp(1.375rem, 1.2rem + 0.7vw, 1.625rem);
    --text-3xl:  clamp(1.625rem, 1.35rem + 1.1vw, 2.125rem);
    --text-4xl:  clamp(2rem, 1.55rem + 1.9vw, 3rem);
    --text-hero: clamp(2.25rem, 1.6rem + 2.9vw, 3.75rem);

    /* Boşluk ölçeği */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --section-y: clamp(3.5rem, 2.5rem + 4vw, 6rem);

    /* Köşe yarıçapı */
    --radius-sm:   6px;
    --radius-md:   10px;
    --radius-lg:   14px;
    --radius-xl:   18px;
    --radius-2xl:  24px;
    --radius-full: 999px;

    /* Gölge — hafif tutulur */
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.07), 0 2px 4px rgba(15, 23, 42, 0.04);
    --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.09), 0 4px 8px rgba(15, 23, 42, 0.04);
    --shadow-navy: 0 16px 40px rgba(16, 48, 92, 0.16);

    /* Yerleşim */
    --container-width: 1280px;
    --container-pad: clamp(1rem, 0.6rem + 1.8vw, 2rem);
    --header-height: 76px;

    /* Hareket */
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
    --duration-fast: 150ms;
    --duration: 220ms;
    --duration-slow: 320ms;

    --z-dropdown: 100;
    --z-header: 200;
    --z-offcanvas: 300;
    --z-modal: 400;
    --z-toast: 500;
}

/* =====================================================================
   EXIMBANK FINANCING HUB
   ===================================================================== */
.exim-hero {
    padding: clamp(56px, 7vw, 96px) 0 42px;
    background:
        radial-gradient(circle at 82% 20%, rgba(0, 172, 190, .13), transparent 25%),
        linear-gradient(135deg, #f8fbff 0%, #eef6fa 100%);
    overflow: hidden;
}

.exim-hero__grid,
.exim-subhero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(430px, .95fr);
    gap: clamp(42px, 6vw, 84px);
    align-items: center;
}

.exim-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    border: 1px solid rgba(0, 137, 146, .22);
    border-radius: 999px;
    color: #007f87;
    background: rgba(255, 255, 255, .78);
    font-size: .78rem;
    font-weight: 750;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.exim-hero h1,
.exim-subhero h1 {
    max-width: 760px;
    margin: 22px 0 20px;
    color: #062c55;
    font-size: clamp(2.55rem, 5vw, 4.9rem);
    line-height: .98;
    letter-spacing: -.052em;
}

.exim-hero h1 span { color: #008b93; }

.exim-hero__copy > p,
.exim-subhero__grid > div:first-child > p {
    max-width: 690px;
    color: #55718d;
    font-size: clamp(1.02rem, 1.45vw, 1.2rem);
    line-height: 1.72;
}

.exim-hero__actions,
.exim-subhero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.exim-hero__actions .btn,
.exim-subhero__actions .btn { transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.exim-hero__actions .btn:hover,
.exim-subhero__actions .btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(4, 45, 83, .12); }

.exim-hero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 13px 24px;
    margin-top: 28px;
    color: #3d617e;
    font-size: .87rem;
}

.exim-hero__trust span { display: inline-flex; align-items: center; gap: 8px; }
.exim-hero__trust svg { color: #009ba3; }

.exim-hero__visual {
    position: relative;
    padding: 28px;
    border: 1px solid rgba(10, 77, 115, .12);
    border-radius: 28px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 28px 70px rgba(3, 45, 79, .12);
}

.exim-logo-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid #dce8ef;
}

.exim-logo-panel img { width: min(190px, 45%); height: 62px; object-fit: contain; object-position: left center; }
.exim-logo-panel p { margin: 0; color: #7890a5; font-size: .84rem; text-align: right; }

.exim-route { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }
.exim-route > div {
    min-width: 0;
    padding: 17px;
    border-radius: 17px;
    background: #f4f9fc;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.exim-route > div:hover { transform: translateY(-3px); background: #fff; box-shadow: 0 12px 30px rgba(5, 57, 92, .09); }
.exim-route span { display: block; color: #00a1a8; font-size: .72rem; font-weight: 800; }
.exim-route strong { display: block; margin: 6px 0 4px; color: #082f57; font-size: .92rem; }
.exim-route small { display: block; color: #71879b; font-size: .76rem; line-height: 1.5; }

.exim-hero__note {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 15px;
    padding: 13px 15px;
    color: #44677f;
    background: #e9f7f7;
    border-radius: 13px;
    font-size: .78rem;
    line-height: 1.5;
}
.exim-hero__note svg { flex: 0 0 auto; color: #008f97; }

.exim-fast { padding-top: 28px; padding-bottom: 28px; }
.exim-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid #dfe9f0;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(5, 46, 79, .06);
}
.exim-facts article { display: flex; align-items: flex-start; gap: 13px; min-width: 0; padding: 22px; }
.exim-facts article + article { border-left: 1px solid #e4edf2; }
.exim-facts__icon,
.exim-product__icon,
.exim-guide-card > span,
.exim-match-card > span,
.exim-eligibility-grid article > span,
.exim-risk-grid article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 45px;
    height: 45px;
    border-radius: 14px;
    color: #008e96;
    background: #e7f6f6;
}
.exim-facts strong { display: block; color: #062f57; font-size: 1rem; }
.exim-facts small { display: block; margin-top: 5px; color: #72899d; font-size: .77rem; line-height: 1.48; }

.exim-products-section { padding-top: 54px; }
.exim-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.exim-product {
    min-width: 0;
    min-height: 285px;
    padding: 24px;
    border: 1px solid #dfe8ef;
    border-radius: 20px;
    background: #fff;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.exim-product:hover { transform: translateY(-6px); border-color: rgba(0, 150, 157, .42); box-shadow: 0 18px 44px rgba(5, 51, 83, .1); }
.exim-product--featured { color: #fff; border-color: #073968; background: linear-gradient(145deg, #062e57, #084b78); }
.exim-product__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.exim-product__top small { color: #6c8499; font-size: .69rem; font-weight: 750; text-align: right; text-transform: uppercase; letter-spacing: .04em; }
.exim-product--featured .exim-product__top small { color: #9fdadd; }
.exim-product h3 { margin: 25px 0 5px; color: #082f57; font-size: 1.13rem; line-height: 1.25; overflow-wrap: anywhere; }
.exim-product--featured h3 { color: #fff; }
.exim-product > strong { display: block; color: #009197; font-size: .83rem; }
.exim-product--featured > strong { color: #55dcda; }
.exim-product p { margin: 13px 0 0; color: #6c8297; font-size: .86rem; line-height: 1.62; }
.exim-product--featured p { color: #c2d5e4; }

.exim-decision-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(36px, 6vw, 80px); align-items: center; }
.exim-decision-copy h2 { margin: 8px 0 15px; color: #072f58; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.08; letter-spacing: -.035em; }
.exim-decision-copy p { color: #627b91; line-height: 1.72; }
.exim-decision-copy .link-arrow { margin-top: 22px; }
.exim-question-list { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.exim-question-list article { display: flex; gap: 14px; min-width: 0; padding: 20px; border: 1px solid #dfe9ef; border-radius: 17px; background: #fff; }
.exim-question-list article > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; height: 34px; border-radius: 50%; color: #fff; background: #008e96; font-size: .8rem; font-weight: 800; }
.exim-question-list strong { color: #092f56; font-size: .94rem; }
.exim-question-list p { margin: 5px 0 0; color: #73889b; font-size: .8rem; line-height: 1.5; }

.exim-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.exim-guide-card { display: flex; flex-direction: column; min-width: 0; min-height: 300px; padding: 26px; border: 1px solid #dfe8ef; border-radius: 20px; color: inherit; background: #fff; text-decoration: none; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.exim-guide-card:hover { transform: translateY(-5px); border-color: rgba(0, 144, 151, .4); box-shadow: 0 18px 42px rgba(4, 47, 79, .1); }
.exim-guide-card small { margin-top: 20px; color: #008e96; font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.exim-guide-card h3 { margin: 8px 0 10px; color: #082f58; font-size: 1.2rem; line-height: 1.35; overflow-wrap: anywhere; }
.exim-guide-card p { margin: 0; color: #70869a; font-size: .86rem; line-height: 1.6; }
.exim-guide-card b { display: flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 20px; color: #007f88; font-size: .82rem; }
.exim-guide-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 900px; }
.exim-guide-grid--compact .exim-guide-card { min-height: 190px; }

.exim-rate-alert,
.exim-source-note,
.exim-warning {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 22px;
    padding: 19px 21px;
    border: 1px solid #f1d99f;
    border-radius: 16px;
    color: #735311;
    background: #fff9e9;
}
.exim-rate-alert > svg,
.exim-source-note > svg,
.exim-warning > span { flex: 0 0 auto; }
.exim-rate-alert strong, .exim-warning strong { display: block; color: #573e09; }
.exim-rate-alert p, .exim-warning p { margin: 4px 0 0; font-size: .82rem; line-height: 1.55; }
.exim-rate-alert a { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; margin-left: auto; color: #805c0a; font-size: .8rem; font-weight: 800; }
.exim-final { padding-top: 22px; }

.exim-subhero { padding: clamp(52px, 7vw, 86px) 0; background: linear-gradient(135deg, #f6fbfd, #edf5fa); }
.exim-subhero h1 { max-width: 850px; font-size: clamp(2.4rem, 4.5vw, 4.45rem); }
.exim-subhero__brand { display: flex; flex-direction: column; justify-content: center; min-height: 260px; padding: 42px; border: 1px solid #dbe7ee; border-radius: 26px; background: rgba(255, 255, 255, .85); box-shadow: 0 20px 55px rgba(3, 49, 82, .09); }
.exim-subhero__brand img { width: min(260px, 80%); height: 90px; object-fit: contain; object-position: left center; }
.exim-subhero__brand span { max-width: 390px; margin-top: 26px; color: #667f94; font-size: .88rem; line-height: 1.6; }

.exim-guide-page { scroll-margin-top: 120px; }
.exim-lead-card { display: flex; align-items: flex-start; gap: 19px; max-width: 1020px; margin-bottom: 34px; padding: 27px 30px; border: 1px solid #cce9ea; border-radius: 20px; background: linear-gradient(135deg, #effafa, #f8fcfd); }
.exim-lead-card > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 52px; height: 52px; border-radius: 16px; color: #fff; background: #008e96; }
.exim-lead-card small { color: #00848c; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.exim-lead-card h2 { margin: 5px 0 7px; color: #082f58; font-size: clamp(1.4rem, 2.4vw, 2rem); line-height: 1.22; }
.exim-lead-card p { margin: 0; color: #607a90; line-height: 1.65; }

.exim-match-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.exim-match-card { min-width: 0; padding: 23px; border: 1px solid #dfe9ef; border-radius: 19px; background: #fff; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.exim-match-card:hover { transform: translateY(-4px); border-color: #addfe0; box-shadow: 0 15px 35px rgba(4, 50, 82, .08); }
.exim-match-card small { display: block; margin-top: 18px; color: #8395a5; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.exim-match-card h3 { margin: 6px 0 14px; color: #143855; font-size: .96rem; line-height: 1.45; }
.exim-match-card b { color: #008a92; font-size: .93rem; }
.exim-match-card p { margin: 8px 0 0; color: #72879a; font-size: .81rem; line-height: 1.58; }

.exim-inline-section { margin-top: 58px; padding: 32px; border-radius: 22px; background: #062f58; }
.exim-inline-section h2 { color: #fff; }
.exim-inline-section .section-head__eyebrow { color: #58d9d7; }
.exim-check-row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; margin-top: 24px; overflow: hidden; border-radius: 15px; background: rgba(255,255,255,.14); }
.exim-check-row span { display: flex; align-items: center; min-height: 90px; padding: 17px; color: #d9e8f2; background: rgba(255,255,255,.055); font-size: .8rem; line-height: 1.5; }

.exim-eligibility-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.exim-eligibility-grid article { min-width: 0; padding: 24px; border: 1px solid #dfe9ef; border-radius: 19px; background: #fff; }
.exim-eligibility-grid h3 { margin: 19px 0 8px; color: #082f57; font-size: 1.05rem; }
.exim-eligibility-grid p { margin: 0; color: #70869a; font-size: .84rem; line-height: 1.6; }

.exim-split-section { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; margin-top: 42px; padding: 38px; border-radius: 23px; background: #f1f7fa; }
.exim-split-section h2 { margin: 8px 0 12px; color: #082f57; font-size: clamp(1.6rem, 2.5vw, 2.3rem); }
.exim-split-section p { color: #687f93; line-height: 1.7; }
.exim-split-section ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.exim-split-section li { display: flex; gap: 9px; padding: 14px; border-radius: 12px; color: #274c68; background: #fff; font-size: .86rem; line-height: 1.45; }
.exim-split-section li svg { flex: 0 0 auto; color: #008f97; }

.exim-process { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; counter-reset: none; }
.exim-process article { display: flex; gap: 15px; min-width: 0; padding: 23px; border: 1px solid #dfe8ef; border-radius: 18px; background: #fff; }
.exim-process article > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; height: 38px; border-radius: 50%; color: #fff; background: #008f97; font-size: .82rem; font-weight: 800; }
.exim-process h3 { margin: 2px 0 7px; color: #082f57; font-size: 1rem; }
.exim-process p { margin: 0; color: #72879a; font-size: .82rem; line-height: 1.55; }

.exim-docs { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; margin-top: 42px; }
.exim-docs > div { padding: 29px; border: 1px solid #dfe9ef; border-radius: 21px; background: #f8fbfc; }
.exim-docs h2 { margin: 8px 0 18px; color: #082f57; font-size: 1.35rem; }
.exim-docs ul { display: grid; gap: 10px; margin: 0; padding-left: 18px; color: #647e93; font-size: .86rem; line-height: 1.55; }
.exim-risk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.exim-risk-grid article { padding: 24px; border: 1px solid #f0dcaa; border-radius: 19px; background: #fffbf0; }
.exim-risk-grid article > span { color: #bd7c05; background: #fff1ce; }
.exim-risk-grid h3 { margin: 18px 0 8px; color: #654708; font-size: 1rem; }
.exim-risk-grid p { margin: 0; color: #80683b; font-size: .82rem; line-height: 1.58; }
.exim-source-note { border-color: #dbe7ee; color: #557086; background: #f5f9fb; }
.exim-source-note p { margin: 0; font-size: .82rem; line-height: 1.58; }
.exim-source-note a { color: #007f88; font-weight: 750; }

@media (max-width: 1120px) {
    .exim-hero__grid, .exim-subhero__grid { grid-template-columns: 1fr 420px; gap: 36px; }
    .exim-product-grid, .exim-match-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .exim-facts { grid-template-columns: 1fr 1fr; }
    .exim-facts article:nth-child(3) { border-left: 0; border-top: 1px solid #e4edf2; }
    .exim-facts article:nth-child(4) { border-top: 1px solid #e4edf2; }
}

@media (max-width: 860px) {
    .exim-hero__grid, .exim-subhero__grid, .exim-decision-grid, .exim-split-section { grid-template-columns: 1fr; }
    .exim-hero__visual { max-width: 640px; }
    .exim-subhero__brand { min-height: 190px; }
    .exim-guide-grid, .exim-eligibility-grid, .exim-process, .exim-risk-grid { grid-template-columns: 1fr 1fr; }
    .exim-check-row { grid-template-columns: 1fr 1fr; gap: 1px; }
    .exim-check-row span:last-child { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
    .exim-hero { padding-top: 42px; }
    .exim-hero h1, .exim-subhero h1 { font-size: clamp(2.25rem, 12vw, 3.2rem); }
    .exim-hero__actions, .exim-subhero__actions { flex-direction: column; }
    .exim-hero__actions .btn, .exim-subhero__actions .btn { width: 100%; justify-content: center; }
    .exim-hero__visual, .exim-subhero__brand { padding: 21px; border-radius: 21px; }
    .exim-logo-panel { align-items: flex-start; flex-direction: column; }
    .exim-logo-panel img { width: 190px; max-width: 70%; }
    .exim-logo-panel p { text-align: left; }
    .exim-route, .exim-question-list, .exim-product-grid, .exim-match-grid, .exim-guide-grid, .exim-guide-grid--compact, .exim-eligibility-grid, .exim-process, .exim-docs, .exim-risk-grid { grid-template-columns: 1fr; }
    .exim-facts { grid-template-columns: 1fr; }
    .exim-facts article + article { border-top: 1px solid #e4edf2; border-left: 0; }
    .exim-product { min-height: auto; }
    .exim-guide-card { min-height: 260px; }
    .exim-inline-section, .exim-split-section { padding: 23px; }
    .exim-check-row { grid-template-columns: 1fr; }
    .exim-check-row span:last-child { grid-column: auto; }
    .exim-lead-card { padding: 21px; }
    .exim-lead-card > span { display: none; }
    .exim-rate-alert { flex-direction: column; }
    .exim-rate-alert a { margin-left: 0; }
}

/* ---------------------------------------------------------------------
   2. TEMEL SIFIRLAMA
   --------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

* { margin: 0; }

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--header-height) + 1rem);
}

body {
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: 1.65;
    color: var(--color-body);
    background: var(--color-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

img, picture, svg, video {
    display: block;
    max-width: 100%;
    height: auto;
}

input, button, textarea, select { font: inherit; color: inherit; }

h1, h2, h3, h4, h5, h6 {
    color: var(--color-heading);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.018em;
    text-wrap: balance;
}

h1 { font-size: var(--text-4xl); }
h2 { font-size: var(--text-3xl); }
h3 { font-size: var(--text-2xl); }
h4 { font-size: var(--text-xl); }

p { text-wrap: pretty; }

a {
    color: var(--color-accent);
    text-decoration: none;
    transition: color var(--duration-fast) var(--ease);
}
a:hover { color: var(--color-primary); }

ul, ol { padding-left: 1.25rem; }

hr { border: 0; border-top: 1px solid var(--color-border); margin: var(--space-8) 0; }

/* Erişilebilirlik: görünür odak halkası */
:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

::selection { background: var(--color-primary-100); color: var(--color-primary-dark); }

/* ---------------------------------------------------------------------
   3. YARDIMCI SINIFLAR
   --------------------------------------------------------------------- */
.container {
    width: 100%;
    max-width: var(--container-width);
    margin-inline: auto;
    padding-inline: var(--container-pad);
}

.container-narrow { max-width: 860px; }

.sr-only {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.skip-link {
    position: absolute;
    top: -100px; left: var(--space-4);
    z-index: 999;
    background: var(--color-primary);
    color: #fff;
    padding: var(--space-3) var(--space-5);
    border-radius: var(--radius-md);
    font-weight: 600;
    transition: top var(--duration) var(--ease);
}
.skip-link:focus { top: var(--space-4); color: #fff; }

.section { padding-block: var(--section-y); }
.section-soft { background: var(--color-bg-soft); }
.section-muted { background: var(--color-bg-muted); }
.section-navy {
    background: linear-gradient(160deg, var(--color-primary-dark), var(--color-primary));
    color: rgba(255, 255, 255, 0.86);
}
.section-navy h2, .section-navy h3 { color: #fff; }

.text-center { text-align: center; }
.text-muted { color: var(--color-muted); }
.text-sm { font-size: var(--text-sm); }
.mt-0 { margin-top: 0; }

/* Bölüm başlığı bloğu */
.section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-6);
    margin-bottom: var(--space-10);
    flex-wrap: wrap;
}
.section-head__text { max-width: 720px; }
.section-head__eyebrow {
    display: inline-block;
    font-size: var(--text-sm);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-accent);
    margin-bottom: var(--space-3);
}
.section-head__title { margin-bottom: var(--space-3); }
.section-head__desc { color: var(--color-muted); font-size: var(--text-lg); }
.section-head--center { flex-direction: column; align-items: center; text-align: center; }
.section-head--center .section-head__text { margin-inline: auto; }
.section-head--center .section-head__title {
    width: fit-content;
    margin-inline: auto;
}

/* ---------------------------------------------------------------------
   4. BUTONLAR
   --------------------------------------------------------------------- */
.btn {
    --btn-bg: var(--color-primary);
    --btn-color: #fff;
    --btn-border: var(--color-primary);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: 0.75rem 1.375rem;
    background: var(--btn-bg);
    color: var(--btn-color);
    border: 1px solid var(--btn-border);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
    white-space: nowrap;
    transition: background var(--duration-fast) var(--ease),
                border-color var(--duration-fast) var(--ease),
                color var(--duration-fast) var(--ease),
                transform var(--duration-fast) var(--ease),
                box-shadow var(--duration-fast) var(--ease);
}
.btn:hover {
    color: var(--btn-color);
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}
.btn:active { transform: translateY(0); }
.btn:disabled, .btn[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn--primary:hover { --btn-bg: var(--color-primary-dark); --btn-border: var(--color-primary-dark); }

.btn--secondary {
    --btn-bg: #fff;
    --btn-color: var(--color-primary);
    --btn-border: var(--color-border-strong);
}
.btn--secondary:hover { --btn-bg: var(--color-primary-50); --btn-border: var(--color-primary-light); }

.btn--ghost {
    --btn-bg: transparent;
    --btn-color: var(--color-primary);
    --btn-border: transparent;
}
.btn--ghost:hover { --btn-bg: var(--color-primary-50); box-shadow: none; }

.btn--light {
    --btn-bg: rgba(255, 255, 255, 0.12);
    --btn-color: #fff;
    --btn-border: rgba(255, 255, 255, 0.28);
}
.btn--light:hover { --btn-bg: rgba(255, 255, 255, 0.2); }

.btn--white {
    --btn-bg: #fff;
    --btn-color: var(--color-primary);
    --btn-border: #fff;
}

.btn--sm { padding: 0.5rem 1rem; font-size: var(--text-xs); }
.btn--lg { padding: 0.9375rem 1.75rem; font-size: var(--text-base); }
.btn--block { width: 100%; }

/* Ok işaretinin hafif hareketi */
.btn .icon-arrow { transition: transform var(--duration) var(--ease); }
.btn:hover .icon-arrow { transform: translateX(3px); }

/* Metin bağlantısı + ok */
.link-arrow {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-weight: 600;
    font-size: var(--text-sm);
    color: var(--color-accent);
}
.link-arrow svg { transition: transform var(--duration) var(--ease); }
.link-arrow:hover svg { transform: translateX(3px); }

/* Yüklenme durumu */
.btn.is-loading { pointer-events: none; opacity: 0.75; }
.btn.is-loading::after {
    content: '';
    width: 14px; height: 14px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ---------------------------------------------------------------------
   5. ROZETLER VE ETİKETLER
   --------------------------------------------------------------------- */
.badge {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: 0.3125rem 0.75rem;
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: 600;
    line-height: 1.4;
    background: var(--color-primary-50);
    color: var(--color-primary);
    border: 1px solid transparent;
}
.badge--accent  { background: var(--color-accent-soft);  color: #1d4ed8; }
.badge--teal    { background: var(--color-teal-soft);    color: #0f766e; }
.badge--green   { background: var(--color-green-soft);   color: #15803d; }
.badge--purple  { background: var(--color-purple-soft);  color: #6d28d9; }
.badge--orange  { background: var(--color-orange-soft);  color: #c2410c; }
.badge--red     { background: var(--color-red-soft);     color: #b91c1c; }
.badge--amber   { background: var(--color-amber-soft);   color: #b45309; }
.badge--muted   { background: var(--color-bg-muted);     color: var(--color-muted); }
.badge--outline { background: transparent; border-color: var(--color-border-strong); color: var(--color-muted); }
.badge--light   { background: rgba(255,255,255,0.14); color: #fff; }

.badge-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex-shrink: 0; }

/* ---------------------------------------------------------------------
   6. KARTLAR
   --------------------------------------------------------------------- */
.card {
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    transition: border-color var(--duration) var(--ease),
                box-shadow var(--duration) var(--ease),
                transform var(--duration) var(--ease);
}
.card--hover:hover {
    border-color: var(--color-primary-light);
    box-shadow: var(--shadow-lg);
    transform: translateY(-3px);
}
.card--flat { box-shadow: none; }
.card--soft { background: var(--color-bg-soft); border-color: transparent; }

.card__icon {
    width: 46px; height: 46px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-md);
    background: var(--color-primary-50);
    color: var(--color-primary);
    margin-bottom: var(--space-5);
}
.card__icon svg { width: 22px; height: 22px; }
.card__icon--accent { background: var(--color-accent-soft);  color: #1d4ed8; }
.card__icon--teal   { background: var(--color-teal-soft);    color: #0f766e; }
.card__icon--green  { background: var(--color-green-soft);   color: #15803d; }
.card__icon--purple { background: var(--color-purple-soft);  color: #6d28d9; }
.card__icon--orange { background: var(--color-orange-soft);  color: #c2410c; }

.card__title { font-size: var(--text-lg); margin-bottom: var(--space-2); }
.card__text  { font-size: var(--text-sm); color: var(--color-muted); margin-bottom: var(--space-5); }

/* Izgaralar */
.grid { display: grid; gap: var(--space-6); }
.grid--2 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.grid--3 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.grid--4 { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }

/* ---------------------------------------------------------------------
   7. TOPBAR
   --------------------------------------------------------------------- */
.topbar {
    background: var(--color-primary-dark);
    color: rgba(255, 255, 255, 0.78);
    font-size: var(--text-xs);
    line-height: 1.5;
}
.topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    min-height: 38px;
    padding-block: var(--space-2);
}
.topbar__announcement {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: rgba(255, 255, 255, 0.9);
    min-width: 0;
}
.topbar__announcement a { color: #fff; }
.topbar__announcement a:hover { color: rgba(255,255,255,0.8); text-decoration: underline; }
.topbar__label {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.14);
    font-weight: 600;
    font-size: 0.6875rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    flex-shrink: 0;
}
.topbar__text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.topbar__meta { display: flex; align-items: center; gap: var(--space-5); flex-shrink: 0; }
.topbar__meta a { color: rgba(255, 255, 255, 0.85); display: inline-flex; align-items: center; gap: var(--space-2); }
.topbar__meta a:hover { color: #fff; }
.topbar__meta svg { width: 14px; height: 14px; opacity: 0.7; }

@media (max-width: 900px) {
    .topbar__meta .topbar__hours { display: none; }
}
@media (max-width: 640px) {
    .topbar__meta { display: none; }
}

/* ---------------------------------------------------------------------
   8. HEADER + MEGA MENÜ
   --------------------------------------------------------------------- */
.header {
    position: sticky;
    top: 0;
    z-index: var(--z-header);
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: saturate(180%) blur(12px);
    border-bottom: 1px solid var(--color-border);
    transition: box-shadow var(--duration) var(--ease), background var(--duration) var(--ease);
}
.header.is-scrolled { box-shadow: var(--shadow-sm); background: rgba(255, 255, 255, 0.98); }

.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    min-height: var(--header-height);
    transition: min-height var(--duration) var(--ease);
}
/* Logo ve CTA sabit kalır; daralma baskısı gezinmede karşılanır. */
.header__inner > .logo,
.header__inner > .header__actions { flex-shrink: 0; }
.header.is-scrolled .header__inner { min-height: 64px; }

.logo { display: inline-flex; align-items: center; gap: var(--space-3); color: var(--color-primary); }
.logo:hover { color: var(--color-primary); }
.logo__mark {
    width: 38px; height: 38px;
    display: grid; place-items: center;
    border-radius: var(--radius-md);
    background: linear-gradient(140deg, var(--color-primary), var(--color-primary-light));
    color: #fff;
    font-weight: 700;
    font-size: var(--text-lg);
    letter-spacing: -0.03em;
    flex-shrink: 0;
}
.logo__text { display: flex; flex-direction: column; line-height: 1.2; }
.logo__name { font-weight: 700; font-size: 1.0625rem; letter-spacing: -0.02em; color: var(--color-primary); }
.logo__tagline { font-size: 0.6875rem; color: var(--color-muted); font-weight: 500; letter-spacing: 0.01em; }

/* Ana gezinme */
.nav { display: flex; align-items: center; gap: var(--space-1); min-width: 0; }
.nav__list { display: flex; align-items: center; gap: 0; list-style: none; margin: 0; padding: 0; }
.nav__item { position: relative; }

.nav__link {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: 0.5625rem 0.6875rem;
    border-radius: var(--radius-md);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--color-body);
    white-space: nowrap;
    transition: background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);
    background: none;
    border: 0;
    cursor: pointer;
}
.nav__link:hover { background: var(--color-bg-muted); color: var(--color-primary); }
.nav__link.is-active { color: var(--color-primary); font-weight: 600; }
.nav__link.is-active::after {
    content: '';
    position: absolute;
    left: 0.6875rem; right: 0.6875rem;
    bottom: -2px;
    height: 2px;
    background: var(--color-accent);
    border-radius: 2px;
}
.nav__chevron { width: 14px; height: 14px; opacity: 0.5; transition: transform var(--duration) var(--ease); }
.nav__item.is-open .nav__chevron { transform: rotate(180deg); }

/* Mega menü paneli */
.mega {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%) translateY(-6px);
    min-width: 560px;
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    padding: var(--space-6);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--duration) var(--ease), transform var(--duration) var(--ease), visibility var(--duration);
    z-index: var(--z-dropdown);
}
.nav__item.is-open .mega {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}
.mega--wide { min-width: 720px; }

.mega__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.mega__col-title {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-faint);
    margin-bottom: var(--space-3);
}
.mega__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.mega__link {
    display: block;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    color: var(--color-body);
    transition: background var(--duration-fast) var(--ease);
}
.mega__link:hover { background: var(--color-primary-50); color: var(--color-primary); }
.mega__link-title { display: block; font-weight: 600; font-size: 0.875rem; color: var(--color-heading); }
.mega__link-desc  { display: block; font-size: 0.75rem; color: var(--color-muted); margin-top: 1px; }

.mega__footer {
    margin-top: var(--space-5);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
}

/* Basit açılır menü (alt başlık grubu yoksa) */
.dropdown-panel {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 260px;
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    padding: var(--space-3);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity var(--duration) var(--ease), transform var(--duration) var(--ease), visibility var(--duration);
    z-index: var(--z-dropdown);
}
.nav__item.is-open .dropdown-panel {
    opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
}

.header__actions { display: flex; align-items: center; gap: var(--space-3); }

.nav-toggle {
    display: none;
    width: 42px; height: 42px;
    align-items: center;
    justify-content: center;
    background: none;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    color: var(--color-primary);
}
.nav-toggle:hover { background: var(--color-bg-muted); }

/* Gezinme sığmadığında hamburger menüye geçilir. */
@media (max-width: 1160px) {
    .nav, .header__actions .btn { display: none; }
    .nav-toggle { display: inline-flex; }
}

/* ---------------------------------------------------------------------
   9. MOBİL OFF-CANVAS MENÜ
   --------------------------------------------------------------------- */
.offcanvas {
    position: fixed;
    inset: 0;
    z-index: var(--z-offcanvas);
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}
.offcanvas.is-open { visibility: visible; pointer-events: auto; }

.offcanvas__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(6, 21, 41, 0.5);
    opacity: 0;
    transition: opacity var(--duration) var(--ease);
}
.offcanvas.is-open .offcanvas__backdrop { opacity: 1; }

.offcanvas__panel {
    position: absolute;
    top: 0; right: 0; bottom: 0;
    width: min(400px, 88vw);
    background: #fff;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform var(--duration-slow) var(--ease);
    box-shadow: -8px 0 32px rgba(15, 23, 42, 0.14);
}
.offcanvas.is-open .offcanvas__panel { transform: translateX(0); }

.offcanvas__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4) var(--space-5);
    border-bottom: 1px solid var(--color-border);
    flex-shrink: 0;
}
.offcanvas__close {
    width: 38px; height: 38px;
    display: grid; place-items: center;
    background: none;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    color: var(--color-muted);
}
.offcanvas__close:hover { background: var(--color-bg-muted); color: var(--color-primary); }

.offcanvas__body { flex: 1; overflow-y: auto; padding: var(--space-4) var(--space-5); }
.offcanvas__footer {
    padding: var(--space-5);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-soft);
    flex-shrink: 0;
}

/* Mobil akordiyon gezinme */
.m-nav { list-style: none; margin: 0; padding: 0; }
.m-nav__item { border-bottom: 1px solid var(--color-border); }
.m-nav__link, .m-nav__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--space-3);
    padding: var(--space-4) 0;
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--color-heading);
    background: none;
    border: 0;
    text-align: left;
    cursor: pointer;
}
.m-nav__toggle svg { width: 18px; height: 18px; color: var(--color-faint); transition: transform var(--duration) var(--ease); }
.m-nav__item.is-open .m-nav__toggle svg { transform: rotate(180deg); }

.m-nav__panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--duration-slow) var(--ease);
}
.m-nav__item.is-open .m-nav__panel { grid-template-rows: 1fr; }
.m-nav__panel-inner { overflow: hidden; }
.m-nav__sub { list-style: none; margin: 0; padding: 0 0 var(--space-4); display: flex; flex-direction: column; gap: 1px; }
.m-nav__sub a {
    display: block;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    color: var(--color-body);
}
.m-nav__sub a:hover { background: var(--color-primary-50); color: var(--color-primary); }
.m-nav__group {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-faint);
    padding: var(--space-3) var(--space-3) var(--space-1);
}

/* ---------------------------------------------------------------------
   10. HERO
   --------------------------------------------------------------------- */
.hero {
    position: relative;
    background:
        radial-gradient(1000px 500px at 88% -8%, var(--color-primary-50), transparent 62%),
        linear-gradient(180deg, #fff, var(--color-bg-soft));
    padding-block: clamp(3rem, 2rem + 4vw, 5.5rem) clamp(3.5rem, 2.5rem + 4vw, 6rem);
    overflow: hidden;
}
.hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 48fr) minmax(0, 52fr);
    gap: clamp(2rem, 1rem + 4vw, 4rem);
    align-items: center;
}
.hero__badge {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: 0.4375rem 0.9375rem;
    border-radius: var(--radius-full);
    background: #fff;
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-xs);
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: var(--space-6);
}
.hero__badge .badge-dot { background: var(--color-teal); }

.hero__title {
    font-size: var(--text-hero);
    line-height: 1.1;
    letter-spacing: -0.032em;
    margin-bottom: var(--space-5);
}
.hero__title em { font-style: normal; color: var(--color-accent); }

.hero__desc {
    font-size: var(--text-lg);
    color: var(--color-muted);
    max-width: 54ch;
    margin-bottom: var(--space-7, 1.75rem);
}
.hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-bottom: var(--space-8); }

.hero__points { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); list-style: none; margin: 0; padding: 0; }
.hero__point {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-body);
}
.hero__point svg { width: 17px; height: 17px; color: var(--color-teal); flex-shrink: 0; }

/* Hero görsel alanı */
.hero__visual { position: relative; }
.hero__image-wrap {
    position: relative;
    border-radius: var(--radius-2xl);
    overflow: hidden;
    box-shadow: var(--shadow-navy);
    background: linear-gradient(150deg, var(--color-primary), var(--color-primary-light));
    aspect-ratio: 4 / 3;
}
.hero__image { width: 100%; height: 100%; object-fit: cover; }

/* Görsel yoksa gösterilen dekoratif desen */
.hero__placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background:
        radial-gradient(420px 260px at 78% 18%, rgba(255,255,255,0.14), transparent 68%),
        linear-gradient(150deg, var(--color-primary-dark), var(--color-primary-light));
    color: rgba(255, 255, 255, 0.9);
}
.hero__placeholder svg { width: 44%; height: auto; opacity: 0.9; }

.hero__float {
    position: absolute;
    right: clamp(-0.5rem, -1vw, 0rem);
    bottom: clamp(-1.25rem, -2vw, -0.75rem);
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    padding: var(--space-5);
    min-width: 236px;
}
.hero__float-title {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-faint);
    margin-bottom: var(--space-3);
}
.hero__float-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.hero__float-list li {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-heading);
}
.hero__float-list svg { width: 16px; height: 16px; color: var(--color-teal); flex-shrink: 0; }

@media (max-width: 980px) {
    .hero__grid { grid-template-columns: 1fr; }
    /* Mobilde önce H1 ve değer önerisi okunmalı; görsel metnin altında kalır. */
    .hero__visual { max-width: 560px; margin-inline: auto; }
    .hero__float { position: static; margin-top: var(--space-5); min-width: 0; }
}

/* ---------------------------------------------------------------------
   11. DÖRT ANA KONU KARTI
   --------------------------------------------------------------------- */
.pillar-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    transition: border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease);
}
.pillar-card:hover {
    border-color: var(--color-primary-light);
    box-shadow: var(--shadow-lg);
    transform: translateY(-3px);
}
.pillar-card__num {
    font-size: var(--text-xs);
    font-weight: 700;
    color: var(--color-faint);
    letter-spacing: 0.08em;
    margin-bottom: var(--space-4);
}
.pillar-card__title { font-size: var(--text-lg); margin-bottom: var(--space-3); }
.pillar-card__text { font-size: var(--text-sm); color: var(--color-muted); flex: 1; margin-bottom: var(--space-5); }

/* ---------------------------------------------------------------------
   12. KRİTİK BİLGİ PANELİ (koyu)
   --------------------------------------------------------------------- */
.facts-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 12%, rgba(198, 225, 248, 0.38), transparent 26%),
        linear-gradient(180deg, #f8fbff, #f1f7fc);
}
.facts {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(145deg, #041f3d 0%, #073566 58%, #082e59 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 28px;
    padding: clamp(2rem, 2vw + 1.5rem, 3.6rem);
    color: rgba(255, 255, 255, 0.82);
    box-shadow: 0 28px 68px rgba(5, 35, 68, 0.18);
}
.facts::before,
.facts::after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(90, 180, 225, 0.14);
    border-radius: 50%;
    pointer-events: none;
}
.facts::before {
    width: 560px;
    height: 560px;
    top: -310px;
    right: -210px;
}
.facts::after {
    width: 420px;
    height: 620px;
    top: -130px;
    right: -270px;
    transform: rotate(28deg);
}
.facts__head { max-width: 820px; margin-bottom: 34px; }
.facts__badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 18px;
    padding: 6px 10px;
    border: 1px solid rgba(38, 210, 196, 0.12);
    border-radius: 999px;
    background: rgba(23, 102, 126, 0.24);
    color: rgba(216, 250, 247, 0.86);
    font-size: 0.7rem;
    font-weight: 650;
}
.facts__badge i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2bd2c5;
    box-shadow: 0 0 0 4px rgba(43, 210, 197, 0.1);
}
.facts__head h2 {
    max-width: 21ch;
    margin-bottom: var(--space-3);
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.15rem);
    line-height: 1.08;
    letter-spacing: -0.05em;
}
.facts__head p { max-width: 76ch; color: rgba(255, 255, 255, 0.68); line-height: 1.65; }

.facts__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}
.fact {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 126px;
    padding: 14px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    outline: none;
    transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.fact__icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(39, 217, 204, 0.62);
    border-radius: 50%;
    color: #32d4c7;
    transition: opacity 140ms ease, transform 180ms ease;
}
.fact__content {
    flex: 1 1 auto;
    min-width: 0;
    transition: opacity 140ms ease, transform 180ms ease;
}
.fact__value {
    padding-top: 0;
    font-size: clamp(1.08rem, 0.85vw + 0.65rem, 1.38rem);
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: visible;
}
.fact__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.fact__hint {
    position: absolute;
    z-index: 5;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 14px 15px;
    border: 1px solid rgba(69, 221, 210, 0.34);
    border-radius: 16px;
    background: #07506a;
    box-shadow: 0 16px 34px rgba(0, 13, 31, 0.34);
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px) scale(0.98);
    transition: opacity 180ms ease, transform 180ms ease;
}
.fact__hint-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin-bottom: 9px;
}
.fact__hint-head small {
    flex: 0 0 auto;
    color: #62ded5;
    font-size: 0.58rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.fact__hint-head strong {
    min-width: 0;
    color: #fff;
    font-size: 0.88rem;
    overflow-wrap: anywhere;
    text-align: right;
}
.fact__hint > span:last-child {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.67rem;
    line-height: 1.42;
    overflow-wrap: anywhere;
}
.fact:hover,
.fact:focus-visible {
    z-index: 4;
    border-color: rgba(69, 221, 210, 0.34);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0 14px 30px rgba(0, 15, 34, 0.22);
    transform: translateY(-3px);
}
.fact:hover .fact__icon,
.fact:hover .fact__content,
.fact:focus-visible .fact__icon,
.fact:focus-visible .fact__content {
    opacity: 0;
    transform: scale(0.94);
}
.fact:hover .fact__hint,
.fact:focus-visible .fact__hint {
    opacity: 1;
    transform: translateY(0) scale(1);
}
.fact:focus-visible .fact__hint {
    box-shadow: 0 0 0 3px rgba(98, 222, 213, 0.22), 0 18px 38px rgba(0, 13, 31, 0.28);
}

.facts__note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 32px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    font-size: var(--text-xs);
    color: rgba(255, 255, 255, 0.55);
}
.facts__note > span:first-child { flex: 0 0 auto; color: rgba(255, 255, 255, 0.72); }
.facts__note a { color: #62ded5; text-decoration: none; }
.facts__note a:hover { text-decoration: underline; }

@media (max-width: 1280px) {
    .facts__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .facts { border-radius: 22px; }
    .facts__grid { grid-template-columns: 1fr; }
    .fact { min-height: 116px; padding: 16px; }
    .fact__icon { width: 44px; height: 44px; }
    .facts__note { line-height: 1.6; }
}

/* ---------------------------------------------------------------------
   13. DESTEK KARTLARI
   --------------------------------------------------------------------- */
.support-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    padding: var(--space-5);
    transition: border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease);
}
.support-card:hover {
    border-color: var(--color-primary-light);
    box-shadow: var(--shadow-lg);
    transform: translateY(-3px);
}
.support-card__head { display: flex; align-items: flex-start; gap: var(--space-3); margin-bottom: var(--space-4); }
.support-card__icon {
    width: 40px; height: 40px;
    display: grid; place-items: center;
    border-radius: var(--radius-md);
    background: var(--color-primary-50);
    color: var(--color-primary);
    flex-shrink: 0;
}
.support-card__icon svg { width: 20px; height: 20px; }
.support-card__title { font-size: 1rem; line-height: 1.35; margin: 0; }

.support-card__metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
    padding: var(--space-3) 0;
    margin-bottom: var(--space-4);
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}
.metric__label {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--color-faint);
    margin-bottom: 2px;
}
.metric__value { font-size: 0.9375rem; font-weight: 700; color: var(--color-heading); line-height: 1.3; }
.metric__value small { display: block; font-size: 0.6875rem; font-weight: 500; color: var(--color-muted); }

.support-card__text { font-size: var(--text-sm); color: var(--color-muted); flex: 1; margin-bottom: var(--space-4); }
.support-card__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }

/* Mobilde yatay kaydırma */
.scroller {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(270px, 1fr);
    gap: var(--space-5);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: var(--space-4);
    margin-inline: calc(var(--container-pad) * -1);
    padding-inline: var(--container-pad);
    scrollbar-width: thin;
}
.scroller > * { scroll-snap-align: start; }

@media (min-width: 981px) {
    .scroller {
        grid-auto-flow: row;
        grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
        overflow: visible;
        margin-inline: 0;
        padding-inline: 0;
    }
}

/* ---------------------------------------------------------------------
   14. KONTROL LİSTESİ
   --------------------------------------------------------------------- */
.checklist { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--space-4); }
.check-item {
    display: flex;
    gap: var(--space-4);
    padding: var(--space-5);
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    transition: border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);
}
.check-item:hover { border-color: var(--color-primary-light); box-shadow: var(--shadow-sm); }
.check-item__mark {
    width: 26px; height: 26px;
    display: grid; place-items: center;
    border-radius: var(--radius-sm);
    background: var(--color-primary-50);
    color: var(--color-primary);
    flex-shrink: 0;
    margin-top: 2px;
}
.check-item__mark svg { width: 15px; height: 15px; }
.check-item__title { font-size: 0.9375rem; font-weight: 600; color: var(--color-heading); margin-bottom: var(--space-1); }
.check-item__text { font-size: var(--text-sm); color: var(--color-muted); }
.check-item__text a { font-weight: 500; }

.precheck-section {
    background:
        radial-gradient(circle at 88% 8%, rgba(231, 241, 251, 0.85), transparent 36%),
        #f8fbfe;
}
.precheck-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-8);
    margin-bottom: 34px;
}
.precheck-head .section-head__text {
    max-width: 780px;
}
.precheck-head .section-head__eyebrow {
    position: relative;
    margin-bottom: 18px;
}
.precheck-head .section-head__eyebrow::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 46px;
    height: 2px;
    background: #14847d;
}
.precheck-head .section-head__title {
    max-width: 25ch;
    font-size: clamp(1.9rem, 3.4vw, 2.7rem);
    letter-spacing: -0.045em;
}
.precheck-head .section-head__desc {
    font-size: 0.95rem;
    line-height: 1.6;
}
.precheck-count {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
    min-width: 190px;
    padding: 13px 16px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(9, 42, 82, 0.1);
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(9, 42, 82, 0.07);
}
.precheck-count__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #e9f7f7;
    color: #087f8c;
}
.precheck-count strong,
.precheck-count small {
    display: block;
}
.precheck-count strong {
    color: var(--color-heading);
    font-size: 0.82rem;
}
.precheck-count small {
    margin-top: 3px;
    color: var(--color-muted);
    font-size: 0.68rem;
}
.precheck-layout {
    display: grid;
    grid-template-columns: minmax(250px, 0.8fr) minmax(0, 2fr);
    gap: 18px;
    align-items: stretch;
}
.precheck-intro {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 30px 26px 26px;
    overflow: hidden;
    background: linear-gradient(145deg, #052d55 0%, #073d68 100%);
    border-radius: 16px;
    color: rgba(255, 255, 255, 0.78);
    box-shadow: 0 18px 38px rgba(5, 45, 85, 0.15);
}
.precheck-intro::before,
.precheck-intro::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(31, 210, 202, 0.3);
    border-radius: 50%;
    pointer-events: none;
}
.precheck-intro::before {
    width: 330px;
    height: 150px;
    right: -155px;
    bottom: -40px;
    transform: rotate(-22deg);
}
.precheck-intro::after {
    width: 290px;
    height: 112px;
    right: -130px;
    bottom: -12px;
    border-color: rgba(31, 210, 202, 0.18);
    transform: rotate(-22deg);
}
.precheck-intro__icon {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    border: 1px solid rgba(68, 220, 214, 0.22);
    border-radius: 50%;
    background: rgba(20, 132, 125, 0.2);
    color: #6de4dd;
}
.precheck-intro h3,
.precheck-intro p,
.precheck-intro ul {
    position: relative;
    z-index: 1;
}
.precheck-intro h3 {
    max-width: 18ch;
    margin-bottom: 13px;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.35;
    letter-spacing: -0.025em;
}
.precheck-intro p {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 0.78rem;
    line-height: 1.65;
}
.precheck-intro ul {
    display: grid;
    gap: 13px;
    margin: auto 0 0;
    padding: 22px 0 0;
    list-style: none;
}
.precheck-intro li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.75rem;
    line-height: 1.45;
}
.precheck-intro li svg {
    flex: 0 0 auto;
    margin-top: 1px;
    color: #58d9d1;
}
.precheck-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    background: rgba(9, 42, 82, 0.1);
    border: 1px solid rgba(9, 42, 82, 0.1);
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(9, 42, 82, 0.07);
}
.precheck-item {
    display: flex;
    gap: 11px;
    min-width: 0;
    min-height: 138px;
    padding: 20px 16px 16px;
    background: #fff;
    transition: background-color 180ms ease, box-shadow 180ms ease;
}
.precheck-item:hover {
    position: relative;
    z-index: 1;
    background: #fbfdff;
    box-shadow: inset 3px 0 0 #14847d;
}
.precheck-item__mark {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 26px;
    height: 26px;
    border: 1px solid rgba(20, 132, 125, 0.22);
    border-radius: 50%;
    background: #f4fbfb;
    color: #14847d;
}
.precheck-item__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}
.precheck-item__title {
    margin: 2px 0 8px;
    color: var(--color-heading);
    font-size: 0.78rem;
    line-height: 1.4;
}
.precheck-item__title > span {
    margin-right: 4px;
    color: #0b67ad;
}
.precheck-item__text {
    margin-bottom: 9px;
    color: var(--color-muted);
    font-size: 0.7rem;
    line-height: 1.55;
}
.precheck-item__link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    margin-top: auto;
    color: #14847d;
    font-size: 0.69rem;
    font-weight: 700;
}
.precheck-item__link span {
    transition: transform 180ms ease;
}
.precheck-item__link:hover span {
    transform: translateX(3px);
}
.precheck-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 28px;
    padding: 17px 22px;
    background: linear-gradient(90deg, #f1f7fc, #edf4fb);
    border: 1px solid rgba(9, 42, 82, 0.06);
    border-radius: 14px;
}
.precheck-cta__icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(11, 103, 173, 0.16);
    border-radius: 50%;
    background: #f8fbff;
    color: #0b67ad;
}
.precheck-cta p {
    max-width: 46ch;
    color: #314b62;
    font-size: 0.8rem;
    line-height: 1.5;
}
.precheck-cta .btn {
    margin-left: 8px;
    white-space: nowrap;
}

@media (max-width: 1080px) {
    .precheck-layout {
        grid-template-columns: 250px minmax(0, 1fr);
    }
    .precheck-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .precheck-head {
        align-items: flex-start;
    }
    .precheck-layout {
        grid-template-columns: 1fr;
    }
    .precheck-intro {
        min-height: 360px;
    }
}

@media (max-width: 650px) {
    .precheck-head,
    .precheck-cta {
        align-items: stretch;
        flex-direction: column;
    }
    .precheck-count {
        width: 100%;
    }
    .precheck-grid {
        grid-template-columns: 1fr;
    }
    .precheck-cta {
        text-align: center;
    }
    .precheck-cta__icon {
        align-self: center;
    }
    .precheck-cta p {
        max-width: none;
    }
    .precheck-cta .btn {
        width: 100%;
        margin-left: 0;
    }
}

/* ---------------------------------------------------------------------
   15. YARARLANICI KARTLARI
   --------------------------------------------------------------------- */
.audience-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    padding: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
    height: 100%;
    transition: border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);
}
.audience-card:hover { border-color: var(--color-primary-light); box-shadow: var(--shadow-lg); }
.audience-card__label {
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-accent);
    margin-bottom: var(--space-3);
}
.audience-card__title { font-size: var(--text-2xl); margin-bottom: var(--space-4); }
.audience-card__list { list-style: none; margin: 0 0 var(--space-6); padding: 0; display: grid; gap: var(--space-2); flex: 1; }
.audience-card__list li {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-body);
}
.audience-card__list svg { width: 16px; height: 16px; color: var(--color-teal); flex-shrink: 0; margin-top: 4px; }

/* ---------------------------------------------------------------------
   16. BLOG KARTLARI
   --------------------------------------------------------------------- */
.article-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: 16px;
    overflow: hidden;
    transition: border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease);
}
.article-card:hover { border-color: rgba(11, 103, 173, 0.28); box-shadow: 0 20px 42px rgba(9, 42, 82, 0.11); transform: translateY(-5px); }

.article-card__media {
    position: relative;
    aspect-ratio: 16 / 10;
    background: linear-gradient(140deg, var(--color-primary-50), var(--color-bg-muted));
    overflow: hidden;
}
.article-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms var(--ease); }
.article-card:hover .article-card__media img { transform: scale(1.055); }
.article-card__placeholder { position: absolute; inset: 0; display: grid; place-items: center; color: var(--color-primary-light); opacity: 0.35; }
.article-card__placeholder svg { width: 52px; height: 52px; }

.article-card__body { display: flex; flex-direction: column; flex: 1; padding: 16px 18px 17px; }
.article-card__meta {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
    font-size: var(--text-xs);
    color: var(--color-muted);
    flex-wrap: wrap;
}
.article-card__title { min-height: 2.8em; font-size: 1rem; line-height: 1.4; margin-bottom: var(--space-2); }
.article-card__title a { color: var(--color-heading); }
.article-card__title a:hover { color: var(--color-accent); }
.article-card__excerpt {
    font-size: var(--text-sm);
    color: var(--color-muted);
    flex: 1;
    margin-bottom: var(--space-4);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.article-card__body > .link-arrow {
    width: 100%;
    margin-top: 2px;
    padding-top: 13px;
    border-top: 1px solid rgba(9, 42, 82, 0.09);
    font-size: 0.78rem;
}

.latest-section {
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.88), transparent 38%),
        linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%);
}
.latest-section__head {
    align-items: flex-end;
}
.latest-section__head .section-head__text {
    max-width: 760px;
}
.latest-section__head .section-head__title {
    max-width: none;
    font-size: clamp(1.75rem, 3vw, 2.45rem);
    letter-spacing: -0.045em;
}
.latest-section__head .section-head__desc {
    max-width: 62ch;
    font-size: 0.98rem;
    line-height: 1.6;
}
.latest-section__grid {
    gap: 18px;
}
.latest-section .article-card__meta .badge {
    padding: 5px 11px;
    border: 0;
    border-radius: 999px;
    background: #e8f0ff;
    color: #195aa3;
    font-size: 0.67rem;
    font-weight: 700;
}
.latest-section .article-card__meta time {
    margin-left: auto;
    white-space: nowrap;
    font-size: 0.68rem;
}

/* ---------------------------------------------------------------------
   17. KURUMLAR ŞERİDİ
   --------------------------------------------------------------------- */
.institution-section {
    position: relative;
    overflow: hidden;
    padding-block: clamp(3.5rem, 6vw, 5rem);
    background:
        radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.96) 0, rgba(255, 255, 255, 0) 42%),
        linear-gradient(180deg, #f7fbff 0%, #f2f8fd 100%);
}
.institution-section::after {
    content: "";
    position: absolute;
    inset: auto -8% -210px;
    height: 330px;
    border: 1px solid rgba(34, 111, 175, 0.09);
    border-radius: 50% 50% 0 0;
    pointer-events: none;
}
.institution-section > .container {
    position: relative;
    z-index: 1;
}
.institutions {
    position: relative;
    width: calc(100% - clamp(24px, 5vw, 72px));
    max-width: 1240px;
    margin-inline: auto;
    overflow: hidden;
    padding-block: 12px;
    border-radius: 20px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.institutions::before,
.institutions::after {
    content: "";
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    width: clamp(28px, 7vw, 86px);
    pointer-events: none;
}
.institutions::before {
    left: 0;
    background: linear-gradient(90deg, #f4f9fd 8%, rgba(244, 249, 253, 0));
}
.institutions::after {
    right: 0;
    background: linear-gradient(270deg, #f4f9fd 8%, rgba(244, 249, 253, 0));
}
.institutions__track {
    display: flex;
    width: max-content;
    gap: 14px;
    animation: institutions-marquee 30s linear infinite;
    will-change: transform;
}
.institutions:hover .institutions__track,
.institutions:focus-within .institutions__track {
    animation-play-state: paused;
}
.institutions__group {
    display: flex;
    flex: none;
    gap: 14px;
}
@keyframes institutions-marquee {
    to { transform: translateX(calc(-50% - 7px)); }
}
.institution {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 210px;
    width: 210px;
    height: 148px;
    padding: 16px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(18, 64, 106, 0.1);
    border-radius: 18px;
    color: inherit;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 12px 32px rgba(10, 43, 78, 0.055);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.institution:hover {
    transform: translateY(-3px);
    border-color: rgba(11, 103, 173, 0.24);
    box-shadow: 0 20px 44px rgba(10, 43, 78, 0.1);
}
.institution:focus-visible {
    outline: 3px solid rgba(0, 137, 145, 0.24);
    outline-offset: 3px;
}
.institution__logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 58px;
    overflow: hidden;
    border-radius: 14px;
    transform: translateY(-9px);
    transition: opacity 180ms ease, transform 180ms ease;
}
.institution__logo-wrap--seal {
    width: 58px;
    height: 58px;
    padding: 6px;
    background: #fff;
    border: 1px solid rgba(218, 23, 36, 0.12);
    border-radius: 50%;
    box-shadow: 0 8px 20px rgba(18, 64, 106, 0.08);
}
.institution__logo-wrap--wordmark {
    width: 112px;
}
.institution__logo-wrap--compact {
    width: 64px;
}
.institution__logo-wrap--wide {
    width: 128px;
    padding: 7px 12px;
}
.institution__logo-wrap--dark {
    background: #06284b;
    box-shadow: 0 8px 20px rgba(6, 40, 75, 0.12);
}
.institution__logo {
    display: block;
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}
.institution__monogram {
    color: #0b3765;
    font-size: 1.7rem;
    font-weight: 800;
    letter-spacing: -0.045em;
}
.institution__logo--sgk {
    filter: brightness(0) saturate(100%) invert(31%) sepia(63%) saturate(1179%) hue-rotate(173deg) brightness(91%) contrast(92%);
}
.institution__content {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    padding: 14px 15px 17px;
    background: transparent;
    transition: background-color 180ms ease;
}
.institution__name {
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-heading);
    transition: color 180ms ease;
}
.institution__note {
    max-width: 22ch;
    max-height: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.72rem;
    line-height: 1.4;
    opacity: 0;
    transform: translateY(8px);
    transition: max-height 180ms ease, opacity 180ms ease, transform 180ms ease;
}
.institution__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
    justify-content: center;
    max-height: 0;
    margin-top: 2px;
    overflow: hidden;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    opacity: 0;
    transform: translateY(8px);
    transition: max-height 180ms ease, opacity 180ms ease, transform 180ms ease;
}
.institution__link span {
    transition: transform 180ms ease;
}
.institution:hover .institution__content,
.institution:focus-visible .institution__content {
    justify-content: center;
    background: rgba(6, 40, 75, 0.96);
}
.institution:hover .institution__logo-wrap,
.institution:focus-visible .institution__logo-wrap {
    opacity: 0.08;
    transform: translateY(-9px) scale(0.88);
}
.institution:hover .institution__name,
.institution:focus-visible .institution__name {
    color: #fff;
}
.institution:hover .institution__note,
.institution:hover .institution__link,
.institution:focus-visible .institution__note,
.institution:focus-visible .institution__link {
    max-height: 48px;
    opacity: 1;
    transform: translateY(0);
}
.institution:hover .institution__link span,
.institution:focus-visible .institution__link span {
    transform: translate(2px, -2px);
}
.institution-disclaimer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    max-width: 680px;
    margin: 26px auto 0;
    color: var(--color-muted);
    font-size: 0.8rem;
    text-align: center;
}
.institution-disclaimer > span {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 17px;
    height: 17px;
    border: 1px solid #4e8fc8;
    border-radius: 50%;
    color: #2d79b9;
    font-size: 0.7rem;
    font-weight: 800;
    font-style: normal;
}

@media (max-width: 620px) {
    .institutions {
        width: calc(100% - 12px);
    }
    .institution {
        flex-basis: 184px;
        width: 184px;
        height: 136px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .institutions {
        overflow-x: auto;
        -webkit-mask-image: none;
        mask-image: none;
    }
    .institutions::before,
    .institutions::after {
        display: none;
    }
    .institutions__track {
        animation: none;
    }
    .institutions__group[aria-hidden="true"] {
        display: none;
    }
}

/* =====================================================================
   Sağlık Turizmi Verileri — etkileşimli veri anlatısı
   ===================================================================== */
.health-data-page { overflow: clip; color:var(--color-graphite-body); background:#fff; }
.health-data-hero { position:relative; padding:76px 0 88px; }
.health-data-hero::before { content:""; position:absolute; z-index:0; top:18px; left:50%; width:min(920px,74vw); height:520px; transform:translateX(-50%); background:radial-gradient(circle,rgba(142,81,255,.1) 0,rgba(142,81,255,.035) 46%,transparent 72%); pointer-events:none; }
.health-data-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr); gap:80px; align-items:center; }
.health-data-hero__copy { max-width:690px; }
.health-data-kicker { display:inline-flex; align-items:center; gap:8px; padding:5px 10px; color:var(--color-nautical-teal); border-radius:999px; background:var(--color-sky-wash); font-size:10px; font-weight:700; letter-spacing:.14em; }
.health-data-kicker i { width:8px; height:8px; border-radius:2px; background:var(--gradient-rainbow-spectrum); }
.health-data-hero h1 { margin:24px 0 22px; color:var(--color-portrait-ink); font-family:var(--font-display); font-size:clamp(3.25rem,5.4vw,4.75rem); font-weight:600; line-height:1; letter-spacing:-.056em; }
.health-data-hero h1 em { color:transparent; background:var(--gradient-rainbow-spectrum); background-clip:text; -webkit-background-clip:text; font-style:italic; }
.health-data-hero__copy > p { max-width:620px; margin:0; color:var(--color-graphite-body); font-size:18px; line-height:1.52; }
.health-data-hero__actions { display:flex; align-items:center; gap:28px; margin-top:32px; }
.health-data-hero__actions .btn { min-height:50px; }
.health-data-text-link { display:inline-flex; align-items:center; gap:8px; color:var(--color-portrait-ink); font-weight:650; }
.health-data-text-link:hover { color:var(--color-nautical-teal); }

.health-data-hero__snapshot { position:relative; min-height:410px; }
.health-data-hero__orbit { position:absolute; inset:30px 26px 32px; border:1px dashed rgba(8,78,114,.16); border-radius:48% 52% 46% 54%; transform:rotate(-7deg); }
.health-data-snapshot { position:absolute; display:flex; flex-direction:column; justify-content:center; width:260px; min-height:176px; padding:26px; border:1px solid rgba(8,48,76,.08); border-radius:24px; background:#fff; box-shadow:var(--shadow-md); }
.health-data-snapshot > span { display:flex; align-items:center; gap:7px; color:var(--color-nautical-teal); font-size:10px; font-weight:750; letter-spacing:.1em; }
.health-data-snapshot strong { margin-top:15px; color:var(--color-portrait-ink); font-family:var(--font-display); font-size:32px; line-height:1; letter-spacing:-.04em; }
.health-data-snapshot small { margin-top:8px; color:var(--color-slate-helper); font-size:13px; }
.health-data-snapshot--primary { top:8px; left:0; transform:rotate(-3deg); background:var(--color-mint-wash); }
.health-data-snapshot--revenue { top:126px; right:0; transform:rotate(3deg); background:var(--color-sky-wash); }
.health-data-snapshot--partial { bottom:0; left:58px; width:218px; min-height:138px; transform:rotate(1deg); background:var(--color-peach-wash); }
.health-data-snapshot--partial strong { font-size:27px; }

.health-data-section { padding:80px 0; }
.health-data-section__head { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,480px); gap:72px; align-items:end; margin-bottom:34px; }
.health-data-section__head > div > span,
.health-data-next__card small,
.health-data-methodology aside > small { display:block; margin-bottom:10px; color:var(--color-nautical-teal); font-size:10px; font-weight:750; letter-spacing:.14em; }
.health-data-section__head h2,
.health-data-methodology h2,
.health-data-next__card h2 { margin:0; color:var(--color-portrait-ink); font-family:var(--font-display); font-size:clamp(2.35rem,4vw,3.2rem); font-weight:600; line-height:1.04; letter-spacing:-.045em; }
.health-data-section__head > p { max-width:470px; margin:0; color:var(--color-slate-helper); line-height:1.6; }

.health-data-chart { padding:28px; border:1px solid rgba(8,48,76,.08); border-radius:28px; background:#fff; box-shadow:var(--shadow-md); }
.health-data-chart__toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:24px; border-bottom:1px solid var(--color-mist-hairline); }
.health-data-chart__metric { display:inline-flex; gap:4px; padding:4px; border-radius:999px; background:var(--color-sky-wash); }
.health-data-chart__metric button { display:flex; align-items:center; gap:7px; min-height:40px; padding:0 15px; color:var(--color-slate-helper); border:0; border-radius:999px; background:transparent; font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.health-data-chart__metric button small { color:inherit; font-size:9px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; }
.health-data-chart__metric button[aria-pressed="true"] { color:var(--color-portrait-ink); background:#fff; box-shadow:0 0 0 1px rgba(8,48,76,.055),0 4px 10px rgba(8,48,76,.04); }
.health-data-chart__brand { display:flex; align-items:center; gap:14px; }
.health-data-chart__brand img { width:152px; height:auto; }
.health-data-chart__brand span { padding-left:14px; border-left:1px solid var(--color-mist-hairline); color:var(--color-portrait-ink); font-size:11px; font-weight:700; line-height:1.25; }
.health-data-chart__brand small { display:block; margin-top:3px; color:var(--color-slate-helper); font-size:9px; font-weight:500; }
.health-data-chart__heading { display:flex; align-items:end; justify-content:space-between; gap:24px; padding:30px 4px 18px; }
.health-data-chart__heading > div > span { color:var(--color-nautical-teal); font-size:10px; font-weight:750; letter-spacing:.13em; }
.health-data-chart__heading h3 { margin:6px 0 0; color:var(--color-portrait-ink); font-size:24px; letter-spacing:-.035em; }
.health-data-chart__legend { display:inline-flex; align-items:center; gap:8px; color:var(--color-slate-helper); font-size:12px; }
.health-data-chart__legend i { width:9px; height:9px; border-radius:3px; background:var(--color-portrait-ink); }
.health-data-chart__scroll { overflow-x:auto; scrollbar-width:thin; scrollbar-color:rgba(8,48,76,.22) transparent; }
.health-data-chart__plot { position:relative; min-width:850px; height:430px; padding:28px 16px 0; }
.health-data-chart__grid { position:absolute; inset:28px 16px 58px; display:flex; flex-direction:column; justify-content:space-between; pointer-events:none; }
.health-data-chart__grid span { display:block; border-top:1px dashed rgba(8,48,76,.1); }
.health-data-chart__bars { position:relative; z-index:1; display:grid; grid-template-columns:repeat(8,minmax(78px,1fr)); gap:15px; align-items:end; height:100%; }
.health-data-chart__bar { display:grid; grid-template-rows:32px 1fr 22px 18px; align-items:end; height:100%; text-align:center; }
.health-data-chart__value { align-self:start; color:var(--color-portrait-ink); font-size:11px; font-weight:750; font-variant-numeric:tabular-nums; white-space:nowrap; }
.health-data-chart__rail { position:relative; display:flex; align-items:end; justify-content:center; height:100%; }
.health-data-chart__rail i { display:block; width:min(54px,68%); height:var(--bar-size); min-height:18px; border-radius:16px 16px 5px 5px; background:var(--color-portrait-ink); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); transition:height .55s cubic-bezier(.2,.75,.2,1),background .25s ease; }
.health-data-chart__bar:nth-child(3n+2) .health-data-chart__rail i { background:var(--color-nautical-teal); }
.health-data-chart__bar:nth-child(3n) .health-data-chart__rail i { background:linear-gradient(180deg,#315f7d,#08304c); }
.health-data-chart__bar.is-partial .health-data-chart__rail i { background:repeating-linear-gradient(135deg,var(--color-portrait-ink) 0 7px,#e8f1ff 7px 12px); }
.health-data-chart__bar strong { color:var(--color-portrait-ink); font-size:13px; }
.health-data-chart__bar small { align-self:start; color:var(--color-slate-helper); font-size:9px; }
.health-data-chart__note { display:flex; gap:11px; margin-top:18px; padding:16px 18px; border-radius:18px; background:var(--color-peach-wash); }
.health-data-chart__note > span { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; color:var(--color-portrait-ink); border-radius:50%; background:#fff; }
.health-data-chart__note p { margin:0; color:var(--color-graphite-body); font-size:12px; line-height:1.55; }

.health-data-insights__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.health-data-insights__grid article { position:relative; min-height:310px; padding:26px; overflow:hidden; border:1px solid rgba(8,48,76,.07); border-radius:24px; background:#fff; box-shadow:var(--shadow-sm); }
.health-data-insights__grid article:nth-child(2) { background:var(--color-mint-wash); }
.health-data-insights__grid article:nth-child(3) { background:var(--color-sky-wash); }
.health-data-insights__grid article > span { position:absolute; top:12px; right:18px; color:rgba(8,48,76,.09); font-family:var(--font-display); font-size:72px; font-weight:600; line-height:1; }
.health-data-insights__grid small { color:var(--color-nautical-teal); font-size:10px; font-weight:750; letter-spacing:.11em; }
.health-data-insights__grid strong { display:block; margin:52px 0 12px; color:var(--color-portrait-ink); font-family:var(--font-display); font-size:38px; line-height:1; letter-spacing:-.045em; }
.health-data-insights__grid h3 { margin:0 0 12px; color:var(--color-portrait-ink); font-size:20px; line-height:1.25; letter-spacing:-.03em; }
.health-data-insights__grid p { margin:0; color:var(--color-graphite-body); font-size:14px; line-height:1.6; }
.health-data-callout { display:grid; grid-template-columns:58px 1fr; gap:20px; align-items:start; margin-top:18px; padding:28px; border:1px solid rgba(8,48,76,.07); border-radius:24px; background:var(--color-peach-wash); }
.health-data-callout > span { display:grid; place-items:center; width:58px; height:58px; color:var(--color-portrait-ink); border-radius:18px; background:#fff; }
.health-data-callout small { color:var(--color-nautical-teal); font-size:10px; font-weight:750; letter-spacing:.12em; }
.health-data-callout h3 { margin:5px 0 8px; color:var(--color-portrait-ink); font-size:22px; letter-spacing:-.03em; }
.health-data-callout p { max-width:850px; margin:0; line-height:1.6; }

.health-data-table-wrap { overflow-x:auto; border:1px solid rgba(8,48,76,.08); border-radius:24px; background:#fff; box-shadow:var(--shadow-sm); }
.health-data-table { width:100%; min-width:860px; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.health-data-table caption { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.health-data-table th,.health-data-table td { padding:17px 20px; border-bottom:1px solid var(--color-mist-hairline); text-align:right; }
.health-data-table thead th { color:var(--color-slate-helper); background:#fbfcfe; font-size:10px; font-weight:750; letter-spacing:.07em; text-transform:uppercase; white-space:nowrap; }
.health-data-table th:first-child,.health-data-table td:first-child { text-align:left; }
.health-data-table tbody th { color:var(--color-portrait-ink); }
.health-data-table tbody th strong { display:block; }
.health-data-table tbody th small { display:block; margin-top:2px; color:var(--color-slate-helper); font-size:10px; font-weight:500; }
.health-data-table tbody td { color:var(--color-graphite-body); font-size:13px; }
.health-data-table tbody tr:last-child th,.health-data-table tbody tr:last-child td { border-bottom:0; }
.health-data-table tbody tr:hover { background:rgba(232,241,255,.4); }
.health-data-table tbody tr.is-partial { background:var(--color-peach-wash); }

.health-data-methodology__grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:80px; align-items:start; }
.health-data-methodology h2 { margin:22px 0; }
.health-data-methodology__grid > div > p { max-width:690px; color:var(--color-graphite-body); line-height:1.7; }
.health-data-methodology aside { display:flex; flex-direction:column; gap:0; padding:24px; border:1px solid rgba(8,48,76,.07); border-radius:24px; background:var(--color-sky-wash); }
.health-data-methodology aside > small { margin-bottom:14px; }
.health-data-methodology aside a { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 0; color:var(--color-portrait-ink); border-bottom:1px solid rgba(8,48,76,.08); font-size:13px; font-weight:650; }
.health-data-methodology aside a:hover { color:var(--color-nautical-teal); }
.health-data-methodology aside p { margin:16px 0 0; color:var(--color-slate-helper); font-size:11px; }

.health-data-next { padding:32px 0 96px; }
.health-data-next__card { display:flex; align-items:center; justify-content:space-between; gap:54px; padding:40px; border:1px solid rgba(8,48,76,.07); border-radius:28px; background:var(--color-mint-wash); box-shadow:var(--shadow-md); }
.health-data-next__card h2 { max-width:650px; font-size:clamp(2.2rem,4vw,3.15rem); }
.health-data-next__card p { max-width:640px; margin:14px 0 0; line-height:1.6; }
.health-data-next__card > div:last-child { display:flex; align-items:center; flex-direction:column; gap:15px; flex:0 0 auto; }
.health-data-next__card > div:last-child > a:not(.btn) { color:var(--color-portrait-ink); font-size:13px; font-weight:650; }

@media (max-width: 1020px) {
    .health-data-hero__grid { grid-template-columns:1fr; gap:44px; }
    .health-data-hero__copy { max-width:760px; }
    .health-data-hero__snapshot { width:min(620px,100%); min-height:390px; margin-inline:auto; }
    .health-data-section__head { grid-template-columns:1fr; gap:16px; align-items:start; }
    .health-data-insights__grid { grid-template-columns:1fr 1fr; }
    .health-data-insights__grid article:last-child { grid-column:1 / -1; min-height:250px; }
    .health-data-methodology__grid { grid-template-columns:1fr; gap:32px; }
    .health-data-next__card { align-items:flex-start; flex-direction:column; }
    .health-data-next__card > div:last-child { align-items:flex-start; }
}

@media (max-width: 760px) {
    .health-data-hero { padding:48px 0 58px; }
    .health-data-hero h1 { margin-top:20px; font-size:clamp(2.55rem,12vw,3.6rem); }
    .health-data-hero__copy > p { font-size:16px; }
    .health-data-hero__actions { align-items:stretch; flex-direction:column; gap:16px; }
    .health-data-hero__actions .btn { justify-content:center; width:100%; }
    .health-data-text-link { justify-content:center; }
    .health-data-hero__snapshot { min-height:430px; }
    .health-data-snapshot { width:72%; min-height:156px; padding:21px; }
    .health-data-snapshot--primary { left:0; }
    .health-data-snapshot--revenue { top:137px; right:0; }
    .health-data-snapshot--partial { bottom:0; left:8%; width:64%; min-height:128px; }
    .health-data-section { padding:58px 0; }
    .health-data-section__head { margin-bottom:26px; }
    .health-data-section__head h2,.health-data-methodology h2 { font-size:2.25rem; }
    .health-data-chart { margin-inline:-4px; padding:17px; border-radius:22px; }
    .health-data-chart__toolbar { align-items:stretch; flex-direction:column-reverse; gap:16px; }
    .health-data-chart__brand { justify-content:space-between; }
    .health-data-chart__brand img { width:137px; }
    .health-data-chart__metric { display:grid; grid-template-columns:1fr 1fr; }
    .health-data-chart__metric button { justify-content:center; padding-inline:10px; }
    .health-data-chart__heading { align-items:flex-start; flex-direction:column; gap:9px; padding-top:24px; }
    .health-data-chart__plot { height:390px; }
    .health-data-chart__note { padding:14px; }
    .health-data-insights__grid { grid-template-columns:1fr; }
    .health-data-insights__grid article:last-child { grid-column:auto; }
    .health-data-insights__grid article { min-height:270px; }
    .health-data-callout { grid-template-columns:1fr; }
    .health-data-table th,.health-data-table td { padding:14px 16px; }
    .health-data-methodology aside { padding:20px; }
    .health-data-next { padding-bottom:72px; }
    .health-data-next__card { padding:28px 22px; border-radius:24px; }
    .health-data-next__card .btn { width:100%; justify-content:center; text-align:center; }
}

@media (prefers-reduced-motion: reduce) {
    .health-data-chart__rail i { transition:none; }
}

/* Yetki belgesi ana sayfası: resmî portal bağlantıları */
.authorization-portals {
    margin: var(--space-10) 0;
    overflow: hidden;
    border: 1px solid #d6e4ec;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 22px 58px rgba(8, 45, 79, .09);
}

.authorization-portals__intro {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(360px, 1.12fr);
    align-items: center;
    min-height: 310px;
    background:
        radial-gradient(circle at 18% 15%, rgba(43, 192, 187, .12), transparent 28%),
        linear-gradient(135deg, #f5fbfc 0%, #edf6fa 100%);
}

.authorization-portals__heading { padding: clamp(1.6rem, 4vw, 3rem); padding-right: 1rem; }
.authorization-portals__heading h2 {
    max-width: 24ch;
    margin: .45rem 0 .8rem;
    color: #082f57;
    font-size: clamp(1.65rem, 3vw, 2.45rem);
    line-height: 1.12;
    letter-spacing: -.03em;
}
.authorization-portals__heading p { max-width: 56ch; margin: 0; color: #587187; font-size: .9rem; line-height: 1.68; }

.authorization-portals__trust { display: flex; flex-wrap: wrap; gap: .65rem 1.2rem; margin-top: 1.15rem; }
.authorization-portals__trust span { display: inline-flex; align-items: center; gap: .4rem; color: #315d77; font-size: .7rem; font-weight: 700; }
.authorization-portals__trust svg { color: #0a918c; }

.authorization-portals__visual {
    position: relative;
    align-self: stretch;
    min-height: 310px;
    margin: 0;
    overflow: hidden;
    background: #edf5f9;
}

.authorization-portals__visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .55s cubic-bezier(.2, .7, .2, 1);
}

.authorization-portals:hover .authorization-portals__visual img { transform: scale(1.035); }

.authorization-portals__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    padding: 1px 0;
    background: #dfe8ee;
}

.authorization-portal-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    min-height: 255px;
    padding: 1.45rem;
    overflow: hidden;
    color: inherit;
    background: #fff;
    text-decoration: none;
    transition: background-color .24s ease, box-shadow .24s ease;
}

.authorization-portal-card::after {
    content: "";
    position: absolute;
    right: -45px;
    bottom: -55px;
    width: 145px;
    height: 145px;
    border: 1px solid rgba(17, 139, 136, .12);
    border-radius: 50%;
    transition: transform .35s ease, background-color .35s ease;
}

.authorization-portal-card:hover,
.authorization-portal-card:focus-visible {
    z-index: 1;
    background: #f7fcfc;
    box-shadow: 0 18px 36px rgba(10, 75, 98, .11);
}
.authorization-portal-card:hover::after,
.authorization-portal-card:focus-visible::after { transform: scale(1.12); background: rgba(22, 172, 166, .05); }

.authorization-portal-card__step {
    position: absolute;
    top: 1.45rem;
    right: 1.45rem;
    color: #9db0bf;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.authorization-portal-card__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    color: #1764ad;
    background: #e7f0fb;
    transition: transform .24s ease;
}
.authorization-portal-card__icon--teal { color: #087f7b; background: #ddf5f2; }
.authorization-portal-card__icon--gold { color: #9a6918; background: #f9edcf; }
.authorization-portal-card:hover .authorization-portal-card__icon { transform: translateY(-3px) rotate(-3deg); }

.authorization-portal-card__copy { display: grid; min-width: 0; gap: .35rem; margin-top: 1.15rem; }
.authorization-portal-card__copy small { color: #11847f; font-size: .64rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.authorization-portal-card__copy strong { color: #092f55; font-size: 1rem; line-height: 1.35; }
.authorization-portal-card__copy > span { color: #62798c; font-size: .77rem; line-height: 1.55; }
.authorization-portal-card__copy em { margin-top: .2rem; overflow: hidden; color: #2473b8; font-size: .68rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }

.authorization-portal-card__arrow {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    margin-top: auto;
    border-radius: 50%;
    color: #1268b4;
    background: #edf4fb;
    transition: color .24s ease, background-color .24s ease, transform .24s ease;
}
.authorization-portal-card:hover .authorization-portal-card__arrow,
.authorization-portal-card:focus-visible .authorization-portal-card__arrow { color: #fff; background: #0d8984; transform: rotate(8deg); }

.authorization-portals__note {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: 1rem 1.35rem;
    border-top: 1px solid #d6e8e8;
    color: #557084;
    background: #eef9f8;
}
.authorization-portals__note > svg { flex: 0 0 auto; margin-top: .1rem; color: #0b8883; }
.authorization-portals__note p { margin: 0; font-size: .72rem; line-height: 1.55; }
.authorization-portals__note strong { color: #0a4966; }

@media (max-width: 920px) {
    .authorization-portals__intro { grid-template-columns: 1fr; }
    .authorization-portals__heading { padding-bottom: 1rem; }
    .authorization-portals__visual { min-height: 280px; }
    .authorization-portals__visual img { max-height: 360px; }
    .authorization-portals__list { grid-template-columns: 1fr; }
    .authorization-portal-card { min-height: auto; }
    .authorization-portal-card__arrow { margin-top: 1rem; }
}

@media (max-width: 560px) {
    .authorization-portals { border-radius: 18px; }
    .authorization-portals__heading { padding: 1.35rem; }
    .authorization-portals__visual { min-height: 220px; }
    .authorization-portal-card { padding: 1.15rem; }
    .authorization-portal-card__step { top: 1.15rem; right: 1.15rem; }
    .authorization-portals__note { padding: .9rem 1rem; }
}

@media (prefers-reduced-motion: reduce) {
    .authorization-portals__visual img,
    .authorization-portal-card,
    .authorization-portal-card::before,
    .authorization-portal-card__arrow { transition: none; }
    .authorization-portals:hover .authorization-portals__visual img,
    .authorization-portal-card:hover .authorization-portal-card__icon { transform: none; }
}

/* =====================================================================
   VRHIB KNOWLEDGE HUB
   ===================================================================== */
.vrh-hero { padding:clamp(56px,7vw,92px) 0 46px; overflow:hidden; background:radial-gradient(circle at 84% 14%,rgba(244,174,61,.18),transparent 27%),linear-gradient(135deg,#f8fbff,#f2f6fb); }
.vrh-hero__grid,.vrh-subhero__grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr); gap:clamp(40px,6vw,78px); align-items:center; }
.vrh-kicker { display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border:1px solid rgba(167,103,15,.23); border-radius:999px; color:#995f0b; background:rgba(255,255,255,.8); font-size:.76rem; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }
.vrh-hero h1,.vrh-subhero h1 { max-width:820px; margin:22px 0 20px; color:#082f57; font-size:clamp(2.55rem,4.8vw,4.75rem); line-height:1; letter-spacing:-.052em; }
.vrh-hero h1 span { color:#bd790e; }
.vrh-hero__copy>p,.vrh-subhero__grid>div>p { max-width:720px; color:#5e768b; font-size:clamp(1.02rem,1.4vw,1.18rem); line-height:1.72; }
.vrh-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:29px; }
.vrh-hero__actions .btn { transition:transform .2s ease,box-shadow .2s ease; }
.vrh-hero__actions .btn:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(5,44,76,.12); }
.vrh-hero__legal { display:flex; align-items:center; flex-wrap:wrap; gap:8px 13px; margin-top:25px; color:#72889b; font-size:.78rem; }
.vrh-hero__legal span { padding:5px 9px; border-radius:7px; color:#98600c; background:#fff1d6; font-weight:750; }
.vrh-hero__legal strong { color:#48667d; }

.vrh-map { padding:26px; border:1px solid #dbe6ed; border-radius:27px; background:rgba(255,255,255,.9); box-shadow:0 28px 70px rgba(5,45,76,.12); }
.vrh-map__head { display:flex; align-items:center; gap:13px; padding-bottom:18px; border-bottom:1px solid #e0e9ef; }
.vrh-map__head>span { display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:16px; color:#9c630e; background:#fff2d9; }
.vrh-map__head small,.vrh-map__head strong { display:block; }
.vrh-map__head small { color:#8a9aa8; font-size:.69rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.vrh-map__head strong { margin-top:2px; color:#0a3358; font-size:1.08rem; }
.vrh-map__flow { display:grid; gap:8px; margin-top:16px; }
.vrh-map__flow article { display:flex; align-items:center; gap:13px; padding:12px 14px; border:1px solid #e3ebf0; border-radius:13px; background:#f8fbfc; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.vrh-map__flow article:hover { transform:translateX(5px); border-color:#d9b778; background:#fffdf8; }
.vrh-map__flow article>span { display:inline-flex; align-items:center; justify-content:center; flex:0 0 31px; height:31px; border-radius:50%; color:#fff; background:#123f67; font-size:.72rem; font-weight:800; }
.vrh-map__flow .vrh-map__critical { border-color:#f0d497; background:#fffaf0; }
.vrh-map__flow .vrh-map__critical>span { background:#bd790e; }
.vrh-map__flow strong,.vrh-map__flow small { display:block; }
.vrh-map__flow strong { color:#173d5d; font-size:.86rem; }
.vrh-map__flow small { margin-top:2px; color:#74899a; font-size:.72rem; }
.vrh-map__dys { display:flex; align-items:center; gap:12px; margin-top:14px; padding:14px; border-radius:14px; color:#fff; background:#07345d; text-decoration:none; transition:transform .2s ease,background .2s ease; }
.vrh-map__dys:hover { transform:translateY(-2px); background:#0a4774; }
.vrh-map__dys>span { display:inline-flex; align-items:center; justify-content:center; flex:0 0 38px; height:38px; border-radius:11px; color:#f4c66f; background:rgba(255,255,255,.1); }
.vrh-map__dys>div { min-width:0; flex:1; }
.vrh-map__dys strong,.vrh-map__dys small { display:block; }
.vrh-map__dys strong { font-size:.85rem; }
.vrh-map__dys small { margin-top:2px; color:#bdd0df; font-size:.7rem; line-height:1.4; }

.vrh-summary { padding-top:28px; padding-bottom:28px; }
.vrh-summary__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid #dfe8ee; border-radius:20px; background:#fff; box-shadow:0 14px 36px rgba(4,46,78,.06); }
.vrh-summary__grid article { display:flex; align-items:flex-start; gap:14px; min-width:0; padding:23px; }
.vrh-summary__grid article+article { border-left:1px solid #e3ebf0; }
.vrh-summary__grid article>span,.vrh-scope-grid article>span,.vrh-guide-card>span,.vrh-eligibility-grid article>span,.vrh-control-grid article>span { display:inline-flex; align-items:center; justify-content:center; flex:0 0 45px; height:45px; border-radius:14px; color:#a7680d; background:#fff2d9; }
.vrh-summary__grid strong { display:block; color:#0b3459; font-size:1rem; }
.vrh-summary__grid small { display:block; margin-top:5px; color:#71879a; font-size:.77rem; line-height:1.5; }

.vrh-scope-section { padding-top:56px; }
.vrh-scope-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.vrh-scope-grid article { min-width:0; padding:24px; border:1px solid #dfe8ef; border-radius:19px; background:#fff; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.vrh-scope-grid article:hover { transform:translateY(-5px); border-color:#dfbd7b; box-shadow:0 16px 38px rgba(6,48,80,.09); }
.vrh-scope-grid h3 { margin:20px 0 8px; color:#0a3358; font-size:1.08rem; }
.vrh-scope-grid p { margin:0; color:#71869a; font-size:.84rem; line-height:1.6; }
.vrh-not-box { display:grid; grid-template-columns:.42fr 1.58fr; gap:30px; margin-top:18px; padding:26px; border:1px solid #efc7c2; border-radius:19px; background:#fff7f6; }
.vrh-not-box>div { display:flex; align-items:center; gap:11px; color:#a43f35; }
.vrh-not-box>div span { display:inline-flex; align-items:center; justify-content:center; flex:0 0 40px; height:40px; border-radius:12px; background:#ffe4e0; }
.vrh-not-box ul { display:grid; grid-template-columns:1fr 1fr; gap:9px 26px; margin:0; padding-left:18px; color:#805f5b; font-size:.81rem; line-height:1.55; }

.vrh-compare { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(38px,6vw,76px); align-items:center; }
.vrh-compare h2 { margin:8px 0 14px; color:#082f58; font-size:clamp(2rem,3vw,2.9rem); line-height:1.08; letter-spacing:-.035em; }
.vrh-compare>div:first-child>p { color:#637d92; line-height:1.72; }
.vrh-compare .link-arrow { margin-top:20px; }
.vrh-compare__visual { display:grid; grid-template-columns:1fr auto 1fr; gap:15px; align-items:stretch; }
.vrh-compare__visual article { min-width:0; padding:24px; border:1px solid #dce7ee; border-radius:20px; background:#fff; }
.vrh-compare__visual article>span { display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:16px; color:#096a76; background:#e8f6f6; }
.vrh-compare__visual article:last-child>span { color:#a5680d; background:#fff1d6; }
.vrh-compare__visual small { display:block; margin-top:20px; color:#8093a3; font-size:.7rem; font-weight:800; text-transform:uppercase; }
.vrh-compare__visual strong { display:block; margin-top:6px; color:#0b3459; line-height:1.35; }
.vrh-compare__visual p { margin:8px 0 0; color:#71869a; font-size:.8rem; line-height:1.55; }
.vrh-compare__visual>i { align-self:center; color:#a3b4c2; font-size:1.5rem; font-style:normal; font-weight:300; }

.vrh-guide-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:17px; }
.vrh-guide-card { display:flex; flex-direction:column; min-width:0; min-height:300px; padding:25px; border:1px solid #dfe8ef; border-radius:20px; color:inherit; background:#fff; text-decoration:none; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.vrh-guide-card:hover { transform:translateY(-5px); border-color:#dfbd7b; box-shadow:0 18px 42px rgba(4,47,79,.1); }
.vrh-guide-card small { margin-top:19px; color:#a36911; font-size:.69rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.vrh-guide-card h3 { margin:8px 0 10px; color:#082f58; font-size:1.12rem; line-height:1.38; overflow-wrap:anywhere; }
.vrh-guide-card p { margin:0; color:#70869a; font-size:.83rem; line-height:1.58; }
.vrh-guide-card b { display:flex; align-items:center; gap:7px; margin-top:auto; padding-top:18px; color:#96600f; font-size:.8rem; }
.vrh-guide-grid--compact { grid-template-columns:repeat(3,minmax(0,1fr)); }
.vrh-guide-grid--compact .vrh-guide-card { min-height:190px; }
.vrh-source-alert,.vrh-source-note,.vrh-warning { display:flex; align-items:flex-start; gap:14px; margin-top:22px; padding:19px 21px; border:1px solid #dfe8ef; border-radius:16px; color:#587187; background:#f6fafc; }
.vrh-source-alert>span,.vrh-source-note>span,.vrh-warning>span { flex:0 0 auto; color:#a56a10; }
.vrh-source-alert strong,.vrh-warning strong { display:block; color:#173d5d; }
.vrh-source-alert p,.vrh-warning p,.vrh-source-note p { margin:4px 0 0; font-size:.81rem; line-height:1.56; }
.vrh-source-alert a { display:flex; align-items:center; gap:6px; flex:0 0 auto; margin-left:auto; color:#8d5a0c; font-size:.79rem; font-weight:800; }
.vrh-final { padding-top:22px; }

.vrh-subhero { padding:clamp(52px,7vw,84px) 0; background:linear-gradient(135deg,#f8fbfd,#f1f6fa); }
.vrh-subhero h1 { font-size:clamp(2.35rem,4.5vw,4.25rem); }
.vrh-subhero__grid>aside { padding:35px; border:1px solid #dce7ee; border-radius:24px; background:#fff; box-shadow:0 20px 52px rgba(4,45,76,.09); }
.vrh-subhero__grid>aside>span { display:inline-flex; align-items:center; justify-content:center; width:58px; height:58px; border-radius:17px; color:#a86b0e; background:#fff1d6; }
.vrh-subhero__grid>aside small,.vrh-subhero__grid>aside strong { display:block; }
.vrh-subhero__grid>aside small { margin-top:22px; color:#8c9aa7; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.vrh-subhero__grid>aside strong { margin-top:7px; color:#0a3358; font-size:1.18rem; }
.vrh-subhero__grid>aside p { margin:9px 0 0; color:#6f8496; font-size:.84rem; line-height:1.6; }
.vrh-detail { scroll-margin-top:120px; }
.vrh-lead { display:flex; align-items:flex-start; gap:19px; max-width:1060px; margin-bottom:34px; padding:28px 30px; border:1px solid #eed6a7; border-radius:20px; background:linear-gradient(135deg,#fff9ee,#fffdf8); }
.vrh-lead>span { display:inline-flex; align-items:center; justify-content:center; flex:0 0 52px; height:52px; border-radius:16px; color:#fff; background:#b8740e; }
.vrh-lead small { color:#9a620d; font-size:.71rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.vrh-lead h2 { margin:5px 0 7px; color:#082f58; font-size:clamp(1.4rem,2.4vw,2rem); line-height:1.22; }
.vrh-lead p { margin:0; color:#687f92; line-height:1.65; }

.vrh-eligibility-grid,.vrh-control-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.vrh-eligibility-grid article,.vrh-control-grid article { min-width:0; padding:24px; border:1px solid #dfe8ef; border-radius:19px; background:#fff; }
.vrh-eligibility-grid h3,.vrh-control-grid h3 { margin:18px 0 8px; color:#0a3358; font-size:1rem; line-height:1.4; }
.vrh-eligibility-grid p,.vrh-control-grid p { margin:0; color:#70869a; font-size:.82rem; line-height:1.58; }
.vrh-decision { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:12px; align-items:center; margin-top:34px; padding:27px; border-radius:20px; background:#07345d; }
.vrh-decision>div { min-width:0; padding:18px; border-radius:14px; background:rgba(255,255,255,.07); }
.vrh-decision>div>span { color:#f3c468; font-size:.72rem; font-weight:800; }
.vrh-decision strong { display:block; margin-top:5px; color:#fff; font-size:.88rem; }
.vrh-decision p { margin:5px 0 0; color:#bcd0df; font-size:.75rem; line-height:1.5; }
.vrh-decision>i { color:#7291a8; }
.vrh-warning { border-color:#efd29a; color:#745a29; background:#fff9ec; }

.vrh-dys-banner { display:grid; grid-template-columns:auto 1fr auto; gap:20px; align-items:center; margin-bottom:31px; padding:27px; border-radius:21px; color:#fff; background:linear-gradient(135deg,#06335b,#0b507a); }
.vrh-dys-banner>span { display:inline-flex; align-items:center; justify-content:center; width:58px; height:58px; border-radius:17px; color:#f4c56d; background:rgba(255,255,255,.1); }
.vrh-dys-banner small { color:#7fe0dc; font-size:.7rem; font-weight:800; text-transform:uppercase; }
.vrh-dys-banner h2 { margin:5px 0 5px; color:#fff; font-size:clamp(1.35rem,2.2vw,1.9rem); }
.vrh-dys-banner p { margin:0; color:#c4d6e2; font-size:.84rem; line-height:1.55; }
.vrh-dys-banner .btn { white-space:nowrap; }
.vrh-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.vrh-process-grid article { display:flex; gap:14px; min-width:0; padding:22px; border:1px solid #dfe8ef; border-radius:18px; background:#fff; }
.vrh-process-grid article>span { display:inline-flex; align-items:center; justify-content:center; flex:0 0 37px; height:37px; border-radius:50%; color:#fff; background:#b8740e; font-size:.8rem; font-weight:800; }
.vrh-process-grid h3 { margin:2px 0 6px; color:#0a3358; font-size:.96rem; }
.vrh-process-grid p { margin:0; color:#72879a; font-size:.79rem; line-height:1.55; }
.vrh-docs { display:grid; grid-template-columns:1fr 1fr; gap:17px; margin-top:38px; }
.vrh-docs>div { padding:29px; border:1px solid #dfe8ef; border-radius:21px; background:#f8fbfc; }
.vrh-docs h2 { margin:8px 0 17px; color:#0a3358; font-size:1.35rem; }
.vrh-docs ul { display:grid; gap:10px; margin:0; padding-left:18px; color:#647e93; font-size:.84rem; line-height:1.55; }

.vrh-timeline { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:10px 0 34px; }
.vrh-timeline__line { position:absolute; top:25px; right:8%; left:8%; height:2px; background:linear-gradient(90deg,#b9760f,#e4be79,#bd6d17); }
.vrh-timeline article { position:relative; min-width:0; padding:54px 22px 22px; border:1px solid #dfe8ef; border-radius:19px; background:#fff; }
.vrh-timeline article:before { content:""; position:absolute; top:17px; left:22px; width:16px; height:16px; border:5px solid #fff; border-radius:50%; background:#b8740e; box-shadow:0 0 0 2px #d7aa5c; }
.vrh-timeline article>span { color:#a66a0e; font-size:.69rem; font-weight:800; text-transform:uppercase; }
.vrh-timeline strong { display:block; margin-top:6px; color:#0a3358; }
.vrh-timeline p { margin:7px 0 0; color:#72879a; font-size:.79rem; line-height:1.55; }
.vrh-timeline .is-deadline { border-color:#e9bd74; background:#fff9ee; }

.vrh-health-chain { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:9px; align-items:center; margin-bottom:30px; padding:27px; border-radius:21px; background:#07345d; }
.vrh-health-chain article { min-width:0; padding:17px; border-radius:14px; background:rgba(255,255,255,.07); }
.vrh-health-chain article>span { color:#f2c46b; font-size:.72rem; font-weight:800; }
.vrh-health-chain strong { display:block; margin-top:5px; color:#fff; font-size:.86rem; }
.vrh-health-chain p { margin:5px 0 0; color:#bed1df; font-size:.73rem; line-height:1.5; }
.vrh-health-chain>i { color:#7292a9; }
.vrh-health-cases,.vrh-split-note { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.vrh-health-cases article { display:flex; align-items:flex-start; gap:15px; padding:27px; border:1px solid #cce5d8; border-radius:20px; background:#f4fbf7; }
.vrh-health-cases .is-negative { border-color:#edceca; background:#fff7f6; }
.vrh-health-cases article>span { flex:0 0 auto; color:#26805d; }
.vrh-health-cases .is-negative>span { color:#aa4a3f; }
.vrh-health-cases small { color:#28805f; font-size:.69rem; font-weight:800; text-transform:uppercase; }
.vrh-health-cases .is-negative small { color:#aa4b40; }
.vrh-health-cases h3 { margin:5px 0 8px; color:#173d5d; font-size:1.05rem; }
.vrh-health-cases p { margin:0; color:#668075; font-size:.81rem; line-height:1.58; }
.vrh-health-cases .is-negative p { color:#856a66; }
.vrh-split-note { margin-top:17px; }
.vrh-split-note>div { padding:25px; border:1px solid #dfe8ef; border-radius:18px; background:#f7fafc; }
.vrh-split-note h3 { margin:0 0 8px; color:#0a3358; font-size:1rem; }
.vrh-split-note p { margin:0; color:#70869a; font-size:.82rem; line-height:1.58; }

@media (max-width:1120px) {
    .vrh-hero__grid,.vrh-subhero__grid { grid-template-columns:1fr 420px; gap:36px; }
    .vrh-scope-grid,.vrh-guide-grid,.vrh-eligibility-grid,.vrh-control-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .vrh-guide-grid--compact { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .vrh-health-chain { grid-template-columns:1fr 1fr; }
    .vrh-health-chain>i { display:none; }
}
@media (max-width:860px) {
    .vrh-hero__grid,.vrh-subhero__grid,.vrh-compare { grid-template-columns:1fr; }
    .vrh-map { max-width:650px; }
    .vrh-summary__grid { grid-template-columns:1fr; }
    .vrh-summary__grid article+article { border-top:1px solid #e3ebf0; border-left:0; }
    .vrh-not-box { grid-template-columns:1fr; gap:15px; }
    .vrh-process-grid { grid-template-columns:1fr 1fr; }
    .vrh-dys-banner { grid-template-columns:auto 1fr; }
    .vrh-dys-banner .btn { grid-column:1/-1; justify-content:center; }
    .vrh-timeline { grid-template-columns:1fr 1fr; }
    .vrh-timeline__line { display:none; }
    .vrh-timeline article { padding-top:54px; }
}
@media (max-width:620px) {
    .vrh-hero { padding-top:42px; }
    .vrh-hero h1,.vrh-subhero h1 { font-size:clamp(2.2rem,11vw,3.15rem); }
    .vrh-hero__actions { flex-direction:column; }
    .vrh-hero__actions .btn { width:100%; justify-content:center; }
    .vrh-map { padding:20px; border-radius:21px; }
    .vrh-not-box ul,.vrh-scope-grid,.vrh-guide-grid,.vrh-guide-grid--compact,.vrh-eligibility-grid,.vrh-control-grid,.vrh-process-grid,.vrh-docs,.vrh-timeline,.vrh-health-chain,.vrh-health-cases,.vrh-split-note { grid-template-columns:1fr; }
    .vrh-guide-card { min-height:250px; }
    .vrh-compare__visual { grid-template-columns:1fr; }
    .vrh-compare__visual>i { text-align:center; }
    .vrh-source-alert { flex-direction:column; }
    .vrh-source-alert a { margin-left:0; }
    .vrh-lead { padding:21px; }
    .vrh-lead>span { display:none; }
    .vrh-decision { grid-template-columns:1fr; }
    .vrh-decision>i { display:none; }
    .vrh-dys-banner { grid-template-columns:1fr; }
}

/* ================================================================
   Reusable support detail knowledge-page layout
   ================================================================ */
.support-detail-page .breadcrumb { position:relative; z-index:2; padding:14px 0 0; background:#f5f9fc; }
.support-detail-page .breadcrumb__list { font-size:.68rem; }
.support-detail-hero { margin-top:-1px; padding:23px 0 34px; background:radial-gradient(circle at 82% 26%,rgba(46,195,193,.12),transparent 22%),linear-gradient(135deg,#f7fbfe,#eef6fa); border-bottom:1px solid #e4edf3; }
.support-detail-hero__grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); align-items:center; min-height:285px; gap:42px; }
.support-detail-hero .page-head__inner { max-width:740px; }
.support-detail-hero .page-head__eyebrow { margin-bottom:13px; padding:6px 11px; border-color:#cae4e5; color:#107c7b; background:rgba(255,255,255,.8); font-size:.62rem; }
.support-detail-hero .page-head__title { max-width:15ch; margin:0 0 14px; color:#082b55; font-size:clamp(2.45rem,4.25vw,4rem); line-height:1.02; letter-spacing:-.055em; }
.support-detail-hero .page-head__lead { max-width:720px; margin:0; color:#536a7e; font-size:.88rem; line-height:1.72; }
.support-detail-hero .page-head__meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; padding:0; border:0; }
.support-detail-hero .page-head__meta span { padding:7px 10px; border:1px solid #dbe7ee; border-radius:7px; color:#50677a; background:rgba(255,255,255,.78); font-size:.61rem; }
.support-detail-hero__visual { position:relative; display:grid; place-items:center; min-height:260px; overflow:hidden; }
.support-detail-hero__visual img { width:100%; max-width:480px; height:285px; object-fit:contain; mix-blend-mode:multiply; }
.support-detail-hero__orb { display:grid; place-items:center; border-radius:50%; color:#0d7994; background:linear-gradient(145deg,#fff,#dff4f4); box-shadow:0 22px 55px rgba(12,68,96,.14); }
.support-detail-hero__orb--main { width:180px; height:180px; }
.support-detail-hero__orb--small { position:absolute; right:12%; bottom:10%; width:82px; height:82px; color:#2365bf; background:#eff5ff; }

.support-detail-body { padding:37px 0 54px; }
.support-detail-layout { grid-template-columns:minmax(0,830px) minmax(250px,280px); justify-content:center; gap:36px; }
.support-detail-layout > .content { min-width:0; }
.support-detail-section { margin-bottom:42px !important; scroll-margin-top:calc(var(--header-height) + 20px); }
.support-detail-section > h2 { margin-bottom:17px !important; color:#0a2d56; font-size:1.3rem; letter-spacing:-.025em; }
.support-detail-summary .support-overview__metrics { border-radius:12px; box-shadow:0 8px 22px rgba(9,42,82,.055); }
.support-detail-summary .support-metric { padding:17px 16px 18px; }
.support-detail-summary .support-metric__icon { width:36px; height:36px; margin-bottom:11px; }
.support-detail-summary .support-metric__label { font-size:.59rem; }
.support-detail-summary .support-metric__value { font-size:clamp(1.15rem,1.65vw,1.48rem); }
.support-detail-summary .support-metric__note { font-size:.62rem; }
.support-detail-legislation-note { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:10px; align-items:center; margin-top:11px; padding:10px 13px; border:1px solid #f0d19c; border-radius:9px; color:#805017; background:#fff8ed; }
.support-detail-legislation-note > span { color:#d37709; }
.support-detail-legislation-note p { margin:0; font-size:.63rem; line-height:1.45; }
.support-detail-legislation-note a { display:flex; align-items:center; gap:6px; color:#9a5705; font-size:.59rem; font-weight:800; white-space:nowrap; }
.support-detail-summary .support-approval { border-radius:11px; }
.support-detail-summary .expert-note { border-radius:13px; }

.target-country-panel { padding:22px; border-radius:13px; }
.target-country-panel__intro h2 { font-size:1.28rem; }
.target-country-panel__countries { grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
.target-country-chip { min-height:38px; padding:6px 8px; border-radius:7px; font-size:.59rem; }
.target-country-more { margin-top:10px; }
.target-country-more summary { width:max-content; cursor:pointer; color:#1266bd; font-size:.63rem; font-weight:800; }
.target-country-more[open] summary { margin-bottom:10px; }

.support-detail-eligibility .grid { gap:12px; }
.support-detail-eligibility__card { min-height:175px; padding:18px; border-radius:11px; box-shadow:0 7px 18px rgba(10,43,77,.04); }
.support-detail-eligibility__card .card__title { color:#123350; }
.support-detail-eligibility__card .card__text { margin-bottom:13px !important; font-size:.68rem; line-height:1.6; }
.support-detail-eligibility__card .link-arrow { margin-top:auto; font-size:.6rem; }

.support-detail-expenses__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin:0; padding:0; list-style:none; }
.support-detail-expenses__grid li { display:grid; grid-template-columns:36px minmax(0,1fr); gap:11px; min-height:118px; padding:15px; border:1px solid #e2eaf0; border-radius:10px; background:#fff; }
.support-detail-expenses__icon { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; color:#0c958e; background:#e8f8f5; }
.support-detail-expenses__grid h3 { margin:2px 0 6px; color:#12334f; font-size:.72rem; line-height:1.35; }
.support-detail-expenses__grid p { margin:0; color:#6c7f90; font-size:.61rem; line-height:1.5; }
.support-detail-excluded__list { display:grid !important; grid-template-columns:1fr 1fr; gap:8px 24px !important; margin:0; padding:0; list-style:none; }
.support-detail-excluded__list li { padding:7px 0; border-bottom:1px solid #edf1f4; color:#405568; font-size:.68rem; }
.support-detail-rules > div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px !important; }
.support-detail-rules .callout { min-height:115px; padding:15px; border-radius:10px; }
.support-detail-rules .callout__title { font-size:.7rem; }
.support-detail-rules .callout__title + div { font-size:.62rem; line-height:1.55; }

.support-detail-documents .table-scroll { border:1px solid #e2eaf0; border-radius:11px; overflow:hidden; }
.support-detail-documents .data-table { margin:0; font-size:.65rem; }
.support-detail-documents .data-table th { color:#48627a; background:#f3f7fa; font-size:.57rem; text-transform:uppercase; letter-spacing:.04em; }
.support-detail-documents .data-table th:nth-child(1) { width:43%; }
.support-detail-documents .data-table th:nth-child(2) { width:17%; }
.support-detail-documents .data-table td { padding:11px 13px; }

.support-detail-process .prose { margin-bottom:22px; padding:15px 18px; border-left:3px solid #35b6b2; border-radius:0 9px 9px 0; background:#f5fafb; }
.support-detail-process .prose p { margin:.35rem 0; font-size:.68rem; line-height:1.6; }
.support-detail-timeline { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; margin:0; padding:0; list-style:none; }
.support-detail-timeline::before { content:""; position:absolute; top:26px; left:9%; right:9%; border-top:1px dashed #27a7ba; }
.support-detail-timeline li { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; min-width:0; text-align:center; }
.support-detail-timeline__node { display:grid; place-items:center; width:52px; height:52px; margin-bottom:9px; border:1px solid #c8e1e8; border-radius:50%; color:#117c98; background:#f0fafb; box-shadow:0 0 0 6px #fff; }
.support-detail-timeline b { color:#12334f; font-size:.62rem; }
.support-detail-timeline small { max-width:125px; margin-top:5px; color:#718394; font-size:.53rem; line-height:1.45; }

.support-detail-mistakes__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px !important; }
.support-detail-mistakes .check-item { min-height:118px; align-items:flex-start; padding:15px; border:1px solid #eadfe0; border-radius:10px; background:#fffafa; }
.support-detail-mistakes .check-item__title { font-size:.68rem; }
.support-detail-mistakes .check-item__text { font-size:.59rem; line-height:1.45; }
.support-detail-faq .accordion__item { margin-bottom:7px; border:1px solid #e2e9ef; border-radius:8px; overflow:hidden; }
.support-detail-faq .accordion__trigger { min-height:47px; padding:0 14px; font-size:.66rem; }
.support-detail-faq .accordion__content { font-size:.65rem; line-height:1.65; }
.support-detail-legal .legal-box { padding:19px; border:1px solid #dfe8ef; border-radius:11px; background:linear-gradient(135deg,#f8fbfd,#fff); }

.support-detail-related__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.support-detail-related__grid > a { display:flex; flex-direction:column; min-height:155px; padding:15px; border:1px solid #e2e9ef; border-radius:10px; color:inherit; background:#fff; }
.support-detail-related__grid > a > span { display:grid; place-items:center; width:34px; height:34px; margin-bottom:10px; border-radius:9px; color:#167e96; background:#eaf7f7; }
.support-detail-related__grid strong { color:#12334f; font-size:.69rem; line-height:1.35; }
.support-detail-related__grid small { margin-top:6px; color:#6c7f91; font-size:.57rem; line-height:1.45; }
.support-detail-related__grid b { display:flex; align-items:center; gap:5px; margin-top:auto; padding-top:9px; color:#1765bd; font-size:.57rem; }

.support-detail-layout .sidebar { top:calc(var(--header-height) + 16px); gap:12px; }
.support-detail-layout .sidebar-card { padding:17px; border-radius:11px; box-shadow:0 8px 24px rgba(9,42,82,.05); }
.support-detail-layout .sidebar-card__title { margin-bottom:11px; color:#12334f; font-size:.67rem; }
.support-detail-layout .toc a { padding:6px 0 6px 11px; font-size:.61rem; }
.support-sidebar-cta { color:#fff; border-color:#0b3e72 !important; background:linear-gradient(145deg,#082e5d,#07517a) !important; }
.support-sidebar-cta .sidebar-card__title { color:#fff; font-size:.9rem; line-height:1.35; text-transform:none; letter-spacing:0; }
.support-sidebar-cta p { margin:0 0 13px; color:#cbdbe7; font-size:.62rem; line-height:1.55; }
.support-sidebar-cta__secondary { display:block; margin-top:8px; padding:8px; border:1px solid rgba(255,255,255,.32); border-radius:7px; color:#fff; font-size:.61rem; font-weight:800; text-align:center; }
.support-detail-layout .cta-band { padding:25px 29px; border-radius:13px; }
.support-detail-layout .cta-band__actions { min-width:170px; }

@media (max-width: 1080px) {
    .support-detail-layout { grid-template-columns:minmax(0,1fr) 250px; gap:25px; }
    .target-country-panel__countries { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .support-detail-summary .support-approval { grid-template-columns:1fr 1.4fr; }
}

@media (max-width: 900px) {
    .support-detail-hero__grid { grid-template-columns:1fr .72fr; gap:20px; }
    .support-detail-layout { grid-template-columns:1fr; }
    .support-detail-layout .sidebar { position:static; grid-row:1; }
    .support-detail-layout .sidebar > .sidebar-card:not(:first-child) { display:none; }
    .support-detail-layout .sidebar-card:first-child { padding:13px 15px; }
    .support-detail-layout .toc { display:flex; gap:7px; overflow-x:auto; padding-bottom:3px; scrollbar-width:thin; }
    .support-detail-layout .toc a { flex:0 0 auto; padding:7px 10px; border:1px solid #dfe8ee; border-radius:999px; }
}

@media (max-width: 700px) {
    .support-detail-page .breadcrumb { padding-top:9px; }
    .support-detail-page .breadcrumb__current { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .support-detail-hero { padding:18px 0 25px; }
    .support-detail-hero__grid { grid-template-columns:1fr; min-height:0; }
    .support-detail-hero .page-head__title { font-size:clamp(2.15rem,11vw,3.1rem); }
    .support-detail-hero__visual { min-height:185px; }
    .support-detail-hero__visual img { height:210px; }
    .support-detail-hero__orb--main { width:135px; height:135px; }
    .support-detail-body { padding-top:24px; }
    .support-detail-summary .support-overview__metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .support-detail-summary .support-metric:nth-child(even) { border-left:1px solid rgba(9,42,82,.1); }
    .support-detail-summary .support-metric:nth-child(n+3) { border-top:1px solid rgba(9,42,82,.1); }
    .support-detail-legislation-note { grid-template-columns:22px 1fr; }
    .support-detail-legislation-note a { grid-column:2; }
    .support-detail-summary .support-approval { grid-template-columns:1fr; }
    .support-detail-summary .support-approval__status { border-right:0; }
    .target-country-panel__intro { grid-template-columns:1fr; }
    .target-country-panel__bonus { justify-self:start; }
    .target-country-panel__countries { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .support-detail-expenses__grid,.support-detail-excluded__list,.support-detail-rules > div,.support-detail-related__grid { grid-template-columns:1fr; }
    .support-detail-documents .data-table,.support-detail-documents tbody,.support-detail-documents tr,.support-detail-documents td { display:block; width:100%; }
    .support-detail-documents thead { display:none; }
    .support-detail-documents tr { padding:11px 13px; border-bottom:1px solid #e3eaf0; }
    .support-detail-documents td { padding:4px 0 !important; border:0 !important; }
    .support-detail-documents td:nth-child(2)::before { content:"Durum: "; color:#718394; font-size:.58rem; }
    .support-detail-documents td:nth-child(3)::before { content:"Not: "; color:#718394; font-size:.58rem; font-weight:700; }
    .support-detail-timeline { grid-template-columns:1fr; gap:14px; }
    .support-detail-timeline::before { top:20px; bottom:20px; left:24px; right:auto; border-top:0; border-left:1px dashed #27a7ba; }
    .support-detail-timeline li { display:grid; grid-template-columns:48px 1fr; grid-template-rows:auto auto; gap:2px 12px; align-items:center; text-align:left; }
    .support-detail-timeline__node { grid-row:1/3; width:48px; height:48px; margin:0; box-shadow:0 0 0 4px #fff; }
    .support-detail-timeline small { max-width:none; }
    .support-detail-mistakes__grid { grid-template-columns:1fr; }
    .support-detail-layout .cta-band { align-items:flex-start; flex-direction:column; }
    .support-detail-layout .cta-band__actions { width:100%; }
}

/* ---------------------------------------------------------------------
   18. CTA BLOĞU
   --------------------------------------------------------------------- */
.cta-band {
    background: linear-gradient(150deg, var(--color-primary-dark), var(--color-primary-light));
    border-radius: var(--radius-2xl);
    padding: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: var(--space-8);
    align-items: center;
    color: rgba(255, 255, 255, 0.85);
}
.cta-band h2 { color: #fff; margin-bottom: var(--space-3); }
.cta-band p { color: rgba(255, 255, 255, 0.75); }
.cta-band__actions { display: flex; flex-direction: column; gap: var(--space-3); }
.cta-band__note { font-size: var(--text-xs); color: rgba(255, 255, 255, 0.6); text-align: center; }

@media (max-width: 820px) {
    .cta-band { grid-template-columns: 1fr; }
}

/* ---------------------------------------------------------------------
   19. NEWSLETTER
   --------------------------------------------------------------------- */
.newsletter { background: var(--color-primary-dark); color: rgba(255, 255, 255, 0.82); }
.newsletter__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-8);
    align-items: center;
    padding-block: clamp(2.5rem, 2rem + 2vw, 4rem);
}
.newsletter h2 { color: #fff; font-size: var(--text-2xl); margin-bottom: var(--space-2); }
.newsletter p { color: rgba(255, 255, 255, 0.68); font-size: var(--text-sm); }

.newsletter__form { display: flex; flex-direction: column; gap: var(--space-3); }
.newsletter__row { display: flex; gap: var(--space-3); }
.newsletter__row input[type="email"] {
    flex: 1;
    min-width: 0;
    padding: 0.8125rem var(--space-4);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-md);
    color: #fff;
    font-size: var(--text-sm);
    transition: border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease);
}
.newsletter__row input::placeholder { color: rgba(255, 255, 255, 0.45); }
.newsletter__row input:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.45);
}
.newsletter__consent {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    font-size: var(--text-xs);
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.5;
}
.newsletter__consent input { margin-top: 3px; accent-color: var(--color-accent); flex-shrink: 0; }
.newsletter__consent a { color: rgba(255, 255, 255, 0.85); text-decoration: underline; }

@media (max-width: 820px) {
    .newsletter__inner { grid-template-columns: 1fr; }
    .newsletter__row { flex-direction: column; }
}

/* ---------------------------------------------------------------------
   20. FOOTER
   --------------------------------------------------------------------- */
.footer {
    background: var(--color-primary-darker);
    color: rgba(255, 255, 255, 0.62);
    font-size: var(--text-sm);
    margin-top: auto;
}
.footer__main {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
    gap: var(--space-8);
    padding-block: clamp(2.5rem, 2rem + 2vw, 4rem);
}
.footer__brand-desc { margin-top: var(--space-4); max-width: 38ch; line-height: 1.7; }
.footer__logo-image {
    width: 230px;
    height: 58px;
    object-fit: contain;
    object-position: left center;
    filter: brightness(0) invert(1);
}
.footer .logo__name, .footer .logo { color: #fff; }
.footer .logo__tagline { color: rgba(255, 255, 255, 0.5); }
.footer .logo__mark { background: rgba(255, 255, 255, 0.12); }

.footer__col-title {
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: var(--space-4);
}
.footer__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.footer__list a { color: rgba(255, 255, 255, 0.62); }
.footer__list a:hover { color: #fff; }

.footer__contact { display: flex; flex-direction: column; gap: var(--space-3); }
.footer__contact-item { display: flex; gap: var(--space-3); align-items: flex-start; }
.footer__contact-item svg { width: 16px; height: 16px; color: rgba(255, 255, 255, 0.4); flex-shrink: 0; margin-top: 3px; }
.footer__contact-label { font-size: var(--text-xs); color: rgba(255, 255, 255, 0.42); }
.footer__contact-value { color: rgba(255, 255, 255, 0.9); font-weight: 500; }
a.footer__contact-value:hover { color: #fff; text-decoration: underline; }

.footer__socials { display: flex; gap: var(--space-2); margin-top: var(--space-5); }
.footer__social {
    width: 36px; height: 36px;
    display: grid; place-items: center;
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.72);
    transition: background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);
}
.footer__social:hover { background: rgba(255, 255, 255, 0.16); color: #fff; }
.footer__social svg { width: 17px; height: 17px; }

.footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-block: var(--space-5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    flex-wrap: wrap;
    font-size: var(--text-xs);
    color: rgba(255, 255, 255, 0.45);
}
.footer__bottom-links { display: flex; gap: var(--space-5); flex-wrap: wrap; }
.footer__bottom a { color: rgba(255, 255, 255, 0.55); }
.footer__bottom a:hover { color: #fff; }

.footer__disclaimer {
    padding-block: var(--space-4);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.6875rem;
    color: rgba(255, 255, 255, 0.35);
    line-height: 1.6;
}

@media (max-width: 900px) {
    .footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .footer__main { grid-template-columns: 1fr; gap: var(--space-6); }
}

/* ---------------------------------------------------------------------
   21. BREADCRUMB
   --------------------------------------------------------------------- */
.breadcrumb { padding-block: var(--space-4); border-bottom: 1px solid var(--color-border); background: var(--color-bg-soft); }
.breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    list-style: none;
    margin: 0; padding: 0;
    font-size: var(--text-xs);
    color: var(--color-muted);
}
.breadcrumb__list li { display: flex; align-items: center; gap: var(--space-2); }
.breadcrumb__list svg { width: 13px; height: 13px; color: var(--color-faint); }
.breadcrumb__list a { color: var(--color-muted); }
.breadcrumb__list a:hover { color: var(--color-primary); }
.breadcrumb__current { color: var(--color-heading); font-weight: 600; }

/* ---------------------------------------------------------------------
   22. SAYFA BAŞLIĞI
   --------------------------------------------------------------------- */
.page-head {
    background: linear-gradient(180deg, var(--color-bg-soft), #fff);
    padding-block: clamp(2.5rem, 2rem + 2vw, 4rem);
    border-bottom: 1px solid var(--color-border);
}
.page-head__inner { max-width: 820px; }
.page-head__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-accent);
    margin-bottom: var(--space-3);
}
.page-head__title { margin-bottom: var(--space-4); }
.page-head__lead { font-size: var(--text-lg); color: var(--color-muted); }
.page-head__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-5);
    margin-top: var(--space-5);
    font-size: var(--text-xs);
    color: var(--color-muted);
}
.page-head__meta span { display: inline-flex; align-items: center; gap: var(--space-2); }
.page-head__meta svg { width: 14px; height: 14px; opacity: 0.6; }

/* ---------------------------------------------------------------------
   23. İÇERİK TİPOGRAFİSİ (prose)
   --------------------------------------------------------------------- */
.prose { font-size: 1.0625rem; line-height: 1.75; color: var(--color-body); }
.prose > * + * { margin-top: var(--space-5); }
.prose h2 { font-size: var(--text-2xl); margin-top: var(--space-10); margin-bottom: var(--space-4); }
.prose h3 { font-size: var(--text-xl); margin-top: var(--space-8); margin-bottom: var(--space-3); }
.prose h4 { font-size: var(--text-lg); margin-top: var(--space-6); margin-bottom: var(--space-2); }
.prose h2:first-child, .prose h3:first-child { margin-top: 0; }
.prose ul, .prose ol { padding-left: var(--space-6); }
.prose li + li { margin-top: var(--space-2); }
.prose li::marker { color: var(--color-primary-light); }
.prose a { text-decoration: underline; text-underline-offset: 3px; }
.prose strong { color: var(--color-heading); font-weight: 650; }
.prose img { border-radius: var(--radius-lg); margin-block: var(--space-6); }
.prose blockquote {
    border-left: 3px solid var(--color-primary-light);
    padding: var(--space-2) 0 var(--space-2) var(--space-5);
    color: var(--color-muted);
    font-style: italic;
}
.prose code {
    font-family: var(--font-mono);
    font-size: 0.875em;
    background: var(--color-bg-muted);
    padding: 0.125em 0.375em;
    border-radius: var(--radius-sm);
}
.prose table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
.prose th, .prose td { padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border); text-align: left; }
.prose th { background: var(--color-bg-soft); font-weight: 600; color: var(--color-heading); }

/* Rehberlerde indirilebilir resmî formlar */
.guide-downloads {
    margin-top: var(--space-10);
    padding: clamp(1.25rem, 2vw, 2rem);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background:
        radial-gradient(circle at 100% 0, rgba(26, 171, 173, 0.10), transparent 35%),
        linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}
.guide-downloads__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--space-6);
    margin-bottom: var(--space-6);
}
.guide-downloads__head h2 { margin: var(--space-1) 0 0; font-size: var(--text-2xl); }
.guide-downloads__head p { max-width: 25rem; margin: 0; color: var(--color-muted); font-size: var(--text-sm); }
.guide-downloads__eyebrow {
    color: var(--color-accent);
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.guide-downloads__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
}
.guide-file-card {
    min-width: 0;
    padding: var(--space-5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 30px rgba(5, 43, 83, 0.05);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.guide-file-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 143, 147, 0.35);
    box-shadow: 0 16px 36px rgba(5, 43, 83, 0.09);
}
.guide-file-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-4); }
.guide-file-card__icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    color: var(--color-primary);
    background: var(--color-accent-soft);
}
.guide-file-card__format {
    padding: 0.3rem 0.55rem;
    border-radius: 999px;
    background: var(--color-bg-muted);
    color: var(--color-muted);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}
.guide-file-card__label { display: block; color: var(--color-accent); font-size: var(--text-xs); font-weight: 700; }
.guide-file-card h3 { margin: var(--space-1) 0 var(--space-2); font-size: var(--text-lg); }
.guide-file-card p { min-height: 3.2em; margin: 0; color: var(--color-muted); font-size: var(--text-sm); line-height: 1.6; }
.guide-file-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-4);
    padding-top: var(--space-4);
    margin-top: var(--space-4);
    border-top: 1px solid var(--color-border);
}
.guide-file-card__actions a {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    color: var(--color-primary);
    font-size: var(--text-sm);
    font-weight: 650;
    text-decoration: none;
}
.guide-file-card__actions a:hover { color: var(--color-accent); }

@media (max-width: 700px) {
    .guide-downloads__head { align-items: flex-start; flex-direction: column; gap: var(--space-2); }
    .guide-downloads__grid { grid-template-columns: 1fr; }
    .guide-file-card p { min-height: 0; }
}

/* Geniş içerikler kendi içinde kaydırılır */
.table-scroll { overflow-x: auto; margin-block: var(--space-6); border-radius: var(--radius-lg); }

/* ---------------------------------------------------------------------
   24. VERİ TABLOSU / ÖZET KUTULARI
   --------------------------------------------------------------------- */
.data-table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); background: #fff; }
.data-table th, .data-table td { padding: var(--space-3) var(--space-4); text-align: left; border-bottom: 1px solid var(--color-border); }
.data-table thead th {
    background: var(--color-bg-soft);
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-muted);
    white-space: nowrap;
}
.data-table tbody tr:hover { background: var(--color-bg-soft); }
.data-table tbody tr:last-child td { border-bottom: 0; }

/* Anahtar-değer özet ızgarası */
.summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1px;
    background: var(--color-border);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
}
.summary-item { background: #fff; padding: var(--space-5); }
.summary-item__label {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-faint);
    margin-bottom: var(--space-2);
}
.summary-item__value { font-size: 1.125rem; font-weight: 700; color: var(--color-heading); line-height: 1.35; }
.summary-item__note { font-size: var(--text-xs); color: var(--color-muted); margin-top: var(--space-1); }

/* Destek detaylarında ortak özet yüzeyi */
.support-overview__metrics {
    display: grid;
    grid-template-columns: repeat(var(--support-metric-count), minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(9, 42, 82, .09);
    border-radius: 18px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 15px 36px rgba(9, 42, 82, .075);
}
.support-metric { position: relative; min-width: 0; padding: 1.35rem 1.25rem 1.45rem; }
.support-metric + .support-metric { border-left: 1px solid rgba(9, 42, 82, .1); }
.support-metric__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: .9rem;
    border: 1px solid rgba(9, 42, 82, .06);
    border-radius: 50%;
    background: linear-gradient(145deg, #f6faff, #e5eef7);
    color: #0a2c53;
}
.support-metric__label {
    margin-bottom: .42rem;
    color: #647ba0;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.support-metric__value {
    color: #08264c;
    font-size: clamp(1.3rem, 2vw, 1.78rem);
    font-weight: 780;
    line-height: 1.08;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
}
.support-metric__note { margin-top: .4rem; color: #60758d; font-size: .72rem; line-height: 1.45; }
.support-metric__note .tooltip { transform: translateY(2px); }

.support-approval {
    display: grid;
    grid-template-columns: minmax(145px, .7fr) minmax(220px, 1.55fr) minmax(275px, 1.5fr);
    align-items: center;
    gap: 1.25rem;
    margin-top: 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(188, 104, 15, .16);
    border-left: 4px solid #d5740c;
    border-radius: 15px;
    background: linear-gradient(100deg, #fff 0%, #fffaf3 100%);
    box-shadow: 0 9px 24px rgba(74, 47, 14, .05);
}
.support-approval--clear { border-color: rgba(16, 128, 122, .16); border-left-color: #14847d; background: linear-gradient(100deg, #fff 0%, #f4fbfa 100%); }
.support-approval__status {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 0;
    padding-right: 1rem;
    border-right: 1px solid rgba(9, 42, 82, .1);
}
.support-approval__icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff5e8;
    color: #c86605;
    box-shadow: inset 0 0 0 1px rgba(202, 104, 8, .14);
}
.support-approval--clear .support-approval__icon { background: #eaf8f6; color: #14847d; box-shadow: inset 0 0 0 1px rgba(20, 132, 125, .14); }
.support-approval__status > span:last-child { display: grid; gap: .15rem; }
.support-approval__status small { color: #687b9b; font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.support-approval__status strong { color: #0b2b52; font-size: 1.25rem; line-height: 1.15; }
.support-approval__copy { margin: 0; color: #3f5568; font-size: .78rem; line-height: 1.55; }
.support-approval__checks { padding: .75rem .9rem; border: 1px solid rgba(188, 104, 15, .13); border-radius: 12px; background: rgba(255, 247, 235, .82); }
.support-approval--clear .support-approval__checks { border-color: rgba(20, 132, 125, .12); background: rgba(234, 248, 246, .74); }
.support-approval__checks-title {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .55rem;
    color: #b35806;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.support-approval--clear .support-approval__checks-title { color: #0f746f; }
.support-approval__checks ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; margin: 0; padding: 0; list-style: none; }
.support-approval__checks li { position: relative; padding-left: .7rem; color: #3f5568; font-size: .64rem; line-height: 1.4; }
.support-approval__checks li::before { content: ''; position: absolute; top: .48em; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #d5740c; }
.support-approval--clear .support-approval__checks li::before { background: #14847d; }
.support-overview__expert { margin-top: 1rem; }

@media (max-width: 1060px) {
    .support-overview__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .support-metric + .support-metric { border-left: 0; }
    .support-metric:nth-child(even) { border-left: 1px solid rgba(9, 42, 82, .1); }
    .support-metric:nth-child(n + 3) { border-top: 1px solid rgba(9, 42, 82, .1); }
    .support-approval { grid-template-columns: minmax(145px, .65fr) minmax(0, 1.5fr); }
    .support-approval__checks { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
    .support-overview__metrics { grid-template-columns: 1fr; }
    .support-metric:nth-child(even) { border-left: 0; }
    .support-metric:nth-child(n + 2) { border-top: 1px solid rgba(9, 42, 82, .1); }
    .support-approval { grid-template-columns: 1fr; padding: 1rem; }
    .support-approval__status { padding: 0 0 .85rem; border-right: 0; border-bottom: 1px solid rgba(9, 42, 82, .1); }
    .support-approval__checks { grid-column: auto; }
    .support-approval__checks ul { grid-template-columns: 1fr; }
}

/* Hedef ülke ilavesi bulunan desteklerde ortak ülke listesi */
.target-country-section { margin-bottom: var(--space-10); scroll-margin-top: calc(var(--header-height) + 1.5rem); }
.target-country-panel {
    position: relative;
    overflow: hidden;
    padding: clamp(1.3rem, 2.5vw, 2rem);
    border: 1px solid rgba(18, 112, 146, .16);
    border-radius: 22px;
    background:
        radial-gradient(circle at 94% 8%, rgba(40, 183, 179, .11), transparent 28%),
        linear-gradient(145deg, #f7fbfd 0%, #eef7f8 100%);
    box-shadow: 0 14px 36px rgba(9, 42, 82, .055);
}
.target-country-panel::after {
    content: '';
    position: absolute;
    right: -85px;
    top: -105px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(13, 148, 136, .09);
    border-radius: 50%;
    box-shadow: 0 0 0 35px rgba(13, 148, 136, .025), 0 0 0 76px rgba(13, 148, 136, .016);
    pointer-events: none;
}
.target-country-panel__intro {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 1.5rem;
    align-items: end;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(9, 42, 82, .1);
}
.target-country-panel__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    margin-bottom: .55rem;
    color: #0c817d;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.target-country-panel__intro h2 { max-width: 24ch; margin: 0; color: #092c51; font-size: clamp(1.35rem, 2.15vw, 1.85rem); line-height: 1.18; }
.target-country-panel__intro p { grid-column: 1; max-width: 72ch; margin: .7rem 0 0; color: #536b7e; font-size: .82rem; line-height: 1.7; }
.target-country-panel__bonus {
    grid-column: 2;
    grid-row: 1 / span 3;
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 165px;
    padding: .9rem 1rem;
    border: 1px solid rgba(13, 148, 136, .15);
    border-radius: 16px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 10px 25px rgba(9, 42, 82, .055);
}
.target-country-panel__bonus-icon { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #20aaa6, #0d7f7a); }
.target-country-panel__bonus > span:last-child { display: grid; }
.target-country-panel__bonus strong { color: #0b5f5c; font-size: 1.15rem; line-height: 1.2; }
.target-country-panel__bonus small { margin-top: .15rem; color: #688183; font-size: .62rem; }
.target-country-panel__countries {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
    padding-block: 1.25rem;
}
.target-country-chip {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    min-height: 43px;
    padding: .55rem .7rem;
    border: 1px solid rgba(9, 42, 82, .085);
    border-radius: 11px;
    background: rgba(255,255,255,.82);
    color: #193b58;
    font-size: .72rem;
    font-weight: 650;
    line-height: 1.25;
    transition: transform var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);
}
.target-country-chip:hover { transform: translateY(-2px); border-color: rgba(13, 148, 136, .28); box-shadow: 0 8px 18px rgba(9, 42, 82, .07); }
.target-country-chip > span { display: grid; place-items: center; width: 27px; height: 27px; flex: 0 0 27px; border-radius: 8px; color: #0b7e79; background: #e7f6f4; font-size: .58rem; font-weight: 800; }
.target-country-chip > .target-country-chip__flag {
    width: 32px;
    height: 24px;
    flex: 0 0 32px;
    overflow: hidden;
    border: 1px solid rgba(9, 42, 82, .11);
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 3px 8px rgba(9, 42, 82, .08);
}
.target-country-chip__flag img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.target-country-panel__notice {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 24px minmax(0,1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .85rem 1rem;
    border-radius: 13px;
    background: rgba(8, 48, 82, .055);
    color: #436078;
}
.target-country-panel__notice > span { color: #0b7e79; }
.target-country-panel__notice p { margin: 0; font-size: .7rem; line-height: 1.5; }
.target-country-panel__notice .link-arrow { white-space: nowrap; font-size: .68rem; }

/* ================================================================
   Sağlık turizmi destekleri — kategori / hub sayfası
   ================================================================ */
.support-hub { overflow: hidden; color: #153652; background: #fff; }
.support-hub .container { max-width: 1240px; }
.support-hub-page .breadcrumb { background: #f6fafc; }
.support-hub-page .breadcrumb__list { font-size: .72rem; }
.support-hub-section { padding: clamp(4rem, 7vw, 6.5rem) 0; }
.support-hub-heading { max-width: 760px; margin-bottom: 2.1rem; }
.support-hub-heading > span,
.support-hub-heading > div > span { display: block; margin-bottom: .55rem; color: #078984; font-size: .72rem; font-weight: 800; letter-spacing: .1em; }
.support-hub-heading h2 { margin: 0; color: #082d58; font-size: clamp(2rem, 3.1vw, 3rem); line-height: 1.1; letter-spacing: -.045em; }
.support-hub-heading p { max-width: 680px; margin: .85rem 0 0; color: #64798c; font-size: .94rem; line-height: 1.7; }
.support-hub-heading--center { margin-inline: auto; text-align: center; }
.support-hub-heading--center p { margin-inline: auto; }
.support-hub-heading--row { display: flex; align-items: end; justify-content: space-between; gap: 2rem; max-width: none; }
.support-hub-heading--row > a { display: inline-flex; align-items: center; gap: .45rem; padding-bottom: .35rem; color: #0864c5; font-size: .82rem; font-weight: 800; white-space: nowrap; }
.support-hub-heading--row > a:hover { color: #06468e; transform: translateX(2px); }

.support-hub-hero { position: relative; padding: clamp(3.8rem, 6.5vw, 6.5rem) 0; background: radial-gradient(circle at 82% 20%, rgba(26,179,173,.12), transparent 26%), linear-gradient(135deg,#f8fbfd 0%,#eef7f9 100%); border-bottom: 1px solid #e1ebf0; }
.support-hub-hero::before { content: ''; position: absolute; inset: 0; opacity: .3; pointer-events: none; background-image: radial-gradient(rgba(33,118,154,.22) .8px, transparent .8px); background-size: 19px 19px; mask-image: linear-gradient(90deg, transparent 42%, #000 72%, transparent 98%); }
.support-hub-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0,1.04fr) minmax(430px,.96fr); align-items: center; gap: clamp(3rem,6vw,6.5rem); }
.support-hub-eyebrow { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 1.2rem; padding: .48rem .78rem; border: 1px solid #b8dedf; border-radius: 999px; color: #087f7a; background: rgba(255,255,255,.82); font-size: .72rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.support-hub-hero__copy h1 { margin: 0; color: #082c58; font-size: clamp(3.25rem,5.1vw,5.15rem); line-height: .98; letter-spacing: -.065em; }
.support-hub-hero__copy h1 span { color: #079d96; }
.support-hub-hero__copy > p { max-width: 660px; margin: 1.35rem 0 0; color: #526b80; font-size: 1rem; line-height: 1.75; }
.support-hub-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.8rem; }
.support-hub-hero__actions .btn { min-height: 50px; border-radius: 10px; font-size: .83rem; }
.support-hub-hero__trust { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 1.45rem; color: #688093; font-size: .72rem; }
.support-hub-hero__trust span { display: inline-flex; align-items: center; gap: .42rem; }
.support-hub-hero__trust svg { color: #0b918c; }

.support-finder { position: relative; padding: 1.55rem; border: 1px solid rgba(10,50,84,.1); border-radius: 22px; background: rgba(255,255,255,.96); box-shadow: 0 22px 60px rgba(11,55,86,.11); }
.support-finder::after { content: ''; position: absolute; right: -34px; top: -36px; width: 130px; height: 130px; border: 1px solid rgba(13,148,136,.13); border-radius: 50%; pointer-events: none; }
.support-finder__head { position: relative; display: flex; align-items: center; gap: .9rem; padding-bottom: 1.1rem; border-bottom: 1px solid #e5edf2; }
.support-finder__head > span { display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 46px; border-radius: 14px; color: #087f7a; background: #e4f6f4; }
.support-finder__head p { margin: 0 0 .25rem; color: #0c918b; font-size: .63rem; font-weight: 800; letter-spacing: .08em; }
.support-finder__head h2 { margin: 0; color: #092e58; font-size: 1.28rem; line-height: 1.3; letter-spacing: -.025em; }
.support-finder__choices { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin-top: 1rem; }
.support-finder__choices > a { display: grid; grid-template-columns: 38px minmax(0,1fr) 16px; align-items: center; gap: .65rem; min-width: 0; min-height: 86px; padding: .8rem; border: 1px solid #dfe8ee; border-radius: 13px; color: #143751; background: #fff; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.support-finder__choices > a:hover { color: #143751; transform: translateY(-3px); border-color: rgba(8,137,132,.35); box-shadow: 0 12px 24px rgba(10,55,86,.08); }
.support-finder__choices > a > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: #0b8781; background: #e9f7f5; }
.support-finder__choices div { min-width: 0; }
.support-finder__choices strong,.support-finder__choices small { display: block; }
.support-finder__choices strong { color: #0a3159; font-size: .79rem; line-height: 1.25; }
.support-finder__choices small { margin-top: .22rem; color: #708396; font-size: .62rem; line-height: 1.4; }
.support-finder__choices > a > svg { color: #39789d; }
.support-finder__metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 1rem; padding: 1rem 0; border-block: 1px solid #e5edf2; }
.support-finder__metrics div { min-width: 0; padding: .15rem .8rem; border-left: 1px solid #e5edf2; }
.support-finder__metrics div:first-child { border-left: 0; padding-left: 0; }
.support-finder__metrics strong,.support-finder__metrics span { display: block; }
.support-finder__metrics strong { color: #0a3159; font-size: 1.1rem; letter-spacing: -.03em; }
.support-finder__metrics span { margin-top: .18rem; color: #718496; font-size: .59rem; line-height: 1.35; }
.support-finder__action { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding: .85rem 1rem; border-radius: 10px; color: #fff; background: #082f5d; font-size: .78rem; font-weight: 800; }
.support-finder__action:hover { color: #fff; background: #0b477e; transform: translateY(-2px); }

.support-hub-audiences { padding-bottom: 4.6rem; }
.support-hub-audiences__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.support-audience-card { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 1.2rem; padding: 1.45rem; border: 1px solid #dfe8ee; border-radius: 17px; color: #173953; background: #fff; box-shadow: 0 10px 28px rgba(12,50,80,.045); transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.support-audience-card:hover { color: #173953; transform: translateY(-4px); border-color: rgba(38,105,189,.3); box-shadow: 0 18px 38px rgba(12,50,80,.09); }
.support-audience-card__icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 17px; color: #1d66c4; background: #edf4fd; }
.support-audience-card--teal .support-audience-card__icon { color: #078c86; background: #e7f7f5; }
.support-audience-card h3 { margin: .05rem 0 .4rem; color: #092e58; font-size: 1.08rem; }
.support-audience-card p { margin: 0 0 .85rem; color: #657a8c; font-size: .78rem; line-height: 1.6; }
.support-audience-card strong { display: inline-flex; align-items: center; gap: .4rem; color: #0862bd; font-size: .72rem; }

/* Destek giriş sayfası hedef ülke vitrini */
.support-target-showcase { overflow: hidden; padding-top: 0; background: #fff; }
.support-target-showcase__panel { position: relative; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr); gap: clamp(2rem,5vw,5rem); align-items: center; overflow: hidden; padding: clamp(2rem,4vw,3.4rem); border: 1px solid #cde5e5; border-radius: 24px; background: linear-gradient(125deg,#eefafa 0%,#f8fcfd 54%,#edf5fb 100%); box-shadow: 0 18px 46px rgba(8,55,83,.075); }
.support-target-showcase__panel::after { content: ''; position: absolute; right: -130px; top: -170px; width: 430px; height: 430px; border: 1px solid rgba(7,139,132,.12); border-radius: 50%; box-shadow: 0 0 0 60px rgba(7,139,132,.035),0 0 0 120px rgba(17,91,143,.025); pointer-events: none; }
.support-target-showcase__intro,.support-target-showcase__supports { position: relative; z-index: 1; }
.support-target-showcase__eyebrow { display: inline-flex; align-items: center; gap: .45rem; color: #07847f; font-size: .65rem; font-weight: 850; letter-spacing: .09em; }
.support-target-showcase__intro h2 { margin: .7rem 0 .7rem; color: #082f5c; font-size: clamp(2rem,3.4vw,3.2rem); line-height: 1.05; letter-spacing: -.045em; }
.support-target-showcase__intro h2 span { color: #079991; }
.support-target-showcase__intro > p { max-width: 670px; margin: 0; color: #587185; font-size: .86rem; line-height: 1.7; }
.support-target-showcase__intro > p strong { color: #087f79; }
.support-target-rate { display: grid; grid-template-columns: 1fr auto 1fr auto 1.2fr; align-items: center; gap: .65rem; margin-top: 1.5rem; }
.support-target-rate > div { min-width: 0; padding: .8rem .9rem; border: 1px solid #d7e9e9; border-radius: 13px; background: rgba(255,255,255,.8); }
.support-target-rate > span { color: #7a96a6; font-size: 1.15rem; font-weight: 700; }
.support-target-rate small,.support-target-rate strong { display: block; }
.support-target-rate small { color: #748a99; font-size: .54rem; line-height: 1.35; }
.support-target-rate strong { margin-top: .22rem; color: #0a365e; font-size: 1rem; }
.support-target-rate__result { border-color: #8bd2ce !important; background: #daf4f1 !important; }
.support-target-rate__result strong { color: #087d78; }
.support-target-showcase__supports { display: grid; gap: .62rem; }
.support-target-showcase__supports > small { margin-bottom: .15rem; color: #668194; font-size: .59rem; font-weight: 850; letter-spacing: .085em; }
.support-target-showcase__supports > a { display: grid; grid-template-columns: 38px minmax(0,1fr) 15px; align-items: center; gap: .7rem; padding: .75rem .8rem; border: 1px solid rgba(22,93,125,.13); border-radius: 13px; color: #113a5b; background: rgba(255,255,255,.86); font-size: .72rem; font-weight: 750; box-shadow: 0 8px 20px rgba(10,60,84,.04); transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.support-target-showcase__supports > a:hover { color: #0a4269; transform: translateX(5px); border-color: rgba(7,145,138,.38); box-shadow: 0 12px 25px rgba(10,60,84,.08); }
.support-target-showcase__supports > a > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: #078b85; background: #e2f6f3; }
.support-target-showcase__supports > a > svg { color: #3182a7; }
.support-target-flags { margin-top: 1rem; overflow: hidden; border: 1px solid #dce8ed; border-radius: 17px; background: #fff; mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
.support-target-flags__track { display: flex; width: max-content; padding-block: .8rem; animation: support-target-flags-scroll 58s linear infinite; will-change: transform; }
.support-target-flags__group { display: flex; flex: 0 0 auto; gap: .65rem; padding-right: .65rem; }
.support-target-country { display: flex; align-items: center; gap: .6rem; min-width: max-content; padding: .48rem .75rem .48rem .5rem; border: 1px solid #e1e9ee; border-radius: 12px; color: #173c58; background: #fff; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.support-target-country:hover { color: #0b4269; transform: translateY(-3px); border-color: #8bcfcb; box-shadow: 0 9px 19px rgba(8,62,83,.11); }
.support-target-country > span { display: grid; place-items: center; width: 42px; height: 31px; overflow: hidden; border-radius: 7px; box-shadow: 0 2px 8px rgba(18,43,62,.16); }
.support-target-country img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.support-target-country:hover img { transform: scale(1.1); }
.support-target-country strong { max-width: 155px; font-size: .67rem; line-height: 1.25; }
.support-target-flags:hover .support-target-flags__track,.support-target-flags:focus-within .support-target-flags__track { animation-play-state: paused; }
.support-target-showcase__foot { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; margin-top: .9rem; padding-inline: .25rem; }
.support-target-showcase__foot p,.support-target-showcase__foot a { display: inline-flex; align-items: center; gap: .45rem; margin: 0; font-size: .66rem; line-height: 1.5; }
.support-target-showcase__foot p { color: #718596; }
.support-target-showcase__foot p svg { color: #0a8c86; flex: 0 0 auto; }
.support-target-showcase__foot a { color: #0864bd; font-weight: 800; white-space: nowrap; }
@keyframes support-target-flags-scroll { to { transform: translateX(-50%); } }

@media (prefers-reduced-motion: reduce) {
    .topbar__ticker-track,.support-target-flags__track { animation: none; transform: none; }
    .topbar__ticker,.support-target-flags { overflow-x: auto; mask-image: none; scrollbar-width: thin; }
    .topbar__ticker-group[aria-hidden="true"],.support-target-flags__group[aria-hidden="true"] { display: none; }
    .support-target-country,.support-target-showcase__supports > a,.topbar__ticker-item svg { transition: none; }
}

.support-catalog { padding-top: 4.6rem; background: #f7fafc; border-block: 1px solid #e7eef3; }
.support-catalog__categories { display: grid; gap: 2.3rem; }
.support-category { padding: 1.35rem; border: 1px solid #e1e9ef; border-radius: 20px; background: #fff; box-shadow: 0 12px 32px rgba(10,48,76,.045); }
.support-category__head { display: grid; grid-template-columns: 52px minmax(0,1fr); gap: .9rem; align-items: start; margin-bottom: 1.15rem; padding: .2rem .15rem 1.15rem; border-bottom: 1px solid #e8eef2; }
.support-category__icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; color: #087f7a; background: #e6f6f4; }
.support-category__head small { color: #0a8d87; font-size: .6rem; font-weight: 800; letter-spacing: .09em; }
.support-category__head h3 { margin: .25rem 0 0; color: #0a2e56; font-size: 1.3rem; letter-spacing: -.02em; }
.support-category__head p { margin: .35rem 0 0; color: #6b7f90; font-size: .75rem; line-height: 1.55; }
.support-category__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; }
.support-hub-card { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 250px; padding: 1rem; border: 1px solid #e3eaf0; border-radius: 13px; color: #173852; background: #fff; transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.support-hub-card:hover { color: #173852; transform: translateY(-4px); border-color: rgba(10,139,133,.3); box-shadow: 0 15px 28px rgba(9,47,78,.08); }
.support-hub-card__icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: #078b85; background: #e7f7f5; transition: transform .22s ease,background .22s ease; }
.support-hub-card:hover .support-hub-card__icon { transform: scale(1.06); background: #d8f2ef; }
.support-hub-card h4 { margin: .85rem 0 .45rem; color: #0a2d56; font-size: .88rem; line-height: 1.35; }
.support-hub-card > p { margin: 0; color: #6a7e8f; font-size: .7rem; line-height: 1.55; }
.support-hub-card__meta { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .75rem; }
.support-hub-card__meta span { padding: .25rem .45rem; border-radius: 999px; color: #47677f; background: #f0f5f8; font-size: .57rem; font-weight: 750; }
.support-hub-card > strong { display: flex; align-items: center; gap: .38rem; margin-top: auto; padding-top: .9rem; color: #0963ba; font-size: .63rem; line-height: 1.4; }

.support-comparison { background: #eef5f8; }
.support-comparison__table-wrap { overflow: hidden; border: 1px solid #dfe8ee; border-radius: 16px; background: #fff; box-shadow: 0 12px 32px rgba(9,45,74,.055); }
.support-comparison__table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.support-comparison__table th { padding: .9rem 1rem; color: #6b7f91; background: #f8fafc; font-size: .62rem; font-weight: 800; letter-spacing: .065em; text-align: left; text-transform: uppercase; }
.support-comparison__table th:first-child { width: 31%; }
.support-comparison__table th:nth-child(2) { width: 14%; }
.support-comparison__table th:nth-child(3) { width: 25%; }
.support-comparison__table th:nth-child(4) { width: 15%; }
.support-comparison__table td { padding: .9rem 1rem; border-top: 1px solid #e8eef2; color: #536b7e; font-size: .72rem; line-height: 1.45; vertical-align: middle; }
.support-comparison__table tbody tr { transition: background .18s ease; }
.support-comparison__table tbody tr:hover { background: #f4faf9; }
.support-comparison__table td:first-child a { color: #0b4f8e; font-weight: 750; }
.support-comparison__table td:first-child a:hover { color: #078b85; }
.support-comparison__table td:nth-child(2) strong,.support-comparison__table td:nth-child(2) small { display: block; }
.support-comparison__table td:nth-child(2) strong { color: #0a3159; font-size: .8rem; }
.support-comparison__table td:nth-child(2) small { margin-top: .15rem; color: #0a8b85; font-size: .58rem; }
.support-approval-badge { display: inline-flex; padding: .32rem .52rem; border-radius: 999px; font-size: .58rem; font-weight: 800; white-space: nowrap; }
.support-approval-badge--required { color: #a53d2b; background: #fff0ed; }
.support-approval-badge--conditional { color: #9b6500; background: #fff6dd; }
.support-approval-badge--none { color: #587083; background: #edf2f5; }
.support-comparison__note { display: flex; align-items: flex-start; gap: .55rem; margin: 1rem 0 0; color: #698093; font-size: .68rem; line-height: 1.55; }
.support-comparison__note svg { flex: 0 0 auto; margin-top: .1rem; color: #0c8e89; }

.support-explainer__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.support-explainer article { position: relative; padding: 1.6rem; border: 1px solid #dfe9ee; border-radius: 17px; background: #fff; }
.support-explainer article > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #0a8a84; background: #e6f7f4; }
.support-explainer h3 { margin: 1rem 0 .55rem; color: #0a2f58; font-size: 1.15rem; }
.support-explainer p { margin: 0; color: #5d7386; font-size: .8rem; line-height: 1.75; }
.support-explainer a { display: inline-flex; align-items: center; gap: .4rem; margin-top: 1rem; color: #0863bd; font-size: .72rem; font-weight: 800; }

.support-guides { background: #f7fafc; border-block: 1px solid #e6edf2; }
.support-guides__layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(390px,.9fr); gap: 1rem; }
.support-guide-featured { position: relative; display: block; min-height: 470px; overflow: hidden; border-radius: 19px; color: #fff; background: #082f5d; }
.support-guide-featured img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.support-guide-featured:hover img { transform: scale(1.035); }
.support-guide-featured__shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(4,30,62,.97) 0%,rgba(5,37,72,.9) 40%,rgba(5,37,72,.2) 78%,rgba(5,37,72,.08) 100%); }
.support-guide-featured > div { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; width: min(68%,510px); min-height: 470px; padding: 2rem; }
.support-guide-featured small { padding: .34rem .55rem; border-radius: 999px; color: #bcebe7; background: rgba(11,133,126,.28); font-size: .62rem; font-weight: 800; letter-spacing: .07em; }
.support-guide-featured h3 { margin: .8rem 0 .6rem; color: #fff; font-size: clamp(1.65rem,2.6vw,2.35rem); line-height: 1.12; letter-spacing: -.035em; }
.support-guide-featured p { margin: 0; color: #d5e2ec; font-size: .8rem; line-height: 1.65; }
.support-guide-featured strong { display: inline-flex; align-items: center; gap: .4rem; margin-top: 1.15rem; color: #fff; font-size: .73rem; }
.support-guides__small { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.support-guides__small > a { display: grid; grid-template-columns: 39px minmax(0,1fr) 15px; align-items: start; gap: .7rem; min-width: 0; padding: 1rem; border: 1px solid #dfe8ee; border-radius: 14px; color: #173953; background: #fff; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.support-guides__small > a:hover { color: #173953; transform: translateY(-3px); border-color: rgba(9,132,126,.3); box-shadow: 0 12px 24px rgba(9,47,78,.07); }
.support-guides__small > a > span { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 11px; color: #0a8882; background: #e8f7f5; }
.support-guides__small h3 { margin: .1rem 0 .3rem; color: #0b3158; font-size: .76rem; line-height: 1.35; }
.support-guides__small p { margin: 0; color: #728496; font-size: .61rem; line-height: 1.5; }
.support-guides__small > a > svg { margin-top: .7rem; color: #3f789e; }

.support-steps { padding-bottom: 5.2rem; }
.support-steps__list { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.support-steps__list::before { content: ''; position: absolute; left: 10%; right: 10%; top: 46px; border-top: 1px dashed #78bfc1; }
.support-steps__list li { position: relative; z-index: 1; padding: 0 1rem; text-align: center; }
.support-steps__number { display: block; margin-bottom: .4rem; color: #0a8b86; font-size: .59rem; font-weight: 800; letter-spacing: .08em; }
.support-steps__icon { display: grid; place-items: center; width: 54px; height: 54px; margin: 0 auto .85rem; border: 1px solid #b8dddf; border-radius: 50%; color: #087f7a; background: #fff; box-shadow: 0 7px 18px rgba(8,85,105,.08); }
.support-steps h3 { margin: 0; color: #0b3158; font-size: .86rem; }
.support-steps p { margin: .45rem 0 0; color: #718496; font-size: .67rem; line-height: 1.55; }

.support-hub-final-cta { padding: 0 0 5rem; background: #fff; }
.support-hub-final-cta__inner { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 2rem; overflow: hidden; padding: 2.25rem 2.5rem; border-radius: 20px; color: #dce8f1; background: linear-gradient(125deg,#06284f,#0a4d70); box-shadow: 0 20px 42px rgba(4,35,67,.16); }
.support-hub-final-cta__inner::after { content: ''; position: absolute; right: -55px; top: -120px; width: 320px; height: 320px; border: 1px solid rgba(93,219,211,.18); border-radius: 50%; }
.support-hub-final-cta__inner > * { position: relative; z-index: 1; }
.support-hub-final-cta span { color: #63d4cc; font-size: .65rem; font-weight: 800; letter-spacing: .09em; }
.support-hub-final-cta h2 { max-width: 650px; margin: .4rem 0 .55rem; color: #fff; font-size: clamp(1.7rem,2.5vw,2.35rem); line-height: 1.12; letter-spacing: -.035em; }
.support-hub-final-cta p { max-width: 660px; margin: 0; color: #c7d7e3; font-size: .78rem; line-height: 1.6; }
.support-hub-final-cta__inner > div:last-child { display: flex; flex-direction: column; gap: .65rem; min-width: 260px; }
.support-hub-final-cta .btn { justify-content: space-between; border-radius: 9px; }

.support-hub-page .newsletter { margin-top: 0; border-top: 1px solid #e4ebf0; background: #f4f8fa; }
.support-hub-page .newsletter__inner { align-items: center; }
.support-hub-page .newsletter h2 { color: #0a2d57; }
.support-hub-page .newsletter p { color: #61778a; }
.support-hub-page .newsletter__row { background: transparent; }
.support-hub-page .newsletter__row input[type="email"] { color: #173651; border-color: #d5e2ea; background: #fff; }
.support-hub-page .newsletter__row input[type="email"]::placeholder { color: #8393a2; }
.support-hub-page .newsletter__row input[type="email"]:focus { color: #173651; border-color: #4f91ba; background: #fff; }
.support-hub-page .newsletter__row .btn { color: #fff; background: #082f5d; }
.support-hub-page .newsletter__consent { color: #657a8d; }
.support-hub-page .newsletter__consent a { color: #0b5eac; }

@media (max-width: 1080px) {
    .support-hub-hero__grid { grid-template-columns: minmax(0,1fr) minmax(380px,.85fr); gap: 2.2rem; }
    .support-hub-hero__copy h1 { font-size: clamp(3rem,5vw,4rem); }
    .support-category__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .support-guides__layout { grid-template-columns: 1fr; }
    .support-guide-featured { min-height: 420px; }
    .support-guide-featured > div { min-height: 420px; }
}

@media (max-width: 820px) {
    .support-hub-section { padding-block: 4rem; }
    .support-hub-hero__grid { grid-template-columns: 1fr; }
    .support-hub-hero__copy { text-align: center; }
    .support-hub-eyebrow,.support-hub-hero__actions,.support-hub-hero__trust { justify-content: center; }
    .support-hub-hero__copy > p { margin-inline: auto; }
    .support-finder { max-width: 650px; margin-inline: auto; }
    .support-hub-audiences__grid,.support-explainer__grid { grid-template-columns: 1fr; }
    .support-target-showcase__panel { grid-template-columns: 1fr; gap: 1.5rem; }
    .support-target-showcase__supports { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .support-target-showcase__supports > small { grid-column: 1 / -1; }
    .support-target-showcase__supports > a { grid-template-columns: 34px minmax(0,1fr); align-content: center; }
    .support-target-showcase__supports > a > svg { display: none; }
    .support-category__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .support-hub-card { min-height: 235px; }
    .support-comparison__table thead { display: none; }
    .support-comparison__table,.support-comparison__table tbody,.support-comparison__table tr,.support-comparison__table td { display: block; width: 100%; }
    .support-comparison__table tbody { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; padding: .8rem; background: #f4f8fa; }
    .support-comparison__table tr { padding: .8rem; border: 1px solid #dfe8ee; border-radius: 12px; background: #fff; }
    .support-comparison__table td { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: .7rem; padding: .48rem 0; border: 0; border-top: 1px solid #edf1f4; }
    .support-comparison__table td:first-child { display: block; padding: 0 0 .7rem; border-top: 0; }
    .support-comparison__table td:not(:first-child)::before { content: attr(data-label); color: #8190a0; font-size: .59rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
    .support-guides__small { grid-template-columns: 1fr 1fr; }
    .support-steps__list { grid-template-columns: 1fr 1fr; gap: 2rem 1rem; }
    .support-steps__list::before { display: none; }
    .support-hub-final-cta__inner { grid-template-columns: 1fr; }
    .support-hub-final-cta__inner > div:last-child { flex-direction: row; min-width: 0; }
}

@media (max-width: 560px) {
    .support-hub-section { padding-block: 3.2rem; }
    .support-hub-heading { margin-bottom: 1.5rem; }
    .support-hub-heading h2 { font-size: 2rem; }
    .support-hub-hero { padding-block: 3.2rem; }
    .support-hub-hero__copy h1 { font-size: clamp(2.65rem,13vw,3.45rem); }
    .support-hub-hero__copy > p { font-size: .88rem; }
    .support-hub-hero__actions { display: grid; }
    .support-hub-hero__actions .btn { width: 100%; }
    .support-finder { padding: 1rem; border-radius: 17px; }
    .support-finder__choices { grid-template-columns: 1fr; }
    .support-finder__metrics strong { font-size: .92rem; }
    .support-audience-card { grid-template-columns: 48px minmax(0,1fr); gap: .85rem; padding: 1rem; }
    .support-audience-card__icon { width: 48px; height: 48px; border-radius: 13px; }
    .support-target-showcase__panel { padding: 1.25rem; border-radius: 18px; }
    .support-target-rate { grid-template-columns: 1fr auto 1fr; }
    .support-target-rate > div:last-child { grid-column: 1 / -1; }
    .support-target-rate > span:nth-of-type(2) { display: none; }
    .support-target-showcase__supports { grid-template-columns: 1fr; }
    .support-target-showcase__supports > a { grid-template-columns: 38px minmax(0,1fr) 15px; }
    .support-target-showcase__supports > a > svg { display: block; }
    .support-target-showcase__foot { align-items: flex-start; flex-direction: column; }
    .support-target-showcase__foot a { white-space: normal; }
    .support-category { padding: .85rem; border-radius: 16px; }
    .support-category__head { grid-template-columns: 44px minmax(0,1fr); }
    .support-category__icon { width: 44px; height: 44px; }
    .support-category__grid { grid-template-columns: 1fr; }
    .support-hub-card { min-height: 220px; }
    .support-comparison__table tbody { grid-template-columns: 1fr; }
    .support-hub-heading--row { align-items: start; }
    .support-hub-heading--row > a { display: none; }
    .support-guide-featured,.support-guide-featured > div { min-height: 390px; }
    .support-guide-featured > div { width: 100%; padding: 1.3rem; }
    .support-guide-featured__shade { background: linear-gradient(0deg,rgba(4,30,62,.98),rgba(5,37,72,.78) 65%,rgba(5,37,72,.18)); }
    .support-guides__small { grid-template-columns: 1fr; }
    .support-steps__list { grid-template-columns: 1fr; gap: 1.6rem; }
    .support-steps__list li { padding: 0 1.4rem; }
    .support-hub-final-cta { padding-bottom: 3rem; }
    .support-hub-final-cta__inner { padding: 1.4rem; border-radius: 16px; }
    .support-hub-final-cta__inner > div:last-child { flex-direction: column; }
}

@media (max-width: 900px) {
    .target-country-panel__countries { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .target-country-panel__intro { grid-template-columns: 1fr; }
    .target-country-panel__bonus { grid-column: 1; grid-row: auto; width: fit-content; margin-top: 1rem; }
    .target-country-panel__countries { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .target-country-panel__notice { grid-template-columns: 24px minmax(0,1fr); }
    .target-country-panel__notice .link-arrow { grid-column: 2; }
}
@media (max-width: 430px) {
    .target-country-panel__countries { grid-template-columns: 1fr; }
}

/* Uluslararası sağlık turisti ulaşım desteği — bilgi ve hesaplama yüzeyi */
.transport-guide, .transport-calculator-section { margin-bottom: var(--space-10); scroll-margin-top: calc(var(--header-height) + 1.5rem); }
.transport-guide {
    overflow: hidden;
    border: 1px solid rgba(9, 42, 82, .11);
    border-radius: 22px;
    background: #f8fbfd;
    box-shadow: 0 14px 34px rgba(9, 42, 82, .05);
}
.transport-guide__head { padding: clamp(1.35rem, 2.6vw, 2rem); border-bottom: 1px solid rgba(9, 42, 82, .09); background: radial-gradient(circle at 90% 20%, rgba(31, 169, 166, .09), transparent 28%), #fff; }
.transport-guide__eyebrow { display: inline-flex; align-items: center; gap: .45rem; margin-bottom: .55rem; color: #0b817d; font-size: .67rem; font-weight: 800; letter-spacing: .085em; text-transform: uppercase; }
.transport-guide__head h2, .transport-calculator-head h2 { max-width: 25ch; margin: 0; color: #092b52; font-size: clamp(1.45rem, 2.35vw, 2rem); line-height: 1.16; letter-spacing: -.025em; }
.transport-guide__head p, .transport-calculator-head p { max-width: 78ch; margin: .7rem 0 0; color: #546b7e; font-size: .82rem; line-height: 1.7; }
.transport-guide__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.transport-guide-card { position: relative; min-width: 0; padding: 1.35rem 1.45rem 1.45rem 4.8rem; border-bottom: 1px solid rgba(9, 42, 82, .085); background: rgba(255,255,255,.58); }
.transport-guide-card:nth-child(odd) { border-right: 1px solid rgba(9, 42, 82, .085); }
.transport-guide-card__icon { position: absolute; left: 1.35rem; top: 1.4rem; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; color: #0a568f; background: #e8f3f9; }
.transport-guide-card--accounting .transport-guide-card__icon { color: #6650aa; background: #f0edfb; }
.transport-guide-card--patient .transport-guide-card__icon { color: #0b817d; background: #e3f6f3; }
.transport-guide-card--agency .transport-guide-card__icon { color: #a45b08; background: #fff2dc; }
.transport-guide-card__step { display: block; margin-bottom: .35rem; color: #718399; font-size: .61rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.transport-guide-card h3 { margin: 0; color: #112e50; font-size: .92rem; line-height: 1.35; }
.transport-guide-card ul { display: grid; gap: .42rem; margin: .75rem 0 0; padding: 0; list-style: none; }
.transport-guide-card li { position: relative; padding-left: .85rem; color: #52687a; font-size: .72rem; line-height: 1.55; }
.transport-guide-card li::before { content: ''; position: absolute; left: 0; top: .65em; width: 4px; height: 4px; border-radius: 50%; background: #1ba39e; }
.transport-guide__rule { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: 1rem; margin: 1.1rem; padding: 1rem 1.1rem; border-radius: 15px; color: #dbe9f4; background: linear-gradient(135deg, #082d51, #0b4468); }
.transport-guide__rule > span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; color: #65d4ca; background: rgba(255,255,255,.08); }
.transport-guide__rule strong { display: block; color: #fff; font-size: .83rem; }
.transport-guide__rule p { margin: .25rem 0 0; font-size: .7rem; line-height: 1.55; }
.transport-guide__sources { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem 1rem; padding: 0 1.35rem 1.2rem; color: #728397; font-size: .65rem; }
.transport-guide__sources > span { font-weight: 750; }
.transport-guide__sources a { display: inline-flex; align-items: center; gap: .3rem; color: #0a6598; font-weight: 650; }

.transport-calculator-section { overflow: hidden; border: 1px solid rgba(9, 42, 82, .11); border-radius: 24px; background: #fff; box-shadow: 0 18px 42px rgba(9, 42, 82, .075); }
.transport-calculator-head { padding: clamp(1.35rem, 2.6vw, 2rem); background: radial-gradient(circle at 88% 8%, rgba(35, 183, 177, .11), transparent 28%), linear-gradient(145deg, #f9fcfd, #eef7f8); }
.transport-calculator-head h2 { max-width: none; }
.transport-calculator { display: grid; gap: .9rem; padding: clamp(1rem, 2.2vw, 1.4rem); border-top: 1px solid rgba(9, 42, 82, .09); background: #f6f9fb; }
.transport-calculator__form { display: grid; gap: .9rem; padding: 0; }
.transport-calculator__step { padding: 1.15rem; border: 1px solid #dfe7ed; border-radius: 16px; background: #fff; }
.transport-step__head { display: flex; align-items: flex-start; gap: .7rem; margin-bottom: 1rem; }
.transport-step__head > b { display: grid; place-items: center; width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; color: #fff; background: #0d8a84; font-size: .7rem; }
.transport-step__head > span { display: grid; gap: .13rem; min-width: 0; }
.transport-step__head strong { color: #102f4d; font-size: .84rem; }
.transport-step__head small { color: #718397; font-size: .65rem; line-height: 1.45; }
.transport-step__fields { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .85rem; }
.transport-calculator__form .form-group { margin: 0; }
.transport-calculator__form .label { display: flex; align-items: center; gap: .45rem; color: #133653; }
.transport-direction-label { margin-top: 1rem; }
.transport-money-inputs { display: grid; grid-template-columns: minmax(0,1fr) 92px; gap: .45rem; }
.transport-currency-select { width: 100%; min-height: 44px; padding: 0 .65rem; border: 1px solid #d7e1e9; border-radius: 10px; color: #123b5c; background: #f8fafc; font: inherit; font-size: .72rem; font-weight: 750; }
.transport-currency-select:focus { outline: 2px solid rgba(13,138,132,.2); border-color: #5bada8; }
.transport-rate-field { display: grid; grid-template-columns: auto minmax(90px,1fr); align-items: center; gap: .5rem; margin-top: .65rem; padding: .55rem .65rem; border: 1px solid rgba(13,138,132,.17); border-radius: 10px; background: #f1faf9; }
.transport-rate-field[hidden] { display: none; }
.transport-rate-field label { color: #28605f; font-size: .63rem; font-weight: 750; white-space: nowrap; }
.transport-rate-field input { width: 100%; min-width: 0; padding: .42rem .55rem; border: 1px solid #cddde2; border-radius: 8px; color: #123b5c; background: #fff; font: inherit; font-size: .7rem; font-weight: 700; }
.transport-currency-tools { display: grid; grid-template-columns: minmax(190px,.58fr) minmax(0,1fr); align-items: end; gap: .8rem; margin-top: 1rem; }
.transport-tcmb-link { display: flex; align-items: center; gap: .65rem; min-height: 66px; padding: .7rem .8rem; border: 1px solid rgba(13,138,132,.18); border-radius: 11px; color: #116e6a; background: #f1faf9; }
.transport-tcmb-link:hover { color: #075e5a; border-color: rgba(13,138,132,.35); }
.transport-tcmb-link svg { flex: 0 0 auto; }
.transport-tcmb-link span { display: grid; gap: .12rem; }
.transport-tcmb-link strong { font-size: .68rem; }
.transport-tcmb-link small { color: #68818f; font-size: .59rem; line-height: 1.4; }
.transport-input-wrap { position: relative; }
.transport-input-wrap .input { padding-right: 3rem; font-size: 1rem; font-weight: 700; color: #0c3157; }
.transport-input-wrap > span { position: absolute; top: 50%; right: .9rem; transform: translateY(-50%); color: #78889a; font-size: .7rem; font-weight: 700; }
.transport-segmented { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .55rem; }
.transport-segmented label { min-width: 0; cursor: pointer; }
.transport-segmented input { position: absolute; opacity: 0; pointer-events: none; }
.transport-segmented label > span { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .25rem .45rem; min-height: 46px; padding: .65rem .7rem; border: 1px solid #dbe4ec; border-radius: 11px; background: #f8fafc; color: #516779; font-size: .69rem; font-weight: 700; text-align: center; transition: border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease); }
.transport-segmented label > span small { padding: .17rem .38rem; border-radius: 999px; color: #637b8d; background: #eef2f5; font-size: .58rem; font-weight: 700; white-space: nowrap; }
.transport-segmented input:checked + span { border-color: rgba(16, 126, 121, .42); background: #eaf8f6; color: #0a716d; box-shadow: 0 0 0 3px rgba(16, 126, 121, .07); }
.transport-segmented input:checked + span small { color: #08736e; background: rgba(13,138,132,.1); }
.transport-segmented input:focus-visible + span { outline: 2px solid #2563eb; outline-offset: 2px; }
.transport-calculator__result { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,.72fr); gap: 1rem 1.5rem; min-width: 0; padding: 1.2rem; border: 1px solid rgba(13, 138, 132, .22); border-radius: 16px; color: #294a64; background: radial-gradient(circle at 92% 8%, rgba(45, 201, 190, .11), transparent 27%), #f0faf9; }
.transport-step__head--result { grid-column: 1 / -1; margin-bottom: 0; }
.transport-result__top { display: flex; align-items: center; gap: .9rem; min-width: 0; padding: 1rem; border-radius: 14px; background: #fff; box-shadow: 0 10px 24px rgba(9,42,82,.06); }
.transport-result__icon { display: grid; place-items: center; width: 50px; height: 50px; flex: 0 0 50px; border-radius: 15px; color: #087b76; background: #ddf5f2; }
.transport-result__top > span:last-child { display: grid; min-width: 0; }
.transport-result__top small { color: #5e7588; font-size: .65rem; line-height: 1.35; }
.transport-result__top strong { margin-top: .25rem; color: #0a3156; font-size: clamp(1.75rem, 3vw, 2.4rem); line-height: 1.1; letter-spacing: -.035em; }
.transport-result__limits { display: grid; gap: .6rem; padding-top: .85rem; }
.transport-result__limits > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #687f90; font-size: .67rem; }
.transport-result__limits strong { color: #143d5d; font-size: .74rem; }
.transport-result__invoice { display: grid; align-content: center; gap: .3rem; margin: 0; padding: 1rem; border: 1px solid rgba(13, 138, 132, .18); border-radius: 14px; background: #fff; }
.transport-result__invoice span { color: #60798c; font-size: .62rem; line-height: 1.4; }
.transport-result__invoice strong { color: #09827c; font-size: 1.3rem; }
.transport-result__invoice[hidden] { display: none; }
.transport-result__reason { display: flex; align-items: flex-start; gap: .55rem; grid-column: 1 / -1; padding: .8rem .9rem; border-radius: 11px; color: #345a70; background: rgba(255,255,255,.68); font-size: .67rem; line-height: 1.5; }
.transport-result__reason svg { flex: 0 0 auto; margin-top: .1rem; color: #65d4ca; }
.transport-result__details { grid-column: 1 / -1; padding-top: .2rem; color: #60798c; font-size: .65rem; }
.transport-result__details summary { width: fit-content; cursor: pointer; color: #126c69; font-weight: 750; }
.transport-result__details p { margin: .65rem 0 0; color: #718798; }
.transport-calculator__footnote { display: flex; align-items: center; gap: .5rem; padding: .8rem 1.4rem; border-top: 1px solid rgba(9, 42, 82, .09); background: #f8fafc; color: #687b8e; font-size: .63rem; line-height: 1.5; }
.transport-calculator__footnote svg { flex: 0 0 auto; color: #16847f; }
.transport-calculator__footnote strong { color: #21425e; }
.transport-tool-promo { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 1rem; margin-top: var(--space-8); padding: 1.15rem 1.3rem; border: 1px solid rgba(13, 132, 126, .17); border-radius: 18px; color: #163a58; background: linear-gradient(135deg, #f0f9f8, #f8fbfd); box-shadow: 0 11px 27px rgba(9,42,82,.05); transition: transform var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease); }
.transport-tool-promo:hover { color: #163a58; transform: translateY(-2px); box-shadow: 0 16px 34px rgba(9,42,82,.085); }
.transport-tool-promo__icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 17px; color: #fff; background: linear-gradient(145deg, #1ba9a2, #0b7373); }
.transport-tool-promo__copy { display: grid; min-width: 0; }
.transport-tool-promo__copy small { color: #0b817d; font-size: .62rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.transport-tool-promo__copy strong { margin-top: .12rem; color: #0b2d50; font-size: 1rem; }
.transport-tool-promo__copy span { margin-top: .2rem; color: #64798b; font-size: .7rem; line-height: 1.45; }
.transport-tool-promo__action { display: inline-flex; align-items: center; gap: .5rem; color: #0a6f70; font-size: .72rem; font-weight: 800; white-space: nowrap; }
.footer-tool-link { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: .65rem; max-width: 280px; margin-top: 1rem; padding: .7rem .75rem; border: 1px solid rgba(117,226,216,.2); border-radius: 12px; color: #e9f6f5; background: rgba(255,255,255,.06); transition: border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease); }
.footer-tool-link:hover { color: #fff; border-color: rgba(117,226,216,.38); background: rgba(255,255,255,.1); transform: translateY(-1px); }
.footer-tool-link > span:first-child { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: #72ddd4; background: rgba(31,177,168,.13); }
.footer-tool-link > span:nth-child(2) { display: grid; gap: .08rem; min-width: 0; }
.footer-tool-link strong { font-size: .68rem; line-height: 1.3; }
.footer-tool-link small { color: rgba(225,238,246,.65); font-size: .56rem; }

.transport-page { padding-block: clamp(2rem, 5vw, 4.5rem); background: radial-gradient(circle at 78% 12%, rgba(39,188,180,.09), transparent 26%), #f7fafc; }
.transport-page .container--narrow { max-width: 1080px; }
.transport-page__intro { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 1rem; margin-bottom: 1.2rem; }
.transport-page__intro p { max-width: 72ch; margin: .4rem 0 0; color: #62798b; font-size: .75rem; line-height: 1.65; }
.transport-page__back { display: inline-flex; align-items: center; gap: .45rem; color: #0a7772; font-size: .7rem; font-weight: 750; white-space: nowrap; }

.transport-promo-modal .modal__dialog { overflow: hidden; width: min(500px,100%); border-radius: 22px; }
.transport-promo-modal__visual { display: flex; align-items: center; gap: .8rem; padding: 1.2rem 1.3rem; color: #dff7f4; background: radial-gradient(circle at 90% 0, rgba(60,218,205,.22), transparent 30%), linear-gradient(140deg,#082d52,#0a5b70); }
.transport-promo-modal__icon { display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 52px; border-radius: 15px; color: #75e2d8; background: rgba(255,255,255,.09); }
.transport-promo-modal__visual span:last-child { display: grid; gap: .15rem; }
.transport-promo-modal__visual small { color: #8fcdc9; font-size: .6rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.transport-promo-modal__visual strong { color: #fff; font-size: 1.1rem; line-height: 1.25; }
.transport-promo-modal__body { padding: 1.25rem 1.3rem 1.35rem; }
.transport-promo-modal__body p { margin: 0 0 1rem; color: #526d80; font-size: .72rem; line-height: 1.65; }
.transport-promo-modal__actions { display: flex; flex-wrap: wrap; gap: .65rem; }

@media (max-width: 720px) {
    .transport-page__intro { grid-template-columns: 1fr; }
}

@media (max-width: 920px) {
    .transport-calculator__result { grid-template-columns: 1fr; }
    .transport-step__head--result, .transport-result__reason, .transport-result__details { grid-column: auto; }
}
@media (max-width: 720px) {
    .transport-guide__grid { grid-template-columns: 1fr; }
    .transport-guide-card:nth-child(odd) { border-right: 0; }
    .transport-guide__rule { grid-template-columns: 42px minmax(0,1fr); }
    .transport-guide__rule .btn { grid-column: 2; width: fit-content; }
    .transport-step__fields { grid-template-columns: 1fr; }
    .transport-currency-tools { grid-template-columns: 1fr; }
}
@media (max-width: 500px) {
    .transport-guide-card { padding: 1.2rem; }
    .transport-guide-card__icon { position: static; width: 40px; height: 40px; margin-bottom: .8rem; }
    .transport-guide__rule { grid-template-columns: 1fr; }
    .transport-guide__rule .btn { grid-column: auto; width: 100%; }
    .transport-segmented { grid-template-columns: 1fr; }
    .transport-tool-promo { grid-template-columns: 48px minmax(0,1fr); }
    .transport-tool-promo__icon { width: 48px; height: 48px; }
    .transport-tool-promo__action { grid-column: 2; }
}

/* Bilgi kutuları */
.callout {
    display: flex;
    gap: var(--space-4);
    padding: var(--space-5);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    background: var(--color-bg-soft);
    font-size: var(--text-sm);
}
.callout__icon { flex-shrink: 0; width: 20px; height: 20px; margin-top: 2px; color: var(--color-primary); }
.callout__title { font-weight: 650; color: var(--color-heading); margin-bottom: var(--space-1); }
.callout--info    { background: var(--color-accent-soft);  border-color: #bfdbfe; }
.callout--info .callout__icon { color: #1d4ed8; }
.callout--warning { background: var(--color-amber-soft);   border-color: #fde68a; }
.callout--warning .callout__icon { color: #b45309; }
.callout--danger  { background: var(--color-red-soft);     border-color: #fecaca; }
.callout--danger .callout__icon { color: #b91c1c; }
.callout--success { background: var(--color-green-soft);   border-color: #bbf7d0; }
.callout--success .callout__icon { color: #15803d; }

/* Mevzuat dayanağı kutusu */
.legal-box {
    background: var(--color-bg-soft);
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    font-size: var(--text-sm);
}
.legal-box__title {
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-primary);
    margin-bottom: var(--space-3);
}
.legal-box dl { display: grid; gap: var(--space-2); margin: 0; }
.legal-box dt { font-size: var(--text-xs); color: var(--color-faint); font-weight: 600; }
.legal-box dd { margin: 0 0 var(--space-2); color: var(--color-body); }

/* ---------------------------------------------------------------------
   25. TOOLTIP
   --------------------------------------------------------------------- */
.tooltip { position: relative; display: inline-flex; align-items: center; }
.tooltip__trigger {
    display: inline-grid;
    place-items: center;
    width: 15px; height: 15px;
    margin-left: 4px;
    border-radius: 50%;
    background: var(--color-border);
    color: var(--color-muted);
    font-size: 10px;
    font-weight: 700;
    cursor: help;
    border: 0;
    padding: 0;
    vertical-align: middle;
    transition: background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);
}
.tooltip__trigger:hover, .tooltip__trigger:focus-visible {
    background: var(--color-primary);
    color: #fff;
}
.tooltip__content {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    width: max-content;
    max-width: 264px;
    padding: var(--space-3) var(--space-4);
    background: var(--color-primary-darker);
    color: rgba(255, 255, 255, 0.92);
    border-radius: var(--radius-md);
    font-size: var(--text-xs);
    font-weight: 400;
    line-height: 1.55;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    box-shadow: var(--shadow-lg);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--duration) var(--ease), transform var(--duration) var(--ease), visibility var(--duration);
    z-index: var(--z-dropdown);
}
.tooltip__content::after {
    content: '';
    position: absolute;
    top: 100%; left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: var(--color-primary-darker);
}
.tooltip__content a { color: #93c5fd; text-decoration: underline; }
/* Hem fare hem klavye ile açılır */
.tooltip.is-open .tooltip__content,
.tooltip:hover .tooltip__content,
.tooltip__trigger:focus-visible + .tooltip__content {
    opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);
}

/* ---------------------------------------------------------------------
   26. AKORDİYON
   --------------------------------------------------------------------- */
.accordion { border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; background: #fff; }
.accordion__item + .accordion__item { border-top: 1px solid var(--color-border); }
.accordion__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    width: 100%;
    padding: var(--space-5);
    background: none;
    border: 0;
    text-align: left;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-heading);
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease);
}
.accordion__trigger:hover { background: var(--color-bg-soft); }
.accordion__icon {
    width: 20px; height: 20px;
    flex-shrink: 0;
    color: var(--color-faint);
    transition: transform var(--duration) var(--ease);
}
.accordion__item.is-open .accordion__icon { transform: rotate(180deg); }
.accordion__panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--duration-slow) var(--ease);
}
.accordion__item.is-open .accordion__panel { grid-template-rows: 1fr; }
.accordion__panel-inner { overflow: hidden; }
.accordion__content {
    padding: 0 var(--space-5) var(--space-5);
    font-size: var(--text-sm);
    color: var(--color-body);
    line-height: 1.7;
}

/* ---------------------------------------------------------------------
   27. SEKMELER
   --------------------------------------------------------------------- */
.tabs__list {
    display: flex;
    gap: var(--space-1);
    border-bottom: 1px solid var(--color-border);
    margin-bottom: var(--space-6);
    overflow-x: auto;
    scrollbar-width: none;
}
.tabs__list::-webkit-scrollbar { display: none; }
.tabs__tab {
    padding: var(--space-3) var(--space-4);
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-muted);
    cursor: pointer;
    white-space: nowrap;
    transition: color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);
}
.tabs__tab:hover { color: var(--color-primary); }
.tabs__tab[aria-selected="true"] { color: var(--color-primary); border-bottom-color: var(--color-accent); }
.tabs__panel[hidden] { display: none; }

/* ---------------------------------------------------------------------
   28. FORMLAR
   --------------------------------------------------------------------- */
.form-group { margin-bottom: var(--space-5); }

.label {
    display: block;
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-heading);
    margin-bottom: var(--space-2);
}
.label__required { color: var(--color-red); margin-left: 2px; }
.label__optional { color: var(--color-faint); font-weight: 400; font-size: var(--text-xs); margin-left: 4px; }

.input, .select, .textarea {
    display: block;
    width: 100%;
    padding: 0.6875rem var(--space-4);
    background: #fff;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--color-text);
    transition: border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);
}
.input::placeholder, .textarea::placeholder { color: var(--color-faint); }
.input:focus, .select:focus, .textarea:focus {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
.input:disabled, .select:disabled, .textarea:disabled {
    background: var(--color-bg-muted);
    color: var(--color-muted);
    cursor: not-allowed;
}
.textarea { resize: vertical; min-height: 120px; line-height: 1.6; }

.select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--space-3) center;
    background-size: 18px;
    padding-right: var(--space-10);
}

.form-help { font-size: var(--text-xs); color: var(--color-muted); margin-top: var(--space-2); line-height: 1.5; }

.form-error {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    color: var(--color-red);
    margin-top: var(--space-2);
    font-weight: 500;
}
.form-error svg { width: 14px; height: 14px; flex-shrink: 0; }

.input.is-invalid, .select.is-invalid, .textarea.is-invalid {
    border-color: var(--color-red);
}
.input.is-invalid:focus { box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.12); }
.input.is-valid { border-color: var(--color-green); }

.form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-5); }

/* Onay kutusu / radyo */
.check {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-body);
    cursor: pointer;
    line-height: 1.55;
}
.check input { margin-top: 3px; accent-color: var(--color-accent); width: 16px; height: 16px; flex-shrink: 0; cursor: pointer; }
.check a { text-decoration: underline; }

/* Radyo kart — form motorunda seçenekler için */
.radio-card {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-md);
    background: #fff;
    cursor: pointer;
    font-size: var(--text-sm);
    transition: border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);
}
.radio-card:hover { border-color: var(--color-primary-light); background: var(--color-primary-50); }
.radio-card input { margin-top: 2px; accent-color: var(--color-accent); width: 16px; height: 16px; flex-shrink: 0; cursor: pointer; }
.radio-card:has(input:checked) {
    border-color: var(--color-accent);
    background: var(--color-accent-soft);
    box-shadow: 0 0 0 1px var(--color-accent);
}
.radio-card__label { font-weight: 500; color: var(--color-heading); }
.radio-group { display: grid; gap: var(--space-2); }
.radio-group--2 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }

/* Bal küpü — ekran dışında tutulur */
.honeypot {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

/* ---------------------------------------------------------------------
   29. ADIMLI FORM (stepper)
   --------------------------------------------------------------------- */
.stepper { margin-bottom: var(--space-8); }
.stepper__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-3);
    flex-wrap: wrap;
}
.stepper__count { font-size: var(--text-sm); font-weight: 600; color: var(--color-primary); }
.stepper__title { font-size: var(--text-sm); color: var(--color-muted); }

.progress { height: 6px; background: var(--color-bg-muted); border-radius: var(--radius-full); overflow: hidden; }
.progress__bar {
    height: 100%;
    background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
    border-radius: var(--radius-full);
    transition: width var(--duration-slow) var(--ease);
}

.step-panel { display: none; }
.step-panel.is-active { display: block; animation: fadeIn var(--duration-slow) var(--ease); }

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.step-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-top: var(--space-8);
    padding-top: var(--space-6);
    border-top: 1px solid var(--color-border);
}

.question { padding-block: var(--space-5); }
.question + .question { border-top: 1px solid var(--color-border); }
.question__label { font-size: 1rem; font-weight: 600; color: var(--color-heading); margin-bottom: var(--space-2); display: block; }
.question__help { font-size: var(--text-sm); color: var(--color-muted); margin-bottom: var(--space-4); }
.question[hidden] { display: none; }

/* Immersive assessment: the public page remains as a no-JS fallback, while the
   enhanced experience keeps one question in focus without page scrolling. */
body.is-assessment-active {
    overflow: hidden;
}

body.is-assessment-active::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 390;
    background: rgba(6, 27, 54, .48);
    -webkit-backdrop-filter: blur(13px) saturate(.82);
    backdrop-filter: blur(13px) saturate(.82);
}

.assessment-form.card.is-question-mode {
    position: fixed;
    inset: 50% auto auto 50%;
    z-index: var(--z-modal);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    width: min(920px, calc(100vw - 40px));
    height: min(720px, calc(100dvh - 40px));
    margin: 0;
    padding: 0;
    overflow: hidden;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 26px;
    background:
        radial-gradient(circle at 92% 0%, rgba(30, 193, 190, .12), transparent 31%),
        #fff;
    box-shadow: 0 32px 90px rgba(1, 25, 55, .32);
    transition: border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);
}

.assessment-form.is-question-mode [hidden] {
    display: none !important;
}

.assessment-form__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 68px;
    padding: 0 42px;
    border-bottom: 1px solid #e7eef4;
}

.assessment-form__brand,
.assessment-form__exit {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-size: var(--text-sm);
    font-weight: 700;
}

.assessment-form__brand { color: var(--color-heading); }
.assessment-form__brand svg { color: var(--color-accent); }
.assessment-form__exit { color: var(--color-muted); transition: color var(--duration-fast) var(--ease); }
.assessment-form__exit:hover { color: var(--color-primary); }

.assessment-form.is-question-mode .stepper {
    min-width: 0;
    margin: 0;
    padding: 24px 48px 12px;
}

.assessment-form.is-question-mode .stepper__head { margin-bottom: 10px; }
.assessment-form.is-question-mode .stepper__count {
    padding: .35rem .7rem;
    border-radius: var(--radius-full);
    background: #eaf8f7;
    color: #087f7c;
}
.assessment-form.is-question-mode .stepper__title { font-weight: 600; color: #587089; }
.assessment-form.is-question-mode .progress { height: 5px; }

.assessment-form.is-question-mode .step-panel.is-active {
    min-width: 0;
    min-height: 0;
    padding: 20px 48px 28px;
    overflow: auto;
    animation: assessmentFade .32s var(--ease);
}

.assessment-form.is-question-mode .step-panel > h2,
.assessment-form.is-question-mode .step-panel > p {
    display: none;
}

.assessment-form.is-question-mode .question {
    display: none;
    max-width: 760px;
    min-height: 330px;
    margin: 0 auto;
    padding: 38px 0 24px;
    border: 0;
}

.assessment-form.is-question-mode .question.is-current { display: block; }
.assessment-form.is-question-mode .question[hidden] { display: none; }

.assessment-form.is-question-mode .question__label {
    max-width: 700px;
    margin: 0 0 12px;
    font-size: clamp(1.45rem, 3vw, 2.15rem);
    line-height: 1.18;
    letter-spacing: -.025em;
}

.assessment-form.is-question-mode .question__help {
    max-width: 650px;
    margin: 0 0 30px;
    font-size: 1rem;
    line-height: 1.65;
}

.assessment-form.is-question-mode .radio-group {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.assessment-form.is-question-mode .radio-card {
    min-width: 0;
    min-height: 72px;
    margin: 0;
    border-radius: 16px;
    transition: transform var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);
}

.assessment-form.is-question-mode .radio-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 151, 148, .48);
    box-shadow: 0 10px 26px rgba(8, 53, 87, .09);
}

.assessment-form.is-question-mode .radio-card:has(input:checked) {
    border-color: var(--color-accent);
    background: #effbfa;
    box-shadow: 0 0 0 3px rgba(0, 151, 148, .1);
}

.assessment-form.is-question-mode .radio-card__label { font-size: .96rem; line-height: 1.35; }

.assessment-form.is-question-mode [data-contact-step] {
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
}

.assessment-form.is-question-mode [data-contact-step] > h2,
.assessment-form.is-question-mode [data-contact-step] > p { display: block; }

.assessment-form.is-question-mode .step-nav {
    min-width: 0;
    min-height: 86px;
    margin: 0;
    padding: 16px 48px;
    border-top: 1px solid #e3ebf2;
    background: rgba(249, 252, 254, .94);
}

.assessment-form.is-question-mode .step-nav > div { margin-left: auto !important; }

@keyframes assessmentFade {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 720px) {
    .assessment-form.card.is-question-mode {
        inset: 0;
        width: 100%;
        height: 100dvh;
        max-width: none;
        max-height: none;
        transform: none;
        border: 0;
        border-radius: 0;
    }
    .assessment-form__top { min-height: 58px; padding: 0 20px; }
    .assessment-form.is-question-mode .stepper { padding: 18px 20px 9px; }
    .assessment-form.is-question-mode .step-panel.is-active { padding: 10px 22px 20px; }
    .assessment-form.is-question-mode .question { min-height: 300px; padding-top: 28px; }
    .assessment-form.is-question-mode .question__label { font-size: clamp(1.35rem, 7vw, 1.8rem); }
    .assessment-form.is-question-mode .radio-group { grid-template-columns: 1fr; }
    .assessment-form.is-question-mode .radio-card { min-height: 62px; }
    .assessment-form.is-question-mode .step-nav { min-height: 76px; padding: 12px 20px; }
    .assessment-form.is-question-mode .step-nav .btn { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
    .assessment-form.is-question-mode .step-panel.is-active { animation: none; }
    .assessment-form.is-question-mode .radio-card:hover { transform: none; }
}

/* ---------------------------------------------------------------------
   30. MODAL
   --------------------------------------------------------------------- */
.modal {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal);
    display: grid;
    place-items: center;
    padding: var(--space-4);
    visibility: hidden;
    pointer-events: none;
}
.modal.is-open { visibility: visible; pointer-events: auto; }

.modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(6, 21, 41, 0.55);
    backdrop-filter: blur(2px);
    opacity: 0;
    transition: opacity var(--duration) var(--ease);
}
.modal.is-open .modal__backdrop { opacity: 1; }

.modal__dialog {
    position: relative;
    width: min(560px, 100%);
    max-height: min(88vh, 800px);
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    opacity: 0;
    transform: translateY(12px) scale(0.98);
    transition: opacity var(--duration) var(--ease), transform var(--duration) var(--ease);
}
.modal.is-open .modal__dialog { opacity: 1; transform: translateY(0) scale(1); }
.modal__dialog--lg { width: min(760px, 100%); }
.modal__dialog--sm { width: min(420px, 100%); }

.modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-5) var(--space-6);
    border-bottom: 1px solid var(--color-border);
    flex-shrink: 0;
}
.modal__title { font-size: var(--text-lg); margin: 0; }
.modal__subtitle { font-size: var(--text-sm); color: var(--color-muted); margin-top: var(--space-1); }
.modal__close {
    width: 34px; height: 34px;
    display: grid; place-items: center;
    background: none;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-muted);
    cursor: pointer;
    flex-shrink: 0;
    transition: background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);
}
.modal__close:hover { background: var(--color-bg-muted); color: var(--color-primary); }
.modal__body { padding: var(--space-6); overflow-y: auto; flex: 1; }
.modal__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-soft);
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
    flex-shrink: 0;
}

body.is-locked { overflow: hidden; }

/* ---------------------------------------------------------------------
   31. TOAST
   --------------------------------------------------------------------- */
.toast-region {
    position: fixed;
    bottom: var(--space-5);
    right: var(--space-5);
    z-index: var(--z-toast);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    pointer-events: none;
    max-width: min(400px, calc(100vw - 2rem));
}
.toast {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    background: #fff;
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    font-size: var(--text-sm);
    pointer-events: auto;
    animation: toastIn var(--duration-slow) var(--ease);
}
.toast.is-leaving { animation: toastOut var(--duration) var(--ease) forwards; }
.toast--success { border-left-color: var(--color-green); }
.toast--success .toast__icon { color: var(--color-green); }
.toast--error   { border-left-color: var(--color-red); }
.toast--error .toast__icon { color: var(--color-red); }
.toast--warning { border-left-color: var(--color-amber); }
.toast--warning .toast__icon { color: var(--color-amber); }
.toast__icon { width: 18px; height: 18px; flex-shrink: 0; margin-top: 1px; color: var(--color-primary); }
.toast__message { flex: 1; color: var(--color-body); line-height: 1.5; }
.toast__close {
    background: none; border: 0; cursor: pointer;
    color: var(--color-faint); padding: 0;
    width: 18px; height: 18px; flex-shrink: 0;
}
.toast__close:hover { color: var(--color-body); }

@keyframes toastIn {
    from { opacity: 0; transform: translateX(24px); }
    to   { opacity: 1; transform: translateX(0); }
}
@keyframes toastOut {
    to { opacity: 0; transform: translateX(24px); }
}

@media (max-width: 560px) {
    .toast-region { left: var(--space-4); right: var(--space-4); bottom: var(--space-4); max-width: none; }
}

/* ---------------------------------------------------------------------
   32. BOŞ DURUM + İSKELET
   --------------------------------------------------------------------- */
.empty-state {
    text-align: center;
    padding: clamp(2.5rem, 2rem + 2vw, 4rem) var(--space-5);
    border: 1px dashed var(--color-border-strong);
    border-radius: var(--radius-xl);
    background: var(--color-bg-soft);
}
.empty-state__icon {
    width: 52px; height: 52px;
    margin: 0 auto var(--space-4);
    display: grid; place-items: center;
    border-radius: var(--radius-lg);
    background: #fff;
    border: 1px solid var(--color-border);
    color: var(--color-faint);
}
.empty-state__icon svg { width: 24px; height: 24px; }
.empty-state__title { font-size: var(--text-lg); margin-bottom: var(--space-2); }
.empty-state__text { font-size: var(--text-sm); color: var(--color-muted); max-width: 44ch; margin: 0 auto var(--space-5); }

.skeleton {
    background: linear-gradient(90deg, var(--color-bg-muted) 25%, #e8edf3 50%, var(--color-bg-muted) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.4s infinite;
    border-radius: var(--radius-sm);
}
@keyframes shimmer { to { background-position: -200% 0; } }

/* ---------------------------------------------------------------------
   33. SAYFALAMA
   --------------------------------------------------------------------- */
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    margin-top: var(--space-10);
    flex-wrap: wrap;
}
.pagination__link {
    display: inline-grid;
    place-items: center;
    min-width: 40px;
    height: 40px;
    padding-inline: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-body);
    background: #fff;
    transition: border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);
}
.pagination__link:hover { border-color: var(--color-primary-light); background: var(--color-primary-50); color: var(--color-primary); }
.pagination__link.is-active { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
.pagination__link.is-disabled { opacity: 0.4; pointer-events: none; }
.pagination__dots { color: var(--color-faint); padding-inline: var(--space-1); }

/* ---------------------------------------------------------------------
   34. SEGMENT KONTROL / FİLTRE
   --------------------------------------------------------------------- */
.segmented {
    display: inline-flex;
    padding: 3px;
    background: var(--color-bg-muted);
    border-radius: var(--radius-md);
    gap: 2px;
    flex-wrap: wrap;
}
.segmented__item {
    padding: 0.4375rem 0.875rem;
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-muted);
    background: none;
    border: 0;
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);
}
.segmented__item:hover { color: var(--color-primary); }
.segmented__item.is-active { background: #fff; color: var(--color-primary); font-weight: 600; box-shadow: var(--shadow-xs); }

.filter-bar {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
    margin-bottom: var(--space-8);
}

/* ---------------------------------------------------------------------
   35. YAN SÜTUN / İÇERİK YERLEŞİMİ
   --------------------------------------------------------------------- */
.layout-sidebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: clamp(2rem, 1.5rem + 2vw, 3.5rem);
    align-items: start;
}
.layout-sidebar > * { min-width: 0; }
.sidebar { position: sticky; top: calc(var(--header-height) + var(--space-5)); display: grid; gap: var(--space-5); }
.sidebar-card {
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
}
.sidebar-card--soft { background: var(--color-bg-soft); }
.sidebar-card__title {
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-faint);
    margin-bottom: var(--space-4);
}
.sidebar-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-1); }
.sidebar-list a {
    display: block;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    color: var(--color-body);
}
.sidebar-list a:hover { background: var(--color-primary-50); color: var(--color-primary); }
.sidebar-list a.is-active { background: var(--color-primary-50); color: var(--color-primary); font-weight: 600; }

@media (max-width: 1024px) {
    .layout-sidebar { grid-template-columns: 1fr; }
    .sidebar { position: static; }
}

/* İçindekiler */
.toc { font-size: var(--text-sm); }
.toc a { display: block; padding: var(--space-2) 0; color: var(--color-muted); border-left: 2px solid var(--color-border); padding-left: var(--space-3); }
.toc a:hover, .toc a.is-active { color: var(--color-primary); border-left-color: var(--color-accent); }

/* ---------------------------------------------------------------------
   36. HAREKET TERCİHİ
   --------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .card--hover:hover, .support-card:hover, .article-card:hover, .pillar-card:hover, .btn:hover {
        transform: none;
    }
}

/* ---------------------------------------------------------------------
   37. YAZDIRMA
   --------------------------------------------------------------------- */
@media print {
    .topbar, .header, .footer, .newsletter, .cta-band, .offcanvas, .toast-region, .btn { display: none !important; }
    body { color: #000; background: #fff; }
    .container { max-width: 100%; }
    a[href]::after { content: " (" attr(href) ")"; font-size: 10px; color: #555; }
}

/* Destek detayında dar ekranlarda yatay TOC kendi alanında kaymalı;
   grid sütununun min-content genişliği sayfayı büyütmemeli. */
.support-detail-page .support-detail-layout,
.support-detail-page .support-detail-layout > *,
.support-detail-page .support-detail-layout .content,
.support-detail-page .support-detail-layout .sidebar,
.support-detail-page .support-detail-layout .toc {
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 900px) {
    .support-detail-page .support-detail-layout {
        grid-template-columns: minmax(0, 1fr);
    }
    .support-detail-page .support-detail-layout > .content,
    .support-detail-page .support-detail-layout > .sidebar {
        width: 100%;
    }
    .support-detail-page .support-detail-layout .toc {
        width: 100%;
        overscroll-behavior-inline: contain;
    }
    .support-detail-page .support-detail-layout .sidebar-card:first-child {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }
}

/* ---------------------------------------------------------------------
   38. 2026 EDITORYAL YENİLEME
   /ezigiozkan referansındaki ferah yüzey, güçlü navigasyon ve premium kart
   yaklaşımı; bu projenin bilgi-merkezi karakterine uyarlanmıştır.
   --------------------------------------------------------------------- */
:root {
    --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --color-primary: #092a52;
    --color-primary-dark: #061f3e;
    --color-primary-darker: #04172f;
    --color-primary-light: #174f86;
    --color-primary-50: #eef6fb;
    --color-primary-100: #dcecf6;
    --color-accent: #0f76a8;
    --color-teal: #168b83;
    --color-heading: #092743;
    --color-body: #40556a;
    --color-muted: #6e7f90;
    --color-border: #dfe8ef;
    --color-bg-soft: #f4f8fb;
    --color-bg-muted: #edf3f7;
    --radius-lg: 16px;
    --radius-xl: 22px;
    --radius-2xl: 30px;
    --shadow-lg: 0 22px 55px rgba(9, 42, 82, 0.11), 0 3px 10px rgba(9, 42, 82, 0.05);
    --shadow-navy: 0 30px 70px rgba(6, 31, 62, 0.2);
    --header-height: 82px;
}

body { background: #fcfdfe; }
h1, h2, h3, h4, h5, h6 { font-weight: 750; letter-spacing: -0.035em; }
.section { position: relative; }
.section-soft { background: #f3f7fa; }

.topbar {
    background: #061f3e;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.topbar__inner { min-height: 34px; padding-block: .4rem; }
.topbar__label {
    background: #e2b66d;
    color: #092743;
    border-radius: 999px;
    padding-inline: .65rem;
}

/* Kurumsal duyuru bandı: haberler akar, iletişim alanı sağda sabit kalır. */
.topbar { overflow: hidden; background: linear-gradient(90deg,#07345f 0%,#08466a 58%,#07355d 100%); border-bottom-color: rgba(92,211,203,.22); }
.topbar__inner { gap: 1rem; padding-block: 0; }
.topbar__news { display: flex; align-items: center; min-width: 0; flex: 1 1 auto; overflow: hidden; }
.topbar__news-label { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: .38rem; flex: 0 0 auto; height: 34px; padding: 0 .8rem; color: #c8f5f1; background: #0a5473; border-right: 1px solid rgba(112,226,218,.26); font-size: .61rem; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; }
.topbar__news-label svg { color: #62d8d1; }
.topbar__ticker { position: relative; min-width: 0; flex: 1 1 auto; overflow: hidden; mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
.topbar__ticker-track { display: flex; align-items: center; width: max-content; animation: topbar-ticker-scroll 54s linear infinite; will-change: transform; }
.topbar__ticker-group { display: flex; align-items: center; flex: 0 0 auto; gap: 2.2rem; padding-right: 2.2rem; }
.topbar__ticker-item { display: inline-flex; align-items: center; gap: .45rem; color: rgba(255,255,255,.9); font-size: .69rem; white-space: nowrap; transition: color .18s ease; }
.topbar__ticker-item > span { width: 4px; height: 4px; flex: 0 0 4px; border-radius: 50%; background: #59d4cc; box-shadow: 0 0 0 3px rgba(89,212,204,.12); }
.topbar__ticker-item svg { color: #65d9d1; opacity: .85; transition: transform .18s ease; }
.topbar__ticker-item:hover { color: #fff; }
.topbar__ticker-item:hover svg { transform: translateX(3px); }
.topbar__ticker:hover .topbar__ticker-track,.topbar__ticker:focus-within .topbar__ticker-track { animation-play-state: paused; }
.topbar__meta { position: relative; z-index: 3; align-self: stretch; gap: 1.15rem; padding-left: 1rem; color: rgba(255,255,255,.84); background: #07375f; border-left: 1px solid rgba(255,255,255,.12); box-shadow: -14px 0 24px rgba(4,35,64,.2); white-space: nowrap; }
.topbar__meta a,.topbar__hours { display: inline-flex; align-items: center; gap: .42rem; }
.topbar__meta svg { color: #71d9d2; opacity: 1; }
@keyframes topbar-ticker-scroll { to { transform: translateX(-50%); } }
@media (max-width: 760px) {
    .topbar__news-label { width: 34px; padding: 0; justify-content: center; font-size: 0; }
    .topbar__ticker-item { font-size: .65rem; }
}

.header {
    background: rgba(252,253,254,.91);
    border-bottom-color: rgba(9,39,67,.09);
    backdrop-filter: blur(20px) saturate(155%);
}
.header.is-scrolled { background: rgba(255,255,255,.97); box-shadow: 0 12px 35px rgba(9,42,82,.07); }
.header__inner {
    position: relative;
    gap: clamp(.8rem, 1.5vw, 1.6rem);
    min-height: 70px;
}
.logo { gap: .7rem; }
.logo__mark {
    width: 42px;
    height: 42px;
    border-radius: 13px 13px 13px 4px;
    background: linear-gradient(145deg, #0a3565, #0d6d96);
    box-shadow: 0 9px 22px rgba(9,42,82,.2);
    font-size: 1.45rem;
    font-weight: 800;
}
.logo__name { font-size: 1.02rem; font-weight: 800; }
.logo__tagline { font-size: .61rem; letter-spacing: .035em; text-transform: uppercase; }
.logo__image {
    width: 184px;
    height: auto;
    object-fit: contain;
    object-position: left center;
}
.nav { flex: 1 1 auto; justify-content: center; }
.nav__list { gap: .15rem; }
.nav__item { position: static; }
.nav__link {
    position: relative;
    padding: .66rem .68rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 650;
}
.nav__link:hover { background: #eef5f8; }
.nav__link.is-active::after { left: 38%; right: 38%; bottom: 2px; background: #d3a85e; }
.header__actions { gap: .8rem; }
.header__contact { font-size: .82rem; font-weight: 700; color: var(--color-primary); }
.header__actions .btn {
    min-height: 38px;
    padding-inline: 1.15rem;
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(9,42,82,.15);
}

.mega {
    top: calc(100% - 1px);
    width: min(1160px, calc(100vw - 32px));
    min-width: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 0 0 24px 24px;
    border-color: rgba(9,42,82,.1);
    box-shadow: 0 30px 75px rgba(4,23,47,.18);
    transform: translateX(-50%) translateY(-8px);
}
.nav__item.is-open .mega { transform: translateX(-50%) translateY(0); }
.mega--wide { min-width: 0; }
.mega__shell { background: rgba(255,255,255,.985); }
.mega__head {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 108px;
    padding: 1.35rem 1.8rem;
    border-bottom: 1px solid #dfe8f0;
}
.mega__heading-icon {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    border-radius: 50%;
    color: #0a4db4;
    background: linear-gradient(145deg, #f1f6ff, #e8f0fb);
}
.mega__heading-copy { min-width: 0; }
.mega__head strong { display: block; color: #071f47; font-size: 1.05rem; line-height: 1.25; }
.mega__head p { max-width: 62ch; margin: .28rem 0 0; color: #63748b; font-size: .75rem; line-height: 1.5; }
.mega__all { display: inline-flex; align-items: center; gap: .5rem; margin-left: auto; flex: 0 0 auto; color: #0755c8; font-size: .76rem; font-weight: 750; }
.mega__all:hover { color: #063e91; }

.mega__body {
    display: grid;
    grid-template-columns: 205px minmax(0, 1fr) 220px;
    gap: 1.25rem;
    padding: 1.35rem 1.8rem 1.45rem;
}
.mega__starter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 250px;
    padding: 1.15rem;
    border-radius: 15px;
    color: #0a2853;
    background: linear-gradient(150deg, #f5f9ff 0%, #eaf2ff 100%);
    transition: transform var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);
}
.mega__starter:hover { color: #0a2853; transform: translateY(-2px); box-shadow: 0 14px 28px rgba(27,75,139,.11); }
.mega__starter-icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin-bottom: .95rem;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(140deg, #3886ed, #0b5bd2);
}
.mega__eyebrow { color: #16447f; font-size: .61rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.mega__starter strong { margin-top: .45rem; font-size: .9rem; line-height: 1.35; }
.mega__starter-text { margin-top: .45rem; color: #61738a; font-size: .69rem; line-height: 1.5; }
.mega__starter-action { display: inline-flex; align-items: center; gap: .45rem; margin-top: auto; padding-top: .9rem; color: #0755c8; font-size: .7rem; font-weight: 800; }

.mega__groups { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); min-width: 0; }
.mega__groups--1 { grid-template-columns: 1fr; }
.mega__groups--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.mega__group { min-width: 0; padding: .2rem 1.15rem; border-left: 1px solid #e4ebf2; }
.mega__col-title {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 25px;
    margin-bottom: .55rem;
    color: #12284a;
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .055em;
}
.mega__col-title svg { color: #1766d0; }
.mega__list { gap: .12rem; }
.mega__link {
    display: flex;
    align-items: center;
    gap: .58rem;
    min-height: 48px;
    padding: .42rem .45rem;
    border-radius: 10px;
}
.mega__link:hover { background: #f1f6fc; color: #0a4db4; transform: translateX(2px); }
.mega__link-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 9px;
    color: #1766d0;
    background: #f0f5fb;
}
.mega__link-copy { min-width: 0; }
.mega__link-title { font-size: .71rem; line-height: 1.25; }
.mega__link-desc { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: .12rem; font-size: .61rem; line-height: 1.3; }
.mega__link-arrow { margin-left: auto; flex: 0 0 auto; color: #7d8ea3; }

.mega__aside { display: flex; flex-direction: column; min-width: 0; padding: .25rem .2rem .15rem .4rem; }
.mega__aside-visual { position: relative; display: flex; align-items: flex-end; height: 68px; margin-bottom: .8rem; color: #0b4eaa; }
.mega__aside-visual::before { content: ''; position: absolute; left: 20px; top: 0; width: 62px; height: 62px; border-radius: 50%; background: #edf4ff; }
.mega__aside-visual span { position: relative; display: grid; place-items: center; }
.mega__aside-visual span + span { margin: 0 0 2px -5px; color: #1c3967; }
.mega__aside strong { color: #081f46; font-size: .95rem; line-height: 1.3; }
.mega__aside p { margin: .45rem 0 .9rem; color: #68788d; font-size: .68rem; line-height: 1.5; }
.mega__aside-button { display: flex; align-items: center; justify-content: space-between; gap: .55rem; margin-top: auto; padding: .7rem .8rem; border-radius: 7px; color: #fff; background: linear-gradient(135deg, #0d5ed1, #06449f); font-size: .68rem; font-weight: 750; box-shadow: 0 7px 16px rgba(5,73,165,.2); }
.mega__aside-button:hover { color: #fff; transform: translateY(-1px); }

.mega__quick-links { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); padding: .85rem 1.8rem; border-top: 1px solid #dfe8f0; background: #f8fafc; }
.mega__quick-link { display: grid; grid-template-columns: 36px minmax(0,1fr) 14px; align-items: center; gap: .7rem; min-width: 0; padding: .25rem 1rem; color: #112747; border-left: 1px solid #e0e7ef; }
.mega__quick-link:first-child { border-left: 0; }
.mega__quick-link:hover { color: #0755c8; }
.mega__quick-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #1766d0; background: #eaf2fb; }
.mega__quick-link strong, .mega__quick-link small { display: block; }
.mega__quick-link strong { font-size: .68rem; line-height: 1.3; }
.mega__quick-link small { margin-top: .12rem; color: #7a899a; font-size: .57rem; line-height: 1.25; }

@media (max-width: 1260px) {
    .mega__body { grid-template-columns: 190px minmax(0, 1fr) 195px; gap: .85rem; padding-inline: 1.2rem; }
    .mega__head, .mega__quick-links { padding-inline: 1.2rem; }
    .mega__group { padding-inline: .7rem; }
    .mega__link { gap: .4rem; }
    .mega__link-icon { display: none; }
    .mega__quick-link { padding-inline: .55rem; }
}

.hero {
    min-height: 680px;
    display: flex;
    align-items: center;
    padding-block: clamp(4.25rem, 7vw, 7.25rem);
    background:
        radial-gradient(650px 480px at 8% 12%, rgba(27,139,131,.1), transparent 68%),
        radial-gradient(720px 520px at 92% 20%, rgba(15,118,168,.13), transparent 67%),
        linear-gradient(180deg, #fdfefe 0%, #f3f8fb 100%);
}
.hero::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .22;
    background-image: radial-gradient(#52738d 0.7px, transparent 0.7px);
    background-size: 20px 20px;
    mask-image: linear-gradient(to right, transparent, #000 45%, #000 72%, transparent);
}
.hero__grid { position: relative; z-index: 1; grid-template-columns: minmax(0, 47fr) minmax(0, 53fr); gap: clamp(2.5rem, 5vw, 5.5rem); }
.hero__badge { border: 0; background: rgba(255,255,255,.85); box-shadow: 0 7px 25px rgba(9,42,82,.07); }
.hero__title { max-width: 760px; font-size: clamp(2.65rem, 4.6vw, 4.8rem); line-height: 1.03; letter-spacing: -.052em; }
.hero__desc { max-width: 60ch; line-height: 1.75; }
.hero__point { color: #365168; font-size: .8rem; }
.hero__point svg { color: #168b83; }

.journey-board {
    position: relative;
    overflow: hidden;
    padding: clamp(1.4rem, 2.5vw, 2rem);
    border-radius: 32px;
    background: linear-gradient(155deg, #062545 0%, #0b365f 72%, #0c4a68 100%);
    color: rgba(255,255,255,.72);
    box-shadow: var(--shadow-navy);
}
.journey-board::after {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    right: -110px;
    top: -120px;
    border: 55px solid rgba(255,255,255,.04);
}
.journey-board__top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.journey-board__eyebrow { color: #d8b976; text-transform: uppercase; font-size: .65rem; letter-spacing: .12em; font-weight: 800; }
.journey-board__status { display: inline-flex; align-items: center; gap: .4rem; font-size: .68rem; }
.journey-board__status span { width: 7px; height: 7px; border-radius: 50%; background: #64d6c6; box-shadow: 0 0 0 5px rgba(100,214,198,.1); }
.journey-board h2 { position: relative; z-index: 1; color: #fff; font-size: clamp(1.55rem, 2.2vw, 2.15rem); }
.journey-board > p { position: relative; z-index: 1; margin-top: .5rem; font-size: .82rem; }
.journey-list { position: relative; z-index: 1; list-style: none; margin: 1.5rem 0 1.25rem; padding: 0; display: grid; gap: .55rem; }
.journey-list li {
    display: grid;
    grid-template-columns: 38px 1fr auto;
    gap: .85rem;
    align-items: center;
    padding: .85rem .9rem;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 15px;
    background: rgba(255,255,255,.055);
    transition: background var(--duration) var(--ease), transform var(--duration) var(--ease);
}
.journey-list li:hover { background: rgba(255,255,255,.095); transform: translateX(3px); }
.journey-list__num { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: rgba(255,255,255,.09); color: #8fe1d5; font-size: .68rem; font-weight: 800; }
.journey-list__copy { display: grid; gap: .12rem; }
.journey-list__copy strong { color: #fff; font-size: .82rem; }
.journey-list__copy small { color: rgba(255,255,255,.58); font-size: .68rem; line-height: 1.45; }
.journey-list__arrow { color: #d8b976; }
.journey-board__foot { position: relative; z-index: 1; padding: .9rem 1rem; border-radius: 15px; background: #f5f1e8; color: #233d50; }
.journey-board__foot span { display: block; color: #9b7131; font-size: .6rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.journey-board__foot p { margin-top: .25rem; font-size: .75rem; font-weight: 650; line-height: 1.5; }

.section-head__eyebrow { color: #14847d; letter-spacing: .11em; }
.section-head__title { max-width: 22ch; }
.section-head__desc { line-height: 1.75; }
.pillar-card, .support-card, .article-card, .audience-card, .sidebar-card {
    border-color: rgba(9,42,82,.1);
    box-shadow: 0 9px 30px rgba(9,42,82,.045);
}
.support-card {
    min-height: 238px;
    padding: 1.5rem;
}
.support-card__head { margin-bottom: 1rem; }
.support-card__title { font-size: 1.02rem; }
.support-card__text { line-height: 1.7; margin-bottom: 1.2rem; }
.support-card__foot { justify-content: flex-start; }
.support-card__foot .link-arrow { font-weight: 750; }
.pillar-card { padding: 1.7rem; border-radius: 22px; }
.pillar-card:hover, .support-card:hover { border-color: rgba(15,118,168,.35); box-shadow: 0 22px 48px rgba(9,42,82,.1); }
.pillar-card__num { color: #af8749; }
.facts { border-radius: 32px; box-shadow: 0 25px 60px rgba(6,31,62,.16); }

.page-head {
    padding-block: clamp(3.5rem, 7vw, 6.25rem);
    background:
        radial-gradient(600px 260px at 85% 0%, rgba(22,139,131,.11), transparent 68%),
        linear-gradient(180deg, #f8fbfc, #eef5f8);
    border-bottom: 1px solid rgba(9,42,82,.08);
}
.page-head__inner { max-width: 940px; }
.page-head__eyebrow { border-radius: 999px; background: #fff; border: 1px solid rgba(9,42,82,.1); padding: .42rem .75rem; width: fit-content; }
.page-head__title { font-size: clamp(2.2rem, 4.2vw, 4.25rem); line-height: 1.07; }
.page-head__lead { max-width: 74ch; font-size: clamp(1rem, 1.3vw, 1.2rem); line-height: 1.8; }
.page-head__meta { padding-top: 1rem; border-top: 1px solid rgba(9,42,82,.1); }

.expert-note {
    position: relative;
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 1rem;
    margin: 0 0 2.5rem;
    padding: clamp(1.25rem, 2.5vw, 1.85rem);
    border: 1px solid #cfe2e6;
    border-radius: 23px;
    background: linear-gradient(135deg, #f2f9f9, #f8fbfc 68%);
    overflow: hidden;
}
.expert-note::after { content: ''; position: absolute; right: -45px; bottom: -65px; width: 170px; height: 170px; border: 28px solid rgba(22,139,131,.055); border-radius: 50%; }
.expert-note__mark { position: relative; z-index: 1; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: #0b6f72; color: #fff; font-family: Georgia, serif; font-weight: 700; font-style: italic; box-shadow: 0 8px 20px rgba(11,111,114,.18); }
.expert-note__body { position: relative; z-index: 1; }
.expert-note__eyebrow { display: block; color: #0b7774; font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin-bottom: .3rem; }
.expert-note__title { font-size: clamp(1.15rem, 1.6vw, 1.45rem); margin-bottom: .55rem; }
.expert-note__text { color: #496274; line-height: 1.75; }
.expert-note__list { list-style: none; padding: 0; margin: 1rem 0 0; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .65rem; }
.expert-note__list li { display: flex; gap: .5rem; align-items: flex-start; padding: .65rem .7rem; border-radius: 12px; background: rgba(255,255,255,.75); color: #315165; font-size: .75rem; font-weight: 650; line-height: 1.45; }
.expert-note__list li > span:first-child { color: #14847d; }
.expert-note__action { margin-top: .9rem; color: #244659; font-size: .8rem; line-height: 1.65; }

.expert-note--visual {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 1.35rem;
    margin-bottom: 0;
    padding: clamp(1.4rem, 2.7vw, 2rem);
    border-color: rgba(22, 139, 131, .17);
    border-radius: 18px;
    background: radial-gradient(circle at 91% 38%, rgba(22, 139, 131, .075), transparent 29%), linear-gradient(135deg, #f7fbfc, #eff7f8 72%);
    box-shadow: 0 12px 32px rgba(9, 42, 82, .055);
}
.expert-note--visual::before {
    content: '';
    position: absolute;
    right: -72px;
    top: -92px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(22, 139, 131, .07);
    border-radius: 50%;
    box-shadow: 0 0 0 32px rgba(22, 139, 131, .022), 0 0 0 68px rgba(22, 139, 131, .016);
}
.expert-note--visual::after { display: none; }
.expert-note--visual .expert-note__mark {
    width: 92px;
    height: 92px;
    border: 1px dashed rgba(22, 139, 131, .35);
    border-radius: 50%;
    background: #fff;
    color: #fff;
    box-shadow: none;
}
.expert-note--visual .expert-note__mark::before {
    content: '';
    position: absolute;
    inset: 10px;
    border-radius: 50%;
    background: linear-gradient(145deg, #15958e, #0b6f72);
    box-shadow: 0 12px 24px rgba(11, 111, 114, .19);
}
.expert-note--visual .expert-note__mark svg { position: relative; z-index: 1; }
.expert-note--visual .expert-note__eyebrow { font-size: .7rem; }
.expert-note--visual .expert-note__title { max-width: 32ch; font-size: clamp(1.35rem, 2.1vw, 1.75rem); letter-spacing: -.025em; }
.expert-note--visual .expert-note__text { max-width: 65ch; font-size: .82rem; line-height: 1.65; }
.expert-note--visual .expert-note__list {
    grid-column: 1 / -1;
    gap: 0;
    margin-top: 1rem;
    overflow: hidden;
    border: 1px solid rgba(9, 42, 82, .08);
    border-radius: 14px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 8px 20px rgba(9, 42, 82, .035);
}
.expert-note--visual .expert-note__list li { min-width: 0; padding: .85rem 1rem; border-radius: 0; background: transparent; font-size: .72rem; }
.expert-note--visual .expert-note__list li + li { border-left: 1px solid rgba(9, 42, 82, .08); }
.expert-note--visual .expert-note__action { grid-column: 1 / -1; margin-bottom: 0; }

.prose { color: #3f5568; line-height: 1.85; }
.prose h2 { padding-top: .4rem; color: #092743; }
.prose h2::before { content: ''; display: block; width: 34px; height: 3px; margin-bottom: .75rem; border-radius: 3px; background: #d3a85e; }
.prose table { border-radius: 14px; overflow: hidden; box-shadow: 0 0 0 1px var(--color-border); }

/* Rehber içerikleri: karar akışları, tablolar ve uyarı notları */
.prose .article-key-note,
.prose .article-disclaimer {
  margin: 28px 0;
  padding: 20px 22px;
  border: 1px solid rgba(0, 137, 137, .22);
  border-left: 4px solid var(--color-teal);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(229, 248, 247, .82), rgba(239, 246, 255, .78));
  color: var(--color-navy);
}

.prose .article-disclaimer {
  border-color: rgba(240, 157, 86, .34);
  border-left-color: #f09d56;
  background: #fff7ed;
  font-size: var(--text-sm);
}

.prose .article-table-scroll {
  width: 100%;
  margin: 24px 0 32px;
  overflow-x: auto;
  border-radius: 14px;
  box-shadow: 0 0 0 1px var(--color-border);
  -webkit-overflow-scrolling: touch;
}

.prose .article-table-scroll table {
  min-width: 680px;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}

.prose .article-flow-map {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 34px;
}

.prose .article-flow-map__step {
  position: relative;
  min-height: 168px;
  padding: 22px 18px;
  border: 1px solid rgba(0, 79, 119, .12);
  border-radius: 18px;
  background: #eff8ff;
}

.prose .article-flow-map__step:nth-child(2) { background: #e9faf7; }
.prose .article-flow-map__step:nth-child(3) { background: #fff3e7; }
.prose .article-flow-map__step:nth-child(4) { background: #f1f3ff; }

.prose .article-flow-map__step:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -19px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #fff;
  color: var(--color-teal);
  box-shadow: 0 3px 12px rgba(0, 44, 72, .12);
  font-weight: 800;
}

.prose .article-flow-map__number {
  display: grid;
  width: 34px;
  height: 34px;
  margin-bottom: 16px;
  place-items: center;
  border-radius: 10px;
  background: var(--color-navy);
  color: #fff;
  font-size: .9rem;
  font-weight: 800;
}

.prose .article-flow-map__step strong,
.prose .article-flow-map__step > span:last-child {
  display: block;
}

.prose .article-flow-map__step strong {
  margin-bottom: 8px;
  color: var(--color-navy);
  font-size: 1rem;
}

.prose .article-flow-map__step > span:last-child {
  color: var(--color-muted);
  font-size: .84rem;
  line-height: 1.55;
}

.prose .article-roadmap {
  margin: 22px 0 32px;
  padding-left: 22px;
  border-left: 2px solid rgba(0, 137, 137, .22);
}

.prose .article-roadmap p {
  position: relative;
  margin: 0 0 22px;
}

.prose .article-roadmap p::before {
  content: "";
  position: absolute;
  top: .55em;
  left: -28px;
  width: 10px;
  height: 10px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--color-teal);
  box-shadow: 0 0 0 1px rgba(0, 137, 137, .28);
}

.prose .article-source-list a {
  color: var(--color-teal-dark, #006f70);
  font-weight: 650;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

@media (max-width: 840px) {
  .prose .article-flow-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .prose .article-flow-map__step:nth-child(2)::after { display: none; }
}

@media (max-width: 520px) {
  .prose .article-key-note,
  .prose .article-disclaimer { padding: 17px 16px; }
  .prose .article-flow-map { grid-template-columns: 1fr; }
  .prose .article-flow-map__step { min-height: auto; }
  .prose .article-flow-map__step::after { display: none; }
}
.prose th, .prose td { border: 0; border-bottom: 1px solid var(--color-border); }
.prose th { background: #edf5f7; color: #173c58; }
.sidebar-card { border-radius: 18px; }
.cta-band { border-radius: 27px; background: linear-gradient(135deg, #062545, #0b4565); box-shadow: 0 22px 50px rgba(6,31,62,.16); }

@media (max-width: 1320px) {
    .nav__link { padding-inline: .55rem; font-size: .77rem; }
}
@media (max-width: 1240px) {
    .nav, .header__actions .btn { display: none; }
    .nav-toggle { display: inline-flex; }
}
@media (max-width: 980px) {
    .hero { min-height: 0; }
    .hero__grid { grid-template-columns: 1fr; }
    .hero__content { max-width: 720px; }
    .hero__visual { max-width: 680px; width: 100%; }
    .expert-note__list { grid-template-columns: 1fr; }
    .expert-note--visual .expert-note__list li + li { border-left: 0; border-top: 1px solid rgba(9, 42, 82, .08); }
}
@media (max-width: 640px) {
    :root { --header-height: 72px; }
    .logo__image { width: 185px; height: 48px; }
    .hero { padding-block: 3.25rem; }
    .hero__title { font-size: clamp(2.35rem, 12vw, 3.35rem); }
    .hero__actions .btn { width: 100%; }
    .journey-board { border-radius: 24px; padding: 1.15rem; }
    .journey-board__status { display: none; }
    .journey-list li { grid-template-columns: 34px 1fr; }
    .journey-list__arrow { display: none; }
    .expert-note { grid-template-columns: 1fr; border-radius: 18px; }
    .expert-note--visual { grid-template-columns: 1fr; }
    .expert-note--visual .expert-note__mark { width: 76px; height: 76px; }
    .page-head__title { font-size: 2.25rem; }
}

/* ---------------------------------------------------------------------
   31. ANA SAYFA HERO — BÜYÜME ROTASI
   --------------------------------------------------------------------- */
.hero {
    min-height: 0;
    align-items: stretch;
    padding-block: clamp(2.8rem, 5vw, 5.25rem) clamp(2rem, 4vw, 3.5rem);
    background:
        radial-gradient(620px 460px at 52% 58%, rgba(22, 196, 185, .085), transparent 72%),
        radial-gradient(720px 440px at 95% 8%, rgba(44, 96, 196, .08), transparent 68%),
        linear-gradient(180deg, #fff 0%, #f5f9fc 100%);
}
.hero::before {
    content: '';
    position: absolute;
    width: 560px;
    height: 560px;
    left: 33%;
    bottom: -390px;
    border: 1px solid rgba(27, 139, 131, .09);
    border-radius: 50%;
    box-shadow: 0 0 0 42px rgba(27, 139, 131, .025), 0 0 0 92px rgba(27, 139, 131, .018);
    pointer-events: none;
}
.hero::after {
    opacity: .12;
    background-size: 22px 22px;
    mask-image: linear-gradient(to right, transparent 20%, #000 62%, transparent);
}
.hero__inner { position: relative; z-index: 1; }
.hero__grid {
    grid-template-columns: minmax(0, 43fr) minmax(0, 57fr);
    gap: clamp(2rem, 4vw, 4.75rem);
    align-items: center;
}
.hero__content { min-width: 0; }
.hero__badge {
    margin-bottom: clamp(1.4rem, 2.5vw, 2.25rem);
    padding: .55rem 1rem;
    border: 1px solid rgba(9, 42, 82, .08);
    background: rgba(255, 255, 255, .9);
    color: #244459;
    box-shadow: 0 10px 28px rgba(9, 42, 82, .065);
}
.hero__title {
    max-width: 11ch;
    margin-bottom: 1.5rem;
    font-size: clamp(3rem, 4.35vw, 4.75rem);
    line-height: 1.04;
    letter-spacing: -.055em;
    text-wrap: balance;
}
.hero__title em {
    display: block;
    color: #27b9b3;
}
.hero__desc {
    max-width: 53ch;
    margin-bottom: 1.8rem;
    color: #587087;
    font-size: clamp(.98rem, 1.15vw, 1.1rem);
    line-height: 1.8;
}
.hero__actions { margin-bottom: 1.35rem; }
.hero__actions .btn { min-height: 50px; }
.hero__quick-note {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    color: #6a7f91;
    font-size: .78rem;
}
.hero__quick-note svg { color: #20aaa6; flex: 0 0 auto; }
.hero__visual { width: 100%; max-width: none; min-width: 0; }

.growth-map {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(1.45rem, 2.5vw, 2.25rem);
    border: 1px solid rgba(9, 42, 82, .1);
    border-radius: 25px;
    background:
        radial-gradient(circle at 80% 21%, rgba(52, 190, 191, .13) 0 2px, transparent 2.5px) 0 0 / 16px 16px,
        linear-gradient(145deg, rgba(255,255,255,.99), rgba(248,252,254,.96));
    box-shadow: 0 24px 65px rgba(9, 42, 82, .1);
}
.growth-map::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 420px;
    height: 220px;
    right: -90px;
    top: 18px;
    border-radius: 50%;
    background:
        radial-gradient(ellipse at center, transparent 48%, rgba(23, 151, 175, .08) 49% 49.5%, transparent 50%),
        radial-gradient(ellipse at center, rgba(23, 151, 175, .035), transparent 67%);
    transform: rotate(-10deg);
}
.growth-map::after {
    content: '';
    position: absolute;
    z-index: -1;
    right: 7%;
    top: 8%;
    width: 42%;
    height: 35%;
    opacity: .28;
    background-image: radial-gradient(#56aab9 1px, transparent 1.2px);
    background-size: 9px 9px;
    mask-image: radial-gradient(ellipse, #000 20%, transparent 72%);
}
.growth-map__head { position: relative; z-index: 1; max-width: 330px; }
.growth-map__head h2 { color: #0b2c54; font-size: clamp(1.05rem, 1.55vw, 1.4rem); line-height: 1.25; }
.growth-map__head p { margin-top: .45rem; color: #60778b; font-size: .73rem; line-height: 1.55; }

.growth-route {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
    margin: 1.55rem 0 1.9rem;
    padding: 0;
    list-style: none;
}
.growth-route::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 47px;
    left: 10%;
    right: 10%;
    border-top: 1px dashed rgba(47, 101, 199, .62);
    transform: rotate(3deg);
    transform-origin: left center;
}
.growth-step { min-width: 0; text-align: center; }
.growth-step--2 { transform: translateY(-12px); }
.growth-step--3 { transform: translateY(10px); }
.growth-step--4 { transform: translateY(22px); }
.growth-step a {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    height: 100%;
    color: inherit;
    border-radius: 17px;
    padding: .2rem .3rem .65rem;
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.growth-step a:hover,
.growth-step a:focus-visible {
    outline: none;
    background: rgba(255,255,255,.88);
    box-shadow: 0 13px 30px rgba(9, 42, 82, .1);
    transform: translateY(-4px);
}
.growth-step__num {
    display: block;
    margin-bottom: .38rem;
    color: #167eaa;
    font-size: .65rem;
    font-weight: 800;
}
.growth-step__icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin-bottom: .62rem;
    border: 1px solid #46c3c2;
    border-radius: 50%;
    background: #eefbfa;
    color: #1bb0ad;
    box-shadow: 0 10px 22px rgba(13, 117, 128, .1);
}
.growth-step--3 .growth-step__icon,
.growth-step--4 .growth-step__icon { border-color: #6f98ed; background: #f1f5ff; color: #316bd2; }
.growth-step strong {
    display: block;
    min-height: 2.5em;
    color: #0a2a4b;
    font-size: clamp(.7rem, .86vw, .83rem);
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.growth-step small {
    display: block;
    margin-top: .35rem;
    color: #61768a;
    font-size: clamp(.57rem, .67vw, .65rem);
    line-height: 1.48;
    overflow-wrap: anywhere;
}

.hero-metrics {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    padding: .75rem;
    border: 1px solid rgba(9, 42, 82, .08);
    border-radius: 16px;
    background: rgba(242, 248, 251, .94);
}
.hero-metric {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: .65rem;
    align-items: center;
    min-width: 0;
    padding: .25rem .45rem;
}
.hero-metric + .hero-metric { border-left: 1px solid rgba(9, 42, 82, .08); }
.hero-metric__icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #dff5f4;
    color: #1aaba8;
}
.hero-metric > span:last-child { display: grid; min-width: 0; }
.hero-metric strong { color: #102e52; font-size: .8rem; line-height: 1.25; overflow-wrap: anywhere; }
.hero-metric small { margin-top: .12rem; color: #60758a; font-size: .58rem; line-height: 1.35; }

.hero-trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: clamp(2rem, 4vw, 3.4rem);
    padding: 1rem 1.2rem;
    border: 1px solid rgba(9, 42, 82, .08);
    border-radius: 18px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 13px 40px rgba(9, 42, 82, .055);
}
.hero-trust__item {
    display: grid;
    grid-template-columns: 45px minmax(0, 1fr);
    gap: .8rem;
    align-items: center;
    min-width: 0;
    padding: .15rem 1.2rem;
}
.hero-trust__item + .hero-trust__item { border-left: 1px solid rgba(9, 42, 82, .1); }
.hero-trust__icon {
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    border-radius: 13px;
    background: #eaf7f7;
    color: #1ca9a6;
}
.hero-trust__item > span:last-child { display: grid; min-width: 0; }
.hero-trust strong { color: #16344f; font-size: .76rem; }
.hero-trust small { margin-top: .2rem; color: #60758a; font-size: .65rem; line-height: 1.45; }

@media (max-width: 1120px) {
    .hero__grid { grid-template-columns: minmax(0, 40fr) minmax(0, 60fr); gap: 2rem; }
    .hero__title { font-size: clamp(2.8rem, 4.3vw, 4rem); }
    .growth-map { padding-inline: 1.25rem; }
    .growth-step small { font-size: .56rem; }
}

@media (max-width: 980px) {
    .hero__grid { grid-template-columns: 1fr; }
    .hero__content { max-width: 680px; }
    .hero__visual { max-width: 860px; margin-inline: auto; }
    .hero__title { max-width: 12ch; font-size: clamp(3.2rem, 8vw, 4.8rem); }
    .growth-step small { font-size: .66rem; }
}

@media (max-width: 720px) {
    .growth-map { padding: 1.25rem; }
    .growth-route { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1.25rem; }
    .growth-route::before { display: none; }
    .growth-step--2,
    .growth-step--3,
    .growth-step--4 { transform: none; }
    .growth-step a { padding: .8rem .55rem; border: 1px solid rgba(9, 42, 82, .08); background: rgba(255,255,255,.82); }
    .growth-step strong { min-height: 0; font-size: .8rem; }
    .growth-step small { font-size: .65rem; }
    .hero-metrics { grid-template-columns: 1fr; }
    .hero-metric + .hero-metric { border-left: 0; border-top: 1px solid rgba(9, 42, 82, .08); padding-top: .7rem; }
    .hero-trust { grid-template-columns: 1fr; padding: .55rem 1rem; }
    .hero-trust__item { padding: .8rem .2rem; }
    .hero-trust__item + .hero-trust__item { border-left: 0; border-top: 1px solid rgba(9, 42, 82, .08); }
}

@media (max-width: 640px) {
    .hero { padding-block: 2.6rem 2rem; }
    .hero__title { max-width: 11ch; font-size: clamp(2.6rem, 13vw, 3.55rem); }
    .hero__desc { line-height: 1.7; }
    .hero__actions { gap: .65rem; }
    .hero__actions .btn { width: 100%; }
}

@media (max-width: 420px) {
    .growth-route { grid-template-columns: 1fr; }
    .growth-step a { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: .8rem; text-align: left; align-items: center; }
    .growth-step__num { display: none; }
    .growth-step__icon { grid-row: 1 / 3; width: 48px; height: 48px; margin: 0; }
    .growth-step strong { align-self: end; }
    .growth-step small { align-self: start; }
}

/* ================================================================
   Homepage / reference-led compact editorial layout
   ================================================================ */
.is-homepage .topbar { display: block; }
.is-homepage main { overflow: hidden; background: #fff; }
.is-homepage .header { border-bottom: 1px solid #e8eef5; background: rgba(255,255,255,.97); }
.is-homepage .header__inner { min-height: 70px; }
.is-homepage .logo__image { width: 184px; height: auto; }
.is-homepage .nav__list { gap: .1rem; }
.is-homepage .nav__link { padding-inline: .72rem; font-size: .78rem; }
.is-homepage .header__actions .btn { min-height: 38px; padding-inline: 1.15rem; }

.hv-hero { position: relative; padding: 42px 0 0; background: radial-gradient(circle at 74% 30%, rgba(34,185,184,.08), transparent 25%), linear-gradient(180deg,#fbfdff 0%,#fff 76%); }
.hv-hero::before { content:""; position:absolute; inset:0 0 auto 52%; height:480px; opacity:.45; background-image:radial-gradient(#cfe0ef 1px,transparent 1px); background-size:12px 12px; mask-image:linear-gradient(90deg,transparent,#000 45%,transparent); }
.hv-hero .container { position: relative; }
.hv-hero__grid { display:grid; grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr); gap:52px; align-items:center; }
.hv-hero__copy { padding: 18px 0 8px; }
.hv-eyebrow { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; padding:7px 12px; border:1px solid #d4e4ec; border-radius:999px; color:#1d5467; background:#fff; font-size:.68rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; box-shadow:0 8px 24px rgba(20,62,97,.04); }
.hv-eyebrow i { width:7px; height:7px; border-radius:50%; background:#24b9b3; box-shadow:0 0 0 5px rgba(36,185,179,.12); }
.hv-hero h1 { max-width:650px; margin:0; color:#082955; font-size:clamp(2.55rem,3.55vw,4rem); line-height:1.06; letter-spacing:-.055em; }
.hv-hero h1 em { display:block; color:#20aaa8; font-style:normal; }
.hv-hero__copy > p { max-width:610px; margin:20px 0 0; color:#5b6e84; font-size:.92rem; line-height:1.75; }
.hv-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:25px; }
.hv-hero__actions .btn { min-height:49px; padding-inline:23px; border-radius:8px; font-size:.82rem; }

.hv-roadmap { position:relative; min-width:0; padding:29px 30px 22px; border:1px solid #e1eaf2; border-radius:18px; background:rgba(255,255,255,.94); box-shadow:0 25px 70px rgba(14,47,83,.1); overflow:hidden; }
.hv-roadmap::after { content:""; position:absolute; right:-55px; top:-80px; width:340px; height:230px; opacity:0; pointer-events:none; }
.hv-roadmap__head { position:relative; z-index:1; }
.hv-roadmap__head h2 { margin:0; color:#0b2b56; font-size:1.08rem; }
.hv-roadmap__head p { margin:6px 0 0; color:#61768a; font-size:.76rem; line-height:1.5; }
.hv-roadmap__steps { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:31px 0 24px; padding:0; list-style:none; }
.hv-roadmap__steps::before { content:""; position:absolute; top:31px; left:11%; right:11%; border-top:1.5px dashed #3d77ce; }
.hv-roadmap__steps li { position:relative; display:flex; flex-direction:column; align-items:center; min-width:0; text-align:center; }
.hv-roadmap__num { position:absolute; top:-19px; color:#1b9f9b; font-size:.73rem; font-weight:800; }
.hv-roadmap__icon { position:relative; z-index:1; display:grid; place-items:center; width:56px; height:56px; margin-bottom:10px; border:1px solid #c7e5e5; border-radius:50%; color:#149f9d; background:#eaf9f8; box-shadow:0 7px 18px rgba(28,153,151,.12); }
.hv-roadmap__steps li:nth-child(3) .hv-roadmap__icon,.hv-roadmap__steps li:nth-child(4) .hv-roadmap__icon { color:#2869d8; border-color:#d4e2fb; background:#edf3ff; }
.hv-roadmap__steps strong { color:#0d2c51; font-size:.77rem; line-height:1.38; }
.hv-roadmap__steps small { max-width:138px; margin-top:6px; color:#61768b; font-size:.74rem; line-height:1.5; }
.hv-roadmap__metrics { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:13px 8px; border:1px solid #e2ebf2; border-radius:12px; background:#f7fafc; }
.hv-roadmap__metrics span { display:flex; flex-direction:column; min-width:0; padding:0 11px; }
.hv-roadmap__metrics span+span { border-left:1px solid #e0e8ef; }
.hv-roadmap__metrics b { color:#0c315d; font-size:.78rem; white-space:nowrap; }
.hv-roadmap__metrics small { margin-top:4px; color:#617589; font-size:.72rem; line-height:1.42; }
.hv-roadmap__panel { position:relative; overflow:hidden; margin-top:20px; padding:34px 24px 22px; border:1px solid rgba(8,48,76,.07); border-radius:18px; background:linear-gradient(180deg,#f7fbff 0%,#eef6fb 100%); }
.hv-roadmap__track-wrap { position:absolute; z-index:0; top:68px; left:calc(12.5% + 24px); right:calc(12.5% + 24px); height:4px; }
.hv-roadmap__track,.hv-roadmap__progress { position:absolute; inset:0 auto auto 0; height:4px; border-radius:999px; }
.hv-roadmap__track { width:100%; background:#d8e2ea; }
.hv-roadmap__progress { width:var(--roadmap-progress,0%); background:linear-gradient(90deg,#ffc837 0%,#00cc3d 30%,#18c8ad 62%,#26c0ff 100%); transition:width 680ms cubic-bezier(.22,.8,.25,1); }
.hv-roadmap__grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.hv-roadmap__step { min-width:0; text-align:center; }
.hv-roadmap__step-dot { display:grid; place-items:center; width:58px; height:58px; margin:0 auto 14px; border:1px solid #d8e4ec; border-radius:50%; color:#8ca0b2; background:#fff; box-shadow:0 6px 18px rgba(8,48,76,.06); font-size:1.25rem; font-weight:800; transition:transform .35s cubic-bezier(.2,.8,.2,1),background .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease; }
.hv-roadmap__step-copy { visibility:hidden; opacity:0; transform:translateY(10px); transition:opacity .38s ease,transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s linear .38s; }
.hv-roadmap__step.is-visible .hv-roadmap__step-copy { visibility:visible; opacity:1; transform:none; transition:opacity .38s ease,transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s; }
.hv-roadmap__step-copy h3 { margin:0 0 6px; color:var(--color-portrait-ink); font-size:.84rem; font-weight:700; line-height:1.3; }
.hv-roadmap__step-copy p { max-width:180px; margin:0 auto; color:var(--color-slate-helper); font-size:.72rem; line-height:1.45; }
.hv-roadmap__step.is-done .hv-roadmap__step-dot { border-color:#9be2c8; color:var(--color-portrait-ink); background:#e7f8f2; box-shadow:0 8px 22px rgba(47,158,120,.12); }
.hv-roadmap__step.is-current .hv-roadmap__step-dot { border-color:#b8d4f7; color:var(--color-portrait-ink); background:#eaf3ff; box-shadow:0 0 0 7px rgba(30,111,217,.06),0 10px 24px rgba(30,111,217,.12); transform:scale(1.08); }
.hv-roadmap__step.is-current h3 { color:var(--color-nautical-teal); }
.hv-roadmap .replay,
.hv-roadmap #replayBtn,
.hv-roadmap [data-roadmap-replay] { display:none !important; }
.hv-roadmap__step.pop .hv-roadmap__step-dot { animation:hv-roadmap-pop .42s cubic-bezier(.2,.8,.2,1); }
@keyframes hv-roadmap-pop { 0%{transform:scale(.9)} 60%{transform:scale(1.14)} 100%{transform:scale(1.08)} }
@keyframes hv-roadmap-loader { to { transform:rotate(360deg); } }
.hv-trust { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:32px; padding:16px 8px; border-top:1px solid #edf1f5; }
.hv-trust > span { display:grid; grid-template-columns:35px auto; grid-template-rows:auto auto; column-gap:11px; align-items:center; padding:0 22px; color:#14a4a1; }
.hv-trust > span+span { border-left:1px solid #e5ecf2; }
.hv-trust svg { grid-row:1/3; }
.hv-trust b { color:#153552; font-size:.76rem; }
.hv-trust small { color:#6a7e92; font-size:.72rem; line-height:1.45; }

.hv-section { padding:41px 0; }
.hv-section-title,.hv-section-head h2 { margin:0; color:#0a2a54; font-size:clamp(1.35rem,1.7vw,1.75rem); letter-spacing:-.035em; }
.hv-section-head { display:flex; justify-content:space-between; gap:24px; align-items:flex-end; margin-bottom:20px; }
.hv-section-head > a { display:inline-flex; align-items:center; gap:7px; color:#1763c6; font-size:.76rem; font-weight:750; white-space:nowrap; }
.hv-section-head--stack { display:block; }
.hv-section-head--stack p { margin:6px 0 0; color:#667b90; font-size:.78rem; line-height:1.55; }

.hv-topics { padding-top:32px; }
.hv-topics .hv-section-title { margin-bottom:19px; }
.hv-topic-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.hv-topic { position:relative; min-height:174px; padding:21px 19px 19px; border:1px solid #e3eaf1; border-radius:12px; color:inherit; background:#fff; box-shadow:0 10px 30px rgba(17,49,82,.05); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease; }
.hv-topic:hover { color:inherit; transform:translateY(-5px); border-color:#8fc9d2; background:linear-gradient(145deg,#fff,#f7fcfd); box-shadow:0 20px 42px rgba(17,49,82,.13); }
.hv-topic__icon { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; color:#178f98; background:#e8f7f6; }
.hv-topic:nth-child(even) .hv-topic__icon { color:#2867cf; background:#edf3ff; }
.hv-topic h3 { margin:13px 0 7px; color:#123253; font-size:.9rem; line-height:1.35; }
.hv-topic p { margin:0 0 30px; color:#60758a; font-size:.76rem; line-height:1.6; }
.hv-topic > span:last-child { position:absolute; left:19px; bottom:16px; display:flex; align-items:center; gap:6px; color:#1763c6; font-size:.72rem; font-weight:750; }
.hv-topic:hover .hv-topic__icon { color:#fff; background:#149c9a; transform:rotate(-4deg) scale(1.06); }
.hv-topic:hover > span:last-child svg { transform:translateX(4px); }

.hv-support-band-wrap { padding:7px 0 17px; }
.hv-support-band { position:relative; display:grid; grid-template-columns:1.25fr repeat(3,1fr); min-height:190px; padding:28px 33px; border-radius:15px; color:#fff; background:linear-gradient(118deg,#062d5c,#074278); overflow:hidden; box-shadow:0 18px 40px rgba(4,42,83,.14); }
.hv-support-band::after { content:""; position:absolute; right:-20px; bottom:-150px; width:500px; height:320px; border:1px solid rgba(56,214,209,.18); border-radius:50%; transform:rotate(-12deg); }
.hv-support-band__copy { position:relative; z-index:1; padding-right:34px; }
.hv-support-band__copy h2 { margin:0; color:#fff; font-size:1.48rem; line-height:1.12; }
.hv-support-band__copy p { margin:11px 0 16px; color:#d4e0eb; font-size:.75rem; line-height:1.6; }
.hv-support-band__copy a { display:inline-flex; align-items:center; gap:8px; padding:10px 13px; border:1px solid rgba(93,216,211,.62); border-radius:7px; color:#fff; font-size:.72rem; font-weight:750; transition:.2s ease; }
.hv-support-band__copy a:hover { color:#072f5d; border-color:#fff; background:#fff; transform:translateY(-2px); box-shadow:0 10px 22px rgba(0,15,42,.2); }
.hv-support-band__metric { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; min-width:0; padding:0 23px; border-left:1px solid rgba(255,255,255,.12); }
.hv-support-band__metric b { font-size:1.65rem; letter-spacing:-.04em; white-space:nowrap; }
.hv-support-band__metric em { color:#36d2c9; font-style:normal; }
.hv-support-band__metric span { margin-top:8px; color:#dbe7f0; font-size:.72rem; line-height:1.5; }

.hv-featured-supports { padding-top:27px; }
.hv-support-heading { align-items:flex-end; }
.hv-support-heading > div > span { display:block; margin-bottom:5px; color:#138f91; font-size:.66rem; font-weight:850; letter-spacing:.13em; }
.hv-support-heading > div > p { margin:7px 0 0; color:#64798e; font-size:.78rem; line-height:1.55; }
.hv-support-constellation { position:relative; min-height:730px; margin-top:10px; border:1px solid #e2ebf2; border-radius:26px; background:radial-gradient(circle at 50% 48%,rgba(31,183,177,.1),transparent 26%),linear-gradient(135deg,#f4f9fc,#eef4fb); overflow:hidden; }
.hv-support-constellation::before { content:""; position:absolute; inset:8%; border:1px dashed rgba(29,132,169,.15); border-radius:50%; transform:scaleX(1.42); }
.hv-support-visual { position:absolute; z-index:1; top:50%; left:50%; width:300px; transform:translate(-50%,-50%); text-align:center; pointer-events:none; }
.hv-support-visual img { position:relative; z-index:1; display:block; width:78%; height:auto; margin-inline:auto; filter:drop-shadow(0 20px 30px rgba(7,53,104,.14)); }
.hv-support-visual__orbit-label { position:absolute; z-index:0; inset:-18px; width:calc(100% + 36px); height:calc(100% + 36px); overflow:visible; animation:hv-support-orbit-title 22s linear infinite; }
.hv-support-visual__orbit-label text { fill:#084e72; font-family:var(--font-ui); font-size:8.4px; font-weight:750; letter-spacing:1.65px; }
.hv-support-visual > span { display:inline-flex; align-items:center; gap:9px; margin-top:-21px; padding:9px 14px; border:1px solid rgba(28,159,157,.25); border-radius:999px; background:rgba(255,255,255,.9); box-shadow:0 10px 25px rgba(14,48,82,.09); backdrop-filter:blur(8px); }
.hv-support-visual b { color:#0b345f; font-size:.78rem; }
.hv-support-visual small { color:#138f91; font-size:.67rem; font-weight:750; }
.hv-support-grid { position:absolute; inset:0; z-index:2; }
.hv-support-card { position:absolute; width:182px; height:148px; margin-left:-91px; border:1px solid #dce7ef; border-radius:15px; color:inherit; background:#fff; box-shadow:0 10px 28px rgba(14,48,82,.07); overflow:hidden; transition:border-color .22s ease,box-shadow .22s ease; }
.hv-support-card:nth-child(1) { left:50%; top:14px; }
.hv-support-card:nth-child(2) { left:70%; top:36px; }
.hv-support-card:nth-child(3) { left:86%; top:120px; }
.hv-support-card:nth-child(4) { left:92%; top:270px; }
.hv-support-card:nth-child(5) { left:88%; top:420px; }
.hv-support-card:nth-child(6) { left:76%; top:568px; }
.hv-support-card:nth-child(7) { left:59%; top:568px; }
.hv-support-card:nth-child(8) { left:41%; top:568px; }
.hv-support-card:nth-child(9) { left:24%; top:568px; }
.hv-support-card:nth-child(10) { left:12%; top:420px; }
.hv-support-card:nth-child(11) { left:8%; top:270px; }
.hv-support-card:nth-child(12) { left:14%; top:120px; }
.hv-support-card:nth-child(13) { left:30%; top:36px; }
.hv-support-card:hover,.hv-support-card:focus-visible { z-index:4; color:inherit; border-color:#61c8c3; box-shadow:0 20px 40px rgba(7,48,87,.18); }
.hv-support-card__front,.hv-support-card__reveal { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:15px; text-align:center; transition:opacity .24s ease,transform .3s cubic-bezier(.2,.72,.2,1),clip-path .3s cubic-bezier(.2,.72,.2,1); }
.hv-support-card__front { opacity:1; transform:translateY(0); }
.hv-support-card__front::after { content:""; position:absolute; right:-42px; bottom:-52px; width:118px; height:118px; border:1px solid rgba(24,157,155,.14); border-radius:50%; }
.hv-support-card__icon { position:relative; z-index:1; display:grid; place-items:center; width:44px; height:44px; margin-bottom:10px; border:1px solid #cfe8e8; border-radius:13px; color:#138f94; background:#e8f7f6; transition:transform .25s ease; }
.hv-support-card:nth-child(even) .hv-support-card__icon { color:#2867cf; border-color:#d9e5fb; background:#edf3ff; }
.hv-support-card__front strong { position:relative; z-index:1; max-width:165px; color:#123253; font-size:.86rem; line-height:1.32; }
.hv-support-card__front > small { position:relative; z-index:1; margin-top:7px; color:#8395a7; font-size:.62rem; }
.hv-support-card__mobile-copy { display:none; }
.hv-support-card__reveal { align-items:flex-start; color:#fff; text-align:left; background:linear-gradient(145deg,#073568,#08708b); opacity:0; transform:translateY(18px); clip-path:inset(100% 0 0 0 round 14px); }
.hv-support-card__reveal small { color:#58e0d6; font-size:.58rem; font-weight:850; letter-spacing:.09em; }
.hv-support-card__reveal > span { margin-top:7px; color:#e1edf3; font-size:.71rem; line-height:1.43; }
.hv-support-card__reveal b { display:flex; align-items:center; gap:6px; margin-top:auto; color:#62e4da; font-size:.65rem; }
.hv-support-card:hover .hv-support-card__front,.hv-support-card:focus-visible .hv-support-card__front { opacity:0; transform:translateY(-13px) scale(.96); }
.hv-support-card:hover .hv-support-card__reveal,.hv-support-card:focus-visible .hv-support-card__reveal { opacity:1; transform:translateY(0); clip-path:inset(0 round 14px); }
.hv-support-card:hover .hv-support-card__icon { transform:scale(.9); }
.hv-support-card:hover .hv-support-card__reveal svg { transform:translateX(4px); }
@keyframes hv-support-orbit-title { to { transform:rotate(360deg); } }
.hv-support-note { display:grid; grid-template-columns:42px minmax(0,1.5fr) minmax(0,1fr); gap:18px; align-items:center; margin-top:17px; padding:15px 20px; border-radius:10px; background:#f5f9fc; }
.hv-support-note > span { display:grid; place-items:center; width:40px; height:40px; border-radius:10px; color:#2670d3; background:#e9f1fd; }
.hv-support-note p,.hv-support-note ul { margin:0; color:#566d82; font-size:.73rem; line-height:1.6; }
.hv-support-note ul { padding-left:17px; }
.hv-support-note li::marker { color:#1bb3ad; }

.hv-process-section { background:linear-gradient(180deg,#fafcfe,#fff); }
.hv-process { display:grid; grid-template-columns:minmax(0,1fr) 155px; align-items:stretch; padding:19px 20px; border:1px solid #e6ecf2; border-radius:13px; box-shadow:0 10px 34px rgba(13,45,78,.04); }
.hv-process ol { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none; }
.hv-process ol::before { content:""; position:absolute; top:29px; left:10%; right:10%; border-top:1px dashed #3daec4; }
.hv-process li { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; min-width:0; padding:0 7px; text-align:center; }
.hv-process__node { display:grid; place-items:center; width:58px; height:58px; margin-bottom:9px; border:1px solid #cfdfef; border-radius:50%; color:#1a7898; background:#f3f8fc; box-shadow:0 0 0 6px #fff; }
.hv-process li b { color:#163551; font-size:.73rem; }
.hv-process li small { max-width:145px; margin-top:6px; color:#687d91; font-size:.73rem; line-height:1.52; }
.hv-process__cta { display:flex; flex-direction:column; justify-content:space-between; margin-left:12px; padding:18px; border:1px solid transparent; border-radius:10px; color:#0d4b82; background:linear-gradient(135deg,#e8f7fa,#edf4ff); font-size:.76rem; font-weight:800; transition:.22s ease; }
.hv-process__cta:hover { color:#073e76; transform:translateY(-3px); border-color:#afd9e2; box-shadow:0 15px 30px rgba(13,67,107,.12); }
.hv-process__cta:hover svg { transform:translateX(4px); }
.hv-process__cta svg { align-self:flex-end; }

.hv-audience-section { padding-top:31px; }
.hv-audience-section .hv-section-title { margin-bottom:19px; }
.hv-audience { display:grid; grid-template-columns:1fr 1fr .72fr; min-height:155px; border:1px solid #e5ebf1; border-radius:12px; overflow:hidden; }
.hv-audience__card { position:relative; display:grid; grid-template-columns:42px 1fr; gap:14px; padding:23px; color:inherit; background:#fff; transition:background .22s ease,box-shadow .22s ease,transform .22s ease; }
.hv-audience__card+.hv-audience__card { border-left:1px solid #e7edf2; }
.hv-audience__card > span { display:grid; place-items:center; width:40px; height:40px; border-radius:11px; color:#159a97; background:#e7f7f5; }
.hv-audience__card h3 { margin:1px 0 7px; color:#123151; font-size:.87rem; }
.hv-audience__card p { margin:0 0 12px; color:#60768a; font-size:.73rem; line-height:1.6; }
.hv-audience__card b { display:flex; align-items:center; gap:7px; color:#1764c7; font-size:.71rem; }
.hv-audience__card:hover { z-index:1; color:inherit; background:linear-gradient(145deg,#fff,#f5fbfc); box-shadow:0 18px 34px rgba(13,47,82,.1); transform:translateY(-3px); }
.hv-audience__card:hover > span { color:#fff; background:#159d9b; transform:scale(1.05); }
.hv-audience__card:hover b svg { transform:translateX(4px); }
.hv-audience__visual { position:relative; margin:0; overflow:hidden; }
.hv-audience__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#fff 0%,transparent 40%); }
.hv-audience__visual img { width:100%; height:100%; object-fit:cover; }

.hv-faq-section { padding:34px 0; background:linear-gradient(180deg,#fff,#f8fbfd 48%,#fff); }
.hv-faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; }
.hv-faq { border:0; border-radius:0; overflow:visible; background:transparent; }
.hv-faq .accordion__item { margin-bottom:10px; border:1px solid #dfe8ef; border-radius:12px; background:#fff; box-shadow:0 7px 20px rgba(20,51,82,.045); overflow:hidden; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.hv-faq .accordion__item + .accordion__item { border-top:1px solid #dfe8ef; }
.hv-faq .accordion__item:hover { border-color:#b8d9e1; box-shadow:0 12px 26px rgba(20,51,82,.08); transform:translateY(-2px); }
.hv-faq .accordion__item.is-open { border-color:#8bcacb; box-shadow:0 15px 32px rgba(17,86,103,.1); }
.hv-faq .accordion__trigger { min-height:58px; padding:0 15px 0 18px; color:#173651; background:#fff; font-size:.78rem; font-weight:750; line-height:1.4; }
.hv-faq .accordion__trigger:hover { color:#0b7478; background:#f7fbfc; }
.hv-faq .accordion__trigger:focus-visible { outline:3px solid rgba(30,169,167,.25); outline-offset:-3px; }
.hv-faq .accordion__icon { display:grid; flex:0 0 auto; place-items:center; width:30px; height:30px; border-radius:50%; color:#126c89; background:#edf7f8; font-size:1.05rem; line-height:1; transition:transform .22s ease,color .22s ease,background .22s ease; }
.hv-faq .accordion__item.is-open .accordion__icon { color:#fff; background:#159d9b; transform:rotate(45deg); }
.hv-faq .accordion__content { padding:1px 58px 18px 18px; color:#566d81; font-size:.75rem; line-height:1.7; }

.hv-editorial-section { padding-top:26px; }
.hv-editorial { display:grid; grid-template-columns:1.05fr .95fr; gap:13px; min-height:300px; }
.hv-editorial__featured { position:relative; min-height:300px; border-radius:12px; overflow:hidden; color:#fff; }
.hv-editorial__featured img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hv-editorial__overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,37,74,.97) 0%,rgba(3,37,74,.88) 47%,rgba(3,37,74,.12) 100%); }
.hv-editorial__featured > div { position:relative; z-index:1; display:grid; align-content:center; width:55%; height:100%; padding:30px; }
.hv-editorial small { display:inline-flex; width:max-content; margin-bottom:8px; padding:5px 8px; border-radius:999px; color:#0d5fae; background:#dff4f5; font-size:.72rem; font-weight:800; }
.hv-editorial time { margin-bottom:10px; color:#cbd8e5; font-size:.72rem; }
.hv-editorial h3 { margin:0; line-height:1.25; }
.hv-editorial__featured h3 { color:#fff; font-size:1.12rem; text-shadow:0 2px 14px rgba(0,19,43,.28); }
.hv-editorial__featured p { margin:10px 0 18px; color:#e0e8f0; font-size:.73rem; line-height:1.6; }
.hv-editorial b { display:flex; align-items:center; gap:7px; font-size:.72rem; }
.hv-editorial__side { display:grid; grid-template-rows:1fr 1fr; gap:11px; }
.hv-editorial__small { display:grid; grid-template-columns:42% 1fr; min-height:0; border:1px solid #e3eaf1; border-radius:11px; color:inherit; background:#fff; overflow:hidden; }
.hv-editorial__small img { width:100%; height:100%; object-fit:cover; }
.hv-editorial__small > span { display:flex; flex-direction:column; justify-content:center; padding:17px; }
.hv-editorial__small h3 { color:#123151; font-size:.84rem; }
.hv-editorial__small p { margin:6px 0 11px; color:#63788c; font-size:.72rem; line-height:1.55; }
.hv-editorial__small b { color:#1764c7; }
.hv-editorial__featured img,.hv-editorial__small img { transition:transform .38s ease,filter .3s ease; }
.hv-editorial__featured:hover img { transform:scale(1.035); filter:saturate(1.06); }
.hv-editorial__small { transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.hv-editorial__small:hover { color:inherit; transform:translateY(-3px); border-color:#a9d1da; box-shadow:0 15px 30px rgba(14,48,82,.1); }
.hv-editorial__small:hover img { transform:scale(1.045); }
.hv-editorial__small:hover b svg,.hv-editorial__featured:hover b svg,.hv-section-head > a:hover svg { transform:translateX(4px); }

.is-homepage .hv-topic__icon,
.is-homepage .hv-support-card__icon,
.is-homepage .hv-audience__card > span,
.is-homepage .hv-topic svg,
.is-homepage .hv-support-card svg,
.is-homepage .hv-audience__card svg,
.is-homepage .hv-process__cta svg,
.is-homepage .hv-editorial svg,
.is-homepage .hv-section-head svg { transition:transform .22s ease,color .22s ease,background .22s ease; }
.is-homepage .btn { transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease; }
.is-homepage .btn:hover { transform:translateY(-3px); box-shadow:0 13px 26px rgba(8,47,88,.17); }
.is-homepage .hv-topic:focus-visible,
.is-homepage .hv-support-card:focus-visible,
.is-homepage .hv-audience__card:focus-visible,
.is-homepage .hv-process__cta:focus-visible,
.is-homepage .hv-editorial a:focus-visible,
.is-homepage .hv-institution-card:focus-visible {
    outline:3px solid rgba(24,157,155,.28);
    outline-offset:3px;
}

.hv-institutions-section { padding-top:22px; }
.hv-institutions-section .hv-section-title { margin-bottom:18px; }
.hv-institution-slider { position:relative; width:100%; padding:15px 0; border:1px solid #e3ebf2; border-radius:14px; background:linear-gradient(180deg,#fff,#f8fbfd); overflow:hidden; box-shadow:0 12px 32px rgba(11,45,79,.05); }
.hv-institution-slider::before,.hv-institution-slider::after { content:""; position:absolute; z-index:3; top:0; bottom:0; width:75px; pointer-events:none; }
.hv-institution-slider::before { left:0; background:linear-gradient(90deg,#fff,rgba(255,255,255,0)); }
.hv-institution-slider::after { right:0; background:linear-gradient(270deg,#fff,rgba(255,255,255,0)); }
.hv-institution-track { display:flex; width:max-content; gap:12px; animation:hv-institutions-scroll 34s linear infinite; will-change:transform; }
.hv-institution-slider:hover .hv-institution-track,.hv-institution-slider:focus-within .hv-institution-track { animation-play-state:paused; }
.hv-institution-set { display:flex; gap:12px; padding-left:12px; }
.hv-institution-card { position:relative; display:block; flex:0 0 205px; width:205px; height:108px; border:1px solid #e1e9f0; border-radius:12px; color:#0b3565; background:#fff; overflow:hidden; box-shadow:0 7px 18px rgba(12,49,84,.045); }
.hv-institution-card__logo { display:grid; place-items:center; width:100%; height:100%; padding:19px 23px; transition:transform .25s ease,opacity .25s ease; }
.hv-institution-card__logo.is-dark { margin:0; width:100%; height:100%; padding:19px 23px; border-radius:0; background:#fff; }
.hv-institution-card__logo.is-sgk { position:relative; overflow:hidden; padding:16px 20px; background:#fff; box-shadow:none; }
.hv-institution-card__logo.is-sgk::after { display:none; }
.hv-institution-card__logo img { max-width:150px; max-height:58px; object-fit:contain; filter:grayscale(1) saturate(0) contrast(.82) opacity(.76); }
.hv-institution-card__logo.is-ushas { padding:15px 13px; }
.hv-institution-card__logo.is-ushas img { width:100%; max-width:174px; max-height:62px; }
.hv-institution-card__logo.is-dark img,.hv-institution-card__logo.is-sgk img { position:relative; z-index:1; width:100%; max-width:158px; max-height:54px; filter:brightness(0) saturate(0) opacity(.68); }
.hv-institution-card__logo strong { font-size:1.08rem; letter-spacing:.09em; }
.hv-institution-card__info { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; padding:15px 17px; color:#fff; background:linear-gradient(135deg,rgba(5,44,83,.97),rgba(8,89,123,.95)); opacity:0; transform:translateY(10px); transition:opacity .22s ease,transform .22s ease; }
.hv-institution-card__info b { font-size:.76rem; line-height:1.3; }
.hv-institution-card__info small { margin-top:5px; color:#d3e3ed; font-size:.72rem; line-height:1.45; }
.hv-institution-card__info em { display:flex; align-items:center; gap:5px; margin-top:10px; color:#50ded4; font-size:.72rem; font-style:normal; font-weight:800; }
.hv-institution-card:hover .hv-institution-card__info,.hv-institution-card:focus .hv-institution-card__info { opacity:1; transform:translateY(0); }
.hv-institution-card:hover .hv-institution-card__logo,.hv-institution-card:focus .hv-institution-card__logo { transform:scale(.97); opacity:.2; }
@keyframes hv-institutions-scroll { to { transform:translateX(calc(-50% - 6px)); } }

.hv-final-cta { padding:17px 0 0; }
.hv-final-cta__inner { display:flex; justify-content:space-between; align-items:center; min-height:130px; padding:24px 42px; border-radius:13px; color:#fff; background:linear-gradient(110deg,#073568,#075184); overflow:hidden; }
.hv-final-cta h2 { margin:0; color:#fff; font-size:1.42rem; line-height:1.12; }
.hv-final-cta p { margin:8px 0 0; color:#d0deea; font-size:.74rem; }
.hv-final-cta .btn { min-width:135px; }

.is-homepage .newsletter { margin-top:0; padding:26px 0; background:#f7fafc; }
.is-homepage .newsletter__inner { align-items:center; padding-block:0; }
.is-homepage .newsletter h2 { color:#0a2a54; font-size:1.12rem; }
.is-homepage .newsletter p { color:#60768a; font-size:.74rem; }
.is-homepage .newsletter__row { background:transparent; }
.is-homepage .newsletter__row input[type="email"] { color:#173651; border-color:#d7e3ec; background:#fff; }
.is-homepage .newsletter__row input::placeholder { color:#8392a2; }
.is-homepage .newsletter__row input:focus { color:#173651; border-color:#5d91c6; background:#fff; }
.is-homepage .newsletter__consent { color:#65798d; }
.is-homepage .newsletter__consent a { color:#175fae; }
.is-homepage .footer { padding-top:38px; }

@media (max-width: 1180px) {
    .is-homepage .nav__link { padding-inline:.46rem; font-size:.7rem; }
    .hv-hero__grid { grid-template-columns:.8fr 1.2fr; gap:30px; }
    .hv-roadmap { padding-inline:22px; }
    .hv-support-card__front strong { font-size:.86rem; }
}

@media (max-width: 1020px) {
    .hv-hero { padding-top:28px; }
    .hv-hero__grid { grid-template-columns:1fr; }
    .hv-hero__copy { max-width:760px; }
    .hv-roadmap { max-width:850px; }
    .hv-support-constellation { min-height:0; padding:26px; }
    .hv-support-constellation::before { display:none; }
    .hv-support-visual { position:relative; top:auto; left:auto; width:min(270px,70vw); margin:0 auto 24px; transform:none; }
    .hv-support-grid { position:relative; inset:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
    .hv-support-card:nth-child(n) { position:relative; top:auto; left:auto; width:auto; height:182px; margin:0; }
    .hv-support-band { grid-template-columns:1.2fr repeat(3,1fr); padding-inline:24px; }
    .hv-support-band__metric { padding-inline:15px; }
    .hv-audience { grid-template-columns:1fr 1fr; }
    .hv-audience__visual { display:none; }
}

@media (max-width: 760px) {
    .is-homepage .header__inner { min-height:62px; }
    .is-homepage .logo__image { width:155px; }
    .hv-hero { padding-top:22px; }
    .hv-hero h1 { font-size:clamp(2.2rem,11vw,3.2rem); }
    .hv-hero__copy > p { font-size:.82rem; }
    .hv-hero__actions .btn { width:100%; justify-content:center; }
    .hv-roadmap { padding:24px 17px 17px; }
    .hv-roadmap__steps { grid-template-columns:repeat(2,1fr); row-gap:30px; }
    .hv-roadmap__steps::before { display:none; }
    .hv-roadmap__metrics { grid-template-columns:repeat(2,1fr); gap:13px 0; }
    .hv-roadmap__metrics span:nth-child(3) { border-left:0; }
    .hv-trust { grid-template-columns:1fr; margin-top:20px; }
    .hv-trust > span { padding:12px 5px; }
    .hv-trust > span+span { border-left:0; border-top:1px solid #e5ecf2; }
    .hv-section { padding:30px 0; }
    .hv-topic-grid { grid-template-columns:1fr 1fr; }
    .hv-support-band { grid-template-columns:1fr 1fr; gap:0; }
    .hv-support-band__copy { grid-column:1/-1; padding:0 0 20px; }
    .hv-support-band__metric { min-height:90px; border-top:1px solid rgba(255,255,255,.12); }
    .hv-support-band__metric:nth-child(4) { grid-column:1/-1; }
    .hv-support-grid { grid-template-columns:repeat(2,1fr); }
    .hv-support-note { grid-template-columns:42px 1fr; }
    .hv-support-note ul { grid-column:1/-1; }
    .hv-process { grid-template-columns:1fr; padding:18px; }
    .hv-process ol { grid-template-columns:1fr; gap:14px; }
    .hv-process ol::before { display:none; }
    .hv-process li { display:grid; grid-template-columns:52px 1fr; grid-template-rows:auto auto; column-gap:13px; text-align:left; align-items:center; }
    .hv-process__node { grid-row:1/3; width:50px; height:50px; margin:0; }
    .hv-process li small { max-width:none; }
    .hv-process__cta { min-height:100px; margin:18px 0 0; }
    .hv-audience { grid-template-columns:1fr; }
    .hv-audience__card+.hv-audience__card { border-left:0; border-top:1px solid #e7edf2; }
    .hv-faq-grid,.hv-editorial { grid-template-columns:1fr; }
    .hv-editorial__featured { min-height:350px; }
    .hv-editorial__small { min-height:145px; }
    .hv-institution-card { flex-basis:175px; width:175px; height:98px; }
    .hv-final-cta__inner { align-items:flex-start; flex-direction:column; gap:20px; padding:28px; }
}

@media (max-width: 460px) {
    .hv-eyebrow { font-size:.58rem; }
    .hv-roadmap__metrics { grid-template-columns:1fr; }
    .hv-roadmap__metrics span+span { border-left:0; border-top:1px solid #e0e8ef; padding-top:10px; }
    .hv-topic-grid { grid-template-columns:1fr; }
    .hv-topic { min-height:142px; }
    .hv-support-band { grid-template-columns:1fr; }
    .hv-support-band__metric,.hv-support-band__metric:nth-child(4) { grid-column:1; border-left:0; }
    .hv-support-grid { grid-template-columns:1fr; }
    .hv-support-constellation { padding:18px; border-radius:18px; }
    .hv-support-card { min-height:190px; }
    .hv-section-head { align-items:flex-start; flex-direction:column; gap:9px; }
    .hv-editorial__featured > div { width:80%; padding:22px; }
    .hv-editorial__small { grid-template-columns:38% 1fr; }
    .hv-institution-slider::before,.hv-institution-slider::after { width:35px; }
}

@media (prefers-reduced-motion: reduce) {
    .hv-institution-track { animation:none; }
    .hv-support-visual__orbit-label { animation:none; }
    .hv-institution-slider { overflow-x:auto; scrollbar-width:thin; }
    .is-homepage .hv-topic:hover,
    .is-homepage .hv-support-card:hover,
    .is-homepage .hv-audience__card:hover,
    .is-homepage .hv-process__cta:hover,
    .is-homepage .hv-editorial__small:hover,
    .is-homepage .btn:hover { transform:none; }
    .is-homepage .hv-topic:hover .hv-topic__icon,
    .is-homepage .hv-support-card:hover .hv-support-card__icon,
    .is-homepage .hv-audience__card:hover > span,
    .is-homepage .hv-editorial__featured:hover img,
    .is-homepage .hv-editorial__small:hover img { transform:none; }
}

@media (hover:none) {
    .hv-support-card:hover .hv-support-card__front { opacity:1; transform:none; }
    .hv-support-card:hover .hv-support-card__reveal { opacity:0; transform:translateY(18px); clip-path:inset(100% 0 0 0 round 14px); }
    .hv-support-card__front > small { display:none; }
}

@media (prefers-reduced-motion: reduce) {
    .hv-support-card__front,.hv-support-card__reveal { transition:none; }
}

/* =====================================================================
   Portrait-inspired visual refresh
   Keeps the existing information architecture and interactions intact.
   ===================================================================== */
:root {
    --color-portrait-ink: #08304c;
    --color-nautical-teal: #084e72;
    --gradient-rainbow-spectrum: linear-gradient(90deg, #26c0ff, #e600c2 20%, #ff4940 40%, #ffa130 60%, #ffc837 80%, #00cc3d);
    --color-graphite-body: #2c2c2c;
    --color-slate-helper: #686868;
    --color-ash-divider: #dedede;
    --color-mist-hairline: #eeeeee;
    --color-mint-wash: #d7ffe2;
    --color-sky-wash: #e8f1ff;
    --color-peach-wash: #ffebd6;
    --font-sans: 'Manrope', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Plus Jakarta Sans', 'Manrope', ui-sans-serif, system-ui, sans-serif;
    --color-primary: var(--color-portrait-ink);
    --color-primary-dark: #06283f;
    --color-primary-darker: #041e31;
    --color-primary-light: var(--color-nautical-teal);
    --color-primary-50: var(--color-sky-wash);
    --color-primary-100: #d8e8fb;
    --color-accent: var(--color-nautical-teal);
    --color-accent-soft: var(--color-sky-wash);
    --color-teal: var(--color-nautical-teal);
    --color-teal-soft: var(--color-mint-wash);
    --color-text: var(--color-portrait-ink);
    --color-heading: var(--color-portrait-ink);
    --color-body: var(--color-graphite-body);
    --color-muted: var(--color-slate-helper);
    --color-faint: #5f7080;
    --color-border: var(--color-mist-hairline);
    --color-border-strong: var(--color-ash-divider);
    --color-bg-soft: #fbfcfe;
    --color-bg-muted: var(--color-sky-wash);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --radius-2xl: 28px;
    --container-width: 1200px;
    --shadow-xs: 0 0 0 1px rgba(8,48,76,.05);
    --shadow-sm: 0 0 0 1px rgba(8,48,76,.06), 0 8px 18px rgba(0,0,0,.025);
    --shadow-md: 0 0 0 1px rgba(8,48,76,.07), 0 16px 16px -8px rgba(0,0,0,.03), 0 5px 5px -2.5px rgba(0,0,0,.03);
    --shadow-lg: 0 0 0 1px rgba(8,48,76,.08), 0 20px 20px -10px rgba(0,0,0,.06), 0 10px 10px -5px rgba(0,0,0,.03), 0 3px 3px -1.5px rgba(0,0,0,.03);
}

@property --contact-border-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

body { color: var(--color-graphite-body); background: #fff; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); color: var(--color-portrait-ink); }

.topbar { color: var(--color-portrait-ink); background: #fff; border-bottom: 1px solid var(--color-mist-hairline); }
.topbar__inner { min-height: 35px; gap: 0; }
.topbar__news-label {
    height: 24px;
    margin-right: 12px;
    padding-inline: 9px;
    color: var(--color-nautical-teal);
    border: 1px solid rgba(8,78,114,.08);
    border-radius: 999px;
    background: var(--color-sky-wash);
    font-size: 9px;
    letter-spacing: .09em;
}
.topbar__news-label svg { width: 12px; height: 12px; }
.topbar__ticker { -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%); }
.topbar__ticker-item,
.topbar__meta,
.topbar__meta a { color: var(--color-portrait-ink); }
.topbar__ticker-item > span { background: var(--color-nautical-teal); box-shadow: 0 0 0 3px rgba(8,78,114,.09); }
.topbar__ticker-item svg,
.topbar__meta svg { color: var(--color-nautical-teal); }
.topbar__ticker-item:hover,
.topbar__ticker-item:focus-visible,
.topbar__meta a:hover,
.topbar__meta a:focus-visible {
    color: var(--color-nautical-teal);
}
.topbar__meta { padding-left: 18px; background: #fff; border-left-color: var(--color-mist-hairline); box-shadow: none; }

@media (max-width: 760px) {
    .topbar__news-label { width: 26px; height: 26px; margin-right: 7px; padding: 0; justify-content:center; gap:0; overflow:hidden; font-size:0; }
    .topbar__ticker { -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 100%); mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 100%); }
}

.header { padding: 12px 0; border: 0; background: rgba(255,255,255,.82); backdrop-filter: saturate(140%) blur(16px); }
.header__inner {
    min-height: 56px;
    padding: 0 18px;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 16px 16px -8px rgba(0,0,0,.03), 0 10px 10px -5px rgba(0,0,0,.03), 0 5px 5px -2.5px rgba(0,0,0,.03), 0 3px 3px -1.5px rgba(0,0,0,.03), 0 0 0 1px rgba(8,48,76,.055);
}
.header.is-scrolled { background: rgba(255,255,255,.88); box-shadow: none; }
.header.is-scrolled .header__inner { min-height: 56px; }
.logo__image { filter: saturate(.72) contrast(1.03); }
.nav__link { color: var(--color-portrait-ink); border-radius: 999px; }
.nav__link:hover { color: var(--color-portrait-ink); background: var(--color-sky-wash); }
.nav__link.is-active::after { height: 1px; background: var(--color-portrait-ink); }
.mega,
.dropdown-panel { border-color: rgba(8,48,76,.08); border-radius: 24px; box-shadow: var(--shadow-lg); }
.nav-toggle { border-color: var(--color-ash-divider); border-radius: 999px; }

.header__actions .btn--primary {
    --contact-border-angle: 0deg;
    position: relative;
    isolation: isolate;
    color: var(--color-portrait-ink);
    border: 0;
    border-radius: 28px;
    background: #fff;
    box-shadow: none;
}
.header__actions .btn--primary::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    background: conic-gradient(from var(--contact-border-angle), #26c0ff 0 13%, #8f45ff 18%, #e600c2 28%, #ff4940 40%, #ffa130 52%, #ffc837 64%, #00cc3d 78%, #18c8ad 88%, #26c0ff 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
    filter: saturate(1.22) contrast(1.06);
    animation: contactBorderLoop 3.2s linear infinite;
}
.header__actions .btn--primary::after {
    content: '';
    position: absolute;
    z-index: -1;
    inset: -1px;
    padding: 3px;
    border-radius: inherit;
    background: conic-gradient(
        from var(--contact-border-angle),
        transparent 0 76%,
        rgba(255,255,255,0) 80%,
        #fff 85%,
        #20d9ff 89%,
        #fff 93%,
        rgba(255,255,255,0) 98%,
        transparent 100%
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    filter: drop-shadow(0 0 4px rgba(32,217,255,.88)) drop-shadow(0 0 7px rgba(143,69,255,.46));
    pointer-events: none;
    animation: contactBorderLoop 3.2s linear infinite;
}
.header__actions .btn--primary:hover {
    color: var(--color-portrait-ink);
    background: var(--color-sky-wash);
    box-shadow: var(--shadow-sm), 0 0 18px rgba(38,192,255,.1);
}
.header__actions .btn--primary:hover::before,
.header__actions .btn--primary:hover::after { animation-duration: 2.25s; }
.header__actions .btn--primary:hover::before { filter: saturate(1.34) contrast(1.1); }

@keyframes contactBorderLoop {
    to { --contact-border-angle: 360deg; }
}

@media (prefers-reduced-motion: reduce) {
    .header__actions .btn--primary::before,
    .header__actions .btn--primary::after { animation: none; }
}

.btn { border-radius: 28px; }
.btn--secondary { color: var(--color-portrait-ink); border-color: var(--color-portrait-ink); background: #fff; }
.btn--secondary:hover { color: var(--color-portrait-ink); border-color: var(--color-portrait-ink); background: var(--color-sky-wash); }

.is-homepage .topbar { display: none; }
.is-homepage .header { padding-top: 16px; border: 0; background: transparent; -webkit-backdrop-filter:none; backdrop-filter:none; }
.is-homepage .header__inner { box-shadow:0 12px 30px -22px rgba(8,48,76,.34),0 4px 10px -8px rgba(8,48,76,.18),0 0 0 1px rgba(8,48,76,.055); }
.is-homepage main { background: #fff; }
.is-homepage .header__inner { min-height: 58px; }
.is-homepage .header__actions .btn { min-height: 40px; }

.hv-hero { min-height: 720px; padding: 88px 0 44px; background: radial-gradient(circle at 50% 22%, rgba(142,81,255,.09), rgba(142,81,255,.035) 25%, transparent 52%), #fff; }
.hv-hero::before { display: none; }
.hv-hero .container { position: relative; z-index: 1; }
.hv-hero__silk-stage { position:absolute; z-index:0; inset:-90px 0 auto; height:min(910px,calc(100vh + 90px)); overflow:hidden; pointer-events:none; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 34px,#000 72%,transparent 100%); mask-image:linear-gradient(to bottom,transparent 0,#000 34px,#000 72%,transparent 100%); }
.hv-hero__silk-canvas { display:block; width:100%; height:100%; opacity:0; transition:opacity .65s ease; }
.hv-hero__silk-canvas.is-ready { opacity:1; }
.hv-hero__grid { position: relative; z-index: 2; display: block; }
.hv-hero__copy { max-width: 860px; margin: 0 auto; padding: 0; text-align: center; }
.hv-eyebrow { margin-bottom: 22px; padding: 5px 10px; color: var(--color-nautical-teal); border: 0; background: var(--color-sky-wash); box-shadow: none; font-size: 10px; letter-spacing: .14em; }
.hv-eyebrow i { width: 8px; height: 8px; border-radius: 2px; background: var(--gradient-rainbow-spectrum); box-shadow: none; }
.hv-hero h1 { max-width: 850px; margin-inline: auto; color: var(--color-portrait-ink); font-family: var(--font-display); font-size: clamp(3rem, 6.2vw, 4.75rem); font-weight: 600; line-height: 1; letter-spacing: clamp(-4.25px, -.056em, -2px); }
.hv-hero h1 em { display: inline; color: transparent; background: var(--gradient-rainbow-spectrum); background-clip: text; -webkit-background-clip: text; font-style: italic; }
.hv-hero__copy > p { max-width: 610px; margin: 28px auto 0; color: var(--color-graphite-body); font-size: clamp(1rem, 1.45vw, 1.125rem); line-height: 1.5; }
.hv-hero__actions { justify-content: center; margin-top: 30px; }
.hv-hero__actions .btn { min-height: 52px; padding-inline: 22px; border-radius: 28px; font-size: .9rem; }
.hv-hero__actions .btn--primary { color: var(--color-portrait-ink); border: 1px solid var(--color-portrait-ink); background: #fff; box-shadow: none; }
.hv-hero__actions .btn--primary:hover { color: var(--color-portrait-ink); border-color: var(--color-portrait-ink); background: var(--color-mint-wash); box-shadow: var(--shadow-sm); }
.hv-hero__actions .btn--secondary { border-color: transparent; background: transparent; }
.hv-hero__actions .btn--secondary:hover { background: var(--color-sky-wash); }

.hv-hero-collage { position: absolute; z-index: 1; inset: -42px -72px auto; height: 430px; pointer-events: none; }
.hv-polaroid { position: absolute; width: 145px; height: 180px; padding: 8px; border-radius: 24px; background: #fff; box-shadow: 0 0 0 1px rgba(8,48,76,.075); overflow: hidden; }
.hv-polaroid img { width: 100%; height: 100%; border-radius: 17px; object-fit: cover; }
.hv-polaroid--one { top: 15px; left: 0; transform: rotate(-5deg); }
.hv-polaroid--two { top: 225px; left: 35px; width: 165px; height: 132px; transform: rotate(4deg); }
.hv-polaroid--three { top: 38px; right: 5px; width: 160px; height: 205px; transform: rotate(5deg); }

.hv-roadmap { max-width: 930px; margin: 64px auto 0; padding: 26px 28px 22px; border-color: rgba(8,48,76,.07); border-radius: 24px; background: rgba(255,255,255,.94); box-shadow: var(--shadow-lg); }
.hv-roadmap::after { opacity: 0; filter: none; }
.hv-roadmap__head { text-align: left; }
.hv-roadmap__head h2 { color: var(--color-portrait-ink); font-family: var(--font-display); }
.hv-roadmap__head p,
.hv-roadmap__steps small,
.hv-roadmap__metrics small { color: var(--color-slate-helper); }
.hv-roadmap__steps::before { border-color: rgba(8,48,76,.28); }
.hv-roadmap__num { color: var(--color-nautical-teal); }
.hv-roadmap__icon,
.hv-roadmap__steps li:nth-child(3) .hv-roadmap__icon,
.hv-roadmap__steps li:nth-child(4) .hv-roadmap__icon { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.08); background: var(--color-sky-wash); box-shadow: none; }
.hv-roadmap__steps li:nth-child(even) .hv-roadmap__icon { background: var(--color-mint-wash); }
.hv-roadmap__metrics { border: 0; border-radius: 16px; background: #fbfcfe; }
.hv-roadmap__metrics b { color: var(--color-portrait-ink); }
.hv-trust { max-width: 930px; margin: 26px auto 0; border-top: 0; }
.hv-trust > span { color: var(--color-nautical-teal); }
.hv-trust b { color: var(--color-portrait-ink); }
.hv-trust small { color: var(--color-slate-helper); }

.hv-section { padding: 40px 0; }
.hv-section-title,
.hv-section-head h2 { color: var(--color-portrait-ink); font-family: var(--font-display); font-size: clamp(1.9rem, 3vw, 2.75rem); line-height: 1.08; letter-spacing: -.03em; }
.hv-section-head > a,
.hv-topic > span:last-child,
.hv-audience__card b { color: var(--color-nautical-teal); }
.hv-topic-grid { gap: 16px; }
.hv-topic { min-height: 205px; padding: 24px; border-color: rgba(8,48,76,.06); border-radius: 24px; box-shadow: var(--shadow-sm); }
.hv-topic:hover { border-color: rgba(8,48,76,.12); background: #fff; box-shadow: var(--shadow-lg); transform: translateY(-4px) rotate(-.35deg); }
.hv-topic:nth-child(2n):hover { transform: translateY(-4px) rotate(.35deg); }
.hv-topic__icon,
.hv-topic:nth-child(even) .hv-topic__icon { width: 44px; height: 44px; color: var(--color-portrait-ink); border-radius: 14px; background: var(--color-sky-wash); }
.hv-topic:nth-child(2) .hv-topic__icon,
.hv-topic:nth-child(4) .hv-topic__icon { background: var(--color-mint-wash); }
.hv-topic h3 { color: var(--color-portrait-ink); font-size: 1rem; }
.hv-topic p { color: var(--color-slate-helper); font-size: .82rem; }
.hv-topic:hover .hv-topic__icon { color: var(--color-portrait-ink); background: var(--color-peach-wash); }

.hv-support-band { color: var(--color-portrait-ink); border: 1px solid rgba(8,48,76,.07); border-radius: 24px; background: #fff; box-shadow: var(--shadow-md); }
.hv-support-band::after { border-color: rgba(8,48,76,.08); }
.hv-support-band__copy h2 { color: var(--color-portrait-ink); font-family: var(--font-display); }
.hv-support-band__copy p,
.hv-support-band__metric span { color: var(--color-slate-helper); }
.hv-support-band__copy a { color: var(--color-portrait-ink); border-color: var(--color-portrait-ink); border-radius: 999px; }
.hv-support-band__copy a:hover { color: var(--color-portrait-ink); background: var(--color-sky-wash); box-shadow: none; }
.hv-support-band__metric { border-left-color: var(--color-mist-hairline); }
.hv-support-band__metric b,
.hv-support-band__metric em { color: var(--color-portrait-ink); }

.hv-support-heading > div > span { color: var(--color-nautical-teal); }
.hv-support-heading > div > p,
.hv-section-head--stack p { color: var(--color-slate-helper); }
.hv-support-constellation { border-color: rgba(8,48,76,.06); border-radius: 28px; background: radial-gradient(circle at 50% 48%, rgba(215,255,226,.72), transparent 27%), #fbfcfe; }
.hv-support-visual img { filter: grayscale(.22) saturate(.65) drop-shadow(0 18px 25px rgba(8,48,76,.08)); }
.hv-support-visual > span { border-color: rgba(8,48,76,.08); box-shadow: var(--shadow-sm); }
.hv-support-visual b,
.hv-support-visual small { color: var(--color-portrait-ink); }
.hv-support-card { border-color: rgba(8,48,76,.06); border-radius: 24px; box-shadow: var(--shadow-sm); }
.hv-support-card__icon,
.hv-support-card:nth-child(even) .hv-support-card__icon { color: var(--color-portrait-ink); border: 0; border-radius: 14px; background: var(--color-sky-wash); }
.hv-support-card:nth-child(3n) .hv-support-card__icon { background: var(--color-mint-wash); }
.hv-support-card__front strong { color: var(--color-portrait-ink); }
.hv-support-card__reveal { color: var(--color-portrait-ink); background: var(--color-peach-wash); }
.hv-support-card__reveal small,
.hv-support-card__reveal > span,
.hv-support-card__reveal b { color: var(--color-portrait-ink); }
.hv-support-note { border-radius: 20px; background: var(--color-sky-wash); }

.hv-process-section,
.hv-faq-section { background: #fff; }
.hv-process { border-color: rgba(8,48,76,.06); border-radius: 24px; box-shadow: var(--shadow-sm); }
.hv-process__node { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.08); background: var(--color-mint-wash); }
.hv-process li b { color: var(--color-portrait-ink); }
.hv-process li small { color: var(--color-slate-helper); }
.hv-process__cta { color: var(--color-portrait-ink); border-radius: 20px; background: var(--color-sky-wash); }
.hv-audience { border-color: rgba(8,48,76,.06); border-radius: 24px; box-shadow: var(--shadow-sm); }
.hv-audience__card > span { color: var(--color-portrait-ink); border-radius: 14px; background: var(--color-mint-wash); }
.hv-audience__card h3 { color: var(--color-portrait-ink); }
.hv-audience__card p { color: var(--color-slate-helper); }
.hv-audience__card:hover { background: #fff; box-shadow: var(--shadow-md); }
.hv-audience__card:hover > span { color: var(--color-portrait-ink); background: var(--color-peach-wash); }
.hv-audience__visual img { filter: saturate(.72); }
.hv-faq .accordion__item { border-color: rgba(8,48,76,.07); border-radius: 20px; box-shadow: var(--shadow-xs); }
.hv-faq .accordion__item.is-open { border-color: rgba(8,48,76,.14); box-shadow: var(--shadow-sm); }
.hv-faq .accordion__trigger { color: var(--color-portrait-ink); border-radius: 20px; }
.hv-faq .accordion__trigger:hover { color: var(--color-portrait-ink); background: var(--color-sky-wash); }
.hv-faq .accordion__icon,
.hv-faq .accordion__item.is-open .accordion__icon { color: var(--color-portrait-ink); background: var(--color-mint-wash); }
.hv-faq .accordion__content { color: var(--color-graphite-body); }
.hv-editorial__featured,
.hv-editorial__small { border-radius: 24px; }
.hv-editorial__featured img,
.hv-editorial__small img { filter: saturate(.78); }
.hv-institution-card { border-color: rgba(8,48,76,.06); border-radius: 24px; box-shadow: var(--shadow-xs); }
.hv-institution-card__info { color: var(--color-portrait-ink); background: var(--color-sky-wash); }
.hv-institution-card__info b,
.hv-institution-card__info small,
.hv-institution-card__info em { color: var(--color-portrait-ink); }
.hv-final-cta__inner { color: var(--color-portrait-ink); border: 1px solid rgba(8,48,76,.07); border-radius: 24px; background: var(--color-peach-wash); box-shadow: var(--shadow-sm); }
.hv-final-cta h2,
.hv-final-cta p { color: var(--color-portrait-ink); }
.hv-final-cta .btn--white { color: var(--color-portrait-ink); border: 1px solid var(--color-portrait-ink); background: transparent; }

.is-homepage .newsletter,
.newsletter { color: var(--color-portrait-ink); border-top: 1px solid var(--color-mist-hairline); background: #fff; }
.newsletter h2,
.is-homepage .newsletter h2 { color: var(--color-portrait-ink); }
.newsletter p,
.is-homepage .newsletter p,
.newsletter__consent { color: var(--color-slate-helper); }
.newsletter__row input[type='email'] { color: var(--color-portrait-ink); border-color: var(--color-ash-divider); border-radius: 16px; background: #fff; }
.newsletter__row input[type='email']:focus { border-color: var(--color-nautical-teal); background: #fff; }
.newsletter__row .btn { color: var(--color-portrait-ink); border: 1.5px solid transparent; background: linear-gradient(#fff,#fff) padding-box, var(--gradient-rainbow-spectrum) border-box; }
.newsletter__consent a { color: var(--color-nautical-teal); }

.footer { color: var(--color-graphite-body); border-top: 1px solid var(--color-mist-hairline); background: #fff; }
.footer .logo__name,
.footer .logo,
.footer__col-title,
.footer__contact-value { color: var(--color-portrait-ink); }
.footer__brand-desc,
.footer__list a,
.footer__contact-label,
.footer__bottom,
.footer__bottom a,
.footer__disclaimer { color: var(--color-slate-helper); }
.footer__list a:hover,
.footer__bottom a:hover { color: var(--color-portrait-ink); }
.footer__contact-item svg { color: var(--color-nautical-teal); }
.footer__social { color: var(--color-portrait-ink); border: 1px solid var(--color-mist-hairline); background: var(--color-sky-wash); }
.footer__social:hover { color: var(--color-portrait-ink); background: var(--color-mint-wash); }
.footer-tool-link { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.08); border-radius: 20px; background: var(--color-sky-wash); }
.footer-tool-link:hover { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.14); background: var(--color-mint-wash); }
.footer-tool-link > span:first-child { color: var(--color-portrait-ink); background: #fff; }
.footer-tool-link small { color: var(--color-slate-helper); }

@media (max-width: 1180px) {
    .hv-hero-collage { inset-inline: -20px; opacity: .58; }
    .hv-polaroid { width: 120px; height: 155px; }
    .hv-polaroid--two { width: 138px; height: 110px; }
    .hv-polaroid--three { width: 126px; height: 165px; }
}

@media (max-width: 1020px) {
    .hv-hero { min-height: 0; padding-top: 64px; }
    .hv-hero__copy { max-width: 720px; }
    .hv-hero-collage { display: none; }
    .hv-hero__silk-stage { top:-88px; height:768px; opacity:.88; }
    .hv-roadmap { margin-top: 48px; }
}

@media (max-width: 760px) {
    .header { padding: 9px 0; }
    .header__inner { width: calc(100% - 20px); margin-inline: 10px; padding-inline: 14px; }
    .is-homepage .header { padding-top: 10px; }
    .hv-hero__silk-stage { top:-77px; height:757px; }
    .hv-hero { padding: 48px 0 28px; }
    .hv-hero h1 { font-size: clamp(2.55rem, 12vw, 3.65rem); letter-spacing: -.05em; }
    .hv-hero__copy > p { font-size: 1rem; }
    .hv-hero__actions { align-items: center; flex-direction: column; }
    .hv-hero__actions .btn { width: min(100%, 360px); }
    .hv-roadmap { margin-top: 42px; border-radius: 22px; }
    .hv-topic { border-radius: 22px; }
    .hv-support-band__metric { border-top-color: var(--color-mist-hairline); }
}

@media (max-width: 460px) {
    .hv-hero { padding-top: 38px; }
    .hv-roadmap { padding-inline: 16px; }
    .hv-support-band { padding-inline: 22px; }
}

/* ---------------------------------------------------------------------
   ANA SAYFA — ÖLÇÜLÜ HAREKET SİSTEMİ
   --------------------------------------------------------------------- */
.is-homepage main {
    overflow: visible;
}

.home-motion-ready .is-homepage [data-home-intro] {
    opacity: 0;
    transform: translateY(16px);
    transition:
        opacity 620ms cubic-bezier(.22,.7,.25,1),
        transform 620ms cubic-bezier(.22,.7,.25,1);
    transition-delay: calc(var(--intro-order, 0) * 85ms);
    will-change: opacity, transform;
}

.home-motion-ready .is-homepage [data-home-intro].is-home-intro-visible {
    opacity: 1;
    transform: translateY(0);
}

.home-motion-ready .is-homepage .hv-hero-collage[data-home-intro] {
    transform: translateY(10px) scale(.985);
}

.home-motion-ready .is-homepage .hv-hero-collage[data-home-intro].is-home-intro-visible {
    transform: translateY(0) scale(1);
}

.home-motion-ready .is-homepage .hv-roadmap[data-home-intro] {
    transform: translateY(18px) scale(.985);
}

.home-motion-ready .is-homepage .hv-roadmap[data-home-intro].is-home-intro-visible {
    transform: translateY(0) scale(1);
}

.home-motion-ready .is-homepage .hv-roadmap-scroll {
    --roadmap-card-height: 360px;
    --roadmap-scroll-distance: clamp(720px, 105vh, 980px);
    position: relative;
    height: calc(var(--roadmap-card-height) + var(--roadmap-scroll-distance));
    max-width: 930px;
    margin: 64px auto 0;
}

.home-motion-ready .is-homepage .hv-roadmap-scroll .hv-roadmap {
    position: sticky;
    top: max(
        calc(var(--header-height) + 18px),
        calc((100vh + var(--header-height) - var(--roadmap-card-height)) / 2)
    );
    width: 100%;
    margin: 0 auto;
}

.hv-roadmap__steps::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 59px;
    right: 12.5%;
    left: 12.5%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--color-nautical-teal), #8e51ff, #ff8b4d);
    box-shadow: 0 0 10px rgba(8,78,114,.16);
    transform: scaleX(var(--roadmap-progress, 0));
    transform-origin: left center;
    transition: transform 80ms linear;
}

.hv-roadmap__steps::before {
    top: 59px;
    right: 12.5%;
    left: 12.5%;
}

.hv-roadmap__map {
    position: relative;
    display: flow-root;
}

.hv-roadmap-mobile-map {
    display: none;
}

.hv-roadmap__steps li {
    transition: transform 300ms cubic-bezier(.22,.7,.25,1), opacity 300ms ease;
}

.hv-roadmap__steps li:not(.is-roadmap-active) {
    opacity: .64;
}

.hv-roadmap__steps li.is-roadmap-active {
    opacity: 1;
    transform: translateY(-3px);
}

.hv-roadmap__steps li.is-roadmap-active .hv-roadmap__icon {
    border-color: rgba(8,78,114,.18);
    background: var(--color-mint-wash);
    box-shadow: 0 9px 22px rgba(8,48,76,.09);
    transform: scale(1.045);
    transition: transform 300ms cubic-bezier(.22,.7,.25,1), background-color 300ms ease, box-shadow 300ms ease;
}

.hv-support-beam {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: var(--support-beam-length, 0px);
    height: 1px;
    pointer-events: none;
    opacity: 0;
    transform: rotate(var(--support-beam-angle, 0rad));
    transform-origin: 0 50%;
    background: linear-gradient(90deg, rgba(8,78,114,.12), rgba(142,81,255,.46), rgba(255,139,77,.32));
    transition: width 320ms ease, opacity 220ms ease, transform 320ms ease;
}

.hv-support-beam::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--color-nautical-teal);
    box-shadow: 0 0 0 5px rgba(8,78,114,.08);
    transform: translate(-50%,-50%);
}

.hv-support-constellation.has-active-support .hv-support-beam {
    opacity: 1;
}

.hv-support-card.is-ambient-active {
    z-index: 3;
    border-color: rgba(8,78,114,.18);
    box-shadow: 0 17px 36px rgba(8,48,76,.13);
    animation: hv-support-breathe 2.4s ease-in-out infinite;
}

.hv-support-card.is-ambient-active .hv-support-card__icon {
    background: var(--color-peach-wash);
    transform: scale(1.045);
}

@keyframes hv-support-breathe {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-3px) scale(1.012); }
}

@media (max-width: 1020px) {
    .hv-support-beam { display: none; }
    .home-motion-ready .is-homepage .hv-roadmap-scroll { margin-top: 48px; }
}

@media (max-width: 760px) {
    .home-motion-ready .is-homepage .hv-roadmap-scroll {
        --roadmap-scroll-distance: clamp(760px, 115vh, 980px);
        margin-top: 42px;
    }
    .home-motion-ready .is-homepage .hv-roadmap-scroll .hv-roadmap { top: calc(var(--header-height) + 10px); }
    .hv-roadmap__steps::after,
    .hv-roadmap__steps::before { display: none; }
    .hv-roadmap__steps {
        grid-template-rows: repeat(2, 160px);
        gap: 28px 20px;
    }
    .hv-roadmap__steps li:nth-child(3) { grid-column: 2; grid-row: 2; }
    .hv-roadmap__steps li:nth-child(4) { grid-column: 1; grid-row: 2; }
    .hv-roadmap-mobile-map {
        position: absolute;
        z-index: 0;
        top: 59px;
        left: 25%;
        display: block;
        width: 50%;
        height: 188px;
        overflow: visible;
        pointer-events: none;
    }
    .hv-roadmap-mobile-map__track,
    .hv-roadmap-mobile-map__progress {
        fill: none;
        vector-effect: non-scaling-stroke;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    .hv-roadmap-mobile-map__track {
        stroke: rgba(8,78,114,.25);
        stroke-width: 1.25;
        stroke-dasharray: 3 5;
    }
    .hv-roadmap-mobile-map__progress {
        stroke-width: 2.25;
        transition: transform 80ms linear;
    }
    .hv-roadmap-mobile-map__progress--top {
        stroke: #084e72;
        transform: scaleX(clamp(0, calc(var(--roadmap-progress, 0) * 3), 1));
        transform-origin: left center;
    }
    .hv-roadmap-mobile-map__progress--side {
        stroke: #8e51ff;
        transform: scaleY(clamp(0, calc((var(--roadmap-progress, 0) - .333) * 3), 1));
        transform-origin: center top;
    }
    .hv-roadmap-mobile-map__progress--bottom {
        stroke: #ff8b4d;
        transform: scaleX(clamp(0, calc((var(--roadmap-progress, 0) - .666) * 3), 1));
        transform-origin: right center;
    }
    .hv-roadmap__steps li:not(.is-roadmap-active) { opacity: .72; }
    .hv-roadmap__steps li.is-roadmap-active { transform: translateY(-2px); }
}

@media (prefers-reduced-motion: reduce) {
    .hv-hero__silk-stage { display:none; }
    .home-motion-ready .is-homepage .hv-roadmap-scroll {
        height: auto;
        margin-top: 0;
    }

    .home-motion-ready .is-homepage .hv-roadmap-scroll .hv-roadmap {
        position: relative;
        top: auto;
        margin-top: 64px;
    }

    .hv-roadmap__steps li:not(.is-roadmap-active) { opacity: 1; }
    .hv-roadmap__steps::after { display: none; }

    .home-motion-ready .is-homepage [data-home-intro],
    .home-motion-ready .is-homepage [data-home-intro].is-home-intro-visible {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .hv-roadmap__steps::after,
    .hv-roadmap-mobile-map__progress,
    .hv-roadmap__steps li,
    .hv-roadmap__steps li.is-roadmap-active,
    .hv-roadmap__steps li.is-roadmap-active .hv-roadmap__icon,
    .hv-support-beam,
    .hv-support-card.is-ambient-active {
        animation: none;
        transition: none;
        transform: none;
    }
}
/* Contact form: errors remain visible after POST redirects and guide the user back to the fields. */
.contact-form-card {
    scroll-margin-top: 8rem;
}

.form-error-summary {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .875rem;
    margin: 0 0 1.5rem;
    padding: 1rem 1.125rem;
    border: 1px solid #f4b5b5;
    border-radius: var(--radius-lg);
    background: #fff7f7;
    color: #8e2020;
    outline: none;
}

.form-error-summary:focus-visible {
    box-shadow: 0 0 0 3px rgba(190, 39, 39, .14);
}

.form-error-summary__icon {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    background: #fde3e3;
}

.form-error-summary strong { display: block; margin-bottom: .2rem; color: #761b1b; }
.form-error-summary p { margin: 0; font-size: var(--text-sm); }
.form-error-summary ul { margin: .55rem 0 0; padding-left: 1.15rem; }
.form-error-summary a { color: #8e2020; text-decoration: underline; text-underline-offset: 2px; }

.contact-form-card__submit {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: .25rem;
}

.contact-form-card__submit p {
    max-width: 24rem;
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    line-height: 1.5;
}

/* =====================================================================
   HAP — Sağlık turizmi destek haritası
   Mevcut kurumsal dilin içinde, yalnızca bu sayfaya kapsamlı yerleşim.
   ===================================================================== */
.hap { color: var(--color-body); background: #fff; }
.hap [id] { scroll-margin-top: 7.5rem; }
.hap-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(3.75rem, 7vw, 6.75rem) 0;
    border-bottom: 1px solid #e1ebf0;
    background:
        radial-gradient(circle at 82% 18%, rgba(13, 148, 136, .12), transparent 27%),
        linear-gradient(135deg, #f9fbfd 0%, #eef7f9 100%);
}
.hap-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .28;
    background-image: radial-gradient(rgba(37, 99, 235, .2) .8px, transparent .8px);
    background-size: 20px 20px;
    mask-image: linear-gradient(90deg, transparent 45%, #000 76%, transparent 100%);
}
.hap-hero__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.hap-eyebrow { display: inline-flex; align-items: center; gap: .48rem; width: fit-content; padding: .48rem .75rem; border: 1px solid rgba(13, 148, 136, .22); border-radius: var(--radius-full); color: #087f79; background: rgba(255,255,255,.8); font-size: .72rem; font-weight: 800; letter-spacing: .055em; }
.hap-hero h1 { max-width: 780px; margin: 1.2rem 0 1.15rem; color: #082e5b; font-size: clamp(2.8rem, 5.2vw, 5.1rem); line-height: .98; letter-spacing: -.06em; }
.hap-hero h1 span { color: #079d96; }
.hap-hero__copy > p { max-width: 720px; margin: 0; color: #536d82; font-size: clamp(.98rem, 1.4vw, 1.12rem); line-height: 1.72; }
.hap-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.8rem; }
.hap-hero__actions .btn { min-height: 50px; border-radius: 10px; }
.hap-hero__facts { display: grid; grid-template-columns: 1fr 1fr; padding: .75rem; border: 1px solid rgba(202,218,230,.8); border-radius: var(--radius-xl); background: rgba(255,255,255,.83); box-shadow: var(--shadow-lg); backdrop-filter: blur(8px); }
.hap-hero__facts div { min-height: 126px; display: flex; flex-direction: column; justify-content: center; padding: 1.25rem; }
.hap-hero__facts div:nth-child(2n) { border-left: 1px solid #e3ebf0; }
.hap-hero__facts div:nth-child(n+3) { border-top: 1px solid #e3ebf0; }
.hap-hero__facts strong { color: #0a3565; font-size: clamp(1.45rem, 2vw, 2rem); line-height: 1.1; letter-spacing: -.035em; }
.hap-hero__facts div:nth-child(2) strong { color: #078f89; }
.hap-hero__facts span { margin-top: .48rem; color: #697f91; font-size: .84rem; }

.hap-section { padding: clamp(3.6rem, 6vw, 6rem) 0; }
.hap-section:nth-of-type(even) { background: #f8fafc; }
.hap-heading { max-width: 760px; margin-bottom: 2rem; }
.hap-heading--center { margin-inline: auto; text-align: center; }
.hap-heading > span { display: block; margin-bottom: .55rem; color: #078f89; font-size: .7rem; font-weight: 800; letter-spacing: .09em; }
.hap-heading h2 { margin: 0; color: #0a2f5b; font-size: clamp(1.85rem, 3.2vw, 2.8rem); line-height: 1.08; letter-spacing: -.045em; }
.hap-heading p { margin: .8rem 0 0; color: #667d90; font-size: .95rem; line-height: 1.65; }

.hap-map { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 250px minmax(0, 1fr); grid-template-rows: 1fr 1fr; gap: 1.35rem 4.75rem; min-height: 650px; align-items: center; padding: 2.2rem; border: 1px solid #dfe9ef; border-radius: var(--radius-2xl); background: #fff; box-shadow: 0 20px 55px rgba(13,49,80,.07); overflow: hidden; }
.hap-map__connectors { position: absolute; inset: 7% 5%; width: 90%; height: 86%; z-index: 0; fill: none; stroke: rgba(8,143,137,.42); stroke-width: 2; stroke-dasharray: 6 7; }
.hap-map__center { position: relative; z-index: 2; grid-column: 2; grid-row: 1 / 3; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 240px; aspect-ratio: 1; justify-self: center; padding: 1.4rem; border: 8px solid #e6f5f4; border-radius: 50%; text-align: center; color: #fff; background: linear-gradient(145deg, #0c3767, #0a274b); box-shadow: 0 18px 40px rgba(10,47,91,.23); }
.hap-map__center > span { font-size: 3.7rem; font-weight: 800; line-height: 1; letter-spacing: -.06em; }
.hap-map__center > strong { margin-top: .55rem; font-size: .92rem; line-height: 1.35; }
.hap-map__center > small { margin-top: .75rem; padding: .38rem .7rem; border-radius: var(--radius-full); color: #07305b; background: #9be3de; font-size: .7rem; font-weight: 800; }
.hap-map__category { position: relative; z-index: 2; align-self: stretch; border: 1px solid #dfe8ef; border-radius: var(--radius-xl); background: #fff; box-shadow: var(--shadow-sm); transition: transform var(--duration) var(--ease), border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease); }
.hap-map__category:hover { transform: translateY(-3px); border-color: rgba(13,148,136,.32); box-shadow: var(--shadow-md); }
.hap-map__category--marketing { grid-column: 1; grid-row: 1; }
.hap-map__category--operations { grid-column: 1; grid-row: 2; }
.hap-map__category--patient { grid-column: 3; grid-row: 1; }
.hap-map__category--brand { grid-column: 3; grid-row: 2; }
.hap-map__category summary { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; gap: .8rem; align-items: center; padding: 1.15rem; list-style: none; cursor: pointer; }
.hap-map__category summary::-webkit-details-marker { display: none; }
.hap-map__category summary > span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; color: #087f79; background: #e6f6f5; }
.hap-map__category summary h3 { margin: 0; color: #0b315c; font-size: 1rem; line-height: 1.25; }
.hap-map__category summary p { margin: .28rem 0 0; color: #718496; font-size: .77rem; line-height: 1.45; }
.hap-map__chevron { display: none; color: #6d8295; transition: transform var(--duration) var(--ease); }
.hap-map__category nav { display: grid; padding: 0 .85rem .85rem; }
.hap-map__category nav a { display: flex; align-items: center; justify-content: space-between; gap: .6rem; min-height: 42px; padding: .58rem .65rem; border-top: 1px solid #edf2f5; color: #264862; font-size: .8rem; font-weight: 700; transition: color var(--duration-fast), background var(--duration-fast), padding-left var(--duration-fast); }
.hap-map__category nav a:hover { padding-left: .85rem; color: #087f79; background: #f5fbfa; }
.hap-map__category nav a:focus-visible, .hap-support > a:focus-visible, .hap-audience a:focus-visible, .hap-target a:focus-visible { outline: 3px solid rgba(37,99,235,.25); outline-offset: 2px; border-radius: 5px; }

.hap-key-numbers__grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .85rem; }
.hap-key-numbers__grid article { min-width: 0; padding: 1.15rem; border: 1px solid #e1e9ef; border-radius: var(--radius-lg); background: #fff; transition: transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease); }
.hap-key-numbers__grid article:hover { transform: translateY(-3px); border-color: rgba(13,148,136,.3); box-shadow: var(--shadow-md); }
.hap-key-numbers__grid article > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: .9rem; border-radius: 11px; color: #078f89; background: #e7f7f5; }
.hap-key-numbers__grid strong { display: block; color: #0a315e; font-size: clamp(1rem, 1.5vw, 1.32rem); line-height: 1.2; letter-spacing: -.025em; }
.hap-key-numbers__grid p { margin: .4rem 0 0; color: #687d90; font-size: .82rem; line-height: 1.45; }
.hap-source-note { display: flex; align-items: flex-start; gap: .55rem; margin: 1.1rem 0 0; color: #6a7f91; font-size: .73rem; line-height: 1.55; }
.hap-source-note svg { flex: 0 0 auto; margin-top: .08rem; color: #0a8e88; }

.hap-detail-groups { display: grid; gap: 2.6rem; }
.hap-detail-group { min-width: 0; }
.hap-detail-group__head { display: flex; align-items: center; gap: .8rem; margin-bottom: 1rem; }
.hap-detail-group__head > span { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 13px; color: #087f79; background: #e5f5f4; }
.hap-detail-group__head h3 { margin: 0; color: #0b315d; font-size: 1.25rem; }
.hap-detail-group__head p { margin: .25rem 0 0; color: #74889a; font-size: .83rem; }
.hap-details-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.hap-support { min-width: 0; padding: 1.25rem; border: 1px solid #dfe8ee; border-radius: var(--radius-xl); background: #fff; box-shadow: var(--shadow-xs); transition: transform var(--duration) var(--ease), border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease); }
.hap-support:hover { transform: translateY(-3px); border-color: rgba(13,148,136,.3); box-shadow: var(--shadow-md); }
.hap-support > header { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: .8rem; }
.hap-support > header > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #078f89; background: #e6f6f5; }
.hap-support h4 { margin: 0; color: #092f5c; font-size: 1rem; line-height: 1.3; }
.hap-support header p { margin: .4rem 0 0; color: #6d8193; font-size: .82rem; line-height: 1.55; }
.hap-support dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 1rem 0 0; overflow: hidden; border: 1px solid #e6edf1; border-radius: 11px; background: #e6edf1; }
.hap-support dl > div { min-width: 0; padding: .72rem; background: #f9fbfc; }
.hap-support dl > .hap-support__wide { grid-column: 1 / -1; }
.hap-support dt { color: #7a8d9d; font-size: .67rem; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.hap-support dd { margin: .24rem 0 0; overflow-wrap: anywhere; color: #1a425f; font-size: .8rem; font-weight: 750; line-height: 1.45; }
.hap-support__critical { margin: .85rem 0; padding: .75rem .8rem; border-left: 3px solid #d59a32; border-radius: 0 8px 8px 0; color: #526d80; background: #fffaf0; font-size: .8rem; line-height: 1.55; }
.hap-support__critical strong { display: block; margin-bottom: .18rem; color: #8a5a0a; font-size: .63rem; text-transform: uppercase; letter-spacing: .04em; }
.hap-support > a, .hap-audience article > a, .hap-target__countries > a, .hap-rule > a { display: inline-flex; align-items: center; gap: .4rem; color: #0864b8; font-size: .8rem; font-weight: 800; }
.hap-support > a:hover, .hap-audience article > a:hover, .hap-target__countries > a:hover, .hap-rule > a:hover { color: #078f89; }

.hap-rules { background: #f3f8fa !important; }
.hap-rules__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.hap-rule { min-width: 0; padding: 1.4rem; border: 1px solid #dce8ee; border-radius: var(--radius-xl); background: #fff; }
.hap-rule--wide { grid-column: 1 / -1; display: grid; grid-template-columns: 54px minmax(0,1fr) auto; gap: 1.15rem; align-items: center; border-left: 4px solid #0b8f89; }
.hap-rule__icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; color: #078f89; background: #e4f5f3; }
.hap-rule small { display: block; color: #078f89; font-size: .64rem; font-weight: 800; letter-spacing: .08em; }
.hap-rule h3 { margin: .3rem 0 .6rem; color: #0a315e; font-size: 1.15rem; line-height: 1.3; }
.hap-rule p, .hap-rule li { color: #60788b; font-size: .84rem; line-height: 1.65; }
.hap-rule p { margin: 0; }
.hap-rule ul { margin: .75rem 0 1rem; padding-left: 1.15rem; }
.hap-rule li + li { margin-top: .35rem; }
.hap-rule__formula { padding: .75rem 1rem; border-radius: 10px; color: #0a4c64; background: #e9f7f6; font-size: .78rem; white-space: nowrap; }
.hap-rule dl { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin: .8rem 0 1rem; }
.hap-rule dl div { padding: .68rem; border-radius: 9px; background: #f6f9fb; }
.hap-rule dt { color: #718597; font-size: .62rem; }
.hap-rule dd { margin: .2rem 0 0; color: #0b315c; font-size: .82rem; font-weight: 800; }

.hap-target { background: #fff !important; }
.hap-target__panel { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); gap: 2rem; padding: clamp(1.5rem,3vw,2.5rem); border: 1px solid #d8e7ec; border-radius: var(--radius-2xl); background: linear-gradient(135deg,#f5fbfb,#eef7fa); }
.hap-target__intro h2 { margin: 1rem 0 .7rem; color: #0a315e; font-size: clamp(1.7rem,3vw,2.5rem); line-height: 1.08; letter-spacing: -.04em; }
.hap-target__intro > p { color: #61798b; font-size: .92rem; line-height: 1.65; }
.hap-rate-flow { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin: 1.3rem 0; }
.hap-rate-flow strong { color: #0a315e; font-size: 1.4rem; }
.hap-rate-flow span { padding: .36rem .62rem; border-radius: var(--radius-full); color: #087f79; background: #d9f2ef; font-size: .68rem; font-weight: 800; }
.hap-target__intro ul { margin: 0; padding-left: 1.1rem; color: #35566f; font-size: .84rem; line-height: 1.8; }
.hap-target__countries { min-width: 0; padding: 1.3rem; border: 1px solid #e0e9ee; border-radius: var(--radius-xl); background: rgba(255,255,255,.88); }
.hap-target__countries h3 { margin: 0; color: #0a315e; font-size: 1.05rem; }
.hap-target__countries > p { margin: .35rem 0 1rem; color: #708598; font-size: .72rem; }
.hap-country-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .45rem; margin-bottom: 1rem; }
.hap-country-grid > span { display: flex; align-items: center; gap: .45rem; min-width: 0; padding: .48rem .55rem; border: 1px solid #e4ebef; border-radius: 8px; overflow-wrap: anywhere; color: #31526a; background: #fff; font-size: .73rem; font-weight: 700; }
.hap-country-grid img { flex: 0 0 auto; border: 1px solid rgba(15,23,42,.08); border-radius: 2px; }

.hap-audience__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.hap-audience article { position: relative; min-width: 0; padding: 1.4rem; border: 1px solid #dfe8ef; border-radius: var(--radius-xl); background: #fff; transition: transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease); }
.hap-audience article:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.hap-audience article > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #078f89; background: #e5f5f3; }
.hap-audience h3 { margin: .9rem 0 .65rem; color: #0a315e; font-size: 1.15rem; }
.hap-audience ul { margin: 0 0 1rem; padding-left: 1.15rem; color: #60788a; font-size: .84rem; line-height: 1.7; }
.hap-audience li + li { margin-top: .35rem; }

.hap-disclaimer { padding: 1.5rem 0; color: #61788a; background: #eef4f7; }
.hap-disclaimer .container { display: grid; gap: .65rem; }
.hap-disclaimer .container > div { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: .65rem; align-items: start; }
.hap-disclaimer svg { color: #078f89; }
.hap-disclaimer p { margin: 0; font-size: .72rem; line-height: 1.6; }
.hap-final-cta { padding-top: clamp(3.5rem,6vw,5.5rem); }
.hap-page .newsletter { margin-top: 0; }
.support-hub-hap-link { display: inline-flex; align-items: center; gap: .45rem; margin-top: 1rem; color: #087f79; font-size: .75rem; font-weight: 800; }
.support-hub-hap-link:hover { color: #075eb0; }

.hap-tree-return {
    position: fixed;
    z-index: 40;
    right: clamp(1rem, 2.2vw, 2rem);
    bottom: clamp(1rem, 2.2vw, 2rem);
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-height: 52px;
    padding: .45rem .75rem .45rem .5rem;
    border: 1px solid rgba(77,222,213,.34);
    border-radius: var(--radius-full);
    color: #fff;
    background: linear-gradient(135deg,#073568,#075582);
    box-shadow: 0 16px 38px rgba(4,38,73,.27);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(18px) scale(.96);
    transition: opacity .22s ease, visibility .22s ease, transform .22s ease, box-shadow .22s ease;
}
.hap-tree-return.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
.hap-tree-return > span { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; color: #55e0d6; background: rgba(45,208,201,.13); }
.hap-tree-return strong { color: #fff; font-size: .78rem; white-space: nowrap; }
.hap-tree-return__arrow { color: #55e0d6; transform: rotate(-90deg); transition: transform .2s ease; }
.hap-tree-return:hover { color: #fff; box-shadow: 0 19px 43px rgba(4,38,73,.35); transform: translateY(-3px) scale(1); }
.hap-tree-return:hover .hap-tree-return__arrow { transform: rotate(-90deg) translateX(3px); }
.hap-tree-return:focus-visible { outline: 3px solid rgba(45,208,201,.34); outline-offset: 3px; }

@media (max-width: 1100px) {
    .hap-hero__inner { grid-template-columns: minmax(0,1fr) 370px; gap: 2rem; }
    .hap-map { grid-template-columns: minmax(0,1fr) 205px minmax(0,1fr); gap-inline: 2.2rem; padding: 1.4rem; }
    .hap-map__center { width: 200px; }
    .hap-map__center > span { font-size: 3rem; }
    .hap-country-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 900px) {
    .hap-hero__inner, .hap-target__panel { grid-template-columns: 1fr; }
    .hap-hero__facts { max-width: 650px; }
    .hap-map { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; min-height: 0; gap: .75rem; padding: 1rem; }
    .hap-map__connectors { display: none; }
    .hap-map__center { grid-column: 1; grid-row: auto; width: 100%; aspect-ratio: auto; align-items: flex-start; padding: 1.2rem; border: 0; border-radius: var(--radius-xl); text-align: left; }
    .hap-map__center > span { font-size: 2rem; }
    .hap-map__center > strong br { display: none; }
    .hap-map__center > small { margin-top: .55rem; }
    .hap-map__category, .hap-map__category--marketing, .hap-map__category--operations, .hap-map__category--patient, .hap-map__category--brand { grid-column: 1; grid-row: auto; align-self: auto; }
    .hap-map__category:hover { transform: none; }
    .hap-map__chevron { display: block; }
    .hap-map__category[open] .hap-map__chevron { transform: rotate(180deg); }
    .hap-key-numbers__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .hap-details-grid { grid-template-columns: 1fr; }
    .hap-country-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 640px) {
    .hap-hero { padding: 3.2rem 0; }
    .hap-hero h1 { font-size: clamp(2.55rem, 13vw, 3.5rem); }
    .hap-hero__actions { display: grid; }
    .hap-hero__actions .btn { width: 100%; justify-content: center; }
    .hap-hero__facts div { min-height: 105px; padding: 1rem; }
    .hap-hero__facts strong { font-size: 1.25rem; }
    .hap-map-section .hap-heading { text-align: left; }
    .hap-map__category summary { grid-template-columns: 42px minmax(0,1fr) auto; padding: .9rem; }
    .hap-map__category summary > span { width: 42px; height: 42px; }
    .hap-key-numbers__grid { grid-template-columns: 1fr 1fr; gap: .65rem; }
    .hap-key-numbers__grid article { padding: .95rem; }
    .hap-support { padding: 1rem; }
    .hap-support dl { grid-template-columns: 1fr; }
    .hap-support dl > .hap-support__wide { grid-column: auto; }
    .hap-rules__grid, .hap-audience__grid { grid-template-columns: 1fr; }
    .hap-rule--wide { grid-column: auto; grid-template-columns: 46px minmax(0,1fr); align-items: start; }
    .hap-rule__icon { width: 46px; height: 46px; }
    .hap-rule--wide .hap-rule__formula { grid-column: 1 / -1; white-space: normal; text-align: center; }
    .hap-rule dl { grid-template-columns: 1fr 1fr; }
    .hap-country-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .hap-target__countries { padding: 1rem; }
    .hap-tree-return { right: .75rem; bottom: .75rem; min-height: 48px; padding: .35rem .62rem .35rem .4rem; }
    .hap-tree-return > span { flex-basis: 36px; width: 36px; height: 36px; }
    .hap-tree-return strong { font-size: .72rem; }
}

@media (max-width: 390px) {
    .hap-hero__facts { grid-template-columns: 1fr; }
    .hap-hero__facts div:nth-child(2n) { border-left: 0; }
    .hap-hero__facts div:nth-child(n+2) { border-top: 1px solid #e3ebf0; }
    .hap-key-numbers__grid, .hap-country-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .hap *, .hap *::before, .hap *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
    .hap-map__category:hover, .hap-key-numbers__grid article:hover, .hap-support:hover, .hap-audience article:hover { transform: none; }
    .hap-tree-return { transition: none; }
    .hap-tree-return:hover { transform: none; }
}

@media (max-width: 640px) {
    .contact-form-card__submit { align-items: stretch; flex-direction: column; }
    .contact-form-card__submit .btn { width: 100%; }
}

/* HAP metin kontrastları: açık yüzeylerde WCAG AA için ortak koyu tonlar. */
.hap .hap-eyebrow,
.hap .hap-heading > span,
.hap .hap-rule small,
.hap .hap-support > a,
.hap .hap-audience article > a,
.hap .hap-target__countries > a,
.hap .hap-rule > a { color: #08736e; }
.hap .hap-heading p,
.hap .hap-map__category summary p,
.hap .hap-key-numbers__grid p,
.hap .hap-source-note,
.hap .hap-detail-group__head p,
.hap .hap-support header p,
.hap .hap-support__critical,
.hap .hap-rule p,
.hap .hap-rule li,
.hap .hap-target__intro > p,
.hap .hap-target__countries > p,
.hap .hap-audience ul,
.hap .hap-disclaimer { color: #52697c; }
.hap .hap-support dt,
.hap .hap-rule dt { color: #607486; }
.hap .hap-rate-flow span { color: #075f5b; }

/* =====================================================================
   İLETİŞİM — birleşik form ve iletişim deneyimi
   ===================================================================== */
.contact-v2 { color: #334f66; background: #fff; }
.contact-v2 [id] { scroll-margin-top: 7.5rem; }
.contact-v2__hero { position: relative; overflow: hidden; min-height: 390px; padding: clamp(3.75rem,7vw,6.4rem) 0 7.5rem; color: #fff; background: #081f3d; }
.contact-v2__hero::before { content: ''; position: absolute; inset: 0; opacity: .36; pointer-events: none; background-image: repeating-radial-gradient(ellipse at 20% 30%, transparent 0, transparent 23px, rgba(98,180,195,.17) 24px, transparent 25px); transform: scale(1.4); }
.contact-v2__hero::after { content: ''; position: absolute; width: 530px; height: 530px; right: -120px; top: -250px; border: 1px solid rgba(87,210,205,.17); border-radius: 50%; box-shadow: 0 0 0 70px rgba(87,210,205,.025),0 0 0 140px rgba(87,210,205,.02); pointer-events: none; }
.contact-v2__hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) 390px; align-items: end; gap: clamp(2rem,6vw,6rem); }
.contact-v2__eyebrow { display: inline-flex; align-items: center; gap: .5rem; width: fit-content; color: #55d7d0; font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.contact-v2__hero h1 { max-width: 790px; margin: 1.05rem 0 1rem; color: #fff; font-size: clamp(2.8rem,5.2vw,5rem); line-height: .98; letter-spacing: -.058em; }
.contact-v2__hero h1 span { color: #55d7d0; }
.contact-v2__hero > .container > div:first-child > p { max-width: 720px; margin: 0; color: rgba(235,244,251,.78); font-size: clamp(.98rem,1.3vw,1.08rem); line-height: 1.72; }
.contact-v2__hero-note { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: .85rem; align-items: start; padding: 1.15rem; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: rgba(255,255,255,.07); backdrop-filter: blur(8px); }
.contact-v2__hero-note > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; color: #55d7d0; background: rgba(85,215,208,.11); }
.contact-v2__hero-note p { margin: 0; color: rgba(237,245,251,.75); font-size: .78rem; line-height: 1.58; }
.contact-v2__hero-note strong { display: block; margin-bottom: .28rem; color: #fff; font-size: .86rem; }

.contact-v2__main { position: relative; z-index: 2; margin-top: -5.2rem; padding-bottom: clamp(3.8rem,6vw,6rem); }
.contact-v2__panel { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(330px,.55fr); overflow: hidden; border: 1px solid #dbe6ed; border-radius: 20px; background: #fff; box-shadow: 0 24px 65px rgba(7,31,61,.14); }
.contact-v2__form { min-width: 0; padding: clamp(1.4rem,3vw,2.5rem); }
.contact-v2__form-head { margin-bottom: 1.65rem; }
.contact-v2__form-head > span,.contact-v2__heading > span { display: block; margin-bottom: .5rem; color: #08736e; font-size: .69rem; font-weight: 800; letter-spacing: .085em; }
.contact-v2__form-head h2 { margin: 0; color: #092f5b; font-size: clamp(1.55rem,2.5vw,2.25rem); line-height: 1.14; letter-spacing: -.035em; }
.contact-v2__form-head p { margin: .55rem 0 0; color: #5b7184; font-size: .82rem; }
.contact-v2__form-head p b { color: #a62929; }
.contact-v2__form form { display: grid; gap: 1.15rem; }
.contact-v2__form .form-row { gap: 1rem; }
.contact-v2__form .form-group { margin: 0; }
.contact-v2__form .label { margin-bottom: .45rem; color: #173b5a; font-size: .78rem; font-weight: 750; }
.contact-v2__form .input,.contact-v2__form .select,.contact-v2__form .textarea { min-height: 50px; border-color: #d4e0e8; border-radius: 10px; color: #173b5a; background: #fbfdfe; font-size: .88rem; }
.contact-v2__form .textarea { min-height: 132px; }
.contact-v2__form .input:hover,.contact-v2__form .select:hover,.contact-v2__form .textarea:hover { border-color: #aabfce; }
.contact-v2__form .input:focus,.contact-v2__form .select:focus,.contact-v2__form .textarea:focus { border-color: #0c8e88; background: #fff; box-shadow: 0 0 0 3px rgba(12,142,136,.12); }
.contact-v2__form .form-help { margin-top: .42rem; color: #657b8d; font-size: .7rem; line-height: 1.5; }
.contact-v2__form .check { align-items: flex-start; color: #536b7e; font-size: .74rem; line-height: 1.55; }
.contact-v2__form .check input { margin-top: .18rem; }
.contact-v2__form .check a { color: #075eaa; text-decoration: underline; text-underline-offset: 2px; }
.contact-v2__form .contact-form-card__submit { padding-top: .3rem; }
.contact-v2__form .contact-form-card__submit .btn { min-width: 185px; justify-content: center; }

.contact-v2__info { position: relative; min-width: 0; padding: clamp(1.4rem,3vw,2.2rem); color: #fff; background: linear-gradient(155deg,#0b3b65 0%,#092845 100%); }
.contact-v2__info::after { content: ''; position: absolute; width: 240px; height: 240px; right: -105px; top: -95px; border: 1px solid rgba(85,215,208,.15); border-radius: 50%; box-shadow: 0 0 0 45px rgba(85,215,208,.025); pointer-events: none; }
.contact-v2__info-head { position: relative; z-index: 1; display: grid; grid-template-columns: 46px minmax(0,1fr); gap: .85rem; }
.contact-v2__info-head > span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; color: #58dad2; background: rgba(88,218,210,.11); }
.contact-v2__info-head small,.contact-v2__socials > small { color: #6fe3dc; font-size: .63rem; font-weight: 800; letter-spacing: .075em; }
.contact-v2__info-head h2 { margin: .22rem 0 .45rem; color: #fff; font-size: 1.55rem; }
.contact-v2__info-head p { margin: 0; color: rgba(235,244,251,.67); font-size: .75rem; line-height: 1.55; }
.contact-v2__info-list { position: relative; z-index: 1; display: grid; gap: .15rem; margin-top: 1.7rem; }
.contact-v2__info-list > a,.contact-v2__info-list > div { display: grid; grid-template-columns: 39px minmax(0,1fr) auto; gap: .7rem; align-items: center; min-width: 0; padding: .8rem .25rem; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; }
.contact-v2__info-list > a { transition: padding-left var(--duration-fast),background var(--duration-fast); }
.contact-v2__info-list > a:hover { padding-left: .55rem; color: #fff; background: rgba(255,255,255,.045); }
.contact-v2__info-list > a > span,.contact-v2__info-list > div > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: #5bd9d2; background: rgba(91,217,210,.09); }
.contact-v2__info-list small { display: block; color: rgba(235,244,251,.57); font-size: .64rem; }
.contact-v2__info-list strong { display: block; min-width: 0; margin-top: .15rem; overflow-wrap: anywhere; color: #fff; font-size: .78rem; line-height: 1.35; }
.contact-v2__response { position: relative; z-index: 1; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: .65rem; margin-top: 1.4rem; padding: .9rem; border: 1px solid rgba(93,218,211,.18); border-radius: 12px; background: rgba(83,215,208,.075); }
.contact-v2__response > span { color: #63ded7; }
.contact-v2__response strong { display: block; color: #fff; font-size: .76rem; }
.contact-v2__response p { margin: .25rem 0 0; color: rgba(235,244,251,.65); font-size: .68rem; line-height: 1.55; }
.contact-v2__socials { position: relative; z-index: 1; margin-top: 1.4rem; }
.contact-v2__socials > div { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .6rem; }
.contact-v2__socials a { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.13); border-radius: 9px; color: #dceaf3; transition: transform var(--duration-fast),color var(--duration-fast),background var(--duration-fast); }
.contact-v2__socials a:hover { transform: translateY(-2px); color: #062441; background: #66ded7; }

.contact-v2__section { padding: clamp(3.8rem,6vw,6rem) 0; }
.contact-v2__section--soft { background: #f4f8fa; }
.contact-v2__heading { max-width: 760px; margin-bottom: 1.8rem; }
.contact-v2__heading--center { margin-inline: auto; text-align: center; }
.contact-v2__heading h2,.contact-v2__location h2 { margin: 0; color: #092f5b; font-size: clamp(1.8rem,3.2vw,2.75rem); line-height: 1.1; letter-spacing: -.045em; }
.contact-v2__heading p,.contact-v2__location > div:first-child > p { margin: .75rem 0 0; color: #597184; font-size: .9rem; line-height: 1.65; }
.contact-v2__topics,.contact-v2__reasons { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .9rem; }
.contact-v2__topics > a,.contact-v2__reasons > article { display: flex; min-width: 0; min-height: 230px; flex-direction: column; padding: 1.25rem; border: 1px solid #dee7ed; border-radius: 15px; color: #173c5a; background: #fff; transition: transform var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease); }
.contact-v2__topics > a:hover,.contact-v2__reasons > article:hover { transform: translateY(-4px); border-color: rgba(13,148,136,.3); color: #173c5a; box-shadow: var(--shadow-md); }
.contact-v2__topics > a > span,.contact-v2__reasons > article > span { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: .9rem; border-radius: 12px; color: #087f79; background: #e5f6f4; transition: transform var(--duration) var(--ease); }
.contact-v2__topics > a:hover > span { transform: scale(1.06); }
.contact-v2__topics h3,.contact-v2__reasons h3 { margin: 0; color: #0a315d; font-size: .98rem; line-height: 1.35; }
.contact-v2__topics p,.contact-v2__reasons p { margin: .5rem 0 0; color: #5c7386; font-size: .77rem; line-height: 1.6; }
.contact-v2__topics strong { display: flex; align-items: center; gap: .4rem; margin-top: auto; padding-top: 1rem; color: #0864b8; font-size: .75rem; }
.contact-v2__location { display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,.58fr); gap: clamp(2rem,6vw,6rem); align-items: center; }
.contact-v2__location .contact-v2__eyebrow { margin-bottom: .8rem; color: #08736e; }
.contact-v2__location-card { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 1rem; align-items: center; padding: 1.4rem; border: 1px solid #dbe7ed; border-radius: 16px; background: linear-gradient(135deg,#f8fbfc,#eef7f8); box-shadow: var(--shadow-sm); }
.contact-v2__location-card > span { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 15px; color: #087f79; background: #dbf2f0; }
.contact-v2__location-card small { color: #60778a; font-size: .69rem; }
.contact-v2__location-card strong { display: block; margin-top: .25rem; color: #0a315d; font-size: 1.08rem; }
.contact-v2__location-card p { margin: .35rem 0 0; color: #587084; font-size: .76rem; }
.contact-v2__cta { padding: 0 0 clamp(3.8rem,6vw,5.5rem); }
.contact-v2__cta-grid { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: 18px; box-shadow: var(--shadow-navy); }
.contact-v2__cta article { display: flex; justify-content: space-between; align-items: center; gap: 1.2rem; min-height: 180px; padding: clamp(1.4rem,3vw,2.1rem); }
.contact-v2__cta article:first-child { color: #fff; background: linear-gradient(135deg,#0a3767,#0a274c); }
.contact-v2__cta article:last-child { color: #0a315d; background: #eef4fb; }
.contact-v2__cta small { font-size: .62rem; font-weight: 800; letter-spacing: .075em; opacity: .72; }
.contact-v2__cta h2 { max-width: 330px; margin: .4rem 0 0; color: inherit; font-size: 1.15rem; line-height: 1.35; }
.contact-page .newsletter { margin-top: 0; }

@media (max-width: 1050px) {
    .contact-v2__hero-inner { grid-template-columns: minmax(0,1fr) 330px; gap: 2rem; }
    .contact-v2__panel { grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); }
    .contact-v2__topics,.contact-v2__reasons { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
    .contact-v2__hero { min-height: 0; padding-bottom: 7rem; }
    .contact-v2__hero-inner,.contact-v2__panel,.contact-v2__location { grid-template-columns: 1fr; }
    .contact-v2__hero-note { max-width: 600px; }
    .contact-v2__info { min-height: 0; }
    .contact-v2__cta-grid { grid-template-columns: 1fr; }
}
@media (max-width: 580px) {
    .contact-v2__hero { padding-block: 3rem 6.2rem; }
    .contact-v2__hero h1 { font-size: clamp(2.45rem,12.5vw,3.45rem); }
    .contact-v2__hero-note { display: none; }
    .contact-v2__main { margin-top: -3.6rem; }
    .contact-v2__panel { border-radius: 15px; }
    .contact-v2__form,.contact-v2__info { padding: 1.15rem; }
    .contact-v2__form .form-row { grid-template-columns: 1fr; }
    .contact-v2__form .input,.contact-v2__form .select,.contact-v2__form .textarea { font-size: 1rem; }
    .contact-v2__form .contact-form-card__submit { align-items: stretch; flex-direction: column; }
    .contact-v2__form .contact-form-card__submit .btn { width: 100%; }
    .contact-v2__topics,.contact-v2__reasons { grid-template-columns: 1fr; }
    .contact-v2__topics > a,.contact-v2__reasons > article { min-height: 190px; }
    .contact-v2__cta article { align-items: flex-start; flex-direction: column; }
    .contact-v2__cta article .btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
    .contact-v2__topics > a:hover,.contact-v2__reasons > article:hover,.contact-v2__socials a:hover { transform: none; }
    .contact-v2__topics > a:hover > span { transform: none; }
}
/* Hedef ülkeler rehberi */
.guide-country-showcase {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin-bottom: var(--space-8);
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid #cfe4e7;
    border-radius: 22px;
    background:
        radial-gradient(circle at 94% 5%, rgba(36, 188, 183, .16), transparent 31%),
        linear-gradient(145deg, #f8fcfd 0%, #eef8f8 100%);
    box-shadow: 0 18px 48px rgba(8, 45, 79, .08);
}

.guide-country-showcase::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -95px;
    bottom: -145px;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(16, 147, 143, .13);
    border-radius: 50%;
    box-shadow: 0 0 0 54px rgba(16, 147, 143, .035), 0 0 0 108px rgba(16, 147, 143, .025);
}

.guide-country-showcase__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: var(--space-6);
    margin-bottom: var(--space-6);
}

.guide-country-showcase__eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: #087f7b;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.guide-country-showcase__head h2 {
    margin: 0;
    color: #082f57;
    font-size: clamp(1.45rem, 2.5vw, 2rem);
    line-height: 1.15;
}

.guide-country-showcase__head p {
    max-width: 58ch;
    margin: .65rem 0 0;
    color: #587086;
    font-size: .9rem;
    line-height: 1.65;
}

.guide-country-showcase__rate {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .75rem;
    border: 1px solid rgba(12, 128, 124, .15);
    border-radius: 16px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 10px 28px rgba(8, 45, 79, .06);
}

.guide-country-showcase__rate > span {
    display: grid;
    gap: .08rem;
    min-width: 74px;
}

.guide-country-showcase__rate small {
    color: #6e8293;
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
}

.guide-country-showcase__rate strong {
    color: #0a365e;
    font-size: .95rem;
    white-space: nowrap;
}

.guide-country-showcase__rate > b { color: #21a7a2; }
.guide-country-showcase__rate-result {
    padding: .55rem .7rem;
    border-radius: 11px;
    background: #e0f6f3;
}
.guide-country-showcase__rate-result strong { color: #087c77; }

.guide-country-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.guide-country-card {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .8rem;
    min-height: 76px;
    padding: .72rem .8rem;
    overflow: hidden;
    border: 1px solid #d8e5ec;
    border-radius: 14px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 7px 20px rgba(14, 49, 81, .045);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
    animation: guide-country-enter .52s cubic-bezier(.2, .75, .25, 1) backwards;
    animation-delay: calc(var(--country-index) * 42ms);
}

.guide-country-card::before {
    content: "";
    position: absolute;
    top: -40%;
    bottom: -40%;
    left: -55%;
    width: 34%;
    transform: skewX(-18deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .8), transparent);
    transition: left .6s ease;
    pointer-events: none;
}

.guide-country-card:hover {
    z-index: 1;
    transform: translateY(-4px);
    border-color: #75cfcb;
    background: #fff;
    box-shadow: 0 15px 28px rgba(8, 91, 104, .13);
}
.guide-country-card:hover::before { left: 125%; }

.guide-country-card__flag {
    display: block;
    flex: 0 0 56px;
    width: 56px;
    height: 40px;
    overflow: hidden;
    border: 2px solid #fff;
    border-radius: 9px;
    background: #eef3f5;
    box-shadow: 0 3px 10px rgba(9, 42, 72, .16);
    transition: transform .25s ease, box-shadow .25s ease;
}
.guide-country-card__flag img { display: block; width: 100%; height: 100%; object-fit: cover; }
.guide-country-card:hover .guide-country-card__flag {
    transform: rotate(-3deg) scale(1.08);
    box-shadow: 0 7px 16px rgba(9, 42, 72, .2);
}

.guide-country-card__copy { display: grid; min-width: 0; gap: .12rem; }
.guide-country-card__copy small {
    color: #15908b;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.guide-country-card__copy strong {
    color: #0a345b;
    font-size: .83rem;
    line-height: 1.3;
}

.guide-country-card__mark {
    display: grid;
    place-items: center;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    margin-left: auto;
    border-radius: 50%;
    color: #0b8883;
    background: #e2f6f4;
    transition: color .25s ease, background-color .25s ease, transform .25s ease;
}
.guide-country-card:hover .guide-country-card__mark { color: #fff; background: #0d918c; transform: scale(1.08); }

.guide-country-showcase__notice {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    margin-top: var(--space-5);
    padding-top: var(--space-4);
    border-top: 1px solid rgba(20, 116, 124, .14);
    color: #5d7585;
}
.guide-country-showcase__notice > svg { flex: 0 0 auto; color: #0b8984; }
.guide-country-showcase__notice p { margin: 0; font-size: .72rem; line-height: 1.55; }

@keyframes guide-country-enter {
    from { opacity: 0; transform: translateY(14px) scale(.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 1050px) {
    .guide-country-showcase__head { grid-template-columns: 1fr; align-items: start; }
    .guide-country-showcase__rate { width: fit-content; }
    .guide-country-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .guide-country-showcase { padding: 1rem; border-radius: 17px; }
    .guide-country-showcase__rate { width: 100%; gap: .4rem; overflow-x: auto; }
    .guide-country-showcase__rate > span { min-width: 68px; }
    .guide-country-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .guide-country-card { min-height: 70px; padding: .6rem; gap: .6rem; }
    .guide-country-card__flag { flex-basis: 48px; width: 48px; height: 34px; }
    .guide-country-card__mark { display: none; }
}

@media (max-width: 430px) {
    .guide-country-grid { grid-template-columns: 1fr; }
    .guide-country-card__mark { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
    .guide-country-card { animation: none; transition: none; }
    .guide-country-card::before { display: none; }
    .guide-country-card__flag,
    .guide-country-card__mark { transition: none; }
    .guide-country-card:hover { transform: none; }
    .guide-country-card:hover .guide-country-card__flag { transform: none; }
}

/* Hedef ülkeler mevzuat sayfası */
.legislation-targets {
    margin-bottom: var(--space-8);
    overflow: hidden;
    border: 1px solid #cee3e6;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(8, 46, 78, .08);
}

.legislation-targets__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;
    padding: clamp(1.35rem, 3vw, 2rem);
    background:
        radial-gradient(circle at 90% 5%, rgba(32, 180, 174, .14), transparent 35%),
        linear-gradient(135deg, #f4fbfc, #eef6fa);
}

.legislation-targets__eyebrow {
    display: inline-flex;
    color: #07847f;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.legislation-targets__hero h2 { max-width: 23ch; margin: .45rem 0 .65rem; color: #082f57; font-size: clamp(1.45rem, 2.6vw, 2rem); line-height: 1.15; }
.legislation-targets__hero p { max-width: 60ch; margin: 0; color: #5b7388; font-size: .84rem; line-height: 1.65; }

.legislation-targets__rate {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .7rem;
    border: 1px solid rgba(12, 133, 129, .16);
    border-radius: 15px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 10px 25px rgba(7, 56, 85, .06);
}
.legislation-targets__rate > span { display: grid; gap: .08rem; min-width: 64px; }
.legislation-targets__rate small { color: #748797; font-size: .53rem; font-weight: 800; text-transform: uppercase; }
.legislation-targets__rate strong { color: #0a385f; font-size: .88rem; white-space: nowrap; }
.legislation-targets__rate > b { color: #13a09b; }
.legislation-targets__rate-result { padding: .5rem .6rem; border-radius: 10px; background: #def5f2; }
.legislation-targets__rate-result strong { color: #087e79; }

.legislation-targets__supports { padding: 1.35rem clamp(1.35rem, 3vw, 2rem); border-top: 1px solid #dbe8ed; border-bottom: 1px solid #dbe8ed; background: #fbfdfd; }
.legislation-targets__supports-head { display: flex; align-items: center; gap: .7rem; margin-bottom: 1rem; }
.legislation-targets__supports-head > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: #fff; background: linear-gradient(145deg, #0b8d88, #1167a7); }
.legislation-targets__supports-head small { display: block; color: #0a8883; font-size: .58rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.legislation-targets__supports-head h3 { margin: .15rem 0 0; color: #0a355b; font-size: 1rem; }
.legislation-targets__support-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.legislation-targets__support-grid a {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: .15rem .65rem;
    min-width: 0;
    padding: .8rem;
    border: 1px solid #d9e7ec;
    border-radius: 13px;
    color: inherit;
    background: #fff;
    text-decoration: none;
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.legislation-targets__support-grid a:hover,
.legislation-targets__support-grid a:focus-visible { transform: translateY(-3px); border-color: #6fc5c1; box-shadow: 0 12px 24px rgba(8, 83, 99, .1); }
.legislation-targets__support-grid a > span { display: grid; grid-row: 1 / 3; place-items: center; width: 40px; height: 40px; border-radius: 11px; color: #07837e; background: #e3f6f4; transition: transform .24s ease, color .24s ease, background-color .24s ease; }
.legislation-targets__support-grid a:hover > span { transform: rotate(-4deg) scale(1.06); color: #fff; background: #0a8d88; }
.legislation-targets__support-grid strong { color: #0a365d; font-size: .75rem; line-height: 1.35; }
.legislation-targets__support-grid small { color: #75899a; font-size: .62rem; line-height: 1.4; }

.legislation-targets__country-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; padding: 1.4rem clamp(1.35rem, 3vw, 2rem) .9rem; }
.legislation-targets__country-head small { color: #0b8a85; font-size: .58rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.legislation-targets__country-head h3 { margin: .15rem 0 0; color: #092f55; font-size: 1.1rem; }
.legislation-targets__country-head > span { padding: .35rem .65rem; border-radius: 999px; color: #087d78; background: #e3f6f4; font-size: .66rem; font-weight: 800; }

.legislation-targets__countries { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; padding: 0 clamp(1.35rem, 3vw, 2rem) 1.6rem; }
.legislation-target-country {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 66px;
    gap: .65rem;
    padding: .62rem;
    overflow: hidden;
    border: 1px solid #dce7ed;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(11, 48, 78, .035);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background-color .24s ease;
    animation: legislation-target-enter .5s cubic-bezier(.2, .75, .25, 1) backwards;
    animation-delay: calc(var(--target-index) * 38ms);
}
.legislation-target-country::before { content: ""; position: absolute; top: -40%; bottom: -40%; left: -60%; width: 35%; transform: skewX(-18deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent); transition: left .58s ease; pointer-events: none; }
.legislation-target-country:hover { z-index: 1; transform: translateY(-4px); border-color: #71cac6; background: #f9fefe; box-shadow: 0 13px 26px rgba(7, 91, 101, .12); }
.legislation-target-country:hover::before { left: 125%; }
.legislation-target-country__flag { display: block; flex: 0 0 48px; width: 48px; height: 34px; overflow: hidden; border: 2px solid #fff; border-radius: 8px; background: #edf2f4; box-shadow: 0 3px 9px rgba(7, 40, 70, .16); transition: transform .24s ease, box-shadow .24s ease; }
.legislation-target-country__flag img { display: block; width: 100%; height: 100%; object-fit: cover; }
.legislation-target-country:hover .legislation-target-country__flag { transform: rotate(-4deg) scale(1.08); box-shadow: 0 7px 15px rgba(7, 40, 70, .2); }
.legislation-target-country > strong { min-width: 0; color: #113c5f; font-size: .7rem; line-height: 1.35; }
.legislation-target-country__check { display: grid; place-items: center; flex: 0 0 23px; width: 23px; height: 23px; margin-left: auto; border-radius: 50%; color: #0b8984; background: #e3f6f4; transition: color .24s ease, background-color .24s ease, transform .24s ease; }
.legislation-target-country:hover .legislation-target-country__check { color: #fff; background: #0a8e89; transform: scale(1.08); }

@keyframes legislation-target-enter {
    from { opacity: 0; transform: translateY(12px) scale(.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 1050px) {
    .legislation-targets__hero { grid-template-columns: 1fr; }
    .legislation-targets__rate { width: fit-content; }
    .legislation-targets__countries { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .legislation-targets__support-grid { grid-template-columns: 1fr; }
    .legislation-targets__countries { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
    .legislation-targets { border-radius: 17px; }
    .legislation-targets__rate { width: 100%; overflow-x: auto; }
    .legislation-targets__countries { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .legislation-target-country { animation: none; transition: none; }
    .legislation-target-country::before { display: none; }
    .legislation-target-country:hover { transform: none; }
    .legislation-target-country__flag,
    .legislation-target-country__check,
    .legislation-targets__support-grid a,
    .legislation-targets__support-grid a > span { transition: none; }
    .legislation-target-country:hover .legislation-target-country__flag,
    .legislation-targets__support-grid a:hover,
    .legislation-targets__support-grid a:hover > span { transform: none; }
}

/* =====================================================================
   HAKKIMIZDA / ETKİMİZ
   ===================================================================== */
.about-impact { overflow: hidden; color: #163b59; }
.about-section { padding: clamp(4rem, 7vw, 6.5rem) 0; }
.about-kicker { display: inline-flex; align-items: center; gap: .5rem; color: #087f7b; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.about-section-head { max-width: 760px; margin-bottom: 2.2rem; }
.about-section-head > span { color: #07827e; font-size: .7rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.about-section-head h2 { margin: .55rem 0 .75rem; color: #082f57; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.08; letter-spacing: -.045em; }
.about-section-head p { max-width: 66ch; margin: 0; color: #647c90; font-size: .96rem; line-height: 1.72; }
.about-section-head--center { margin-right: auto; margin-left: auto; text-align: center; }
.about-section-head--center p { margin-inline: auto; }

.about-impact-hero {
    position: relative;
    padding: clamp(4rem, 8vw, 7rem) 0;
    background:
        radial-gradient(circle at 80% 20%, rgba(23, 173, 168, .13), transparent 29%),
        linear-gradient(135deg, #f8fcfd 0%, #eef6fa 100%);
}
.about-impact-hero::after { content: ""; position: absolute; right: -180px; bottom: -210px; width: 520px; height: 520px; border: 1px solid rgba(15, 113, 154, .08); border-radius: 50%; box-shadow: 0 0 0 70px rgba(15,113,154,.025), 0 0 0 140px rgba(15,113,154,.02); }
.about-impact-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr); align-items: center; gap: clamp(2.5rem, 7vw, 6rem); }
.about-impact-hero__copy h1 { max-width: 780px; margin: 1.15rem 0 1.35rem; color: #072e57; font-size: clamp(2.8rem, 5.5vw, 5.35rem); line-height: .98; letter-spacing: -.06em; }
.about-impact-hero__copy h1 span { color: #079b95; }
.about-impact-hero__copy > p { max-width: 650px; color: #536f86; font-size: clamp(1.05rem, 1.55vw, 1.22rem); line-height: 1.75; }
.about-impact-hero__proof { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1.2rem; max-width: 720px; margin-top: 2rem; padding: 1.1rem 1.2rem; border: 1px solid #d7e7ec; border-radius: 18px; background: rgba(255,255,255,.82); box-shadow: 0 15px 38px rgba(7,46,80,.07); }
.about-impact-hero__proof strong { padding-right: 1.1rem; border-right: 1px solid #d8e5eb; color: #a97627; font-size: 1.5rem; }
.about-impact-hero__proof span { color: #5c7488; font-size: .82rem; line-height: 1.6; }
.about-impact-hero__proof b { color: #073962; }

.about-impact-network { position: relative; min-height: 440px; border: 1px solid rgba(14,99,132,.12); border-radius: 50%; background: rgba(255,255,255,.55); box-shadow: inset 0 0 60px rgba(29,162,158,.05), 0 24px 60px rgba(7,49,80,.08); }
.about-impact-network__ring { position: absolute; inset: 16%; border: 1px dashed rgba(9,140,135,.3); border-radius: 50%; animation: about-ring-rotate 24s linear infinite; }
.about-impact-network__ring::before,.about-impact-network__ring::after { content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #0da19b; box-shadow: 0 0 0 7px rgba(13,161,155,.1); }
.about-impact-network__ring::before { top: 13%; left: 8%; }.about-impact-network__ring::after { right: 7%; bottom: 17%; }
.about-impact-network__core { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 145px; height: 145px; padding: 1rem; transform: translate(-50%,-50%); border-radius: 50%; color: #fff; text-align: center; background: #07345f; box-shadow: 0 18px 38px rgba(7,52,95,.24); }
.about-impact-network__core svg { color: #52d7d2; }.about-impact-network__core strong { margin-top: .45rem; font-size: 1rem; line-height: 1.25; }
.about-impact-network__node { position: absolute; display: flex; align-items: center; gap: .45rem; padding: .65rem .8rem; border: 1px solid #d5e5ea; border-radius: 12px; color: #18445f; background: #fff; box-shadow: 0 10px 25px rgba(6,52,81,.09); font-size: .72rem; transition: transform .23s ease, border-color .23s ease; }
.about-impact-network__node svg { color: #098f89; }.about-impact-network__node:hover { transform: translateY(-4px); border-color: #70c8c4; }
.about-impact-network__node--one { top: 11%; left: 9%; }.about-impact-network__node--two { top: 10%; right: 7%; }.about-impact-network__node--three { right: 4%; bottom: 13%; }.about-impact-network__node--four { bottom: 10%; left: 8%; }

.about-impact-numbers { background: #fff; }
.about-impact-grid { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 1rem; }
.about-impact-card { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 300px; padding: clamp(1.4rem, 2.6vw, 2rem); overflow: hidden; border: 1px solid #dce6ec; border-radius: 22px; background: #fff; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.about-impact-card:hover { transform: translateY(-5px); border-color: #94cbcf; box-shadow: 0 20px 44px rgba(7,51,82,.1); }
.about-impact-card::after { content: ""; position: absolute; right: -65px; bottom: -80px; width: 190px; height: 190px; border: 1px solid rgba(9,143,138,.12); border-radius: 50%; transition: transform .3s ease; }.about-impact-card:hover::after { transform: scale(1.12); }
.about-impact-card--institutions { grid-column: span 4; }.about-impact-card--primary { grid-column: span 8; color: #fff; border-color: #083963; background: #07345f; }.about-impact-card--risk,.about-impact-card--time { grid-column: span 6; }
.about-impact-card__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #098b86; background: #e5f6f4; transition: transform .25s ease; }.about-impact-card:hover .about-impact-card__icon { transform: rotate(-4deg) scale(1.06); }
.about-impact-card--primary .about-impact-card__icon { color: #07345f; background: #55d8d3; }
.about-impact-card__value { margin-top: auto; color: #07335d; font-size: clamp(2.15rem, 4vw, 4rem); font-weight: 800; line-height: 1; letter-spacing: -.055em; }.about-impact-card--primary .about-impact-card__value { color: #fff; font-size: clamp(2.6rem,5vw,5rem); }
.about-impact-card h3 { max-width: 34ch; margin: .8rem 0 .55rem; color: #143c5b; font-size: 1rem; line-height: 1.4; }.about-impact-card p { max-width: 66ch; margin: 0; color: #6a8093; font-size: .8rem; line-height: 1.62; }.about-impact-card--primary h3 { color: #57dcd6; }.about-impact-card--primary p { color: #c5d8e6; }
.about-485 { display: grid; grid-template-columns: minmax(260px,.6fr) minmax(0,1.4fr); align-items: center; gap: 2rem; margin-top: 1rem; padding: clamp(1.5rem,3vw,2.3rem); border: 1px solid #d7e5eb; border-radius: 20px; background: #f4f9fb; }
.about-485 small,.about-485 strong { display: block; }.about-485 small { color: #0a8984; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.about-485 strong { margin-top: .35rem; color: #07345e; font-size: clamp(2rem,4vw,3.5rem); letter-spacing: -.05em; }.about-485 p { margin: 0; color: #5e768a; line-height: 1.7; }

.about-proactive { background: #f3f8fa; }
.about-process { position: relative; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .8rem; }
.about-process::before { content: ""; position: absolute; top: 58px; right: 8%; left: 8%; height: 1px; background: repeating-linear-gradient(90deg,#52bdb8 0 8px,transparent 8px 15px); }
.about-process article { position: relative; z-index: 1; min-width: 0; padding: 1rem; text-align: center; }
.about-process__number { display: block; color: #a47b39; font-size: .65rem; font-weight: 800; }.about-process__icon { display: grid; place-items: center; width: 58px; height: 58px; margin: .55rem auto 1rem; border: 7px solid #f3f8fa; border-radius: 50%; color: #fff; background: #0a8581; box-shadow: 0 0 0 1px #acd9d7; transition: transform .25s ease; }.about-process article:hover .about-process__icon { transform: translateY(-4px) scale(1.05); }
.about-process h3 { margin: 0; color: #0b365c; font-size: .86rem; }.about-process p { margin: .45rem 0 0; color: #708598; font-size: .7rem; line-height: 1.55; }
.about-quote { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1rem; max-width: 900px; margin: 3.2rem auto 0; padding: 1.5rem 1.8rem; border-left: 4px solid #1eb0aa; border-radius: 0 16px 16px 0; color: #fff; background: #07345e; box-shadow: 0 18px 40px rgba(7,52,94,.16); }.about-quote > span { color: #55d8d2; font: 700 4rem/1 Georgia,serif; }.about-quote p { margin: 0; font-size: clamp(1.05rem,2vw,1.4rem); line-height: 1.55; }.about-quote strong { color: #58ddd7; }

.about-risk { background: #fff; }.about-risk__grid { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); align-items: center; gap: clamp(2rem,6vw,5rem); }.about-risk__copy h2,.about-365__copy h2 { margin: .8rem 0 1rem; color: #082f57; font-size: clamp(2rem,4vw,3.25rem); line-height: 1.08; letter-spacing: -.045em; }.about-risk__copy p,.about-365__copy p { color: #637b8f; line-height: 1.72; }
.about-risk__cards { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }.about-risk__cards article { min-width: 0; min-height: 205px; padding: 1.35rem; border: 1px solid #dce7ed; border-radius: 18px; background: #fff; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }.about-risk__cards article:hover { transform: translateY(-4px); border-color: #8fcacb; box-shadow: 0 16px 34px rgba(7,50,80,.08); }.about-risk__cards article > span { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 12px; color: #087f7b; background: #e5f6f4; }.about-risk__cards h3 { margin: 1rem 0 .45rem; color: #123b5a; font-size: .92rem; }.about-risk__cards p { margin: 0; color: #72879a; font-size: .76rem; line-height: 1.58; }

.about-365 { background: #f3f8fa; }.about-365__grid { display: grid; grid-template-columns: minmax(430px,1fr) minmax(0,.9fr); align-items: center; gap: clamp(2.5rem,7vw,6rem); }.about-365__map { position: relative; min-height: 480px; border: 1px solid #d6e5eb; border-radius: 50%; background: rgba(255,255,255,.72); box-shadow: inset 0 0 70px rgba(10,139,134,.05); }.about-365__map::before { content: ""; position: absolute; inset: 19%; border: 1px dashed #9accca; border-radius: 50%; }
.about-365__center { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 150px; height: 150px; transform: translate(-50%,-50%); border-radius: 50%; color: #fff; background: #07345e; box-shadow: 0 18px 38px rgba(7,52,94,.2); }.about-365__center strong { font-size: 3.2rem; line-height: 1; letter-spacing: -.06em; }.about-365__center span { margin-top: .2rem; color: #56d9d4; font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.about-365__node { position: absolute; display: grid; place-items: center; max-width: 155px; min-height: 46px; padding: .6rem .75rem; border: 1px solid #d4e3e9; border-radius: 12px; color: #19445f; background: #fff; box-shadow: 0 8px 20px rgba(7,50,80,.07); font-size: .68rem; font-weight: 700; text-align: center; animation: about-node-float 4s ease-in-out infinite; }.about-365__node--1 { top: 7%; left: 38%; }.about-365__node--2 { top: 23%; right: 5%; animation-delay:.35s; }.about-365__node--3 { right: 4%; bottom: 23%; animation-delay:.7s; }.about-365__node--4 { bottom: 5%; left: 37%; animation-delay:1.05s; }.about-365__node--5 { bottom: 22%; left: 2%; animation-delay:1.4s; }.about-365__node--6 { top: 22%; left: 2%; animation-delay:1.75s; }.about-365__node--7 { top: 48%; left: 5%; animation-delay:2.1s; }
.about-365__statement { margin: 1.3rem 0; padding: 1rem 1.1rem; border-left: 3px solid #0b9892; color: #315b75; background: #fff; line-height: 1.65; }.about-365__statement b { color: #07365f; }

.about-inhouse { background: #fff; }.about-inhouse__shell { display: grid; grid-template-columns: minmax(0,.9fr) minmax(480px,1.1fr); align-items: center; gap: clamp(2rem,6vw,5rem); padding: clamp(2rem,5vw,4rem); border-radius: 28px; color: #fff; background: #07345e; box-shadow: 0 28px 68px rgba(7,52,94,.18); }.about-inhouse__copy > span { color: #56d9d4; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.about-inhouse__copy h2 { margin: .7rem 0 1rem; color: #fff; font-size: clamp(2rem,4vw,3.25rem); line-height: 1.08; letter-spacing: -.045em; }.about-inhouse__copy p { color: #c6d8e5; line-height: 1.72; }.about-inhouse__copy strong { color: #5ce0da; }
.about-inhouse__map { position: relative; min-height: 440px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; background: rgba(255,255,255,.035); }.about-inhouse__map::before { content: ""; position: absolute; inset: 19%; border: 1px dashed rgba(82,216,210,.42); border-radius: 50%; }.about-inhouse__core { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 140px; height: 140px; transform: translate(-50%,-50%); border-radius: 50%; color: #07345e; background: #fff; box-shadow: 0 18px 42px rgba(0,0,0,.2); }.about-inhouse__core > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #fff; background: #0a8c87; }.about-inhouse__core strong { margin-top: .35rem; }.about-inhouse__core small { color: #73889b; font-size: .6rem; }
.about-inhouse__node { position: absolute; max-width: 140px; padding: .6rem .8rem; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #d9e7f0; background: #10466f; font-size: .68rem; font-weight: 700; text-align: center; }.about-inhouse__node--1 { top: 8%; left: 38%; }.about-inhouse__node--2 { top: 23%; right: 2%; }.about-inhouse__node--3 { right: 1%; bottom: 24%; }.about-inhouse__node--4 { bottom: 7%; left: 39%; }.about-inhouse__node--5 { bottom: 23%; left: 1%; }.about-inhouse__node--6 { top: 23%; left: 1%; }.about-inhouse__node--7 { top: 47%; right: 3%; }

.about-story { padding: clamp(4rem,7vw,6rem) 0; color: #fff; background: #051f3b; }.about-story .container { display: grid; grid-template-columns: minmax(250px,.65fr) minmax(0,1.35fr); gap: clamp(2rem,7vw,6rem); }.about-story__lead small { color: #59dbd6; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.about-story__lead h2 { margin: .65rem 0 0; color: #fff; font-size: clamp(2rem,4vw,3.25rem); line-height: 1.08; }.about-story__lines { display: grid; }.about-story__lines p { display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 1rem; margin: 0; padding: 1.25rem 0; border-bottom: 1px solid rgba(255,255,255,.11); color: #d5e3ed; font-size: clamp(.95rem,1.5vw,1.15rem); line-height: 1.5; }.about-story__lines p:first-child { border-top: 1px solid rgba(255,255,255,.11); }.about-story__lines span { color: #55d8d2; font-size: .65rem; font-weight: 800; }

.about-success { background: #f5f9fb; }.about-success__grid { display: grid; gap: .65rem; }.about-success__grid article { display: grid; grid-template-columns: minmax(0,1fr) 46px minmax(0,1fr); align-items: center; min-height: 82px; padding: .85rem 1.1rem; border: 1px solid #dce7ed; border-radius: 15px; background: #fff; transition: transform .22s ease, box-shadow .22s ease; }.about-success__grid article:hover { transform: translateX(4px); box-shadow: 0 12px 28px rgba(7,51,82,.07); }.about-success__grid article > span { color: #637b8f; }.about-success__grid i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #fff; background: #0a8d88; }.about-success__grid strong { color: #0a365d; }.about-success__closing { max-width: 900px; margin: 2rem 0 0; color: #506c82; font-size: 1.05rem; line-height: 1.72; }.about-success__closing strong { color: #087f7b; }

.about-closing { padding: 1.5rem 0 clamp(4rem,7vw,6rem); background: #f5f9fb; }.about-closing__shell { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 2rem; overflow: hidden; padding: clamp(2rem,5vw,4rem); border-radius: 26px; color: #fff; background: #07345e; box-shadow: 0 22px 55px rgba(7,52,94,.18); }.about-closing__shell::after { content: ""; position: absolute; right: -120px; top: -160px; width: 380px; height: 380px; border: 1px solid rgba(85,216,210,.2); border-radius: 50%; box-shadow: 0 0 0 55px rgba(85,216,210,.035); }.about-closing__shell > div,.about-closing__shell .btn { position: relative; z-index: 1; }.about-closing__shell > div > span { color: #57d9d4; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.about-closing__shell h2 { margin: .6rem 0 .75rem; color: #fff; font-size: clamp(2.2rem,4.5vw,3.8rem); line-height: 1.02; letter-spacing: -.05em; }.about-closing__shell p { max-width: 650px; margin: 0; color: #c9dbe7; line-height: 1.65; }.about-closing__shell .btn { flex: 0 0 auto; }
.about-transparency { padding: 1.3rem 0; border-top: 1px solid #dce6ec; background: #fff; }.about-transparency p { max-width: 1000px; margin: 0; color: #74899b; font-size: .72rem; line-height: 1.6; }

.contact-request-modal { padding: clamp(.7rem,2vw,1.5rem); }
.contact-request-modal__dialog { width: min(920px,100%); max-height: min(94vh,900px); overflow:hidden; border:1px solid rgba(191,214,224,.9); border-radius:24px; box-shadow:0 30px 90px rgba(3,28,54,.3); }
.contact-request-modal__header { position:relative; padding:1.35rem clamp(1.25rem,3vw,2rem); color:#fff; border-bottom:0; background:linear-gradient(125deg,#07345e,#07567a); }
.contact-request-modal__header::after { content:""; position:absolute; top:-95px; right:70px; width:210px; height:210px; border:1px solid rgba(85,216,210,.18); border-radius:50%; pointer-events:none; }
.contact-request-modal__header > div { position:relative; z-index:1; padding-right:2rem; }
.contact-request-modal__header > div > span { color:#62ddd7; font-size:.66rem; font-weight:800; letter-spacing:.1em; }
.contact-request-modal__header .modal__title { max-width:680px; margin:.35rem 0 0; color:#fff; font-size:clamp(1.35rem,2.5vw,2rem); line-height:1.15; }
.contact-request-modal__header .modal__subtitle { color:rgba(234,244,250,.72); }
.contact-request-modal__header .modal__close { position:relative; z-index:2; color:#fff; border-color:rgba(255,255,255,.25); background:rgba(255,255,255,.07); }
.contact-request-modal__header .modal__close:hover { color:#07345e; background:#fff; }
.contact-request-modal__body { padding:0; background:#f7fafc; }
.contact-request-modal .contact-v2__form { padding:clamp(1.25rem,3vw,2rem); background:#fff; }
.contact-request-modal .contact-v2__form form { gap:.95rem; }
.contact-request-modal .contact-v2__form .textarea { min-height:100px; }
.contact-request-modal .contact-form-card__submit { position:sticky; bottom:-1px; z-index:2; margin:0 -.25rem -.25rem; padding:1rem .25rem .25rem; background:linear-gradient(180deg,rgba(255,255,255,0),#fff 24%); }

@keyframes about-ring-rotate { to { transform: rotate(360deg); } }
@keyframes about-node-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }

@media (max-width: 1050px) {
    .about-impact-hero__grid,.about-risk__grid,.about-365__grid,.about-inhouse__shell { grid-template-columns: 1fr; }
    .about-impact-network { width: min(100%,560px); min-height: 440px; margin-inline: auto; }
    .about-365__map,.about-inhouse__map { width: min(100%,600px); margin-inline: auto; }
    .about-inhouse__copy { max-width: 760px; }
}

@media (max-width: 780px) {
    .about-impact-hero { padding-top: 3.5rem; }
    .about-impact-hero__grid { grid-template-columns: minmax(0,1fr); }
    .about-impact-hero__copy h1 { font-size: clamp(2.65rem,8vw,4rem); }
    .about-impact-card--institutions,.about-impact-card--primary,.about-impact-card--risk,.about-impact-card--time { grid-column: span 12; }
    .about-impact-card { min-height: 270px; }
    .about-485 { grid-template-columns: 1fr; gap: .7rem; }
    .about-process { grid-template-columns: 1fr; gap: .4rem; }.about-process::before { top: 2rem; bottom: 2rem; left: 36px; width: 1px; height: auto; background: repeating-linear-gradient(180deg,#52bdb8 0 8px,transparent 8px 15px); }.about-process article { display: grid; grid-template-columns: 42px 48px 1fr; align-items: center; gap: .25rem .75rem; padding: .7rem 0; text-align: left; }.about-process__number { text-align: center; }.about-process__icon { width: 48px; height: 48px; margin: 0; border-width: 5px; }.about-process h3 { margin: 0; }.about-process p { grid-column: 3; margin-top: 0; }
    .about-risk__cards { grid-template-columns: 1fr; }.about-risk__cards article { min-height: 170px; }
    .about-story .container { grid-template-columns: 1fr; gap: 1.5rem; }
    .about-success__grid article { grid-template-columns: 1fr; gap: .55rem; }.about-success__grid i { transform: rotate(90deg); }
    .about-closing__shell { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 580px) {
    .about-impact-hero__proof { grid-template-columns: 1fr; }.about-impact-hero__proof strong { padding: 0 0 .7rem; border-right: 0; border-bottom: 1px solid #d8e5eb; }
    .about-impact-network { min-height: 350px; border-radius: 24px; }.about-impact-network__core { width: 120px; height: 120px; }.about-impact-network__node { padding: .5rem .6rem; font-size: .64rem; }.about-impact-network__node--one { top: 8%; left: 5%; }.about-impact-network__node--two { top: 8%; right: 5%; }.about-impact-network__node--three { right: 4%; bottom: 9%; }.about-impact-network__node--four { bottom: 9%; left: 4%; }
    .about-365__map,.about-inhouse__map { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; width: 100%; min-height: 0; padding: 1rem; border-radius: 22px; }.about-365__map::before,.about-inhouse__map::before { display: none; }.about-365__center,.about-inhouse__core { position: static; grid-column: 1/-1; width: 130px; height: 130px; margin: 0 auto .5rem; transform: none; }.about-365__node,.about-inhouse__node { position: static; max-width: none; min-height: 44px; animation: none; }.about-inhouse__shell { min-width: 0; padding: 1.35rem; border-radius: 22px; }.about-inhouse__node { display: grid; place-items: center; border-radius: 10px; }
    .about-quote { grid-template-columns: 1fr; }.about-quote > span { height: 2.4rem; }
    .contact-request-modal { padding:0; align-items:end; }
    .contact-request-modal__dialog { max-height:96dvh; border-radius:20px 20px 0 0; }
    .contact-request-modal__header { padding:1.05rem 1rem; }
    .contact-request-modal__header .modal__title { font-size:1.25rem; }
    .contact-request-modal__header .modal__subtitle { display:none; }
    .contact-request-modal .contact-v2__form { padding:1rem; }
    .contact-request-modal .contact-v2__form .form-row { grid-template-columns:1fr; }
    .contact-request-modal .contact-form-card__submit { align-items:stretch; flex-direction:column; }
    .contact-request-modal .contact-form-card__submit .btn { width:100%; justify-content:center; }
}

@media (max-width: 390px) {
    .about-365__map,.about-inhouse__map { grid-template-columns: 1fr; }
    .about-impact-network__node b { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .about-impact-network__ring,.about-365__node { animation: none; }
    .about-impact-card,.about-impact-card::after,.about-impact-card__icon,.about-process__icon,.about-risk__cards article,.about-success__grid article { transition: none; }
    .about-impact-card:hover,.about-process article:hover .about-process__icon,.about-risk__cards article:hover,.about-success__grid article:hover { transform: none; }
}

/* Ön değerlendirme — form seçenekleri ve sayfa içi iletişim talebi. */
.preassessment-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.preassessment-options > .card {
    display: flex;
    min-width: 0;
    min-height: 250px;
    flex-direction: column;
    align-items: flex-start;
}
.preassessment-options .link-arrow {
    margin-top: auto;
}
.preassessment-contact-card {
    width: 100%;
    appearance: none;
    color: var(--color-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.preassessment-contact-card:focus-visible {
    outline: 3px solid rgba(10, 141, 136, .28);
    outline-offset: 3px;
}

@media (max-width: 960px) {
    .preassessment-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .preassessment-options { grid-template-columns: 1fr; }
    .preassessment-options > .card { min-height: 215px; }
    .contact-request-modal[data-modal="preassessment-contact"] .contact-form-card__submit {
        position: static;
        margin: 0;
        padding: .25rem 0 0;
        background: none;
    }
}

/* Portrait layer — final shared and support-hub overrides. */
.btn--primary {
    color: var(--color-portrait-ink);
    border: 1px solid var(--color-portrait-ink);
    background: #fff;
    box-shadow: none;
}
.btn--primary:hover {
    color: var(--color-portrait-ink);
    border-color: var(--color-portrait-ink);
    background: var(--color-mint-wash);
    box-shadow: var(--shadow-sm);
}
.card,
.article-card,
.support-card { border-radius: 24px; box-shadow: var(--shadow-sm); }
.form-input,
.form-select,
.form-textarea { border-radius: 16px; }

.support-hub-page .breadcrumb { background: #fff; border-color: var(--color-mist-hairline); }
.support-hub .container { max-width: 1200px; }
.support-hub-hero { border-bottom: 0; background: radial-gradient(circle at 77% 25%, rgba(142,81,255,.075), transparent 31%), #fff; }
.support-hub-hero::before { display: none; }
.support-hub-eyebrow { color: var(--color-nautical-teal); border: 0; background: var(--color-sky-wash); font-size: 10px; letter-spacing: .14em; }
.support-hub-hero__copy h1 { color: var(--color-portrait-ink); font-family: var(--font-display); }
.support-hub-hero__copy h1 span { color: transparent; background: var(--gradient-rainbow-spectrum); background-clip: text; -webkit-background-clip: text; font-style: italic; }
.support-hub-hero__copy > p,
.support-hub-hero__trust { color: var(--color-slate-helper); }
.support-hub-hero__actions .btn { border-radius: 28px; }
.support-finder { border-color: rgba(8,48,76,.07); border-radius: 24px; box-shadow: var(--shadow-lg); }
.support-finder__head > span,
.support-finder__choices > a > span { color: var(--color-portrait-ink); background: var(--color-mint-wash); }
.support-finder__head p,
.support-finder__head h2,
.support-finder__choices strong,
.support-finder__metrics strong { color: var(--color-portrait-ink); }
.support-finder__choices > a { border-color: rgba(8,48,76,.07); border-radius: 20px; }
.support-finder__action { color: var(--color-portrait-ink); border: 1px solid var(--color-portrait-ink); border-radius: 28px; background: #fff; }
.support-finder__action:hover { color: var(--color-portrait-ink); background: var(--color-sky-wash); }
.support-hub-heading h2,
.support-category__head h3,
.support-hub-card h4,
.support-audience-card h3 { color: var(--color-portrait-ink); font-family: var(--font-display); }
.support-hub-heading > span,
.support-hub-heading > div > span,
.support-hub-heading--row > a,
.support-hub-card > strong,
.support-audience-card strong { color: var(--color-nautical-teal); }
.support-audience-card,
.support-category,
.support-hub-card,
.support-explainer article,
.support-guides__small > a,
.support-comparison__table-wrap { border-color: rgba(8,48,76,.07); border-radius: 24px; box-shadow: var(--shadow-sm); }
.support-audience-card__icon,
.support-category__icon,
.support-hub-card__icon,
.support-explainer article > span,
.support-guides__small > a > span { color: var(--color-portrait-ink); background: var(--color-mint-wash); }
.support-hub-card:nth-child(even) .support-hub-card__icon,
.support-guides__small > a:nth-child(even) > span { background: var(--color-sky-wash); }
.support-target-showcase__panel { border-color: rgba(8,48,76,.07); border-radius: 24px; background: var(--color-sky-wash); box-shadow: var(--shadow-sm); }
.support-target-showcase__intro h2,
.support-target-showcase__intro h2 span { color: var(--color-portrait-ink); }
.support-catalog,
.support-comparison,
.support-guides { border-color: var(--color-mist-hairline); background: #fff; }
.support-guide-featured { border-radius: 24px; }
.support-hub-final-cta__inner { color: var(--color-portrait-ink); border: 1px solid rgba(8,48,76,.07); border-radius: 24px; background: var(--color-peach-wash); box-shadow: var(--shadow-sm); }
.support-hub-final-cta span,
.support-hub-final-cta h2,
.support-hub-final-cta p { color: var(--color-portrait-ink); }
.support-hub-final-cta .btn { border-radius: 28px; }
.support-hub-final-cta .btn--white { color: var(--color-portrait-ink); border: 1px solid var(--color-portrait-ink); background: transparent; }
.support-hub-final-cta .btn--light { color: var(--color-portrait-ink); border-color: transparent; background: transparent; }
.support-hub-page .newsletter { background: #fff; }
.support-hub-page .newsletter__row .btn { color: var(--color-portrait-ink); border: 1.5px solid transparent; background: linear-gradient(#fff,#fff) padding-box, var(--gradient-rainbow-spectrum) border-box; }

/* =====================================================================
   Site-wide Portrait completion layer
   All public templates share the same surface, type and navigation language.
   ===================================================================== */
.is-homepage .topbar { display: block; }
.footer__logo-image { filter: none; }

/* Navigation and mega menus */
.mega {
    top: calc(100% + 10px);
    border: 1px solid rgba(8,48,76,.07);
    border-radius: 24px;
    box-shadow: var(--shadow-lg);
}
.mega__shell { background: #fff; }
.mega__head { border-bottom-color: var(--color-mist-hairline); }
.mega__heading-icon,
.mega__starter-icon,
.mega__link-icon,
.mega__quick-icon { color: var(--color-portrait-ink); background: var(--color-mint-wash); }
.mega__head strong,
.mega__starter,
.mega__starter strong,
.mega__col-title,
.mega__link-title,
.mega__aside strong,
.mega__quick-link { color: var(--color-portrait-ink); }
.mega__head p,
.mega__starter-text,
.mega__link-desc,
.mega__aside p,
.mega__quick-link small { color: var(--color-slate-helper); }
.mega__all,
.mega__eyebrow,
.mega__starter-action,
.mega__col-title svg,
.mega__quick-link:hover { color: var(--color-nautical-teal); }
.mega__starter { border-radius: 20px; background: var(--color-sky-wash); box-shadow: none; }
.mega__starter:hover { color: var(--color-portrait-ink); box-shadow: var(--shadow-sm); }
.mega__group { border-left-color: var(--color-mist-hairline); }
.mega__link { border-radius: 14px; }
.mega__link:hover { color: var(--color-portrait-ink); background: var(--color-sky-wash); }
.mega__aside-visual,
.mega__aside-visual span + span { color: var(--color-portrait-ink); }
.mega__aside-visual::before { background: var(--color-peach-wash); }
.mega__aside-button { color: var(--color-portrait-ink); border: 1px solid var(--color-portrait-ink); border-radius: 999px; background: #fff; box-shadow: none; }
.mega__aside-button:hover { color: var(--color-portrait-ink); background: var(--color-mint-wash); }
.mega__quick-links { border-top-color: var(--color-mist-hairline); background: #fbfcfe; }
.mega__quick-link { border-left-color: var(--color-mist-hairline); }

/* Portrait mega menu: pastel scrapbook cards and one editorial photo tile. */
.mega {
    width: min(1200px, calc(100vw - 48px));
    border-color: rgba(8,48,76,.08);
    border-radius: 28px;
    box-shadow:
        0 22px 48px -32px rgba(8,48,76,.38),
        0 9px 20px -15px rgba(8,48,76,.2),
        0 0 0 1px rgba(8,48,76,.025);
    transform: translateX(-50%) translateY(-10px) scale(.985);
}

.nav__item.is-open .mega {
    transform: translateX(-50%) translateY(0) scale(1);
}

.mega__shell {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.mega__shell::before {
    content: '';
    position: absolute;
    top: -54px;
    right: 12%;
    width: 116px;
    height: 116px;
    border-radius: 32px;
    background: var(--color-peach-wash);
    opacity: .58;
    transform: rotate(12deg);
    pointer-events: none;
}

.mega__head {
    position: relative;
    min-height: 92px;
    padding: 17px 20px;
    border-bottom-color: var(--color-mist-hairline);
}

.mega__heading-icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    border-radius: 14px;
    color: var(--color-portrait-ink);
    background: var(--color-mint-wash);
}

.mega__head strong {
    font-size: 1.18rem;
    font-weight: 600;
    letter-spacing: -.02em;
}

.mega__head p {
    max-width: 68ch;
    margin-top: 5px;
    font-size: .73rem;
}

.mega__all {
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid rgba(8,48,76,.13);
    border-radius: 999px;
    color: var(--color-portrait-ink);
    background: #fff;
}

.mega__all:hover {
    color: var(--color-portrait-ink);
    background: var(--color-mint-wash);
}

.mega__body {
    position: relative;
    grid-template-columns: 214px minmax(0,1fr) 238px;
    gap: 14px;
    padding: 16px 20px 18px;
}

.mega__starter {
    position: relative;
    min-height: 270px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid rgba(8,48,76,.055);
    border-radius: 24px;
    background: var(--color-sky-wash);
}

.mega__starter::before {
    content: '';
    position: absolute;
    top: 15px;
    right: -13px;
    width: 66px;
    height: 18px;
    border-radius: 4px;
    background: rgba(255,235,214,.9);
    transform: rotate(34deg);
}

.mega__starter:hover {
    transform: translateY(-2px) rotate(-.25deg);
    box-shadow: var(--shadow-subtle-2);
}

.mega__starter-icon {
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    border-radius: 14px;
    color: var(--color-portrait-ink);
    background: #fff;
}

.mega__eyebrow {
    width: fit-content;
    padding: 3px 8px;
    border-radius: 999px;
    color: var(--color-nautical-teal);
    background: rgba(255,255,255,.72);
    font-size: 10px;
    letter-spacing: .14em;
}

.mega__starter strong {
    margin-top: 11px;
    font-size: .98rem;
}

.mega__starter-text { font-size: .72rem; }
.mega__starter-action { color: var(--color-portrait-ink); }

.mega__groups {
    align-content: stretch;
    gap: 10px;
}

.mega__group {
    padding: 13px;
    border: 1px solid rgba(8,48,76,.07);
    border-radius: 20px;
    background: #fff;
}

.mega__group:nth-child(2) { background: rgba(215,255,226,.2); }
.mega__group:nth-child(3) { background: rgba(232,241,255,.34); }

.mega__col-title {
    min-height: 27px;
    margin-bottom: 7px;
    padding: 0 5px;
    color: var(--color-portrait-ink);
    font-size: 10px;
    letter-spacing: .08em;
}

.mega__link {
    min-height: 49px;
    padding: 7px;
    border-radius: 14px;
}

.mega__link:hover {
    color: var(--color-portrait-ink);
    background: var(--color-mint-wash);
    transform: translateY(-1px);
}

.mega__link--featured {
    border: 1px solid rgba(66,164,255,.2);
    background: linear-gradient(135deg, rgba(232,241,255,.9), rgba(215,255,226,.48));
}

.mega__link--featured .mega__link-title::after {
    content: "GÜNCEL";
    display: inline-flex;
    margin-left: 7px;
    padding: 2px 6px;
    border-radius: 999px;
    color: var(--color-nautical-teal);
    background: rgba(255,255,255,.82);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .08em;
    vertical-align: 1px;
}

.mega__link-icon {
    border-radius: 10px;
    color: var(--color-portrait-ink);
    background: var(--color-sky-wash);
}

.mega__group:nth-child(even) .mega__link-icon { background: #fff; }
.mega__link-arrow { color: var(--color-nautical-teal); }

.mega__aside {
    padding: 12px;
    border: 1px solid rgba(8,48,76,.055);
    border-radius: 24px;
    background: var(--color-peach-wash);
}

.mega__aside-portrait {
    position: relative;
    height: 105px;
    margin: 0 0 14px;
    padding: 5px;
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--shadow-subtle-2);
    transform: rotate(-1.25deg);
}

.mega__aside-portrait img {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    object-fit: cover;
    filter: saturate(.82);
}

.mega__aside-portrait > span {
    position: absolute;
    right: 10px;
    bottom: -9px;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(8,48,76,.08);
    border-radius: 12px;
    color: var(--color-portrait-ink);
    background: var(--color-mint-wash);
    box-shadow: var(--shadow-subtle-2);
}

.mega__aside strong {
    font-size: .92rem;
    letter-spacing: -.015em;
}

.mega__aside p { margin-bottom: 12px; }

.mega__aside-button {
    min-height: 40px;
    padding: 9px 12px;
    border-color: var(--color-portrait-ink);
    border-radius: 999px;
    color: var(--color-portrait-ink);
    background: rgba(255,255,255,.64);
}

.mega__aside-button:hover {
    color: var(--color-portrait-ink);
    background: #fff;
}

.mega__quick-links {
    gap: 9px;
    padding: 11px 20px 15px;
    background: #fff;
}

.mega__quick-link {
    min-height: 58px;
    padding: 8px 10px;
    border: 1px solid rgba(8,48,76,.065);
    border-radius: 16px;
    color: var(--color-portrait-ink);
    background: #fff;
}

.mega__quick-link:first-child { border-left: 1px solid rgba(8,48,76,.065); }
.mega__quick-link:hover { background: var(--color-sky-wash); }
.mega__quick-icon { border-radius: 12px; background: var(--color-mint-wash); }
.mega__quick-link:nth-child(even) .mega__quick-icon { background: var(--color-sky-wash); }

@media (max-width: 1260px) {
    .mega__body { grid-template-columns: 190px minmax(0,1fr) 205px; }
    .mega__starter { min-height: 260px; }
    .mega__aside-portrait { height: 94px; }
}
.offcanvas__panel { color: var(--color-portrait-ink); background: #fff; box-shadow: var(--shadow-lg); }
.offcanvas__logo-image { width: clamp(156px, 46vw, 190px); height: auto; }
.offcanvas__header,
.offcanvas__footer,
.m-nav__item { border-color: var(--color-mist-hairline); }
.offcanvas__footer { background: var(--color-sky-wash); }
.m-nav__link,
.m-nav__toggle { color: var(--color-portrait-ink); }
.m-nav__sub a:hover { color: var(--color-portrait-ink); background: var(--color-sky-wash); }

/* Mobil menü hareketi: sakin panel geçişi, kademeli satırlar ve yumuşak akordiyon. */
.offcanvas {
    transition: visibility 0s linear 460ms;
}
.offcanvas.is-open {
    transition-delay: 0s;
}
.offcanvas__backdrop {
    background: rgba(6, 25, 44, .46);
    backdrop-filter: blur(2px);
    transition: opacity 380ms cubic-bezier(.22, 1, .36, 1), backdrop-filter 380ms ease;
}
.offcanvas__panel {
    opacity: .72;
    transform: translate3d(104%, 0, 0) scale(.985);
    transform-origin: right center;
    will-change: transform, opacity;
    transition:
        transform 460ms cubic-bezier(.16, 1, .3, 1),
        opacity 280ms ease,
        box-shadow 460ms ease;
}
.offcanvas.is-open .offcanvas__panel {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}
.offcanvas__header,
.offcanvas__body,
.offcanvas__footer {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 210ms ease, transform 320ms cubic-bezier(.22, 1, .36, 1);
}
.offcanvas.is-open .offcanvas__header,
.offcanvas.is-open .offcanvas__body,
.offcanvas.is-open .offcanvas__footer {
    opacity: 1;
    transform: translateY(0);
}
.offcanvas.is-open .offcanvas__header { transition-delay: 70ms; }
.offcanvas.is-open .offcanvas__body { transition-delay: 115ms; }
.offcanvas.is-open .offcanvas__footer { transition-delay: 165ms; }
.offcanvas .m-nav__item {
    opacity: 0;
    transform: translateX(14px);
    transition:
        opacity 260ms ease,
        transform 380ms cubic-bezier(.22, 1, .36, 1),
        border-color var(--duration) var(--ease);
}
.offcanvas.is-open .m-nav__item {
    opacity: 1;
    transform: translateX(0);
}
.offcanvas.is-open .m-nav__item:nth-child(1) { transition-delay: 120ms; }
.offcanvas.is-open .m-nav__item:nth-child(2) { transition-delay: 155ms; }
.offcanvas.is-open .m-nav__item:nth-child(3) { transition-delay: 190ms; }
.offcanvas.is-open .m-nav__item:nth-child(4) { transition-delay: 225ms; }
.offcanvas.is-open .m-nav__item:nth-child(5) { transition-delay: 260ms; }
.offcanvas.is-open .m-nav__item:nth-child(6) { transition-delay: 295ms; }
.m-nav__toggle {
    transition: color 180ms ease, background-color 180ms ease, padding 240ms ease;
}
.m-nav__toggle:active,
.m-nav__link:active {
    transform: scale(.985);
}
.m-nav__toggle svg {
    transition: transform 380ms cubic-bezier(.34, 1.56, .64, 1), color 180ms ease;
}
.m-nav__panel {
    visibility: hidden;
    transition:
        grid-template-rows 420ms cubic-bezier(.22, 1, .36, 1),
        visibility 0s linear 420ms;
}
.m-nav__item.is-open .m-nav__panel {
    visibility: visible;
    transition-delay: 0s;
}
.m-nav__panel-inner {
    opacity: 0;
    transform: translateY(-9px);
    transition: opacity 190ms ease, transform 360ms cubic-bezier(.22, 1, .36, 1);
}
.m-nav__item.is-open .m-nav__panel-inner {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 65ms;
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas,
    .offcanvas__backdrop,
    .offcanvas__panel,
    .offcanvas__header,
    .offcanvas__body,
    .offcanvas__footer,
    .offcanvas .m-nav__item,
    .m-nav__toggle,
    .m-nav__toggle svg,
    .m-nav__panel,
    .m-nav__panel-inner {
        transition-duration: .01ms !important;
        transition-delay: 0s !important;
    }
}

/* Shared page scaffolding */
.breadcrumb,
.page-head,
.section-soft { border-color: var(--color-mist-hairline); background: #fff; }
.page-head {
    background: radial-gradient(circle at 75% 15%, rgba(142,81,255,.065), transparent 32%), #fff;
}
.page-head__eyebrow,
.section-head__eyebrow {
    width: fit-content;
    padding: 5px 10px;
    border-radius: 999px;
    color: var(--color-nautical-teal);
    background: var(--color-sky-wash);
    font-size: 10px;
    letter-spacing: .14em;
}
.page-head__title,
.section-head__title { color: var(--color-portrait-ink); font-family: var(--font-display); letter-spacing: -.04em; }
.page-head__lead,
.page-head__meta { color: var(--color-slate-helper); }
.hero { background: radial-gradient(circle at 82% 18%, rgba(142,81,255,.07), transparent 32%), #fff; }
.hero__title { color: var(--color-portrait-ink); font-family: var(--font-display); letter-spacing: -.045em; }
.hero__title em { color: transparent; background: var(--gradient-rainbow-spectrum); background-clip: text; -webkit-background-clip: text; font-style: italic; }
.hero__badge { color: var(--color-nautical-teal); border: 0; background: var(--color-sky-wash); box-shadow: none; }
.hero__image-wrap,
.hero__float { border-radius: 24px; box-shadow: var(--shadow-md); }
.cta-band,
.facts {
    color: var(--color-portrait-ink);
    border: 1px solid rgba(8,48,76,.07);
    border-radius: 24px;
    background: var(--color-peach-wash);
    box-shadow: var(--shadow-sm);
}
.cta-band h2,
.cta-band p,
.cta-band__note,
.facts__head h2,
.facts__head p,
.fact__value,
.facts__note { color: var(--color-portrait-ink); }
.cta-band .btn--light {
    --btn-color: var(--color-portrait-ink);
    --btn-border: rgba(8,48,76,.22);
    --btn-bg: var(--color-sky-wash);
}
.cta-band .btn--light:hover { --btn-bg: #fff; }
.facts-section { background: #fff; }
.facts__badge { color: var(--color-nautical-teal); border: 0; background: #fff; }
.fact { border-color: rgba(8,48,76,.07); background: rgba(255,255,255,.62); }
.fact__icon { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.08); }
.fact__hint { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.08); background: var(--color-mint-wash); box-shadow: var(--shadow-sm); }
.fact__hint-head small,
.fact__hint-head strong,
.fact__hint > span:last-child,
.facts__note a { color: var(--color-portrait-ink); }

.pillar-card,
.guide-file-card,
.sidebar-card,
.audience-card,
.check-item,
.summary-grid,
.support-overview__metrics,
.legal-box,
.filter-bar,
.assessment-form,
.empty-state { border-color: rgba(8,48,76,.07); border-radius: 24px; background: #fff; box-shadow: var(--shadow-sm); }
.guide-downloads { border-color: rgba(8,48,76,.07); border-radius: 24px; background: var(--color-sky-wash); }
.guide-file-card__icon,
.support-metric__icon { color: var(--color-portrait-ink); border: 0; background: var(--color-mint-wash); }
.segmented { border-radius: 999px; background: var(--color-sky-wash); }
.segmented__item { border-radius: 999px; }
.segmented__item,
.badge--muted,
.badge--outline,
.tooltip__trigger,
.support-metric__label { color: var(--color-portrait-ink); }
.segmented__item.is-active { color: var(--color-portrait-ink); background: #fff; box-shadow: var(--shadow-xs); }
.input,
.select,
.textarea { border-radius: 16px; }
.input:focus,
.select:focus,
.textarea:focus { border-color: var(--color-nautical-teal); box-shadow: 0 0 0 3px rgba(8,78,114,.1); }

/* Support detail pages */
.support-detail-page .breadcrumb,
.support-detail-hero { background: #fff; border-color: var(--color-mist-hairline); }
.support-detail-hero { background: radial-gradient(circle at 82% 20%, rgba(142,81,255,.065), transparent 29%), #fff; }
.support-detail-hero .page-head__eyebrow { color: var(--color-nautical-teal); border: 0; background: var(--color-sky-wash); }
.support-detail-hero .page-head__title,
.support-detail-section > h2 { color: var(--color-portrait-ink); font-family: var(--font-display); }
.support-detail-hero .page-head__lead,
.support-detail-hero .page-head__meta span { color: var(--color-slate-helper); }
.support-detail-hero .page-head__meta span { border-color: rgba(8,48,76,.07); border-radius: 999px; background: #fff; }
.support-detail-hero__orb { color: var(--color-portrait-ink); background: var(--color-mint-wash); box-shadow: var(--shadow-sm); }
.support-detail-hero__orb--small { background: var(--color-sky-wash); }
.support-detail-summary .support-overview__metrics,
.support-detail-eligibility__card,
.support-detail-expenses__grid li,
.support-detail-rules .callout,
.support-detail-documents .table-scroll,
.support-detail-faq .accordion__item,
.support-detail-legal .legal-box,
.support-detail-related__grid > a,
.support-detail-layout .sidebar-card,
.target-country-panel { border-color: rgba(8,48,76,.07); border-radius: 20px; box-shadow: var(--shadow-xs); }
.support-detail-expenses__icon,
.support-detail-related__grid > a > span,
.support-detail-timeline__node { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.07); background: var(--color-mint-wash); }
.support-detail-process .prose { border-color: var(--color-nautical-teal); border-radius: 0 16px 16px 0; background: var(--color-sky-wash); }
.support-sidebar-cta { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.07) !important; background: var(--color-peach-wash) !important; }
.support-sidebar-cta .sidebar-card__title,
.support-sidebar-cta p,
.support-sidebar-cta__secondary { color: var(--color-portrait-ink); }
.support-sidebar-cta__secondary { border-color: var(--color-portrait-ink); border-radius: 999px; }

/* Eximbank and VRHIB hubs */
.exim-hero,
.exim-subhero,
.vrh-hero,
.vrh-subhero { background: radial-gradient(circle at 82% 18%, rgba(142,81,255,.065), transparent 30%), #fff; }
.exim-hero h1,
.exim-subhero h1,
.vrh-hero h1,
.vrh-subhero h1 { color: var(--color-portrait-ink); font-family: var(--font-display); }
.exim-hero h1 span,
.vrh-hero h1 span { color: transparent; background: var(--gradient-rainbow-spectrum); background-clip: text; -webkit-background-clip: text; font-style: italic; }
.exim-kicker,
.vrh-kicker { color: var(--color-nautical-teal); border: 0; background: var(--color-sky-wash); }
.exim-hero__visual,
.exim-subhero__brand,
.exim-facts,
.exim-product,
.exim-guide-card,
.exim-match-card,
.exim-eligibility-grid article,
.exim-process article,
.exim-docs > div,
.vrh-map,
.vrh-summary__grid,
.vrh-card,
.vrh-eligibility-grid article,
.vrh-process-grid article { border-color: rgba(8,48,76,.07); border-radius: 24px; background: #fff; box-shadow: var(--shadow-sm); }
.exim-product--featured,
.exim-inline-section,
.vrh-dys-banner { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.07); background: var(--color-peach-wash); }
.exim-product--featured h3,
.exim-product--featured p,
.exim-product--featured .exim-product__top small,
.exim-inline-section h2 { color: var(--color-portrait-ink); }
.exim-product__icon,
.exim-guide-card > span,
.exim-match-card > span,
.exim-eligibility-grid article > span { color: var(--color-portrait-ink); background: var(--color-mint-wash); }
.exim-split-section,
.exim-lead-card,
.vrh-decision { border-color: rgba(8,48,76,.07); border-radius: 24px; background: var(--color-sky-wash); }

/* HAP map */
.hap-hero { border-color: var(--color-mist-hairline); background: radial-gradient(circle at 82% 18%, rgba(142,81,255,.065), transparent 28%), #fff; }
.hap-section:nth-of-type(even) { background: #fff; }
.hap-eyebrow { color: var(--color-nautical-teal); border: 0; background: var(--color-sky-wash); }
.hap-hero h1,
.hap-heading h2 { color: var(--color-portrait-ink); font-family: var(--font-display); }
.hap-hero h1 span { color: transparent; background: var(--gradient-rainbow-spectrum); background-clip: text; -webkit-background-clip: text; font-style: italic; }
.hap-hero__facts,
.hap-map,
.hap-map__category,
.hap-key-numbers__grid article,
.hap-support,
.hap-audience article,
.hap-target { border-color: rgba(8,48,76,.07); border-radius: 24px; background: #fff; box-shadow: var(--shadow-sm); }
.hap-map__center { color: var(--color-portrait-ink); border-color: var(--color-mint-wash); background: var(--color-sky-wash); box-shadow: var(--shadow-sm); }
.hap-map__center > small { color: var(--color-portrait-ink); background: var(--color-mint-wash); }
.hap-map__category summary > span,
.hap-detail-group__head > span,
.hap-support > header > span { color: var(--color-portrait-ink); background: var(--color-mint-wash); }

/* Contact */
.contact-v2__hero { min-height: 390px; color: var(--color-portrait-ink); background: radial-gradient(circle at 80% 18%, rgba(142,81,255,.075), transparent 31%), #fff; }
.contact-v2__hero::before { display: none; }
.contact-v2__eyebrow { color: var(--color-nautical-teal); }
.contact-v2__hero h1 { color: var(--color-portrait-ink); font-family: var(--font-display); }
.contact-v2__hero h1 span { color: transparent; background: var(--gradient-rainbow-spectrum); background-clip: text; -webkit-background-clip: text; font-style: italic; }
.contact-v2__hero > .container > div:first-child > p { color: var(--color-graphite-body); }
.contact-v2__hero-note { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.07); border-radius: 20px; background: var(--color-sky-wash); }
.contact-v2__hero-note > span { color: var(--color-portrait-ink); background: var(--color-mint-wash); }
.contact-v2__hero-note p,
.contact-v2__hero-note strong { color: var(--color-portrait-ink); }
.contact-v2__panel { border-color: rgba(8,48,76,.07); border-radius: 24px; box-shadow: var(--shadow-lg); }
.contact-v2__form .input,
.contact-v2__form .select,
.contact-v2__form .textarea { border-radius: 16px; background: #fff; }
.contact-v2__info { color: var(--color-portrait-ink); background: var(--color-peach-wash); }
.contact-v2__info-head > span,
.contact-v2__info-list > a > span,
.contact-v2__info-list > div > span { color: var(--color-portrait-ink); background: #fff; }
.contact-v2__info-head small,
.contact-v2__socials > small,
.contact-v2__info-head h2,
.contact-v2__info-head p,
.contact-v2__info-list > a,
.contact-v2__info-list > div,
.contact-v2__info-list small,
.contact-v2__info-list strong,
.contact-v2__response strong,
.contact-v2__response p { color: var(--color-portrait-ink); }
.contact-v2__info-list > a,
.contact-v2__info-list > div { border-bottom-color: rgba(8,48,76,.09); }
.contact-v2__response { border-color: rgba(8,48,76,.08); border-radius: 16px; background: rgba(255,255,255,.58); }
.contact-v2__socials a { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.1); border-radius: 999px; }
.contact-v2__section--soft { background: #fff; }
.contact-v2__topics > a,
.contact-v2__reasons > article,
.contact-v2__location-card { border-color: rgba(8,48,76,.07); border-radius: 24px; background: #fff; box-shadow: var(--shadow-sm); }
.contact-v2__topics > a > span,
.contact-v2__reasons > article > span,
.contact-v2__location-card > span { color: var(--color-portrait-ink); background: var(--color-mint-wash); }
.contact-v2__cta-grid { border: 1px solid rgba(8,48,76,.07); border-radius: 24px; box-shadow: var(--shadow-sm); }
.contact-v2__cta article:first-child { color: var(--color-portrait-ink); background: var(--color-peach-wash); }
.contact-v2__cta article:last-child { color: var(--color-portrait-ink); background: var(--color-sky-wash); }

/* About */
.about-impact-hero { background: radial-gradient(circle at 82% 18%, rgba(142,81,255,.07), transparent 30%), #fff; }
.about-impact-hero__copy h1,
.about-section-head h2,
.about-risk__copy h2,
.about-365__copy h2 { color: var(--color-portrait-ink); font-family: var(--font-display); }
.about-impact-hero__copy h1 span { color: transparent; background: var(--gradient-rainbow-spectrum); background-clip: text; -webkit-background-clip: text; font-style: italic; }
.about-impact-network,
.about-impact-card,
.about-485,
.about-risk__cards article,
.about-365__map,
.about-success__grid article { border-color: rgba(8,48,76,.07); border-radius: 24px; background: #fff; box-shadow: var(--shadow-sm); }
.about-impact-network__core,
.about-365__center,
.about-process__icon,
.about-success__grid i { color: var(--color-portrait-ink); border-color: var(--color-mint-wash); background: var(--color-mint-wash); box-shadow: none; }
.about-proactive,
.about-365,
.about-success,
.about-closing { background: #fff; }
.about-quote,
.about-inhouse__shell,
.about-story,
.about-closing__shell { color: var(--color-portrait-ink); border: 1px solid rgba(8,48,76,.07); border-radius: 24px; background: var(--color-peach-wash); box-shadow: var(--shadow-sm); }
.about-inhouse__copy > span,
.about-inhouse__copy h2,
.about-inhouse__copy p,
.about-inhouse__copy strong,
.about-story__lead small,
.about-story__lead h2,
.about-story__lines p,
.about-story__lines span,
.about-closing__shell > div > span,
.about-closing__shell h2,
.about-closing__shell p,
.about-quote,
.about-quote strong { color: var(--color-portrait-ink); }
.about-story { border-inline: 0; border-radius: 0; }
.about-story__lines p { border-color: rgba(8,48,76,.1); }
.about-inhouse__map { border-color: rgba(8,48,76,.1); background: rgba(255,255,255,.4); }
.about-inhouse__node { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.09); background: #fff; }
.about-inhouse__core { color: var(--color-portrait-ink); background: #fff; }
.about-inhouse__core > span { color: var(--color-portrait-ink); background: var(--color-mint-wash); }
.contact-request-modal__header { color: var(--color-portrait-ink); background: var(--color-peach-wash); }
.contact-request-modal__header > div > span,
.contact-request-modal__header .modal__title,
.contact-request-modal__header .modal__subtitle { color: var(--color-portrait-ink); }
.contact-request-modal__header .modal__close { color: var(--color-portrait-ink); border-color: rgba(8,48,76,.12); background: #fff; }

/* Contrast guard: legacy dark cards now use light Portrait surfaces. */
.about-impact-card--primary {
    color: var(--color-portrait-ink);
    border-color: rgba(8,48,76,.1);
    background: var(--color-sky-wash);
}
.about-impact-card--primary .about-impact-card__value,
.about-impact-card--primary h3 { color: var(--color-portrait-ink); }
.about-impact-card--primary p { color: var(--color-graphite-body); }
.about-impact-card--primary .about-impact-card__icon { color: var(--color-portrait-ink); background: var(--color-mint-wash); }
.about-365__center span,
.about-quote > span { color: var(--color-portrait-ink); }

.exim-product--featured > strong,
.exim-inline-section .section-head__eyebrow,
.vrh-dys-banner small,
.vrh-decision > div > span { color: var(--color-nautical-teal); }
.exim-check-row { background: rgba(8,48,76,.08); }
.exim-check-row span { color: var(--color-portrait-ink); background: rgba(255,255,255,.72); }
.vrh-dys-banner h2,
.vrh-dys-banner p,
.vrh-decision strong { color: var(--color-portrait-ink); }
.vrh-decision p { color: var(--color-graphite-body); }
.vrh-decision > i { color: var(--color-nautical-teal); }
.vrh-decision > div { background: rgba(255,255,255,.62); }
.vrh-compare__visual small,
.vrh-compare__visual > i { color: var(--color-nautical-teal); }
.vrh-compare__visual p { color: var(--color-graphite-body); }

/* =====================================================================
   Rehber detayları — DESIGN.md / Portrait makale sistemi
   Tüm yayınlanmış ve gelecekteki rehber yazılarının ortak sunumu.
   ===================================================================== */
.article-detail {
    color: var(--color-graphite-body);
    background: var(--color-white-canvas);
}

.article-detail__hero {
    padding: clamp(4.5rem, 8vw, 7.5rem) 0 clamp(3rem, 6vw, 5rem);
    background: radial-gradient(circle at 78% 18%, rgba(142,81,255,.07), transparent 30%), #fff;
}

.article-detail__hero-inner {
    max-width: 1160px;
    margin-inline: auto;
    text-align: center;
}

.article-detail__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-bottom: 24px;
    padding: 5px 11px;
    border-radius: 9999px;
    color: var(--color-nautical-teal);
    background: var(--color-sky-wash);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.article-detail__eyebrow:hover,
.article-detail__eyebrow:focus-visible { color: var(--color-portrait-ink); background: var(--color-mint-wash); }

.article-detail__title {
    max-width: 1160px;
    margin: 0 auto;
    color: var(--color-portrait-ink);
    font-family: var(--font-basier-circle, var(--font-display));
    font-size: clamp(3.05rem, 6.3vw, 4.75rem);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.056em;
    text-wrap: balance;
}

.article-detail__lead {
    max-width: 690px;
    margin: 28px auto 0;
    color: var(--color-graphite-body);
    font-family: var(--font-switzer, var(--font-body));
    font-size: 18px;
    line-height: 1.45;
    text-wrap: pretty;
}

.article-detail__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 28px;
}

.article-detail__meta > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 6px 11px;
    border: 1px solid rgba(8,48,76,.07);
    border-radius: 9999px;
    color: var(--color-slate-helper);
    background: #fff;
    box-shadow: var(--shadow-xs);
    font-size: 12px;
}

.article-detail__meta svg { color: var(--color-nautical-teal); }

.article-detail__body { padding: 0 0 80px; }

.article-detail__cover {
    max-width: 1040px;
    margin: 0 auto clamp(3.5rem, 7vw, 5rem);
    padding: 8px;
    overflow: hidden;
    border: 1px solid rgba(8,48,76,.07);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--shadow-subtle-2, var(--shadow-sm));
}

.article-detail__cover img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 17px;
}

.article-detail__reading-column {
    width: min(100%, 780px);
    margin-inline: auto;
}

.article-detail .prose {
    color: var(--color-graphite-body);
    font-family: var(--font-switzer, var(--font-body));
    font-size: 17px;
    line-height: 1.65;
}

.article-detail .prose > * + * { margin-top: 24px; }

.article-detail .prose h2,
.article-detail .prose h3,
.article-detail .prose h4 {
    color: var(--color-portrait-ink);
    font-family: var(--font-basier-circle, var(--font-display));
    font-weight: 600;
    text-wrap: balance;
}

.article-detail .prose h2 {
    margin-top: 64px;
    margin-bottom: 20px;
    padding: 0;
    font-size: 31px;
    line-height: 1.1;
    letter-spacing: -.4px;
}

.article-detail .prose h2::before { display: none; }
.article-detail .prose h3 { margin-top: 40px; font-size: 24px; line-height: 1.2; }
.article-detail .prose h4 { margin-top: 32px; font-size: 20px; line-height: 1.3; }
.article-detail .prose p { text-wrap: pretty; }
.article-detail .prose li::marker { color: var(--color-nautical-teal); }
.article-detail .prose a { color: var(--color-nautical-teal); }
.article-detail .prose a:hover { color: var(--color-portrait-ink); }

.article-detail .prose blockquote,
.article-detail .prose .article-key-note,
.article-detail .prose .article-disclaimer {
    border: 1px solid rgba(8,48,76,.07);
    border-left: 0;
    border-radius: 24px;
    color: var(--color-portrait-ink);
    background: var(--color-sky-wash);
    box-shadow: var(--shadow-xs);
}

.article-detail .prose .article-disclaimer { background: var(--color-peach-wash); }

.article-detail .prose .article-table-scroll {
    border: 1px solid rgba(8,48,76,.07);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--shadow-xs);
}

.article-detail .prose table { box-shadow: none; }
.article-detail .prose th { color: var(--color-portrait-ink); background: var(--color-sky-wash); }
.article-detail .prose th,
.article-detail .prose td { padding: 14px 16px; border-bottom: 1px solid var(--color-mist-hairline); }

.article-detail .prose .article-flow-map { gap: 16px; margin-block: 28px 40px; }
.article-detail .prose .article-flow-map__step {
    min-height: 176px;
    border: 1px solid rgba(8,48,76,.07);
    border-radius: 24px;
    color: var(--color-portrait-ink);
    background: var(--color-sky-wash);
    box-shadow: var(--shadow-xs);
}
.article-detail .prose .article-flow-map__step:nth-child(2) { background: var(--color-mint-wash); }
.article-detail .prose .article-flow-map__step:nth-child(3) { background: var(--color-peach-wash); }
.article-detail .prose .article-flow-map__step:nth-child(4) { background: var(--color-sky-wash); }
.article-detail .prose .article-flow-map__number { color: var(--color-portrait-ink); background: rgba(255,255,255,.76); }
.article-detail .prose .article-flow-map__step > span:last-child { color: var(--color-graphite-body); }
.article-detail .prose .article-roadmap { border-left-color: var(--color-nautical-teal); }

.article-detail .prose .article-official-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-block: 30px 42px;
    padding: 24px;
    border: 1px solid rgba(8,48,76,.09);
    border-radius: 24px;
    color: var(--color-portrait-ink);
    background: linear-gradient(135deg, var(--color-mint-wash), var(--color-sky-wash));
    box-shadow: var(--shadow-xs);
}

.article-detail .prose .article-official-cta > div { min-width: 0; }
.article-detail .prose .article-official-cta > div > span {
    display: block;
    margin-bottom: 8px;
    color: var(--color-nautical-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
}
.article-detail .prose .article-official-cta strong { display: block; font-size: 19px; line-height: 1.3; }
.article-detail .prose .article-official-cta p { margin: 8px 0 0; color: var(--color-graphite-body); font-size: 14px; line-height: 1.5; }
.article-detail .prose .article-official-cta > a {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 18px;
    border: 1px solid rgba(8,48,76,.24);
    border-radius: 999px;
    color: var(--color-portrait-ink);
    background: rgba(255,255,255,.88);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
}
.article-detail .prose .article-official-cta > a:hover,
.article-detail .prose .article-official-cta > a:focus-visible { color: var(--color-portrait-ink); border-color: var(--color-nautical-teal); background: #fff; }

.article-detail .prose .article-inline-visual {
    margin-block: 34px 44px;
    padding: 6px;
    overflow: hidden;
    border: 1px solid rgba(8,48,76,.08);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--shadow-subtle-2, var(--shadow-sm));
}
.article-detail .prose .article-inline-visual img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 18px;
}
.article-detail .prose .article-inline-visual figcaption {
    margin: 0;
    padding: 12px 12px 8px;
    color: var(--color-slate-helper);
    font-size: 12px;
    line-height: 1.5;
}

.article-detail__review-note {
    margin-top: 64px;
    padding: 20px 22px;
    border: 1px solid rgba(8,48,76,.07);
    border-radius: 24px;
    color: var(--color-portrait-ink);
    background: var(--color-mint-wash);
    box-shadow: var(--shadow-xs);
}

.article-detail__review-note > div { display: flex; align-items: center; gap: 9px; font-size: 13px; }
.article-detail__review-note svg { flex: 0 0 auto; color: var(--color-nautical-teal); }
.article-detail__review-note p { margin: 10px 0 0; color: var(--color-graphite-body); font-size: 12px; line-height: 1.55; }

.article-detail__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 40px;
    padding: clamp(24px, 5vw, 40px);
    border: 1px solid rgba(8,48,76,.07);
    border-radius: 24px;
    color: var(--color-portrait-ink);
    background: var(--color-peach-wash);
    box-shadow: var(--shadow-subtle-2, var(--shadow-sm));
}

.article-detail__cta-eyebrow {
    display: block;
    margin-bottom: 9px;
    color: var(--color-nautical-teal);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
}

.article-detail__cta h2 {
    max-width: 480px;
    margin: 0;
    color: var(--color-portrait-ink);
    font-family: var(--font-basier-circle, var(--font-display));
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.article-detail__cta p { max-width: 470px; margin: 12px 0 0; color: var(--color-graphite-body); font-size: 14px; line-height: 1.5; }

.article-detail__rainbow-cta,
.article-detail__rainbow-cta.btn--white {
    flex: 0 0 auto;
    min-height: 48px;
    padding-inline: 18px;
    border: 1.5px solid transparent;
    border-radius: 28px;
    color: var(--color-portrait-ink);
    background: linear-gradient(#fff,#fff) padding-box, var(--gradient-rainbow-spectrum) border-box;
    box-shadow: none;
}

.article-detail__rainbow-cta:hover,
.article-detail__rainbow-cta:focus-visible { color: var(--color-portrait-ink); background: linear-gradient(var(--color-sky-wash),var(--color-sky-wash)) padding-box, var(--gradient-rainbow-spectrum) border-box; }

.article-detail__topics {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 20px;
    margin-top: 32px;
}

.article-detail__topics a { color: var(--color-slate-helper); font-size: 13px; font-weight: 500; }
.article-detail__topics a:hover { color: var(--color-portrait-ink); }

.article-detail__related { padding: 0 0 80px; background: #fff; }
.article-detail__related-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.article-detail__related-head > div > span { color: var(--color-nautical-teal); font-size: 10px; font-weight: 600; letter-spacing: .14em; }
.article-detail__related-head h2 { margin: 8px 0 0; color: var(--color-portrait-ink); font-family: var(--font-basier-circle, var(--font-display)); font-size: 31px; letter-spacing: -.4px; }
.article-detail__related-head > a { display: inline-flex; align-items: center; gap: 7px; color: var(--color-portrait-ink); font-size: 14px; font-weight: 500; }

.article-detail__related-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.article-snippet {
    display: grid;
    grid-template-columns: 104px minmax(0,1fr);
    gap: 14px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(8,48,76,.07);
    border-radius: 24px;
    color: var(--color-portrait-ink);
    background: #fff;
    box-shadow: var(--shadow-subtle-2, var(--shadow-sm));
    transition: transform .2s ease, box-shadow .2s ease;
}
.article-snippet:hover { color: var(--color-portrait-ink); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.article-snippet__media { display: grid; width: 104px; height: 104px; overflow: hidden; place-items: center; border-radius: 16px; color: var(--color-portrait-ink); background: var(--color-sky-wash); }
.article-snippet:nth-child(2) .article-snippet__media { background: var(--color-mint-wash); }
.article-snippet:nth-child(3) .article-snippet__media { background: var(--color-peach-wash); }
.article-snippet__media img { width: 100%; height: 100%; object-fit: cover; }
.article-snippet__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; padding: 3px 2px; }
.article-snippet__meta { color: var(--color-slate-helper); font-size: 10px; line-height: 1.4; }
.article-snippet__copy strong { display: -webkit-box; margin-top: 7px; overflow: hidden; color: var(--color-portrait-ink); font-size: 14px; font-weight: 600; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.article-snippet__action { display: inline-flex; align-items: center; gap: 5px; margin-top: auto; padding-top: 8px; color: var(--color-nautical-teal); font-size: 11px; font-weight: 500; }

@media (max-width: 980px) {
    .article-detail__related-grid { grid-template-columns: 1fr; }
    .article-snippet { grid-template-columns: 112px minmax(0,1fr); }
    .article-snippet__media { width: 112px; height: 112px; }
}

@media (max-width: 640px) {
    .article-detail__hero { padding: 3.5rem 0 2.75rem; }
    .article-detail__title {
        max-width: 100%;
        overflow-wrap: anywhere;
        font-size: clamp(2.25rem, 10.8vw, 2.9rem);
        letter-spacing: -.04em;
        text-wrap: wrap;
    }
    .article-detail__lead { margin-top: 22px; font-size: 16px; }
    .article-detail__meta { margin-top: 22px; }
    .article-detail__cover { margin-bottom: 48px; padding: 5px; border-radius: 20px; }
    .article-detail__cover img { border-radius: 15px; }
    .article-detail .prose { font-size: 16px; line-height: 1.55; }
    .article-detail .prose h2 { margin-top: 48px; font-size: 28px; }
    .article-detail .prose .article-flow-map__step { min-height: auto; border-radius: 20px; }
    .article-detail .prose .article-official-cta { align-items: stretch; flex-direction: column; padding: 20px; border-radius: 20px; }
    .article-detail .prose .article-official-cta > a { width: 100%; }
    .article-detail .prose .article-inline-visual { margin-block: 28px 38px; border-radius: 20px; }
    .article-detail .prose .article-inline-visual img { border-radius: 15px; }
    .article-detail__review-note { margin-top: 48px; padding: 18px; border-radius: 20px; }
    .article-detail__review-note > div { align-items: flex-start; }
    .article-detail__cta { align-items: stretch; flex-direction: column; border-radius: 20px; }
    .article-detail__rainbow-cta { width: 100%; justify-content: center; }
    .article-detail__related { padding-bottom: 64px; }
    .article-detail__related-head { align-items: flex-start; flex-direction: column; }
    .article-detail__related-head h2 { font-size: 28px; }
    .article-snippet { grid-template-columns: 88px minmax(0,1fr); border-radius: 20px; }
    .article-snippet__media { width: 88px; height: 88px; border-radius: 14px; }
    .article-snippet__copy strong { -webkit-line-clamp: 2; }
}

/* Hakkımızda etki haritası: mobilde masaüstü yörüngesini kompakt 2×2 karta dönüştür. */
@media (max-width: 780px) {
    .about-impact-network {
        width:min(100%,560px);
        min-height:330px;
        overflow:hidden;
        border-radius:24px;
    }
    .about-impact-network__ring {
        inset:58px 64px;
        border-radius:30px;
        animation:none;
    }
    .about-impact-network__ring::before,
    .about-impact-network__ring::after {
        top:-5px;
        right:auto;
        bottom:auto;
        left:0;
        animation:about-mobile-orbit-dot 12s linear infinite;
    }
    .about-impact-network__ring::after { animation-delay:-6s; }
    .about-impact-network__core { width:112px; height:112px; padding:14px; animation:about-mobile-core-breathe 4.8s ease-in-out infinite; }
    .about-impact-network__core svg { width:25px; height:25px; }
    .about-impact-network__core strong { margin-top:5px; font-size:.88rem; }
    .about-impact-network__node {
        min-width:118px;
        min-height:44px;
        justify-content:center;
        padding:9px 12px;
        border-color:rgba(8,48,76,.08);
        border-radius:14px;
        box-shadow:var(--shadow-xs);
        font-size:.68rem;
        animation:about-mobile-node-float 5.2s ease-in-out infinite;
    }
    .about-impact-network__node:hover { animation-play-state:paused; }
    .about-impact-network__node--one { top:22px; left:22px; background:var(--color-sky-wash); }
    .about-impact-network__node--two { top:22px; right:22px; background:var(--color-peach-wash); animation-delay:-1.3s; }
    .about-impact-network__node--three { right:22px; bottom:22px; background:var(--color-sky-wash); animation-delay:-2.6s; }
    .about-impact-network__node--four { bottom:22px; left:22px; background:var(--color-mint-wash); animation-delay:-3.9s; }
}

@media (max-width: 420px) {
    .about-impact-network { min-height:310px; }
    .about-impact-network__ring { inset:53px 46px; border-radius:24px; }
    .about-impact-network__core { width:102px; height:102px; }
    .about-impact-network__node { min-width:102px; min-height:42px; padding:8px 9px; gap:5px; font-size:.63rem; }
    .about-impact-network__node b { display:inline; }
    .about-impact-network__node--one { top:16px; left:16px; }
    .about-impact-network__node--two { top:16px; right:16px; }
    .about-impact-network__node--three { right:16px; bottom:16px; }
    .about-impact-network__node--four { bottom:16px; left:16px; }
}

@keyframes about-mobile-orbit-dot {
    0% { top:-5px; left:0; }
    24% { top:-5px; left:calc(100% - 9px); }
    26% { top:0; left:calc(100% - 9px); }
    49% { top:calc(100% - 9px); left:calc(100% - 9px); }
    51% { top:calc(100% - 9px); left:calc(100% - 9px); }
    74% { top:calc(100% - 9px); left:0; }
    76% { top:calc(100% - 9px); left:-5px; }
    100% { top:-5px; left:0; }
}

@keyframes about-mobile-core-breathe {
    0%,100% { transform:translate(-50%,-50%) scale(1); }
    50% { transform:translate(-50%,-50%) scale(1.035); }
}

@keyframes about-mobile-node-float {
    0%,100% { transform:translateY(0); }
    50% { transform:translateY(-3px); }
}

@media (prefers-reduced-motion: reduce) {
    .about-impact-network__ring::before,
    .about-impact-network__ring::after,
    .about-impact-network__core,
    .about-impact-network__node { animation:none; }
}

/* =====================================================================
   Homepage — ThreeUI-inspired Support Orbit
   Scoped to the support ecosystem so no other page/component is affected.
   ===================================================================== */
.hv-orbit-heading { margin-bottom:24px; }
.hv-orbit-heading > div { max-width:760px; }
.hv-orbit-heading > div > p { max-width:690px; }

.hv-orbit {
    --orbit-ink:#08304c;
    --orbit-teal:#119b99;
    --orbit-blue:#3979d5;
    --orbit-purple:#8e51ff;
    --orbit-peach:#ff9a6c;
    position:relative;
    padding:18px;
    border:1px solid rgba(8,48,76,.08);
    border-radius:30px;
    background:
        radial-gradient(circle at 34% 48%,rgba(222,255,235,.58),transparent 32%),
        radial-gradient(circle at 78% 10%,rgba(231,238,255,.78),transparent 30%),
        #fbfcfe;
    box-shadow:0 22px 60px rgba(8,48,76,.08);
    overflow:hidden;
    isolation:isolate;
}

.hv-orbit::before {
    content:"";
    position:absolute;
    z-index:-1;
    inset:-40% 40% 32% -18%;
    border-radius:50%;
    background:rgba(255,255,255,.88);
    filter:blur(44px);
    pointer-events:none;
}

.hv-orbit__categories {
    position:relative;
    z-index:5;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:0 0 16px;
    border-bottom:1px solid rgba(8,48,76,.07);
}

.hv-orbit__category {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:38px;
    padding:8px 13px;
    border:1px solid rgba(8,48,76,.09);
    border-radius:999px;
    color:#526b80;
    background:rgba(255,255,255,.74);
    font:700 .69rem/1 var(--font-ui);
    cursor:pointer;
    box-shadow:0 5px 13px rgba(8,48,76,.025);
    transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.hv-orbit__category:hover { color:var(--orbit-ink); transform:translateY(-1px); }
.hv-orbit__category.is-active { color:var(--orbit-ink); border-color:rgba(17,155,153,.22); background:var(--color-mint-wash); box-shadow:0 8px 20px rgba(8,48,76,.06); }
.hv-orbit__category:nth-child(2).is-active { background:var(--color-peach-wash); }
.hv-orbit__category:nth-child(3).is-active,
.hv-orbit__category:nth-child(5).is-active { background:var(--color-sky-wash); }

.hv-orbit__layout {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.75fr) minmax(285px,.72fr);
    gap:18px;
    min-height:630px;
    padding-top:18px;
}

.hv-orbit__stage {
    --scene-x:0px;
    --scene-y:0px;
    --scene-rx:0deg;
    --scene-ry:0deg;
    position:relative;
    min-width:0;
    min-height:594px;
    border:1px solid rgba(8,48,76,.055);
    border-radius:24px;
    background:
        linear-gradient(120deg,rgba(255,255,255,.84),rgba(247,250,254,.38)),
        repeating-linear-gradient(90deg,transparent 0 72px,rgba(8,48,76,.018) 72px 73px),
        repeating-linear-gradient(0deg,transparent 0 72px,rgba(8,48,76,.018) 72px 73px);
    overflow:hidden;
    perspective:900px;
}

.hv-orbit__visual,
.hv-orbit__nodes {
    position:absolute;
    inset:0;
    transform:translate3d(var(--scene-x),var(--scene-y),0) rotateX(var(--scene-rx)) rotateY(var(--scene-ry));
    transform-style:preserve-3d;
    transition:transform .42s cubic-bezier(.2,.72,.2,1);
    will-change:transform;
}

.hv-orbit__visual { z-index:1; pointer-events:none; }
.hv-orbit__earth {
    position:absolute;
    top:50%;
    left:50%;
    width:min(76%,620px);
    aspect-ratio:600/550;
    opacity:.9;
    filter:drop-shadow(0 22px 34px rgba(34,139,174,.13));
    transform:translate(-50%,-50%) translateZ(4px);
}
.hv-orbit__earth::before {
    content:"";
    position:absolute;
    inset:-22% -7%;
    z-index:-1;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(94,211,196,.16),rgba(108,155,230,.07) 42%,transparent 72%);
}
.hv-orbit__earth svg {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    transition:opacity .3s ease;
}
.hv-orbit__earth svg {
    display:block;
    overflow:visible;
}
.hv-orbit__ring {
    position:absolute;
    top:50%;
    left:50%;
    border:1px solid rgba(8,78,114,.16);
    border-radius:50%;
    transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-8deg);
    box-shadow:0 0 36px rgba(17,155,153,.045);
}

.hv-orbit__ring::after {
    content:"";
    position:absolute;
    top:49%;
    left:-4px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--orbit-purple);
    box-shadow:0 0 0 5px rgba(142,81,255,.09),0 0 16px rgba(142,81,255,.38);
}

.hv-orbit__ring--outer { width:80%; height:80%; border-style:dashed; }
.hv-orbit__ring--inner { width:53%; height:53%; transform:translate(-50%,-50%) rotateX(70deg) rotateZ(18deg); }
.hv-orbit__ring--inner::after { top:auto; right:8%; bottom:-2px; left:auto; background:var(--orbit-peach); box-shadow:0 0 0 5px rgba(255,154,108,.1),0 0 16px rgba(255,154,108,.32); }

.hv-orbit__nodes { z-index:3; }
.hv-orbit__node {
    position:absolute;
    top:calc(50% + var(--orbit-y));
    left:calc(50% + var(--orbit-x));
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    border:1px solid rgba(8,48,76,.11);
    border-radius:17px;
    color:var(--orbit-ink);
    background:rgba(255,255,255,.9);
    box-shadow:0 9px 24px rgba(8,48,76,.09);
    transform:translate(-50%,-50%) translateZ(18px);
    transition:opacity .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.72,.2,1),background-color .22s ease;
}

.hv-orbit__node-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:12px; background:var(--color-sky-wash); }
.hv-orbit__node[data-support-category="pazarlama"] .hv-orbit__node-icon,
.hv-orbit__node[data-support-category="insan"] .hv-orbit__node-icon { background:var(--color-mint-wash); }
.hv-orbit__node[data-support-category="operasyon"] .hv-orbit__node-icon { background:var(--color-peach-wash); }

.hv-orbit__node-label {
    position:absolute;
    z-index:4;
    top:calc(100% + 9px);
    left:50%;
    width:max-content;
    max-width:180px;
    padding:7px 9px;
    border:1px solid rgba(8,48,76,.07);
    border-radius:10px;
    color:var(--orbit-ink);
    background:rgba(255,255,255,.96);
    box-shadow:0 8px 20px rgba(8,48,76,.09);
    opacity:0;
    transform:translate(-50%,-4px);
    pointer-events:none;
    font-size:.61rem;
    font-weight:750;
    line-height:1.3;
    text-align:center;
    transition:opacity .18s ease,transform .18s ease;
}

.hv-orbit__node:hover,
.hv-orbit__node:focus-visible,
.hv-orbit__node.is-active { z-index:5; color:var(--orbit-ink); border-color:rgba(17,155,153,.38); background:#fff; box-shadow:0 13px 32px rgba(8,48,76,.15),0 0 0 7px rgba(17,155,153,.07); transform:translate(-50%,-50%) translateZ(28px) scale(1.08); }
.hv-orbit__node:hover .hv-orbit__node-label,
.hv-orbit__node:focus-visible .hv-orbit__node-label,
.hv-orbit__node.is-active .hv-orbit__node-label { opacity:1; transform:translate(-50%,0); }
.hv-orbit__node.is-muted:not(:hover):not(:focus-visible) { opacity:.72; }
.hv-orbit.is-orbit-script-ready:not(.is-orbit-entered) .hv-orbit__node { opacity:0; }
.hv-orbit.is-orbit-entered .hv-orbit__node { animation:hv-orbit-node-enter .42s cubic-bezier(.2,.72,.2,1) backwards; animation-delay:calc(var(--orbit-order) * 28ms); }

@keyframes hv-orbit-node-enter {
    from { opacity:0; }
}

.hv-orbit__detail {
    position:relative;
    z-index:4;
    display:flex;
    flex-direction:column;
    align-self:stretch;
    min-width:0;
    padding:30px 28px 26px;
    border:1px solid rgba(8,48,76,.08);
    border-radius:24px;
    background:rgba(255,255,255,.9);
    box-shadow:0 15px 40px rgba(8,48,76,.07);
    backdrop-filter:blur(16px);
}

.hv-orbit__detail-head { display:flex; align-items:center; gap:11px; }
.hv-orbit__detail-icon { display:grid; place-items:center; width:46px; height:46px; flex:0 0 46px; border-radius:14px; color:var(--orbit-ink); background:var(--color-mint-wash); }
.hv-orbit__detail-category { color:var(--orbit-teal); font-size:.65rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.hv-orbit__detail h3 { margin:25px 0 12px; color:var(--orbit-ink); font-family:var(--font-display); font-size:clamp(1.35rem,2vw,1.85rem); line-height:1.08; letter-spacing:-.035em; }
.hv-orbit__detail > p { margin:0 0 23px; color:#5c7286; font-size:.76rem; line-height:1.65; }
.hv-orbit__facts { display:grid; gap:0; margin:0 0 24px; }
.hv-orbit__facts > div { display:grid; grid-template-columns:88px 1fr; gap:13px; padding:14px 0; border-top:1px solid rgba(8,48,76,.07); }
.hv-orbit__facts dt { color:#7a8ea0; font-size:.62rem; font-weight:750; }
.hv-orbit__facts dd { margin:0; color:var(--orbit-ink); font-size:.69rem; font-weight:650; line-height:1.45; }
.hv-orbit__facts > div:first-child dd { font-family:var(--font-display); font-size:1.25rem; line-height:1; }
.hv-orbit__detail-link { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; margin-top:auto; padding:12px 15px; border:1px solid var(--orbit-ink); border-radius:999px; color:var(--orbit-ink); font-size:.7rem; font-weight:800; transition:background-color .2s ease,transform .2s ease; }
.hv-orbit__detail-link:hover { color:var(--orbit-ink); background:var(--color-sky-wash); transform:translateY(-2px); }
.hv-orbit__detail > small { margin-top:15px; color:#8294a5; font-size:.58rem; line-height:1.45; }

.hv-orbit__category:focus-visible,
.hv-orbit__node:focus-visible,
.hv-orbit__detail-link:focus-visible { outline:3px solid rgba(17,155,153,.24); outline-offset:3px; }

@media (max-width:1020px) {
    .hv-orbit__layout { grid-template-columns:1fr; min-height:0; }
    .hv-orbit__stage { display:grid; grid-template-columns:minmax(190px,.7fr) minmax(0,1.6fr); min-height:430px; padding:18px; }
    .hv-orbit__visual { position:relative; inset:auto; min-height:390px; transform:none; }
    .hv-orbit__earth { width:82%; }
    .hv-orbit__ring--outer { width:96%; height:62%; }
    .hv-orbit__ring--inner { width:72%; height:46%; }
    .hv-orbit__nodes { position:relative; inset:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; align-content:center; padding:4px 0 4px 14px; transform:none; }
    .hv-orbit__node,
    .hv-orbit__node:hover,
    .hv-orbit__node:focus-visible,
    .hv-orbit__node.is-active { position:relative; top:auto; left:auto; display:flex; justify-content:flex-start; gap:10px; width:auto; min-width:0; height:58px; padding:7px 10px; border-radius:15px; transform:none; }
    .hv-orbit__node.is-active { box-shadow:0 8px 22px rgba(8,48,76,.11),0 0 0 4px rgba(17,155,153,.06); }
    .hv-orbit__node-label,
    .hv-orbit__node:hover .hv-orbit__node-label,
    .hv-orbit__node:focus-visible .hv-orbit__node-label,
    .hv-orbit__node.is-active .hv-orbit__node-label { position:static; width:auto; max-width:none; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; opacity:1; transform:none; font-size:.63rem; text-align:left; }
    .hv-orbit__detail { min-height:410px; }
}

@media (max-width:760px) {
    .hv-orbit { margin-inline:calc(var(--container-pad) * -.45); padding:14px; border-radius:24px; }
    .hv-orbit__categories { flex-wrap:wrap; overflow:visible; }
    .hv-orbit__category { flex:1 1 150px; min-width:0; }
    .hv-orbit__stage { display:block; min-height:0; padding:0; background:rgba(255,255,255,.46); }
    .hv-orbit__visual { min-height:250px; }
    .hv-orbit__earth { width:76%; }
    .hv-orbit__ring--outer { width:78%; height:72%; }
    .hv-orbit__ring--inner { width:54%; height:48%; }
    .hv-orbit__nodes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0 14px 15px; overflow:visible; }
    .hv-orbit__node.is-muted { display:none; }
    .hv-orbit__node,
    .hv-orbit__node:hover,
    .hv-orbit__node:focus-visible,
    .hv-orbit__node.is-active { width:100%; min-height:82px; height:auto; padding:11px; }
    .hv-orbit__node-icon { flex:0 0 36px; }
    .hv-orbit__node-label,
    .hv-orbit__node:hover .hv-orbit__node-label,
    .hv-orbit__node:focus-visible .hv-orbit__node-label,
    .hv-orbit__node.is-active .hv-orbit__node-label { display:block; overflow:visible; line-height:1.35; }
    .hv-orbit__detail { min-height:0; padding:24px 20px; }
    .hv-orbit__facts > div { grid-template-columns:82px 1fr; }
    .hv-roadmap__panel { margin-top:14px; padding:24px 18px 20px; }
    .hv-roadmap__track-wrap { top:45px; bottom:45px; left:38px; right:auto; width:4px; height:auto; }
    .hv-roadmap__track,.hv-roadmap__progress { width:4px; height:100%; }
    .hv-roadmap__progress { width:4px; height:var(--roadmap-progress,0%); transition:height 680ms cubic-bezier(.22,.8,.25,1); }
    .hv-roadmap__grid { grid-template-columns:1fr; gap:24px; }
    .hv-roadmap__step { display:grid; grid-template-columns:58px 1fr; column-gap:14px; text-align:left; align-items:start; }
    .hv-roadmap__step-dot { grid-row:1 / span 2; margin:0; }
    .hv-roadmap__step-copy h3 { margin-top:4px; }
    .hv-roadmap__step-copy p { max-width:none; margin:0; }
}

@media (max-width:460px) {
    .hv-orbit-heading > a { margin-top:3px; }
    .hv-orbit__category { min-height:36px; padding-inline:11px; font-size:.64rem; }
    .hv-orbit__visual { min-height:222px; }
    .hv-orbit__earth { width:74%; }
    .hv-orbit__nodes { grid-template-columns:1fr; }
    .hv-roadmap__panel { padding-inline:14px; }
    .hv-roadmap__step { grid-template-columns:50px 1fr; column-gap:12px; }
    .hv-roadmap__step-dot { width:50px; height:50px; font-size:1.1rem; }
}

@media (prefers-reduced-motion:reduce) {
    .hv-orbit__visual,
    .hv-orbit__nodes,
    .hv-orbit__category,
    .hv-orbit__node,
    .hv-orbit__detail-link { transition:none; transform:none; }
    .hv-orbit.is-orbit-entered .hv-orbit__node { animation:none; }
    .hv-orbit.is-orbit-script-ready:not(.is-orbit-entered) .hv-orbit__node { opacity:1; }
}

/* ---------------------------------------------------------------------
   56. SABİT HIZLI ERİŞİM — WhatsApp, telefon ve Instagram
   --------------------------------------------------------------------- */
.floating-actions {
    position:fixed;
    z-index:calc(var(--z-offcanvas) - 10);
    right:clamp(16px,2vw,28px);
    bottom:clamp(18px,2.4vw,30px);
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:12px;
}

.floating-action {
    --action-accent:#189d9c;
    position:relative;
    display:grid;
    place-items:center;
    width:64px;
    height:64px;
    padding:0;
    overflow:visible;
    border:1px solid rgba(255,255,255,.78);
    border-radius:21px;
    color:var(--color-portrait-ink);
    background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(247,251,253,.82));
    box-shadow:0 11px 28px rgba(7,39,67,.13),inset 0 1px 1px rgba(255,255,255,.98);
    backdrop-filter:blur(11px) saturate(1.1);
    -webkit-backdrop-filter:blur(11px) saturate(1.1);
    cursor:pointer;
    transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease);
    animation:floating-action-enter .62s cubic-bezier(.2,.8,.2,1) backwards;
}

.floating-action:nth-child(1) { animation-delay:80ms; }
.floating-action:nth-child(2) { animation-delay:210ms; }
.floating-action:nth-child(3) { animation-delay:340ms; }

.floating-action::before,
.floating-action::after {
    content:"";
    position:absolute;
    z-index:0;
    border-radius:inherit;
    pointer-events:none;
}

.floating-action::before {
    inset:6px;
    border:1px solid color-mix(in srgb,var(--action-accent) 30%,transparent);
    opacity:.3;
}

.floating-action::after {
    inset:-6px;
    border:1px solid color-mix(in srgb,var(--action-accent) 22%,transparent);
    opacity:.1;
    transform:scale(.84);
    animation:floating-action-halo 4.8s ease-out infinite;
}

.floating-action:nth-child(2)::after { animation-delay:-1.6s; }
.floating-action:nth-child(3)::after { animation-delay:-3.2s; }

.floating-action:hover,
.floating-action:focus-visible {
    color:var(--color-portrait-ink);
    border-color:rgba(255,255,255,.96);
    box-shadow:0 19px 38px rgba(7,39,67,.2),0 0 0 5px color-mix(in srgb,var(--action-accent) 10%,transparent),inset 0 1px 1px #fff;
    transform:translateY(-4px);
}

.floating-action:focus-visible { outline:3px solid rgba(43,127,255,.28); outline-offset:3px; }
.floating-action__core {
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.68);
    border-radius:50%;
    color:#fff;
    box-shadow:0 8px 18px color-mix(in srgb,var(--action-accent) 25%,transparent),inset 0 2px 3px rgba(255,255,255,.55),inset 0 -5px 9px rgba(3,38,59,.13);
    transition:transform .22s var(--ease),box-shadow .22s var(--ease);
}

.floating-action:hover .floating-action__core,
.floating-action:focus-visible .floating-action__core {
    transform:scale(1.06);
    box-shadow:0 10px 23px color-mix(in srgb,var(--action-accent) 42%,transparent),0 0 0 5px color-mix(in srgb,var(--action-accent) 10%,transparent),inset 0 2px 3px rgba(255,255,255,.6);
}

.floating-action--instagram { --action-accent:#d72a9b; }
.floating-action--instagram .floating-action__core {
    background:#d6249f;
}
.floating-action__brand-image {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.065) rotate(-1deg);
    filter:saturate(1.02) brightness(1);
    transition:transform .22s var(--ease),filter .22s ease;
    animation:floating-instagram-colors 8s ease-in-out infinite;
}
.floating-action--instagram:hover .floating-action__brand-image,
.floating-action--instagram:focus-visible .floating-action__brand-image {
    animation-play-state:paused;
    transform:scale(1.11) rotate(0);
    filter:saturate(1.12) brightness(1.05);
}

.floating-action--phone { --action-accent:#078ca4; }
.floating-action--phone .floating-action__core { background:linear-gradient(145deg,#05617f,#08aeb0); }
.floating-action--phone .floating-action__core svg { animation:floating-phone-ring 7s ease-in-out infinite; }
.floating-action--phone:hover .floating-action__core svg,
.floating-action--phone:focus-visible .floating-action__core svg { animation:floating-phone-ring-hover .48s ease-in-out 1; }

.floating-action--whatsapp { --action-accent:#24d87b; }
.floating-action--whatsapp .floating-action__core {
    background:radial-gradient(circle at 30% 22%,#54f697,#18d873 54%,#08ad64 100%);
    animation:floating-whatsapp-breathe 3.4s ease-in-out infinite;
}
.floating-action--whatsapp::after { animation:floating-whatsapp-halo 3.4s ease-out infinite; }

.floating-action__label {
    position:absolute;
    top:50%;
    right:calc(100% + 11px);
    padding:7px 10px;
    border:1px solid rgba(8,48,76,.09);
    border-radius:9px;
    color:#fff;
    background:#082f50;
    box-shadow:0 8px 20px rgba(6,31,54,.16);
    font:700 .68rem/1 var(--font-ui);
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    transform:translate(5px,-50%);
    transition:opacity .18s ease,transform .18s ease;
}

.floating-action:hover .floating-action__label,
.floating-action:focus-visible .floating-action__label { opacity:1; transform:translate(0,-50%); }
.floating-action__lottie {
    position:absolute;
    z-index:1;
    inset:-3px;
    display:block;
    opacity:0;
    filter:blur(2.2px) saturate(1.12);
    transform:scale(1.18);
    transition:opacity .24s ease,filter .24s ease;
}
.floating-action__lottie svg { display:block; width:100% !important; height:100% !important; }
.floating-action__fallback {
    position:relative;
    z-index:2;
    display:grid;
    place-items:center;
    color:#fff;
    opacity:1;
    filter:drop-shadow(0 2px 2px rgba(0,94,56,.2));
}
.floating-action.is-lottie-ready .floating-action__lottie { opacity:.48; }
.floating-action.is-lottie-ready .floating-action__fallback { opacity:1; }
.floating-action--whatsapp:hover .floating-action__lottie,
.floating-action--whatsapp:focus-visible .floating-action__lottie {
    opacity:.66;
    filter:blur(1.7px) saturate(1.2) brightness(1.04);
}
.hap-page .floating-actions { bottom:clamp(82px,7vw,96px); }

@keyframes floating-action-enter {
    from { opacity:0; transform:translateY(22px) scale(.82); }
    to { opacity:1; transform:translateY(0) scale(1); }
}

@keyframes floating-action-halo {
    0%,100% { opacity:.08; transform:scale(.84); }
    48% { opacity:.26; }
    76% { opacity:0; transform:scale(1.13); }
}

@keyframes floating-instagram-colors {
    0%,100% { transform:scale(1.065) rotate(-1deg); filter:saturate(1.02) brightness(1); }
    50% { transform:scale(1.095) rotate(1deg); filter:saturate(1.13) brightness(1.045); }
}

@keyframes floating-phone-ring {
    0%,86%,100% { transform:rotate(0); }
    88% { transform:rotate(-4deg); }
    90% { transform:rotate(4deg); }
    92% { transform:rotate(-4deg); }
    94% { transform:rotate(4deg); }
    96% { transform:rotate(0); }
}

@keyframes floating-phone-ring-hover {
    0%,100% { transform:rotate(0); }
    20% { transform:rotate(-9deg); }
    40% { transform:rotate(9deg); }
    60% { transform:rotate(-6deg); }
    80% { transform:rotate(5deg); }
}

@keyframes floating-whatsapp-breathe {
    0%,100% { transform:scale(1); }
    50% { transform:scale(1.04); }
}

@keyframes floating-whatsapp-halo {
    0%,100% { opacity:.08; transform:scale(.86); }
    52% { opacity:.28; }
    82% { opacity:0; transform:scale(1.18); }
}

@keyframes floating-action-tap {
    0% { transform:scale(1); }
    38% { transform:scale(.94); }
    72% { transform:scale(1.03); }
    100% { transform:scale(1); }
}

@media (max-width:560px) {
    .floating-actions { right:12px; bottom:max(20px,calc(env(safe-area-inset-bottom) + 6px)); gap:8px; }
    .floating-action { width:58px; height:58px; border-radius:19px; }
    .floating-action__core { width:44px; height:44px; }
    .floating-action__label { display:none; }
    .hap-page .floating-actions { bottom:76px; }
}

@media (hover:none) {
    .floating-action:active .floating-action__core { animation:floating-action-tap .36s ease-out; }
    .floating-action--phone:active .floating-action__core svg { animation:floating-phone-ring-hover .4s ease-in-out 1; }
}

@media print {
    .floating-actions { display:none !important; }
}

@media (prefers-reduced-motion:reduce) {
    .floating-action,
    .floating-action__label { transition:none; }
    .floating-action::before,
    .floating-action::after,
    .floating-action__core,
    .floating-action__core svg,
    .floating-action__brand-image { animation:none !important; }
}