/* ============================================
   EuroRomantics - Dark-Mode High Society system
   ============================================ */

:root {
    --c-bg: #022C22;
    --c-bg-deep: #011912;
    --c-obsidian: #050505;
    --c-forest: #064E3B;
    --c-gold: #EAB308;
    --c-gold-soft: #F3D98A;
    --c-gold-deep: #8A6206;
    --c-text: #F8FAFC;
    --c-muted: #CBDDD4;
    --c-ivory: #F6F1E4;
    --c-ivory-soft: #FBF8F0;
    --c-ink: #0C231C;
    --c-ink-soft: #3B4B44;

    --line-gold: rgba(234, 179, 8, 0.42);
    --line-gold-strong: rgba(234, 179, 8, 0.75);
    --glow-gold: 0 0 40px rgba(234, 179, 8, 0.18);

    --font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
    --font-body: "Montserrat", "Helvetica Neue", Arial, sans-serif;

    --radius: 16px;
    --radius-sm: 10px;
    --arch: 220px 220px 14px 14px;

    --space-section: clamp(3.5rem, 7vw, 6.5rem);
    --container: 1200px;
}

/* ============================================
   OVERFLOW PREVENTION - Safety Net
   ============================================ */

*,
*::before,
*::after {
    box-sizing: border-box;
}

img, video, iframe, embed, object, svg {
    max-width: 100%;
    height: auto;
}

[class*="grid"] > *,
[class*="flex"] > * {
    min-width: 0;
}

pre, code, .code-block, [class*="code"] {
    max-width: 100%;
    overflow-x: auto;
}

pre code,
.code-block code {
    display: block;
    min-width: 0;
}

.table-wrapper,
[class*="table-"] {
    max-width: 100%;
    overflow-x: auto;
}

p, li, td, th {
    overflow-wrap: break-word;
}

details {
    height: fit-content;
}

:where(p, li, blockquote, figcaption, dd, .prose, .seo-text, article)
  a:not([class]) {
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

input, textarea, select {
    max-width: 100%;
}

section {
    overflow: clip;
}

/* ============================================
   BASE
   ============================================ */

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    background: var(--c-bg);
    color: var(--c-text);
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.7;
}

h1, h2, h3, h4 {
    font-family: var(--font-display);
    font-weight: 600;
    line-height: 1.15;
    margin: 0 0 0.6em;
    letter-spacing: 0.005em;
}

h1 { font-size: clamp(2.1rem, 5.2vw, 3.9rem); }
h2 { font-size: clamp(1.75rem, 3.6vw, 2.85rem); }
h3 { font-size: clamp(1.2rem, 2vw, 1.5rem); }
h4 { font-size: clamp(1.05rem, 1.6vw, 1.2rem); }

p { margin: 0 0 1.1rem; }
p:last-child { margin-bottom: 0; }

a { color: var(--c-gold-soft); }

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

strong { font-weight: 600; }

.container {
    width: min(100% - 2rem, var(--container));
    margin-inline: auto;
}

.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;
    left: -9999px;
    top: 0;
    z-index: 200;
    background: var(--c-gold);
    color: #241a00;
    padding: 0.75rem 1.25rem;
    font-weight: 600;
    border-radius: 0 0 var(--radius-sm) 0;
}
.skip-link:focus { left: 0; }

:focus-visible {
    outline: 2px solid var(--c-gold);
    outline-offset: 3px;
}

.eyebrow {
    font-family: var(--font-body);
    font-size: 0.78rem;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--c-gold);
    font-weight: 500;
    margin-bottom: 0.9rem;
}

.inline-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--c-gold-soft);
    text-decoration: underline;
    text-underline-offset: 0.18em;
    font-weight: 500;
}

/* ============================================
   BUTTONS
   ============================================ */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 48px;
    padding: 0.75rem 1.6rem;
    border-radius: 999px;
    font-family: var(--font-body);
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.btn--gold {
    background: linear-gradient(180deg, #F2CB4C, var(--c-gold));
    color: #241A00;
    box-shadow: 0 10px 30px rgba(234, 179, 8, 0.22);
}
.btn--gold:hover { transform: translateY(-2px); box-shadow: 0 14px 38px rgba(234, 179, 8, 0.34); }

.btn--ghost {
    background: rgba(248, 250, 252, 0.04);
    border-color: var(--line-gold);
    color: var(--c-gold-soft);
}
.btn--ghost:hover { border-color: var(--line-gold-strong); background: rgba(234, 179, 8, 0.1); }

.btn--dark {
    background: var(--c-forest);
    border-color: var(--line-gold);
    color: var(--c-text);
}
.btn--dark:hover { background: #08624a; }

.btn--block { width: 100%; }

/* ============================================
   HEADER + NAVIGATION
   ============================================ */

.site-header {
    position: sticky;
    top: 0;
    z-index: 60;
    background: rgba(2, 44, 34, 0.94);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(234, 179, 8, 0.28);
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 68px;
}

.site-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
    color: var(--c-text);
}
.site-brand__mark { flex: none; }
.site-brand__text {
    font-family: var(--font-display);
    font-size: clamp(1.25rem, 3.4vw, 1.55rem);
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--c-gold-soft);
}

.nav-toggle {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 46px;
    height: 46px;
    padding: 0 10px;
    background: transparent;
    border: 1px solid var(--line-gold);
    border-radius: 10px;
    cursor: pointer;
}
.nav-toggle__bar {
    display: block;
    height: 1.5px;
    background: var(--c-gold-soft);
    transition: transform 0.25s ease, opacity 0.2s ease;
}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

.header-actions { display: none; }

.site-nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: calc(100dvh - 100%);
    overflow-y: auto;
    background: var(--c-bg);
    border-top: 1px solid rgba(234, 179, 8, 0.25);
    padding: 1rem 1rem 5rem;
}
.site-nav.is-open { display: block; }

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    min-height: 50px;
    padding: 0.6rem 0.25rem;
    font-family: var(--font-body);
    font-size: 0.98rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: var(--c-text);
    text-decoration: none;
    background: none;
    border: 0;
    border-bottom: 1px solid rgba(248, 250, 252, 0.08);
    cursor: pointer;
    text-align: left;
}
.nav-link:hover { color: var(--c-gold-soft); }

.nav-chevron { transition: transform 0.25s ease; flex: none; }
.nav-drop__trigger[aria-expanded="true"] .nav-chevron { transform: rotate(180deg); }
.nav-drop__trigger[aria-expanded="true"] { color: var(--c-gold-soft); }

.nav-drop__panel { display: none; padding: 0.6rem 0 1rem; }
.nav-drop__panel.is-open { display: block; }

.nav-drop__grid { display: grid; gap: 1.2rem; }
.nav-drop__title {
    font-family: var(--font-display);
    font-size: 1rem;
    color: var(--c-gold);
    margin: 0 0 0.4rem;
    letter-spacing: 0.06em;
}
.nav-drop__col ul { list-style: none; margin: 0; padding: 0; }
.nav-drop__col a {
    display: block;
    padding: 0.6rem 0.4rem;
    min-height: 44px;
    font-size: 0.9rem;
    color: var(--c-muted);
    text-decoration: none;
    border-radius: 8px;
}
.nav-drop__col a:hover { color: var(--c-text); background: rgba(234, 179, 8, 0.1); }

.nav-cta { margin-top: 1.4rem; }

body.nav-open { overflow: hidden; }

@media (min-width: 1024px) {
    .site-nav {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        position: static;
        height: auto;
        overflow: visible;
        background: none;
        border: 0;
        padding: 0;
    }
    .nav-list { flex-direction: row; align-items: center; gap: 0.15rem; }
    .nav-item--drop { position: relative; }
    .nav-link {
        min-height: 44px;
        padding: 0.5rem 0.75rem;
        border-bottom: 0;
        font-size: 0.86rem;
        white-space: nowrap;
    }
    .nav-cta { display: none; }
    .nav-toggle { display: none; }
    .header-actions { display: flex; align-items: center; }
    .header-actions .header-cta { padding: 0.6rem 1.5rem; min-height: 44px; }

    .nav-drop__panel {
        position: absolute;
        top: calc(100% + 14px);
        left: -1rem;
        width: min(760px, 88vw);
        padding: 1.4rem 1.6rem;
        background: linear-gradient(180deg, rgba(6, 78, 59, 0.98), rgba(2, 44, 34, 0.99));
        border: 1px solid var(--line-gold);
        border-radius: var(--radius);
        box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55);
        z-index: 70;
    }
    .nav-drop__panel--wide { width: min(980px, 92vw); }
    .nav-drop__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.4rem; }
    .nav-drop__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nav-drop__col a { padding: 0.4rem 0.5rem; min-height: 38px; font-size: 0.85rem; }
}

/* ============================================
   SECTIONS + SURFACES
   ============================================ */

.section {
    position: relative;
    padding-block: var(--space-section);
}

.section--ivory {
    background: linear-gradient(180deg, var(--c-ivory-soft), var(--c-ivory));
    color: var(--c-ink);
}
.section--ivory h1,
.section--ivory h2,
.section--ivory h3 { color: var(--c-ink); }
.section--ivory .eyebrow { color: var(--c-gold-deep); }
.section--ivory p { color: var(--c-ink-soft); }
.section--ivory a,
.section--ivory .inline-link { color: var(--c-gold-deep); }

.section--forest { background: linear-gradient(180deg, var(--c-bg), #043829); }
.section--deep { background: linear-gradient(180deg, var(--c-bg-deep), var(--c-bg)); }

.section-glow::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(60% 55% at 78% 30%, rgba(234, 179, 8, 0.16), transparent 70%);
    pointer-events: none;
}

.section-heading { margin-bottom: clamp(2rem, 4vw, 3rem); }
.section-heading--center { text-align: center; margin-inline: auto; max-width: 780px; }
.section-heading--left { text-align: left; max-width: 720px; }
.section-heading__title { margin-bottom: 0.5rem; }
.section-heading__lead { font-size: 1.02rem; color: var(--c-muted); }
.section--ivory .section-heading__lead { color: var(--c-ink-soft); }

.rule-gold {
    height: 1px;
    border: 0;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
    margin: clamp(2rem, 4vw, 3rem) 0;
}

.glass {
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.72), rgba(2, 44, 34, 0.78));
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius);
    padding: clamp(1.3rem, 2.4vw, 1.9rem);
}
.section--ivory .glass {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.75), rgba(246, 241, 228, 0.9));
    border-color: rgba(138, 98, 6, 0.35);
    color: var(--c-ink);
}

.grid { display: grid; gap: clamp(1rem, 2.2vw, 1.75rem); }
.grid--2 { grid-template-columns: minmax(0, 1fr); }
.grid--3 { grid-template-columns: minmax(0, 1fr); }
.grid--4 { grid-template-columns: minmax(0, 1fr); }

@media (min-width: 640px) {
    .grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
    .grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.split {
    display: grid;
    gap: clamp(1.6rem, 4vw, 3rem);
    align-items: center;
}
@media (min-width: 900px) {
    .split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .split--media-first .split__media { order: -1; }
}

/* ============================================
   ARCH MEDIA
   ============================================ */

.arch {
    position: relative;
    overflow: hidden;
    border-radius: var(--arch);
    border: 1px solid var(--line-gold-strong);
    background: var(--c-forest);
    box-shadow: inset 0 0 0 3px rgba(234, 179, 8, 0.12), 0 24px 60px rgba(0, 0, 0, 0.5);
}
.arch img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 25%;
    transition: transform 0.7s ease;
}
.arch:hover img,
.arch:focus-within img { transform: scale(1.06); }

.arch--sm { border-radius: 120px 120px 12px 12px; }
.arch--wide { border-radius: 180px 180px 16px 16px; }

.hero-arch {
    aspect-ratio: 3 / 4;
    max-width: 520px;
    margin-inline: auto;
}

/* ============================================
   HERO
   ============================================ */

.hero {
    position: relative;
    padding-block: clamp(2.5rem, 6vw, 5.5rem);
    background: linear-gradient(180deg, var(--c-bg-deep), var(--c-bg) 60%, #043a2b);
    overflow: clip;
}
.hero__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.55;
}
.hero__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(1, 25, 18, 0.94) 0%, rgba(2, 44, 34, 0.86) 45%, rgba(2, 44, 34, 0.55) 100%);
}
.hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.5rem);
    align-items: center;
}
.hero__copy { max-width: 640px; }
.hero__lead { font-size: clamp(1rem, 1.6vw, 1.13rem); color: var(--c-muted); }
.hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin: 1.6rem 0 1.4rem;
}
@media (min-width: 900px) {
    .hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
}

.trust-row {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.2rem;
    margin: 0;
    padding: 0;
}
.trust-row__item {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--c-gold-soft);
}
.section--ivory .trust-row__item { color: var(--c-gold-deep); }

/* ============================================
   BREADCRUMBS
   ============================================ */

.breadcrumbs {
    background: rgba(5, 5, 5, 0.35);
    border-bottom: 1px solid rgba(234, 179, 8, 0.22);
    padding-block: 0.75rem;
}
.breadcrumbs__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    font-size: 0.82rem;
    letter-spacing: 0.05em;
}
.breadcrumbs__item + .breadcrumbs__item::before {
    content: "/";
    color: var(--c-gold);
    margin-right: 0.5rem;
}
.breadcrumbs a { color: var(--c-muted); text-decoration: none; }
.breadcrumbs a:hover { color: var(--c-gold-soft); text-decoration: underline; }
.breadcrumbs [aria-current="page"] { color: var(--c-gold-soft); }

/* ============================================
   CARDS
   ============================================ */

.feature-card { display: flex; flex-direction: column; gap: 0.6rem; }
.niche {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 62px;
    border: 1px solid var(--line-gold-strong);
    border-radius: 26px 26px 6px 6px;
    color: var(--c-gold);
    background: rgba(234, 179, 8, 0.07);
    margin-bottom: 0.4rem;
}
.feature-card__title { margin-bottom: 0.2rem; }
.feature-card__text { color: var(--c-muted); font-size: 0.95rem; }
.section--ivory .feature-card__text { color: var(--c-ink-soft); }

.member-card {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}
.member-card__media { aspect-ratio: 7 / 9; }
.verified-chip {
    position: absolute;
    left: 50%;
    bottom: 0.7rem;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.75rem;
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    color: #1B1400;
    background: linear-gradient(180deg, #F5D66F, var(--c-gold));
    border-radius: 999px;
    white-space: nowrap;
}
.member-card__body { text-align: center; }
.member-card__name { font-size: 1.15rem; margin-bottom: 0.15rem; }
.member-card__meta { font-size: 0.85rem; color: var(--c-gold-soft); margin-bottom: 0.35rem; }
.member-card__note { font-size: 0.88rem; color: var(--c-muted); }
.section--ivory .member-card__meta { color: var(--c-gold-deep); }
.section--ivory .member-card__note { color: var(--c-ink-soft); }
.member-card__flag { margin-right: 0.4rem; }

.arch-card { display: block; }
.arch-card__media {
    aspect-ratio: 3 / 4;
    display: flex;
    align-items: flex-end;
}
.arch-card__media img { position: absolute; inset: 0; }
.arch-card__panel {
    position: relative;
    width: 100%;
    padding: 1.4rem 1.2rem 1.5rem;
    background: linear-gradient(180deg, rgba(2, 44, 34, 0), rgba(2, 30, 23, 0.9) 35%, rgba(3, 20, 15, 0.96));
    backdrop-filter: blur(4px);
}
.arch-card__title { font-size: 1.28rem; margin-bottom: 0.35rem; color: var(--c-text); }
.arch-card__text { font-size: 0.9rem; color: var(--c-muted); margin-bottom: 0.7rem; }
.arch-card__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 44px;
    color: var(--c-gold-soft);
    font-weight: 600;
    font-size: 0.86rem;
    letter-spacing: 0.06em;
    text-decoration: none;
}
.arch-card__link:hover { text-decoration: underline; }
.arch-card__tag {
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.28rem 0.9rem;
    border-radius: 999px;
    background: rgba(5, 5, 5, 0.55);
    border: 1px solid var(--line-gold);
    color: var(--c-gold-soft);
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.link-card {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.4rem 1.3rem;
    border: 1px solid var(--line-gold);
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.6), rgba(2, 44, 34, 0.75));
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.link-card:hover { transform: translateY(-4px); box-shadow: var(--glow-gold); }
.link-card__title { font-size: 1.15rem; margin-bottom: 0.2rem; }
.link-card__text { font-size: 0.9rem; color: var(--c-muted); }
.section--ivory .link-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(246, 241, 228, 0.95));
    border-color: rgba(138, 98, 6, 0.35);
}
.section--ivory .link-card__text { color: var(--c-ink-soft); }

.story-card { display: flex; flex-direction: column; }
.story-card__media { aspect-ratio: 4 / 5; }
.story-card__panel {
    margin: -2.5rem 1rem 0;
    position: relative;
    z-index: 2;
    padding: 1.4rem 1.3rem;
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.94), rgba(2, 30, 23, 0.97));
    border: 1px solid var(--line-gold);
    border-radius: var(--radius);
    backdrop-filter: blur(12px);
}
.story-card__title { font-size: 1.2rem; margin-bottom: 0.4rem; }
.story-card__text { font-size: 0.93rem; color: var(--c-muted); }
.story-card__meta {
    margin-top: 0.7rem;
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--c-gold);
}

/* ============================================
   STATS
   ============================================ */

.stat-tile {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 1.2rem 1.1rem;
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.7), rgba(2, 44, 34, 0.8));
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
    backdrop-filter: blur(12px);
}
.stat-tile__icon { color: var(--c-gold); }
.stat-tile__figure {
    font-family: var(--font-display);
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 600;
    color: var(--c-text);
    line-height: 1.1;
}
.stat-tile__label {
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--c-muted);
}
.section--ivory .stat-tile {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(138, 98, 6, 0.35);
}
.section--ivory .stat-tile__figure { color: var(--c-ink); }
.section--ivory .stat-tile__label { color: var(--c-ink-soft); }
.section--ivory .stat-tile__icon { color: var(--c-gold-deep); }

.stat-bar + .stat-bar { margin-top: 1.1rem; }
.stat-bar__head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.45rem;
    font-size: 0.86rem;
}
.stat-bar__label { font-weight: 500; color: var(--c-text); }
.stat-bar__note { color: var(--c-gold-soft); font-size: 0.8rem; }
.stat-bar__track {
    display: block;
    height: 10px;
    border-radius: 999px;
    background: rgba(248, 250, 252, 0.12);
    border: 1px solid rgba(234, 179, 8, 0.3);
    overflow: hidden;
}
.stat-bar__fill {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #A97F10, var(--c-gold) 60%, #F7E3A5);
    transition: width 1.2s ease;
}
.section--ivory .stat-bar__label { color: var(--c-ink); }
.section--ivory .stat-bar__note { color: var(--c-gold-deep); }
.section--ivory .stat-bar__track { background: rgba(12, 35, 28, 0.12); }

/* ============================================
   TIMELINE
   ============================================ */

.timeline {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 2rem;
}
.timeline__step {
    position: relative;
    padding-left: 3.6rem;
}
.timeline__node {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--line-gold-strong);
    background: rgba(234, 179, 8, 0.1);
    color: var(--c-gold);
    box-shadow: 0 0 22px rgba(234, 179, 8, 0.22);
}
.timeline--vertical .timeline__step::before,
.timeline--horizontal .timeline__step::before {
    content: "";
    position: absolute;
    left: 23px;
    top: 52px;
    bottom: -2rem;
    width: 2px;
    background: linear-gradient(180deg, var(--line-gold-strong), rgba(234, 179, 8, 0.1));
}
.timeline__step:last-child::before { display: none; }
.timeline__index {
    display: block;
    font-size: 0.74rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--c-gold);
    margin-bottom: 0.2rem;
}
.timeline__title { font-size: 1.2rem; margin-bottom: 0.3rem; }
.timeline__text { font-size: 0.93rem; color: var(--c-muted); }
.section--ivory .timeline__text { color: var(--c-ink-soft); }
.section--ivory .timeline__node { background: rgba(234, 179, 8, 0.12); color: var(--c-gold-deep); border-color: rgba(138, 98, 6, 0.5); }

@media (min-width: 900px) {
    .timeline--horizontal {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1.5rem;
    }
    .timeline--horizontal .timeline__step { padding-left: 0; padding-top: 4.2rem; }
    .timeline--horizontal .timeline__node { left: 0; top: 0; }
    .timeline--horizontal .timeline__step::before {
        left: 60px;
        top: 23px;
        bottom: auto;
        right: -1.5rem;
        width: auto;
        height: 2px;
        background: linear-gradient(90deg, var(--line-gold-strong), rgba(234, 179, 8, 0.15));
    }
}

/* ============================================
   FAQ / DISCLOSURE
   ============================================ */

.faq {
    display: grid;
    gap: 0.85rem;
    align-items: start;
    max-width: 900px;
    margin-inline: auto;
}
.faq__item {
    height: fit-content;
    border: 1px solid var(--line-gold);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.6), rgba(2, 44, 34, 0.72));
    overflow: hidden;
}
.faq__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 56px;
    padding: 0.9rem 1.2rem;
    cursor: pointer;
    font-family: var(--font-display);
    font-size: 1.08rem;
    font-weight: 600;
    color: var(--c-text);
    list-style: none;
}
.faq__summary::-webkit-details-marker { display: none; }
.faq__chevron { flex: none; color: var(--c-gold); transition: transform 0.25s ease; }
.faq__item[open] .faq__chevron { transform: rotate(180deg); }
.faq__item[open] .faq__summary {
    background: linear-gradient(180deg, #F0CB55, var(--c-gold));
    color: #201700;
}
.faq__item[open] .faq__chevron { color: #201700; }
.faq__panel {
    padding: 1.1rem 1.2rem 1.3rem;
    font-size: 0.95rem;
    color: var(--c-muted);
    border-top: 1px solid rgba(234, 179, 8, 0.25);
}
.faq__panel p:last-child { margin-bottom: 0; }
.section--ivory .faq__item {
    background: rgba(255, 255, 255, 0.75);
    border-color: rgba(138, 98, 6, 0.35);
}
.section--ivory .faq__summary { color: var(--c-ink); }
.section--ivory .faq__panel { color: var(--c-ink-soft); }

/* ============================================
   TABLE
   ============================================ */

.table-wrapper {
    border: 1px solid var(--line-gold);
    border-radius: var(--radius);
    background: rgba(2, 44, 34, 0.7);
}
.compare-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 520px;
    font-size: 0.92rem;
}
.compare-table th,
.compare-table td {
    padding: 0.9rem 1rem;
    text-align: left;
    border-bottom: 1px solid rgba(248, 250, 252, 0.1);
}
.compare-table thead th {
    font-family: var(--font-display);
    font-size: 1.1rem;
    color: var(--c-gold-soft);
    background: rgba(5, 5, 5, 0.35);
}
.compare-table tbody th { font-weight: 500; color: var(--c-text); }
.compare-table td { color: var(--c-muted); }
.compare-table tbody tr:last-child th,
.compare-table tbody tr:last-child td { border-bottom: 0; }
.cell-yes { color: var(--c-gold); display: inline-flex; }
.cell-no { color: rgba(248, 250, 252, 0.55); }
.section--ivory .table-wrapper { background: rgba(255, 255, 255, 0.8); border-color: rgba(138, 98, 6, 0.35); }
.section--ivory .compare-table thead th { color: var(--c-gold-deep); background: rgba(12, 35, 28, 0.06); }
.section--ivory .compare-table tbody th { color: var(--c-ink); }
.section--ivory .compare-table td { color: var(--c-ink-soft); }

/* ============================================
   CTA BAND
   ============================================ */

.cta-band {
    position: relative;
    padding-block: var(--space-section);
    background: linear-gradient(180deg, #021d16, var(--c-bg));
}
.cta-band__inner { position: relative; }
.cta-arch {
    max-width: 760px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3.4rem) clamp(1.2rem, 4vw, 3rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 320px;
    border-top-right-radius: 320px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.85), rgba(2, 30, 23, 0.92));
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.cta-band__title { margin-bottom: 0.7rem; }
.cta-band__text { color: var(--c-muted); margin-bottom: 1.4rem; }
.cta-band__note {
    margin-top: 1rem;
    font-size: 0.82rem;
    color: var(--c-gold-soft);
    letter-spacing: 0.05em;
}

/* ============================================
   PROSE (blog + legal)
   ============================================ */

.prose {
    max-width: 74ch;
    font-size: 1.02rem;
}
.prose h2 { margin-top: 2.2rem; }
.prose h3 { margin-top: 1.6rem; }
.prose ul, .prose ol { margin: 0 0 1.2rem; }
.prose li { margin-bottom: 0.5rem; }
.prose blockquote {
    margin: 1.6rem 0;
    padding: 1rem 1.3rem;
    border-left: 2px solid var(--c-gold);
    background: rgba(234, 179, 8, 0.07);
    font-family: var(--font-display);
    font-size: 1.15rem;
}
.article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.2rem;
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--c-gold-soft);
    margin-bottom: 1.2rem;
}

/* ============================================
   FORM UI (contact preview)
   ============================================ */

.form-grid { display: grid; gap: 1.1rem; }
.field { display: flex; flex-direction: column; gap: 0.4rem; }
.field label {
    font-size: 0.8rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--c-gold-soft);
}
.field input,
.field select,
.field textarea {
    width: 100%;
    min-height: 48px;
    padding: 0.7rem 0.9rem;
    color: var(--c-text);
    background: rgba(5, 5, 5, 0.3);
    border: 1px solid rgba(234, 179, 8, 0.35);
    border-radius: var(--radius-sm);
    font-family: var(--font-body);
    font-size: 0.95rem;
}
.field textarea { min-height: 140px; resize: vertical; }
.field input:focus,
.field select:focus,
.field textarea:focus { border-color: var(--c-gold); outline: none; box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.18); }

/* ============================================
   FOOTER
   ============================================ */

.site-footer {
    background: var(--c-obsidian);
    border-top: 1px solid rgba(234, 179, 8, 0.28);
    padding-block: clamp(2.8rem, 6vw, 4.5rem) 2rem;
    color: var(--c-muted);
    font-size: 0.9rem;
}
.footer-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
}
.footer-brand {
    display: block;
    font-family: var(--font-display);
    font-size: 1.5rem;
    color: var(--c-gold-soft);
    margin-bottom: 0.7rem;
}
.footer-col--brand p { margin-bottom: 1.2rem; }
.footer-title {
    font-family: var(--font-display);
    font-size: 1.15rem;
    color: var(--c-text);
    margin: 0 0 0.8rem;
}
.footer-title--wide { margin-bottom: 1.2rem; }
.footer-subtitle {
    font-size: 0.78rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--c-gold);
    margin: 0 0 0.6rem;
}
.footer-list { list-style: none; margin: 0; padding: 0; }
.footer-list li { margin-bottom: 0.15rem; }
.footer-list a {
    display: inline-block;
    padding: 0.4rem 0;
    color: var(--c-muted);
    text-decoration: none;
}
.footer-list a:hover { color: var(--c-gold-soft); text-decoration: underline; }

.footer-directory {
    margin-top: clamp(2rem, 5vw, 3rem);
    padding-top: clamp(1.6rem, 4vw, 2.5rem);
    border-top: 1px solid rgba(234, 179, 8, 0.22);
}
.footer-directory__grid {
    display: grid;
    gap: 1.6rem;
    grid-template-columns: minmax(0, 1fr);
}
.footer-legal {
    margin-top: 2rem;
    padding-top: 1.4rem;
    border-top: 1px solid rgba(248, 250, 252, 0.08);
    font-size: 0.8rem;
    color: rgba(203, 221, 212, 0.85);
}

@media (min-width: 640px) {
    .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer-directory__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .footer-grid { grid-template-columns: 1.4fr 1fr 1.2fr 0.8fr; }
    .footer-directory__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ============================================
   HOMEPAGE
   ============================================ */

.home-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.75rem, 7vw, 5.5rem);
    background: linear-gradient(180deg, #011912, #022C22 55%, #03251c);
}
.home-hero__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7acb8a099a0493220664.webp");
    background-size: cover;
    background-position: 76% center;
    background-repeat: no-repeat;
}
.home-hero__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.96) 0%, rgba(1, 25, 18, 0.91) 40%, rgba(2, 44, 34, 0.5) 100%);
}
.home-hero__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(46% 42% at 70% 40%, rgba(234, 179, 8, 0.22), transparent 72%);
    pointer-events: none;
}
.home-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
}
.home-hero__copy { max-width: 640px; }
.home-hero__frame {
    position: relative;
    justify-self: center;
    width: min(400px, 86%);
    aspect-ratio: 3 / 4;
    border-radius: var(--arch);
    border: 1px solid var(--line-gold-strong);
    backdrop-filter: brightness(1.5) saturate(1.06);
    box-shadow: 0 0 60px rgba(234, 179, 8, 0.16);
}
.home-hero__tracery {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 1024px) {
    .home-hero__inner {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
        align-items: center;
    }
    .home-hero__bg { background-position: 68% center; }
    .home-hero__scrim {
        background: linear-gradient(90deg, rgba(1, 25, 18, 0.97) 0%, rgba(1, 25, 18, 0.9) 38%, rgba(2, 44, 34, 0.35) 74%, rgba(2, 44, 34, 0.12) 100%);
    }
    .home-hero__frame { width: min(460px, 100%); justify-self: end; }
}

/* --- Why choose us --- */
.home-why { position: relative; }
.home-why__watermark {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0.09;
    pointer-events: none;
}
.home-why .container { position: relative; }
.home-why .feature-card { transition: border-color 0.25s ease, box-shadow 0.25s ease; }
.home-why .feature-card:hover {
    border-color: rgba(138, 98, 6, 0.7);
    box-shadow: 0 14px 40px rgba(12, 35, 28, 0.14);
}

/* --- Featured profiles --- */
.home-profiles {
    position: relative;
    background: linear-gradient(180deg, #032a20, #021d16 70%, #022C22);
}
.home-profiles::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(38% 60% at 50% 100%, rgba(234, 179, 8, 0.1), transparent 70%),
        repeating-linear-gradient(90deg, rgba(234, 179, 8, 0.07) 0 1px, transparent 1px 132px);
    pointer-events: none;
}
.home-profiles .container { position: relative; }
.home-profiles__grid { align-items: start; }
.home-profiles__cta { text-align: center; margin: clamp(2rem, 4vw, 3rem) 0 0; }
.member-card__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 44px;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--c-gold-soft);
    text-decoration: none;
}
.member-card__link:hover { text-decoration: underline; }

/* --- Regions --- */
.home-regions__grid { align-items: start; }
.region-gate {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 0.5rem;
}
.region-gate__media { aspect-ratio: 3 / 4; }
.region-gate--active .region-gate__media {
    box-shadow: inset 0 0 0 3px rgba(234, 179, 8, 0.2), 0 0 55px rgba(234, 179, 8, 0.3);
}
.region-gate__body h3 { margin-bottom: 0.4rem; }
.region-gate__body p { font-size: 0.93rem; color: var(--c-muted); }
.region-gate__links {
    list-style: none;
    margin: 0.8rem 0 0;
    padding: 0;
    border-top: 1px solid rgba(234, 179, 8, 0.28);
}
.region-gate__links li { border-bottom: 1px solid rgba(248, 250, 252, 0.07); }
.region-gate__links a {
    display: block;
    min-height: 44px;
    padding: 0.6rem 0.2rem;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
    text-decoration: none;
}
.region-gate__links a:hover { color: var(--c-text); text-decoration: underline; }
.home-regions__cta { text-align: center; margin: clamp(2rem, 4vw, 3rem) 0 0; }

/* --- Quiz --- */
.home-quiz {
    position: relative;
    overflow: clip;
    background: #021c15;
}
.home-quiz__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7acb8ccd2f3528730971.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.6;
}
.home-quiz__scrim {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(42% 52% at 50% 58%, rgba(234, 179, 8, 0.2), rgba(2, 28, 21, 0.88) 72%),
        linear-gradient(180deg, rgba(2, 28, 21, 0.75), rgba(2, 28, 21, 0.85));
}
.home-quiz .container { position: relative; }
.quiz { max-width: 760px; margin-inline: auto; }
.quiz__portal {
    position: relative;
    padding: clamp(1.5rem, 5vw, 3rem) clamp(0.5rem, 3vw, 2rem);
}
.quiz__arcs {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: min(340px, 78%);
    height: 100%;
    pointer-events: none;
}
.quiz-progress {
    position: relative;
    text-align: center;
    font-size: 0.78rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--c-gold);
    margin-bottom: 1rem;
}
.quiz-card {
    position: relative;
    text-align: center;
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.78), rgba(2, 30, 23, 0.86));
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: 18px;
    padding: clamp(1.2rem, 3vw, 1.8rem);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.45);
}
.quiz-card__question {
    font-size: clamp(1.15rem, 2.4vw, 1.5rem);
    margin-bottom: 0.9rem;
}
.quiz-card p { color: var(--c-muted); font-size: 0.95rem; margin-bottom: 1.1rem; }
.quiz-choices { display: grid; gap: 0.8rem; }
.quiz-choice { text-align: center; line-height: 1.35; }
@media (min-width: 640px) {
    .quiz-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.quiz-restart { position: relative; display: block; margin: 1rem auto 0; }

/* --- Success stories --- */
.home-stories {
    position: relative;
    background: linear-gradient(180deg, #022C22, #03392b 45%, #021d16);
}
.home-stories::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(55% 45% at 50% 30%, rgba(234, 179, 8, 0.12), transparent 70%);
    pointer-events: none;
}
.home-stories .container { position: relative; }
.home-stories__grid { align-items: start; }
.rose-arch {
    position: relative;
    padding-top: 78px;
    text-align: center;
}
.rose-arch__garland {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(420px, 100%);
    height: auto;
    pointer-events: none;
}
.rose-arch__medallion {
    position: relative;
    width: 132px;
    height: 132px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--c-gold);
    box-shadow: 0 0 32px rgba(234, 179, 8, 0.35);
}
.rose-arch__medallion img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 35%;
}
.rose-arch__panel {
    position: relative;
    margin-top: -22px;
    padding: 2.4rem 1.4rem 1.6rem;
    text-align: left;
    background: linear-gradient(180deg, rgba(246, 241, 228, 0.95), rgba(251, 248, 240, 0.92));
    border: 1px solid var(--line-gold);
    border-radius: var(--radius);
    backdrop-filter: blur(12px);
    color: var(--c-ink-soft);
}
.rose-arch__panel h3 { color: var(--c-ink); font-size: 1.25rem; }
.rose-arch__panel p { font-size: 0.94rem; }
.rose-arch__panel a { color: var(--c-gold-deep); }
.rose-arch__meta {
    margin-top: 0.8rem;
    font-size: 0.76rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--c-gold-deep);
}

/* --- How it works --- */
.home-steps { position: relative; }
.home-steps__bg {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(180deg, rgba(251, 248, 240, 0.9), rgba(246, 241, 228, 0.94)),
        url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7acb8d85d94669893275.webp");
    background-size: cover, cover;
    background-position: center, center 30%;
    background-repeat: no-repeat, no-repeat;
    pointer-events: none;
}
.home-steps__inner { position: relative; }
.timeline-wrap { position: relative; }
.timeline-rail { display: none; }
.home-steps .timeline__node { z-index: 2; background: rgba(246, 241, 228, 0.95); }
.home-steps__note {
    margin-top: clamp(1.6rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-ink-soft);
}
@media (min-width: 900px) {
    .timeline-rail {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 12px;
        height: 26px;
        width: 100%;
        z-index: 1;
    }
    .home-steps .timeline--horizontal .timeline__step::before { display: none; }
}

/* --- Verification & safety --- */
.home-safety { position: relative; }
.safety-emblem {
    position: relative;
    width: clamp(120px, 16vw, 170px);
    margin: 0 auto clamp(1.2rem, 3vw, 2rem);
    filter: drop-shadow(0 14px 30px rgba(12, 35, 28, 0.28));
}
.safety-emblem svg { width: 100%; height: auto; display: block; }
.safety-parapet {
    display: block;
    width: 100%;
    height: 40px;
    margin-bottom: clamp(1.4rem, 3vw, 2.2rem);
}
.home-safety__grid { align-items: start; }

/* --- Plans --- */
.plan-doors {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;
}
.plan-door { display: none; }
.plan-doors__table { position: relative; }
.plan-pill {
    width: max-content;
    margin: 0 auto -0.9rem;
    position: relative;
    z-index: 2;
    padding: 0.4rem 1.4rem;
    font-size: 0.74rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--c-gold-deep);
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--line-gold-strong);
    border-radius: 999px;
    backdrop-filter: blur(12px);
    box-shadow: 0 0 26px rgba(234, 179, 8, 0.3);
}
.plan-doors__table .table-wrapper { padding-top: 1.4rem; }
.home-plans__note {
    margin-top: 1.4rem;
    text-align: center;
    font-size: 0.9rem;
    color: var(--c-ink-soft);
}
.home-plans__cta { text-align: center; margin-top: 1.4rem; }

@media (min-width: 1024px) {
    .plan-doors { grid-template-columns: 170px minmax(0, 1fr) 170px; gap: 2rem; }
    .plan-door {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.8rem;
    }
    .plan-door__caption {
        font-family: var(--font-display);
        font-size: 1.45rem;
        color: var(--c-ink);
    }
    .plan-door--premium .plan-door__caption { color: var(--c-gold-deep); }
    .plan-door__timber {
        width: 100%;
        height: 320px;
        border-radius: 8px 8px 4px 4px;
        background:
            linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)),
            repeating-linear-gradient(90deg, #6B4526 0 14px, #7A5030 14px 28px);
        border: 3px solid #4E301A;
        box-shadow: inset 0 0 0 12px rgba(78, 48, 26, 0.5), inset 14px 0 22px rgba(0, 0, 0, 0.28);
        position: relative;
    }
    .plan-door__timber::before,
    .plan-door__timber::after {
        content: "";
        position: absolute;
        left: 26px;
        right: 26px;
        border: 2px solid rgba(45, 27, 14, 0.65);
        border-radius: 4px;
    }
    .plan-door__timber::before { top: 30px; height: 110px; }
    .plan-door__timber::after { bottom: 30px; height: 110px; }
    .plan-door__gate {
        width: 100%;
        height: 320px;
        filter: drop-shadow(0 0 26px rgba(234, 179, 8, 0.4));
    }
}

/* --- FAQ note --- */
.home-faq__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-ink-soft);
}

/* --- Final CTA --- */
.home-final {
    position: relative;
    overflow: clip;
    background: linear-gradient(180deg, #021d16, var(--c-obsidian));
}
.home-final::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(58% 62% at 22% 50%, rgba(234, 179, 8, 0.2), transparent 70%);
    pointer-events: none;
}
.home-final__inner {
    position: relative;
    display: grid;
    gap: clamp(1.8rem, 4vw, 3rem);
    align-items: center;
}
.home-final__arch {
    width: min(420px, 100%);
    justify-self: center;
    aspect-ratio: 6 / 7;
    border-radius: var(--arch);
    border: 1px solid var(--line-gold-strong);
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7acb8dbb66a953661997.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 3px rgba(234, 179, 8, 0.14), 0 26px 70px rgba(0, 0, 0, 0.55);
}
.home-final__copy p { color: var(--c-muted); }
.home-final__note {
    margin-top: 1rem;
    font-size: 0.84rem;
    letter-spacing: 0.05em;
    color: var(--c-gold-soft);
}
@media (min-width: 900px) {
    .home-final__inner { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); }
    .home-final__arch { justify-self: start; }
}

/* ============================================
   FAQ PAGE
   ============================================ */

.faq-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.4rem, 6vw, 4.5rem);
    background: linear-gradient(180deg, #011912, #022C22 60%, #03251c);
}
.faq-hero__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7acdc351507765422438.webp");
    background-size: cover;
    background-position: 82% center;
    background-repeat: no-repeat;
}
.faq-hero__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(1, 25, 18, 0.96) 0%, rgba(2, 44, 34, 0.85) 42%, rgba(2, 44, 34, 0.32) 100%);
}
.faq-hero__arch {
    position: absolute;
    right: -4%;
    top: 50%;
    transform: translateY(-50%);
    width: min(520px, 60%);
    height: auto;
    opacity: 0.12;
    pointer-events: none;
}
.faq-hero__glow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40%;
    background: radial-gradient(60% 100% at 28% 100%, rgba(234, 179, 8, 0.22), transparent 75%);
    pointer-events: none;
}
.faq-hero__inner { position: relative; max-width: 720px; }
.faq-hero__lead { color: var(--c-muted); font-size: 1.02rem; margin-top: 0.8rem; }
.faq-hero__jump {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1.6rem;
    padding: 0;
    list-style: none;
}
.faq-hero__jump a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0.5rem 1.1rem;
    border: 1px solid var(--line-gold);
    border-radius: 999px;
    color: var(--c-gold-soft);
    font-size: 0.84rem;
    letter-spacing: 0.05em;
    text-decoration: none;
    background: rgba(234, 179, 8, 0.06);
    backdrop-filter: blur(12px);
    transition: border-color 0.25s ease, background 0.25s ease;
}
.faq-hero__jump a:hover { border-color: var(--line-gold-strong); background: rgba(234, 179, 8, 0.14); }

.faq-groups {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
}
.faq-group { scroll-margin-top: 90px; }
.faq-group__pill {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 1rem;
    border: 1px solid var(--line-gold-strong);
    border-radius: 999px;
    background: rgba(234, 179, 8, 0.08);
    backdrop-filter: blur(12px);
    font-size: 0.74rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--c-gold-deep);
    margin-bottom: 0.8rem;
}
.faq-group__title { margin-bottom: 1rem; }
.faq-group .faq { max-width: none; }
.faq-group .faq__item {
    background: linear-gradient(180deg, rgba(197, 148, 33, 0.16), rgba(138, 98, 6, 0.14));
    border-color: rgba(138, 98, 6, 0.4);
    position: relative;
}
.faq-group .faq__item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--c-gold), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.faq-group .faq__item[open]::before { opacity: 1; }
.faq-group .faq__summary { color: var(--c-ink); }
.faq-group .faq__panel { color: var(--c-ink-soft); }

@media (prefers-reduced-motion: reduce) {
    .faq-group .faq__item::before { transition: none; }
}

/* ============================================
   ABOUT PAGE
   ============================================ */

.about-hero { position: relative; overflow: clip; }
.about-hero__inner {
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.about-hero__copy { max-width: 620px; }
.about-hero__media {
    position: relative;
    justify-self: center;
    width: min(420px, 88%);
}
.about-hero__arch {
    position: relative;
    aspect-ratio: 3 / 4;
    border-radius: var(--arch);
    border: 1px solid var(--line-gold-strong);
    overflow: hidden;
    box-shadow: inset 0 0 0 3px rgba(234, 179, 8, 0.12), 0 24px 60px rgba(0, 0, 0, 0.5);
}
.about-hero__arch::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7acc5bbd115834444566.webp");
    background-size: cover;
    background-position: center 32%;
    background-repeat: no-repeat;
}
.about-hero__arch::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(200deg, rgba(2, 44, 34, 0.15), rgba(5, 5, 5, 0.55));
}
.about-hero__tracery {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
@media (min-width: 900px) {
    .about-hero__inner { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); }
}

.about-mission { position: relative; }
.about-mission__watermark {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0.08;
    pointer-events: none;
}
.about-mission__panel { position: relative; max-width: 820px; }

.about-values__grid { position: relative; }
.about-values__grid::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 52px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
    display: none;
}
@media (min-width: 900px) {
    .about-values__grid::before { display: block; }
}

.about-team__split { align-items: start; }
.about-team__media { aspect-ratio: 4 / 5; }
.about-team__roles {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}
.about-team__role {
    position: relative;
    padding-left: 1.3rem;
    border-left: 2px solid var(--line-gold-strong);
}
.about-team__role h3 { margin-bottom: 0.35rem; }
.about-team__role p { font-size: 0.95rem; color: var(--c-ink-soft); margin: 0; }
.about-team__note { margin-top: 0.4rem; font-size: 0.92rem; }

.about-trust .safety-emblem { margin-bottom: clamp(1.2rem, 3vw, 1.8rem); }

/* ============================================
   CONTACT PAGE
   ============================================ */

.contact-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.4rem, 5vw, 4rem);
    background: linear-gradient(180deg, #011912, #022C22);
}
.contact-hero__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7accf526249086177582.webp");
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    opacity: 0.4;
}
.contact-hero__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(1, 25, 18, 0.95) 0%, rgba(2, 44, 34, 0.88) 45%, rgba(2, 44, 34, 0.55) 100%);
}
.contact-hero__window {
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
    width: min(240px, 30%);
    opacity: 0.16;
    pointer-events: none;
}
.contact-hero__glow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
    box-shadow: 0 0 24px rgba(234, 179, 8, 0.5);
}
.contact-hero__inner {
    position: relative;
    max-width: 760px;
}

.support-hours { position: relative; }
.hours-arc {
    display: block;
    width: 100%;
    max-width: 900px;
    height: auto;
    margin: 0 auto clamp(1.6rem, 3vw, 2.4rem);
}
.support-hours__text {
    max-width: 760px;
    margin-inline: auto;
    text-align: center;
    color: var(--c-muted);
}

.contact-safety { position: relative; }
.contact-safety .safety-emblem { margin-bottom: clamp(1.2rem, 3vw, 1.8rem); }
.contact-safety__panel {
    max-width: 780px;
    margin-inline: auto;
    text-align: center;
}
.contact-safety__panel h2 { margin-bottom: 0.8rem; }

.contact-form-section { position: relative; }
.contact-form__panel {
    max-width: 640px;
    margin: 0 auto;
}
.contact-form__panel [aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 0.9;
}
.contact-form__note {
    margin-top: 1.1rem;
    text-align: center;
    font-size: 0.84rem;
    color: var(--c-gold-soft);
}

/* ============================================
   REVEAL MOTION
   ============================================ */

.js [data-reveal] {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.js [data-reveal].is-visible {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .js [data-reveal],
    .js [data-reveal].is-visible {
        opacity: 1;
        transform: none;
        transition: none;
    }
    .arch img,
    .btn,
    .link-card,
    .stat-bar__fill,
    .faq__chevron,
    .nav-chevron { transition: none; }
    .arch:hover img { transform: none; }
}

/* ============================================
   TERMS & CONDITIONS PAGE
   ============================================ */

.terms-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.6rem, 6vw, 4.5rem);
    background: radial-gradient(60% 70% at 50% 30%, rgba(234, 179, 8, 0.16), transparent 68%), linear-gradient(180deg, #011912, #022C22 65%, #03251c);
    text-align: center;
}
.terms-hero__guilloche {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0.14;
    pointer-events: none;
}
.terms-hero__inner { position: relative; max-width: 720px; margin-inline: auto; }
.terms-hero__glyph-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    margin-bottom: 1.2rem;
    border-radius: 40px 40px 8px 8px;
    border: 1px solid var(--line-gold-strong);
    background: rgba(6, 78, 59, 0.5);
    backdrop-filter: blur(12px);
}
.terms-hero__glyph-wrap svg { width: 42px; height: 42px; }
.terms-hero__lead { color: var(--c-muted); font-size: 1.02rem; margin-top: 0.9rem; }
.terms-hero__updated {
    margin-top: 1.1rem;
    font-size: 0.82rem;
    letter-spacing: 0.05em;
    color: var(--c-gold-soft);
}

/* --- Eligibility --- */
.terms-eligibility__panel {
    max-width: 820px;
    padding: clamp(1.3rem, 3vw, 1.9rem) clamp(1.4rem, 3vw, 2rem);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.75), rgba(246, 241, 228, 0.9));
    border: 1px solid rgba(138, 98, 6, 0.3);
    border-left: 3px solid var(--c-gold);
    border-radius: var(--radius-sm);
    backdrop-filter: blur(12px);
}
.terms-eligibility__panel p { color: var(--c-ink-soft); margin: 0; }

/* --- Conduct cards --- */
.conduct-card {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: clamp(1.2rem, 2.4vw, 1.6rem);
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.65), rgba(2, 44, 34, 0.78));
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.conduct-card:hover { border-color: var(--line-gold-strong); box-shadow: var(--glow-gold); }
.conduct-card__glyph {
    display: inline-flex;
    width: 40px;
    height: 40px;
}
.conduct-card__glyph svg { width: 100%; height: 100%; }
.conduct-card h3 { font-size: 1.1rem; margin-bottom: 0.15rem; }
.conduct-card p { font-size: 0.9rem; color: var(--c-muted); margin: 0; }
.conduct-card a { color: var(--c-gold-soft); }

/* --- Membership terms --- */
.terms-membership__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.6rem;
    align-items: start;
}
.terms-membership__col {
    padding: clamp(1.2rem, 2.6vw, 1.7rem);
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(138, 98, 6, 0.28);
    border-radius: var(--radius-sm);
}
.terms-membership__col--gold {
    background: linear-gradient(180deg, rgba(234, 179, 8, 0.1), rgba(255, 255, 255, 0.75));
    border-color: var(--line-gold-strong);
}
.terms-membership__col h3 { font-size: 1.1rem; margin-bottom: 0.5rem; color: var(--c-ink); }
.terms-membership__col p { color: var(--c-ink-soft); font-size: 0.94rem; margin: 0; }
.terms-membership__divider { display: none; }
@media (min-width: 900px) {
    .terms-membership__grid { grid-template-columns: 1fr 40px 1fr; }
    .terms-membership__divider {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    .terms-membership__divider svg { width: 100%; height: 100%; }
}

/* --- Content & IP --- */
.terms-ip__para {
    max-width: 760px;
    margin-inline: auto;
    text-align: center;
    color: var(--c-muted);
}
.terms-ip__divider {
    display: block;
    width: min(400px, 90%);
    height: 20px;
    margin: 1.4rem auto;
}

/* --- Liability & termination --- */
.terms-liability {
    position: relative;
    overflow: clip;
    padding-block: var(--space-section);
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad12fbdea8368738910.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.terms-liability::before,
.terms-liability::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
}
.terms-liability::before { top: 0; }
.terms-liability::after { bottom: 0; }
.terms-liability__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.94), rgba(5, 5, 5, 0.9));
}
.terms-liability__inner { position: relative; }
.terms-liability .section-heading__title,
.terms-liability .eyebrow { color: var(--c-text); }
.terms-liability .section-heading__title { color: var(--c-text); }
.terms-liability .eyebrow { color: var(--c-gold); }
.terms-liability__rows {
    display: grid;
    gap: 1.4rem;
    grid-template-columns: minmax(0, 1fr);
    max-width: 960px;
    margin-inline: auto;
}
.terms-liability__row {
    padding: 1.3rem 1.5rem;
    background: rgba(6, 78, 59, 0.5);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
    backdrop-filter: blur(12px);
}
.terms-liability__row h3 { font-size: 1.08rem; margin-bottom: 0.4rem; color: var(--c-gold-soft); }
.terms-liability__row p { color: var(--c-muted); font-size: 0.94rem; margin: 0; }
.terms-liability__row a { color: var(--c-gold-soft); }
@media (min-width: 900px) {
    .terms-liability__rows { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* --- Governing law --- */
.terms-law__panel {
    position: relative;
    max-width: 820px;
    margin-inline: auto;
    padding: clamp(1.4rem, 3vw, 2rem);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(246, 241, 228, 0.92));
    border: 1px solid rgba(138, 98, 6, 0.4);
    border-radius: var(--radius);
    backdrop-filter: blur(12px);
    box-shadow: 0 0 0 6px rgba(234, 179, 8, 0.08);
}
.terms-law__panel p { color: var(--c-ink-soft); text-align: center; margin: 0; }
.terms-law__panel a { color: var(--c-gold-deep); }

/* --- Related policies --- */
.policy-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    text-align: center;
    padding: clamp(1.4rem, 3vw, 1.9rem) 1.3rem;
    text-decoration: none;
    color: var(--c-text);
    border: 1px solid var(--line-gold);
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.6), rgba(2, 44, 34, 0.78));
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.policy-tile:hover { transform: translateY(-4px); box-shadow: var(--glow-gold); border-color: var(--line-gold-strong); }
.policy-tile__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid var(--line-gold-strong);
    color: var(--c-gold);
    background: rgba(234, 179, 8, 0.08);
}
.policy-tile h3 { font-size: 1.1rem; margin-bottom: 0.15rem; }
.policy-tile p { font-size: 0.88rem; color: var(--c-muted); margin: 0; }

/* ============================================
   COOKIE POLICY PAGE
   ============================================ */

.cookie-panel {
    max-width: 820px;
    margin-inline: auto;
    border-left: 3px solid var(--c-gold);
    border-radius: var(--radius-sm);
}
.cookie-panel p { color: var(--c-muted); }

.cookie-types-grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.4rem;
}
.cookie-types-arc {
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    height: 60px;
    pointer-events: none;
    display: none;
}
@media (min-width: 900px) {
    .cookie-types-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .cookie-types-arc { display: block; }
}

.cookie-manage__intro {
    max-width: 780px;
    color: var(--c-muted);
    margin-bottom: clamp(1.6rem, 3vw, 2.2rem);
}
.cookie-manage__note {
    margin-top: 1.4rem;
    max-width: 780px;
    font-size: 0.9rem;
    color: var(--c-gold-soft);
}

.cookie-steps {
    position: relative;
    max-width: 640px;
}
.cookie-steps__rail {
    position: absolute;
    left: 3px;
    top: 0;
    width: 20px;
    height: 100%;
    pointer-events: none;
}
.cookie-steps__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2.2rem;
}
.cookie-steps__item {
    padding-left: 2.8rem;
}
.cookie-steps__item h3 { font-size: 1.1rem; margin-bottom: 0.35rem; }
.cookie-steps__item p { font-size: 0.94rem; color: var(--c-muted); margin: 0; }

.cookie-toggle-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
}
.cookie-toggle {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0.4rem 1.1rem;
    border: 1px solid var(--line-gold-strong);
    border-radius: 999px;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    color: var(--c-gold-soft);
    background: rgba(234, 179, 8, 0.06);
}
.cookie-toggle--on {
    background: linear-gradient(180deg, #F2CB4C, var(--c-gold));
    color: #241A00;
    font-weight: 600;
}

.cookie-thirdparty {
    position: relative;
    overflow: clip;
    padding-block: var(--space-section);
}
.cookie-thirdparty::before,
.cookie-thirdparty::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
    z-index: 2;
}
.cookie-thirdparty::before { top: 0; }
.cookie-thirdparty::after { bottom: 0; }
.cookie-thirdparty {
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad1c521a67243674088.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.cookie-thirdparty__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(1, 25, 18, 0.94) 0%, rgba(2, 44, 34, 0.86) 45%, rgba(2, 44, 34, 0.55) 100%);
}
.cookie-thirdparty__inner {
    position: relative;
    max-width: 760px;
}
.cookie-thirdparty__inner p { color: var(--c-muted); }
.cookie-thirdparty__inner .inline-link { color: var(--c-gold-soft); }
.cookie-thirdparty__sr-img {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.cookie-related__note {
    margin-top: 1.6rem;
    text-align: center;
    color: var(--c-ink-soft);
}

/* ============================================
   HOW IT WORKS PAGE
   ============================================ */

.hiw-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.5rem) clamp(3.2rem, 7vw, 5rem);
    background: linear-gradient(180deg, #011912, #022C22 55%, #03251c);
}
.hiw-hero__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(45% 45% at 78% 32%, rgba(234, 179, 8, 0.2), transparent 70%);
    pointer-events: none;
}
.hiw-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.hiw-hero__copy { max-width: 620px; }
.hiw-hero__media {
    position: relative;
    justify-self: center;
    width: min(380px, 86%);
    aspect-ratio: 3 / 4;
    border-radius: var(--arch);
    border: 1px solid var(--line-gold-strong);
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7acedb51de1210075195.webp");
    background-size: cover;
    background-position: center 22%;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 3px rgba(234, 179, 8, 0.14), 0 26px 65px rgba(0, 0, 0, 0.55);
}
.hiw-hero__strip {
    position: relative;
    margin-top: clamp(1.6rem, 4vw, 2.4rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.4rem 2.6rem;
    padding: 1rem 1.4rem;
}
.hiw-hero__strip-item {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.82rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--c-gold-soft);
}
.hiw-hero__strip-item svg { color: var(--c-gold); flex: none; }

@media (min-width: 1024px) {
    .hiw-hero__inner { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); }
    .hiw-hero__media { width: min(420px, 100%); justify-self: end; }
}

/* --- Process timeline --- */
.hiw-timeline__wrap { position: relative; }
.hiw-timeline__rail { display: none; }
.hiw-timeline__list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 2.6rem 1.5rem;
    grid-template-columns: minmax(0, 1fr);
}
.hiw-timeline__step {
    position: relative;
    text-align: center;
    padding-top: 1.4rem;
}
.hiw-timeline__node {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid var(--line-gold-strong);
    background: var(--c-bg);
    color: var(--c-gold);
    box-shadow: 0 0 20px rgba(234, 179, 8, 0.25);
}
.hiw-timeline__media {
    aspect-ratio: 7 / 9;
    max-width: 260px;
    margin: 0 auto 1.1rem;
}
.hiw-timeline__step h3 { font-size: 1.1rem; margin-bottom: 0.4rem; }
.hiw-timeline__step p { font-size: 0.9rem; color: var(--c-muted); }

@media (min-width: 900px) {
    .hiw-timeline__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.4rem; }
    .hiw-timeline__rail {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 22px;
        height: 4px;
        width: 100%;
    }
}

/* --- Benefits grid --- */
.hiw-benefits { position: relative; }
.hiw-benefits__watermark {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0.06;
    pointer-events: none;
}
.hiw-benefits .container { position: relative; }

/* --- Verification process --- */
.hiw-verify__crest {
    position: relative;
    width: clamp(110px, 14vw, 150px);
    margin: 0 auto clamp(0.8rem, 2vw, 1.2rem);
}
.hiw-verify__crest svg { width: 100%; height: auto; display: block; }
.hiw-verify__intro {
    max-width: 740px;
    margin: 0 auto clamp(1.8rem, 4vw, 2.6rem);
    text-align: center;
    color: var(--c-ink-soft);
}
.hiw-verify__stages { position: relative; }
.hiw-verify__arc {
    display: block;
    width: min(680px, 90%);
    margin: 0 auto;
    height: 40px;
}
.hiw-verify__stage { text-align: center; }
.hiw-verify__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--line-gold-strong);
    background: rgba(234, 179, 8, 0.1);
    color: var(--c-gold-deep);
    font-family: var(--font-display);
    font-weight: 600;
    margin-bottom: 0.7rem;
}
.hiw-verify__stage h3 { font-size: 1.1rem; margin-bottom: 0.4rem; }
.hiw-verify__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-ink-soft);
}

/* --- Membership comparison --- */
.hiw-plans__grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}
.hiw-plans__col {
    padding: clamp(1.5rem, 3vw, 2rem) clamp(1.3rem, 3vw, 1.8rem);
    border-radius: var(--radius);
}
.hiw-plans__col--free {
    background: rgba(6, 78, 59, 0.55);
    border: 2px solid rgba(107, 69, 38, 0.55);
}
.hiw-plans__col--premium {
    position: relative;
    background: linear-gradient(180deg, rgba(234, 179, 8, 0.14), rgba(6, 78, 59, 0.72));
    border: 2px solid var(--c-gold);
    box-shadow: 0 0 45px rgba(234, 179, 8, 0.26);
}
.hiw-plans__col--premium::before {
    content: "";
    position: absolute;
    inset: -5px;
    border: 1px solid rgba(234, 179, 8, 0.32);
    border-radius: calc(var(--radius) + 5px);
    pointer-events: none;
}
.hiw-plans__header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.3rem;
    text-align: center;
}
.hiw-plans__header svg { width: 46px; height: auto; }
.hiw-plans__header h3 { margin: 0; }
.hiw-plans__col--premium .hiw-plans__header h3 { color: var(--c-gold-soft); }
.hiw-plans__list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.hiw-plans__list li {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    font-size: 0.92rem;
    color: var(--c-text);
}
.hiw-plans__list li.is-muted { color: rgba(248, 250, 252, 0.62); padding-left: 26px; }
.hiw-plans__list li .icon { color: var(--c-gold); flex: none; margin-top: 0.15rem; }
.hiw-plans__note {
    max-width: 760px;
    margin: 1.8rem auto 0;
    text-align: center;
    color: var(--c-muted);
    font-size: 0.92rem;
}
.hiw-plans__cta { text-align: center; margin-top: 1.3rem; }

@media (min-width: 768px) {
    .hiw-plans__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Final CTA --- */
.hiw-final {
    position: relative;
    overflow: clip;
    min-height: 440px;
    display: flex;
    align-items: center;
    padding-block: clamp(3rem, 7vw, 5rem);
}
.hiw-final__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7acedc84df8111092133.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.hiw-final__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(2, 44, 34, 0) 0%, rgba(2, 28, 21, 0.6) 45%, rgba(5, 5, 5, 0.94) 100%);
}
.hiw-final__frame {
    position: absolute;
    inset: 14px;
    border: 1px solid var(--line-gold-strong);
    border-radius: 20px;
    pointer-events: none;
}
.hiw-final__inner { position: relative; }
.hiw-final__content {
    position: relative;
    margin-left: auto;
    max-width: 520px;
    text-align: left;
}
.hiw-final__content p { color: var(--c-muted); margin-bottom: 1.5rem; }
.hiw-final__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9rem;
}
.hiw-final__actions .btn--gold { box-shadow: 0 18px 45px rgba(234, 179, 8, 0.35); }
.hiw-final__secondary {
    font-size: 0.86rem;
    color: var(--c-gold-soft);
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

/* ============================================
   COUNTRY LANDING - BRITISH DATING
   ============================================ */

.brit-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.brit-hero__map {
    position: absolute;
    left: -6%;
    top: 4%;
    width: min(620px, 74%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.11;
    pointer-events: none;
}
.brit-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.brit-hero__copy { max-width: 640px; }
.brit-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .brit-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .brit-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.brit-stats__grid {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.2rem);
    align-items: start;
}
.brit-stats__grid > .glass h3 { margin-bottom: 1.1rem; }
.brit-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.brit-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 900px) {
    .brit-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.brit-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.insight-list {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    max-width: 920px;
}
.insight-row {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 1.1rem;
    align-items: start;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid rgba(234, 179, 8, 0.28);
}
.insight-row:last-child { border-bottom: 0; padding-bottom: 0; }
.insight-row__thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    overflow: hidden;
    border: 1px solid var(--line-gold-strong);
    border-radius: 42px 42px 8px 8px;
    background: rgba(234, 179, 8, 0.08);
    color: var(--c-gold);
}
.insight-row__thumb img { width: 100%; height: 100%; object-fit: cover; }
.insight-row h3 { font-size: 1.15rem; margin-bottom: 0.3rem; }
.insight-row p { font-size: 0.95rem; color: var(--c-muted); margin: 0; }
.brit-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}
@media (min-width: 768px) {
    .insight-row { grid-template-columns: 110px minmax(0, 1fr); gap: 1.6rem; }
    .insight-row__thumb { width: 110px; height: 110px; border-radius: 55px 55px 8px 8px; }
}

/* --- Featured members --- */
.brit-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.brit-members__grid { align-items: start; }
.brit-member { display: flex; flex-direction: column; }
.brit-member__media { aspect-ratio: 7 / 9; }
.brit-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.brit-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.brit-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.brit-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.brit-member__flag { flex: none; border-radius: 3px; }
.brit-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.brit-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Stories --- */
.brit-stories__grid { align-items: start; }
.brit-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Regions --- */
.brit-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .brit-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.brit-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.brit-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.brit-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.brit-region--german .brit-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad314c21ee022008907.webp"); }
.brit-region--irish .brit-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad3151422b980536863.webp"); }
.brit-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.brit-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.brit-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.brit-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.brit-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.brit-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.brit-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad3155c6a6003843463.webp");
    background-size: cover;
    background-position: center 68%;
    background-repeat: no-repeat;
}
.brit-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.72), rgba(2, 44, 34, 0.92));
}
.brit-cta .container { position: relative; }
.brit-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.brit-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.brit-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.brit-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.brit-cta__links a { color: var(--c-gold-soft); }

@media (prefers-reduced-motion: reduce) {
    .brit-region { transition: none; }
    .brit-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - GERMAN DATING
   ============================================ */

.germ-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.germ-hero__map {
    position: absolute;
    left: -8%;
    top: 6%;
    width: min(640px, 78%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.1;
    pointer-events: none;
}
.germ-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.germ-hero__copy { max-width: 640px; }
.germ-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .germ-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .germ-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.germ-stats__grid {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.2rem);
    align-items: start;
}
.germ-stats__grid > .glass h3 { margin-bottom: 1.1rem; }
.germ-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.germ-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 900px) {
    .germ-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.germ-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.germ-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.germ-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.germ-members__grid { align-items: start; }
.germ-member { display: flex; flex-direction: column; }
.germ-member__media { aspect-ratio: 7 / 9; }
.germ-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.germ-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.germ-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.germ-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.germ-member__flag { flex: none; border-radius: 3px; }
.germ-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.germ-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Stories --- */
.germ-stories__grid { align-items: start; }
.germ-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Regions --- */
.germ-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .germ-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.germ-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.germ-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.germ-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.germ-region--austrian .germ-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad482e5b09289393815.webp"); }
.germ-region--swiss .germ-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad4832cedf454817963.webp"); }
.germ-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.germ-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.germ-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.germ-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.germ-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.germ-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.germ-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad4836d86f462478500.webp");
    background-size: cover;
    background-position: center 62%;
    background-repeat: no-repeat;
}
.germ-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.72), rgba(2, 44, 34, 0.92));
}
.germ-cta .container { position: relative; }
.germ-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.germ-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.germ-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.germ-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.germ-cta__links a { color: var(--c-gold-soft); }

@media (prefers-reduced-motion: reduce) {
    .germ-region { transition: none; }
    .germ-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - FRENCH DATING
   ============================================ */

.fren-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.fren-hero__map {
    position: absolute;
    left: -6%;
    top: 4%;
    width: min(600px, 72%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.12;
    pointer-events: none;
}
.fren-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.fren-hero__copy { max-width: 640px; }
.fren-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .fren-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .fren-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.fren-stats__grid {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.2rem);
    align-items: start;
}
.fren-stats__grid > .glass h3 { margin-bottom: 1.1rem; }
.fren-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fren-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 900px) {
    .fren-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.fren-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.fren-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.fren-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.fren-members__grid { align-items: start; }
.fren-member { display: flex; flex-direction: column; }
.fren-member__media { aspect-ratio: 7 / 9; }
.fren-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.fren-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.fren-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.fren-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.fren-member__flag { flex: none; border-radius: 3px; }
.fren-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.fren-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Stories --- */
.fren-stories__grid { align-items: start; }
.fren-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Regions --- */
.fren-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .fren-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.fren-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.fren-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.fren-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.fren-region--belgian .fren-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad593d0b50057702562.webp"); }
.fren-region--monacan .fren-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad59427d45125547017.webp"); }
.fren-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.fren-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.fren-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.fren-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.fren-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.fren-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.fren-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad59477a46065745093.webp");
    background-size: cover;
    background-position: center 62%;
    background-repeat: no-repeat;
}
.fren-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.72), rgba(2, 44, 34, 0.92));
}
.fren-cta .container { position: relative; }
.fren-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.fren-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.fren-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.fren-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.fren-cta__links a { color: var(--c-gold-soft); }

@media (prefers-reduced-motion: reduce) {
    .fren-region { transition: none; }
    .fren-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - DUTCH DATING
   ============================================ */

.dutch-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.dutch-hero__map {
    position: absolute;
    left: -6%;
    bottom: 2%;
    width: min(620px, 74%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.1;
    pointer-events: none;
}
.dutch-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.dutch-hero__copy { max-width: 640px; }
.dutch-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .dutch-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .dutch-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.dutch-stats__grid {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.2rem);
    align-items: start;
}
.dutch-stats__grid > .glass h3 { margin-bottom: 1.1rem; }
.dutch-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dutch-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 900px) {
    .dutch-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.dutch-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.dutch-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.dutch-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.dutch-members__grid { align-items: start; }
.dutch-member { display: flex; flex-direction: column; }
.dutch-member__media { aspect-ratio: 7 / 9; }
.dutch-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.dutch-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.dutch-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.dutch-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.dutch-member__flag { flex: none; border-radius: 3px; }
.dutch-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.dutch-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Stories --- */
.dutch-stories__grid { align-items: start; }
.dutch-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Regions --- */
.dutch-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .dutch-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.dutch-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dutch-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.dutch-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.dutch-region--german .dutch-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad68e3cd02319459851.webp"); }
.dutch-region--belgian .dutch-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad68ebc879523731317.webp"); }
.dutch-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.dutch-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.dutch-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.dutch-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.dutch-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.dutch-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.dutch-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad68f2d93a978924668.webp");
    background-size: cover;
    background-position: center 62%;
    background-repeat: no-repeat;
}
.dutch-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.72), rgba(2, 44, 34, 0.92));
}
.dutch-cta .container { position: relative; }
.dutch-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.dutch-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.dutch-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.dutch-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.dutch-cta__links a { color: var(--c-gold-soft); }

@media (prefers-reduced-motion: reduce) {
    .dutch-region { transition: none; }
    .dutch-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - BELGIAN DATING
   ============================================ */

.belg-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.belg-hero__map {
    position: absolute;
    left: -6%;
    top: 6%;
    width: min(600px, 72%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.11;
    pointer-events: none;
}
.belg-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.belg-hero__copy { max-width: 640px; }
.belg-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .belg-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .belg-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.belg-stats__grid {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.2rem);
    align-items: start;
}
.belg-stats__grid > .glass h3 { margin-bottom: 1.1rem; }
.belg-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.belg-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 900px) {
    .belg-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.belg-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.belg-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.belg-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.belg-members__grid { align-items: start; }
.belg-member { display: flex; flex-direction: column; }
.belg-member__media { aspect-ratio: 7 / 9; }
.belg-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.belg-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.belg-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.belg-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.belg-member__flag { flex: none; border-radius: 3px; }
.belg-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.belg-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Stories --- */
.belg-stories__grid { align-items: start; }
.belg-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Regions --- */
.belg-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .belg-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.belg-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.belg-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.belg-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.belg-region--french .belg-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad78a37eaa187604318.webp"); }
.belg-region--dutch .belg-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad78a7b2a6851406189.webp"); }
.belg-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.belg-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.belg-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.belg-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.belg-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.belg-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.belg-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad78abdac7789166143.webp");
    background-size: cover;
    background-position: center 62%;
    background-repeat: no-repeat;
}
.belg-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.72), rgba(2, 44, 34, 0.92));
}
.belg-cta .container { position: relative; }
.belg-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.belg-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.belg-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.belg-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.belg-cta__links a { color: var(--c-gold-soft); }

@media (prefers-reduced-motion: reduce) {
    .belg-region { transition: none; }
    .belg-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - SWISS DATING
   ============================================ */

.swiss-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.swiss-hero__map {
    position: absolute;
    left: -6%;
    top: 4%;
    width: min(620px, 74%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.11;
    pointer-events: none;
}
.swiss-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.swiss-hero__copy { max-width: 640px; }
.swiss-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .swiss-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .swiss-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics + insights --- */
.swiss-stats__grid {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.2rem);
    align-items: start;
}
.swiss-stats__grid > .glass h2 { margin-bottom: 0.6rem; }
.swiss-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}
.swiss-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
.swiss-insights h2 { margin-bottom: 0.6rem; }
.swiss-insights > p { margin-bottom: 1.2rem; }
@media (min-width: 900px) {
    .swiss-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Featured members --- */
.swiss-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.swiss-members__grid { align-items: start; }
.swiss-member { display: flex; flex-direction: column; }
.swiss-member__media { aspect-ratio: 7 / 9; }
.swiss-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.swiss-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.swiss-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.swiss-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.swiss-member__flag { flex: none; border-radius: 3px; }
.swiss-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.swiss-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Stories --- */
.swiss-stories__grid { align-items: start; }
.swiss-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Regions --- */
.swiss-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .swiss-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.swiss-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.swiss-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.swiss-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.swiss-region--german .swiss-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad87e35547497716140.webp"); }
.swiss-region--austrian .swiss-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad87e71be3946466633.webp"); }
.swiss-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.swiss-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.swiss-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.swiss-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.swiss-faq { background: linear-gradient(180deg, #021d16, #022C22); }

@media (prefers-reduced-motion: reduce) {
    .swiss-region { transition: none; }
    .swiss-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - AUSTRIAN DATING
   ============================================ */

.aust-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.aust-hero__scroll {
    position: absolute;
    width: min(220px, 30%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.22;
    pointer-events: none;
}
.aust-hero__scroll--tl { top: 6%; left: -2%; transform: scaleX(-1); }
.aust-hero__scroll--br { bottom: 4%; right: -2%; }
.aust-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.aust-hero__copy { max-width: 640px; }
.aust-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .aust-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .aust-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics + insights --- */
.aust-stats { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.aust-stats__grid {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.2rem);
    align-items: start;
}
.aust-stats__grid > .glass h2 { margin-bottom: 0.6rem; }
.aust-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 1rem 0;
}
.aust-stats__note {
    margin-top: 1.1rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
.aust-insights h2 { margin-bottom: 0.6rem; }
.aust-insights > p { margin-bottom: 1.2rem; }
.aust-insights__note {
    margin-top: 1.4rem;
    margin-bottom: 0;
    color: var(--c-muted);
}
@media (min-width: 900px) {
    .aust-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Featured members --- */
.aust-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.aust-members__grid { align-items: start; }
.aust-member { display: flex; flex-direction: column; }
.aust-member__media { aspect-ratio: 7 / 9; }
.aust-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.aust-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.aust-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.aust-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.aust-member__flag { flex: none; border-radius: 3px; }
.aust-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.aust-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- How it works --- */
.aust-steps { background: linear-gradient(180deg, #021d16, #022C22); }
.aust-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- Stories --- */
.aust-stories__grid { align-items: start; }
.aust-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Safety --- */
.aust-safety__grid { align-items: start; }
.aust-safety__note {
    max-width: 820px;
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 0;
    text-align: center;
    color: var(--c-ink-soft);
}

/* --- Regions --- */
.aust-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .aust-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.aust-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.aust-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.aust-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.aust-region--german .aust-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad9ac349c7244151086.webp"); }
.aust-region--swiss .aust-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad9ac71363513360584.webp"); }
.aust-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.aust-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.aust-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.aust-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.aust-faq { background: linear-gradient(180deg, #021d16, #022C22); }

@media (prefers-reduced-motion: reduce) {
    .aust-region { transition: none; }
    .aust-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - LUXEMBOURG DATING
   ============================================ */

.lux-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.lux-hero__ramparts {
    position: absolute;
    left: -4%;
    bottom: 2%;
    width: min(620px, 74%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.14;
    pointer-events: none;
}
.lux-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.lux-hero__copy { max-width: 640px; }
.lux-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .lux-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .lux-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics + insights --- */
.lux-stats { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.lux-stats__grid {
    display: grid;
    gap: clamp(1.6rem, 3vw, 2.4rem);
    align-items: start;
}
.lux-stats__grid h2 { margin-bottom: 0.9rem; }
.lux-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 1rem 0;
}
.lux-stats__note {
    margin-top: 1.1rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 900px) {
    .lux-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Featured members --- */
.lux-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.lux-members__grid { align-items: start; }
.lux-member { display: flex; flex-direction: column; }
.lux-member__media { aspect-ratio: 8 / 11; }
.lux-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.lux-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.lux-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.lux-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.lux-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.lux-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Stories --- */
.lux-stories__grid { align-items: start; }

/* --- Safety --- */
.lux-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    color: var(--c-muted);
}

/* --- Regions --- */
.lux-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .lux-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.lux-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.lux-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.lux-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.lux-region--belgian .lux-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7adafa36e33037284270.webp"); }
.lux-region--liechtenstein .lux-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7adafa72850106683089.webp"); }
.lux-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.lux-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.lux-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.lux-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.lux-faq { background: linear-gradient(180deg, #021d16, #022C22); }

@media (prefers-reduced-motion: reduce) {
    .lux-region { transition: none; }
    .lux-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - LIECHTENSTEIN DATING
   ============================================ */

.lst-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.lst-hero__ridge {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8%;
    width: 100%;
    height: auto;
    color: var(--c-gold);
    opacity: 0.16;
    pointer-events: none;
}
.lst-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.lst-hero__copy { max-width: 640px; }
.lst-hero__portrait {
    position: relative;
    width: min(400px, 88%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    border-radius: var(--arch);
    box-shadow:
        inset 0 0 0 2px rgba(234, 179, 8, 0.85),
        inset 0 0 0 7px rgba(234, 179, 8, 0.18),
        0 0 70px rgba(234, 179, 8, 0.3),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .lst-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .lst-hero__portrait { justify-self: end; width: min(430px, 100%); }
}

/* --- Statistics + insights --- */
.lst-stats { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.lst-stats__grid {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.2rem);
    align-items: start;
}
.lst-stats__grid > .glass h3 { margin-bottom: 1.1rem; }
.lst-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lst-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 900px) {
    .lst-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.lst-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.lst-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.lst-members__grid { align-items: start; }
.lst-members__intro {
    max-width: 820px;
    color: var(--c-muted);
    margin-bottom: clamp(1.4rem, 3vw, 2rem);
}
.lst-member { display: flex; flex-direction: column; }
.lst-member__media { aspect-ratio: 7 / 9; }
.lst-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.lst-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.lst-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.lst-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.lst-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.lst-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- How it works --- */
.lst-steps { background: linear-gradient(180deg, #021d16, #022C22); }
.lst-steps__timeline { max-width: 720px; margin-inline: auto; }
.lst-steps__note {
    max-width: 720px;
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 0;
    text-align: center;
    color: var(--c-muted);
}

/* --- Stories --- */
.lst-stories__grid { align-items: start; }
.lst-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Safety --- */
.lst-safety__grid { align-items: start; }
.lst-safety__note {
    max-width: 820px;
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 0;
    text-align: center;
    color: var(--c-ink-soft);
}

/* --- Regions --- */
.lst-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .lst-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.lst-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.lst-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.lst-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.lst-region--swiss .lst-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7adc0c35251352980894.webp"); }
.lst-region--austrian .lst-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7adc0c82c55567878072.webp"); }
.lst-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.lst-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.lst-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.lst-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.lst-faq { background: linear-gradient(180deg, #021d16, #022C22); }

@media (prefers-reduced-motion: reduce) {
    .lst-region { transition: none; }
    .lst-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - MONACAN DATING
   ============================================ */

.mona-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.mona-hero__skyline {
    position: absolute;
    left: -4%;
    bottom: -2%;
    width: min(680px, 82%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.12;
    pointer-events: none;
}
.mona-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.mona-hero__copy { max-width: 640px; }
.mona-hero__portrait {
    position: relative;
    width: min(420px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
}
.mona-hero__portrait-halo {
    position: absolute;
    inset: -30px;
    border-radius: var(--arch);
    background: radial-gradient(60% 60% at 50% 40%, rgba(234, 179, 8, 0.35), transparent 70%);
    filter: blur(22px);
    pointer-events: none;
}
.mona-hero__portrait-frame {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow: hidden;
    border-radius: var(--arch);
    border: 1px solid var(--line-gold-strong);
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.62), rgba(2, 44, 34, 0.74));
    backdrop-filter: blur(12px);
    box-shadow: inset 0 0 0 3px rgba(234, 179, 8, 0.18), 0 26px 65px rgba(0, 0, 0, 0.55);
}
.mona-hero__portrait-frame img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
@media (min-width: 1024px) {
    .mona-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .mona-hero__portrait { justify-self: end; width: min(440px, 100%); }
}

/* --- Statistics --- */
.mona-stats__panel { max-width: 980px; margin-inline: auto; }
.mona-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mona-stats__note {
    margin-top: 1.3rem;
    margin-bottom: 0;
    font-size: 0.94rem;
}
@media (min-width: 768px) {
    .mona-stats__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.mona-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.mona-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.mona-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.mona-members__grid { align-items: start; }
.mona-member { display: flex; flex-direction: column; }
.mona-member__media { aspect-ratio: 7 / 9; }
.mona-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.mona-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.mona-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.mona-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.mona-member__flag { flex: none; border-radius: 3px; }
.mona-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.mona-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- How it works --- */
.mona-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- Stories --- */
.mona-stories__grid { align-items: start; }
.mona-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Safety --- */
.mona-safety__grid { align-items: start; }
.mona-safety__note {
    max-width: 860px;
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 0;
    text-align: center;
    color: var(--c-ink-soft);
}

/* --- Regions --- */
.mona-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .mona-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.mona-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.mona-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.mona-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.mona-region--french .mona-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7add2b9991b311159076.webp"); }
.mona-region--italian .mona-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7add2bef468689683578.webp"); }
.mona-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.mona-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.mona-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.mona-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.mona-faq { background: linear-gradient(180deg, #021d16, #022C22); }

@media (prefers-reduced-motion: reduce) {
    .mona-region { transition: none; }
    .mona-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - NORWEGIAN DATING
   ============================================ */

.norw-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.norw-hero__fjord {
    position: absolute;
    left: -6%;
    bottom: -2%;
    width: min(640px, 78%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.11;
    pointer-events: none;
}
.norw-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.norw-hero__copy { max-width: 640px; }
.norw-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .norw-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .norw-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics band --- */
.norw-stats-band { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.norw-stats-band__bar {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: relative;
}
.norw-stats-band__bar .stat-tile {
    background: transparent;
    border: 0;
    backdrop-filter: none;
    position: relative;
}
.norw-stats-band__bar .stat-tile:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -0.5rem;
    top: 10%;
    bottom: 10%;
    width: 1px;
    background: linear-gradient(180deg, transparent, var(--line-gold-strong), transparent);
    display: none;
}
.norw-stats-band__note {
    margin-top: 1.3rem;
    margin-bottom: 0;
    max-width: 760px;
    color: var(--c-muted);
}
@media (min-width: 768px) {
    .norw-stats-band__bar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .norw-stats-band__bar .stat-tile:not(:last-child)::after { display: block; }
}

/* --- Cultural insights --- */
.norw-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.norw-insights__divider {
    display: block;
    width: 100%;
    max-width: 340px;
    height: 18px;
    margin: 1.4rem 0;
    color: var(--c-gold);
}
.norw-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}
.norw-insights .split__media { aspect-ratio: 11 / 8; }

/* --- Featured members --- */
.norw-members__grid { align-items: start; }
.norw-member { display: flex; flex-direction: column; }
.norw-member__media { aspect-ratio: 7 / 9; }
.norw-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.norw-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.norw-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.norw-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.norw-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.norw-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- PAA answer --- */
.norw-paa { background: linear-gradient(180deg, #021d16, #022C22); }
.norw-paa__card {
    position: relative;
    max-width: 880px;
    margin-inline: auto;
    overflow: visible;
}
.norw-paa__quote {
    position: absolute;
    top: -18px;
    left: -8px;
    width: 64px;
    height: 64px;
    color: var(--c-gold);
    opacity: 0.3;
    pointer-events: none;
}
.norw-paa__answer {
    font-family: var(--font-display);
    font-size: 1.2rem;
    color: var(--c-gold-soft);
    margin-bottom: 1rem;
}

/* --- Success stories --- */
.norw-stories__grid { align-items: start; }
.norw-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Safety --- */
.norw-safety { position: relative; background: linear-gradient(180deg, #022C22, #021d16); }
.norw-safety__grid .feature-card { position: relative; }
.norw-safety__grid .feature-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
}
.norw-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    color: var(--c-muted);
}

/* --- Regional links --- */
.norw-regions__grid {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.6rem);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 900px) {
    .norw-regions__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.norw-region { display: flex; flex-direction: column; transition: transform 0.3s ease; }
.norw-region:hover { transform: translateY(-4px); }
.norw-region__media { aspect-ratio: 7 / 10; }
.norw-region__panel {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem 0.9rem 1.1rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(6, 78, 59, 0) 0%, rgba(4, 45, 34, 0.85) 40%, rgba(2, 30, 23, 0.95) 100%);
}
.norw-region__panel h3 { font-size: 1.02rem; color: var(--c-text); margin-bottom: 0.2rem; }
.norw-region__panel p { font-size: 0.8rem; color: var(--c-muted); margin-bottom: 0.6rem; }
.norw-region__panel a {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-height: 40px;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--c-gold-soft);
    text-decoration: none;
}
.norw-region__panel a:hover { text-decoration: underline; }

/* --- FAQ --- */
.norw-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.norw-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.norw-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ade5bbc168259075400.webp");
    background-size: cover;
    background-position: center 62%;
    background-repeat: no-repeat;
}
.norw-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.7), rgba(2, 44, 34, 0.93));
}
.norw-cta .container { position: relative; }
.norw-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.norw-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.norw-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.norw-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.norw-cta__links a { color: var(--c-gold-soft); }

@media (prefers-reduced-motion: reduce) {
    .norw-region { transition: none; }
    .norw-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - SWEDISH DATING
   ============================================ */

.swed-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.swed-hero__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(48% 55% at 78% 34%, rgba(234, 179, 8, 0.2), transparent 72%);
    pointer-events: none;
}
.swed-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.swed-hero__copy { max-width: 640px; }
.swed-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .swed-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .swed-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics band --- */
.swed-stats-band__bar {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.swed-stats-band__bar .stat-tile {
    background: transparent;
    border: 0;
    backdrop-filter: none;
}
.swed-stats-band__note {
    margin-top: 1.3rem;
    margin-bottom: 0;
    max-width: 780px;
    color: var(--c-muted);
}
@media (min-width: 768px) {
    .swed-stats-band__bar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* --- Why Sweden --- */
.swed-why .feature-card { transition: border-color 0.25s ease, box-shadow 0.25s ease; }
.swed-why .feature-card:hover { border-color: var(--line-gold-strong); box-shadow: var(--glow-gold); }

/* --- Cultural insights --- */
.swed-insights__divider {
    display: block;
    width: 100%;
    max-width: 340px;
    height: 18px;
    margin: 1.4rem 0;
    color: var(--c-gold);
}
.swed-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.swed-members__grid { align-items: start; }
.swed-member { display: flex; flex-direction: column; }
.swed-member__media { aspect-ratio: 7 / 9; }
.swed-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.swed-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.swed-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.swed-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.swed-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.swed-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- How it works --- */
.swed-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- PAA --- */
.swed-paa__card {
    position: relative;
    max-width: 880px;
    margin-inline: auto;
    overflow: visible;
}
.swed-paa__quote {
    position: absolute;
    top: -18px;
    left: -8px;
    width: 64px;
    height: 64px;
    color: var(--c-gold);
    opacity: 0.3;
    pointer-events: none;
}
.swed-paa__answer {
    font-family: var(--font-display);
    font-size: 1.2rem;
    color: var(--c-gold-soft);
    margin-bottom: 1rem;
}

/* --- Stories --- */
.swed-stories__grid { align-items: start; }
.swed-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Safety --- */
.swed-safety { position: relative; overflow: clip; }
.swed-safety__pattern {
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(135deg, rgba(234, 179, 8, 0.05) 0 2px, transparent 2px 34px);
    pointer-events: none;
}
.swed-safety .feature-card { position: relative; }
.swed-safety .feature-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
}
.swed-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    color: var(--c-muted);
}

/* --- Regions --- */
.swed-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Final CTA --- */
.swed-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.swed-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7adf5803213934017248.webp");
    background-size: cover;
    background-position: center 60%;
    background-repeat: no-repeat;
}
.swed-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.72), rgba(2, 44, 34, 0.92));
}
.swed-cta .container { position: relative; }
.swed-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.swed-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.swed-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.swed-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.swed-cta__links a { color: var(--c-gold-soft); }

/* ============================================
   COUNTRY LANDING - DANISH DATING
   ============================================ */

.dan-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.dan-hero__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(46% 50% at 80% 32%, rgba(234, 179, 8, 0.2), transparent 72%);
    pointer-events: none;
}
.dan-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.dan-hero__copy { max-width: 640px; }
.dan-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .dan-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .dan-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.dan-stats-band__bar {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dan-stats-band__bar .stat-tile {
    background: transparent;
    border: 0;
    backdrop-filter: none;
}
.dan-stats-band__note {
    margin-top: 1.3rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 768px) {
    .dan-stats-band__bar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* --- Why choose --- */
.dan-why .feature-card { transition: border-color 0.25s ease, box-shadow 0.25s ease; }
.dan-why .feature-card:hover { border-color: var(--line-gold-strong); box-shadow: var(--glow-gold); }

/* --- Insights --- */
.dan-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.dan-insights .split__media { aspect-ratio: 11 / 8; }
.dan-insights__divider {
    display: block;
    width: 100%;
    max-width: 340px;
    height: 18px;
    margin: 1.4rem 0;
    color: var(--c-gold);
}

/* --- Featured members --- */
.dan-members__grid { align-items: start; }
.dan-member { display: flex; flex-direction: column; }
.dan-member__media { aspect-ratio: 7 / 9; }
.dan-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.dan-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.dan-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.dan-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.dan-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.dan-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- How it works --- */
.dan-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- PAA --- */
.dan-paa__card {
    position: relative;
    max-width: 880px;
    margin-inline: auto;
    overflow: visible;
}
.dan-paa__quote {
    position: absolute;
    top: -18px;
    left: -8px;
    width: 64px;
    height: 64px;
    color: var(--c-gold);
    opacity: 0.3;
    pointer-events: none;
}
.dan-paa__answer {
    font-family: var(--font-display);
    font-size: 1.2rem;
    color: var(--c-gold-soft);
    margin-bottom: 1rem;
}

/* --- Stories --- */
.dan-stories__grid { align-items: start; }

/* --- Safety --- */
.dan-safety { position: relative; overflow: clip; }
.dan-safety__pattern {
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(135deg, rgba(234, 179, 8, 0.05) 0 2px, transparent 2px 34px);
    pointer-events: none;
}
.dan-safety .feature-card { position: relative; }
.dan-safety .feature-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
}
.dan-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    color: var(--c-muted);
}

/* --- Regions --- */
.dan-regions__grid { align-items: start; }
.dan-region { display: flex; flex-direction: column; transition: transform 0.3s ease; }
.dan-region:hover { transform: translateY(-4px); }
.dan-region__media { aspect-ratio: 7 / 10; }
.dan-region__panel {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem 0.9rem 1.1rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(6, 78, 59, 0) 0%, rgba(4, 45, 34, 0.85) 40%, rgba(2, 30, 23, 0.95) 100%);
}
.dan-region__panel h3 { font-size: 1.02rem; color: var(--c-text); margin-bottom: 0.2rem; }
.dan-region__panel p { font-size: 0.8rem; color: var(--c-muted); margin-bottom: 0.6rem; }

/* --- FAQ --- */
.dan-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.dan-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.dan-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ae0530ec32367994002.webp");
    background-size: cover;
    background-position: center 60%;
    background-repeat: no-repeat;
}
.dan-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.7), rgba(2, 44, 34, 0.93));
}
.dan-cta .container { position: relative; }
.dan-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.dan-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.dan-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.dan-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.dan-cta__links a { color: var(--c-gold-soft); }

@media (prefers-reduced-motion: reduce) {
    .dan-region { transition: none; }
    .dan-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - FINNISH DATING
   ============================================ */

.finn-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.finn-hero__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(46% 50% at 78% 32%, rgba(234, 179, 8, 0.2), transparent 72%);
    pointer-events: none;
}
.finn-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.finn-hero__copy { max-width: 640px; }
.finn-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .finn-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .finn-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics band --- */
.finn-stats-band__bar {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.finn-stats-band__bar .stat-tile {
    background: transparent;
    border: 0;
    backdrop-filter: none;
}
.finn-stats-band__note {
    margin-top: 1.3rem;
    margin-bottom: 0;
    max-width: 780px;
    color: var(--c-muted);
}
@media (min-width: 768px) {
    .finn-stats-band__bar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* --- Why Finland --- */
.finn-why .feature-card { transition: border-color 0.25s ease, box-shadow 0.25s ease; }
.finn-why .feature-card:hover { border-color: var(--line-gold-strong); box-shadow: var(--glow-gold); }

/* --- Cultural insights --- */
.finn-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.finn-insights .split__media { aspect-ratio: 11 / 8; }
.finn-insights__divider {
    display: block;
    width: 100%;
    max-width: 340px;
    height: 18px;
    margin: 1.4rem 0;
    color: var(--c-gold);
}
.finn-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.finn-members .member-card__meta { display: flex; align-items: center; gap: 0.4rem; justify-content: center; }

/* --- How it works --- */
.finn-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- PAA --- */
.finn-paa__card {
    position: relative;
    max-width: 880px;
    margin-inline: auto;
    overflow: visible;
}
.finn-paa__quote {
    position: absolute;
    top: -18px;
    left: -8px;
    width: 64px;
    height: 64px;
    color: var(--c-gold);
    opacity: 0.3;
    pointer-events: none;
}
.finn-paa__answer {
    font-family: var(--font-display);
    font-size: 1.2rem;
    color: var(--c-gold-soft);
    margin-bottom: 1rem;
}

/* --- Stories --- */
.finn-stories__grid { align-items: start; }

/* --- Safety --- */
.finn-safety { position: relative; background: linear-gradient(180deg, #022C22, #021d16); }
.finn-safety .feature-card { position: relative; }
.finn-safety .feature-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
}

/* --- FAQ --- */
.finn-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.finn-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.finn-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ae14f54d8d291197145.webp");
    background-size: cover;
    background-position: center 62%;
    background-repeat: no-repeat;
}
.finn-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.72), rgba(2, 44, 34, 0.92));
}
.finn-cta .container { position: relative; }
.finn-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.finn-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.finn-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.finn-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.finn-cta__links a { color: var(--c-gold-soft); }

/* ============================================
   COUNTRY LANDING - ICELANDIC DATING
   ============================================ */

.icel-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.icel-hero__glow {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(50% 55% at 82% 30%, rgba(248, 250, 252, 0.14), transparent 42%),
        radial-gradient(46% 50% at 78% 34%, rgba(234, 179, 8, 0.18), transparent 72%);
    pointer-events: none;
}
.icel-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.icel-hero__copy { max-width: 640px; }
.icel-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.22),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .icel-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .icel-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.icel-stats-band { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.icel-stats-band__bar {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.icel-stats-band__bar .stat-tile {
    background: transparent;
    border: 0;
    backdrop-filter: none;
}
.icel-stats-band__note {
    margin-top: 1.3rem;
    margin-bottom: 0;
    max-width: 780px;
    color: var(--c-muted);
}
@media (min-width: 768px) {
    .icel-stats-band__bar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* --- Why Iceland --- */
.icel-why .feature-card { transition: border-color 0.25s ease, box-shadow 0.25s ease; }
.icel-why .feature-card:hover { border-color: var(--line-gold-strong); box-shadow: var(--glow-gold); }

/* --- Rarity + culture --- */
.icel-rarity { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.icel-rarity__copy { max-width: 640px; }
.icel-rarity__divider {
    display: block;
    width: 100%;
    max-width: 340px;
    height: 20px;
    margin: 1.4rem 0;
    color: var(--c-gold);
}

/* --- Featured members --- */
.icel-members__grid { align-items: start; }
.icel-member { display: flex; flex-direction: column; }
.icel-member__media { aspect-ratio: 7 / 9; }
.icel-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.icel-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.icel-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.icel-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.icel-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.icel-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- How it works --- */
.icel-steps { background: linear-gradient(180deg, #021d16, #022C22); }
.icel-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- PAA --- */
.icel-paa { background: linear-gradient(180deg, #022C22, #021d16); }
.icel-paa__card {
    position: relative;
    max-width: 880px;
    margin-inline: auto;
    overflow: visible;
}
.icel-paa__quote {
    position: absolute;
    top: -18px;
    left: -8px;
    width: 64px;
    height: 64px;
    color: var(--c-gold);
    opacity: 0.3;
    pointer-events: none;
}
.icel-paa__answer {
    font-family: var(--font-display);
    font-size: 1.2rem;
    color: var(--c-gold-soft);
    margin-bottom: 1rem;
}

/* --- Stories --- */
.icel-stories__grid { align-items: start; }
.icel-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Safety --- */
.icel-safety { position: relative; overflow: clip; }
.icel-safety__pattern {
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(135deg, rgba(234, 179, 8, 0.05) 0 2px, transparent 2px 34px);
    pointer-events: none;
}
.icel-safety .feature-card { position: relative; }
.icel-safety .feature-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
}
.icel-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    color: var(--c-muted);
}

/* --- Regions --- */
.icel-regions__grid { align-items: start; }
.icel-region { display: flex; flex-direction: column; transition: transform 0.3s ease; }
.icel-region:hover { transform: translateY(-4px); }
.icel-region__media { aspect-ratio: 7 / 10; }
.icel-region__panel {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem 0.9rem 1.1rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(6, 78, 59, 0) 0%, rgba(4, 45, 34, 0.85) 40%, rgba(2, 30, 23, 0.95) 100%);
}
.icel-region__panel h3 { font-size: 1.02rem; color: var(--c-text); margin-bottom: 0.2rem; }
.icel-region__panel p { font-size: 0.8rem; color: var(--c-muted); margin-bottom: 0.6rem; }
.icel-region__panel a {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-height: 40px;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--c-gold-soft);
    text-decoration: none;
}
.icel-region__panel a:hover { text-decoration: underline; }
.icel-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- FAQ --- */
.icel-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.icel-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.icel-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ae27412170619992768.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.icel-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.7), rgba(2, 44, 34, 0.93));
}
.icel-cta .container { position: relative; }
.icel-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.icel-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.icel-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.icel-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.icel-cta__links a { color: var(--c-gold-soft); }

@media (prefers-reduced-motion: reduce) {
    .icel-region { transition: none; }
    .icel-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - ITALIAN DATING
   ============================================ */

.ital-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.ital-hero__map {
    position: absolute;
    left: -6%;
    top: 4%;
    width: min(600px, 72%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.11;
    pointer-events: none;
}
.ital-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.ital-hero__copy { max-width: 640px; }
.ital-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .ital-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .ital-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.ital-stats__panel { max-width: 980px; margin-inline: auto; }
.ital-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ital-stats__note {
    margin-top: 1.3rem;
    margin-bottom: 0;
    font-size: 0.94rem;
}
@media (min-width: 768px) {
    .ital-stats__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.ital-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.ital-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.ital-members__intro {
    max-width: 820px;
    margin: -0.6rem auto clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-muted);
}
.ital-members__grid { align-items: start; }
.ital-member { display: flex; flex-direction: column; }
.ital-member__media { aspect-ratio: 7 / 9; }
.ital-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.ital-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.ital-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.ital-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.ital-member__flag { flex: none; border-radius: 3px; }
.ital-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.ital-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Who pays --- */
.ital-pays__panel {
    position: relative;
    max-width: 880px;
    margin-inline: auto;
    overflow: visible;
}
.ital-pays__quote {
    position: absolute;
    top: -18px;
    left: -8px;
    width: 64px;
    height: 64px;
    color: var(--c-gold);
    opacity: 0.3;
    pointer-events: none;
}

/* --- How it works --- */
.ital-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- Stories --- */
.ital-stories__grid { align-items: start; }

/* --- Regions --- */
.ital-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .ital-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.ital-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ital-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.ital-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ital-region:nth-child(1) .ital-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ae37662795270145322.webp"); }
.ital-region:nth-child(2) .ital-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ae376bb5b7566340894.webp"); }
.ital-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.ital-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.ital-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.ital-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- Safety --- */
.ital-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    color: var(--c-muted);
}

/* --- FAQ --- */
.ital-faq { background: linear-gradient(180deg, #021d16, #022C22); }

@media (prefers-reduced-motion: reduce) {
    .ital-region { transition: none; }
    .ital-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - SPANISH DATING
   ============================================ */

.span-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.span-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(48% 55% at 80% 32%, rgba(234, 179, 8, 0.2), transparent 72%);
    pointer-events: none;
}
.span-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.span-hero__copy { max-width: 640px; }
.span-hero__diamond { display: block; margin: 1.1rem 0; color: var(--c-gold); }
.span-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .span-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .span-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.span-stats__panel { max-width: 980px; margin-inline: auto; }
.span-stats__tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.span-stats__note {
    margin-top: 1.3rem;
    margin-bottom: 0;
    font-size: 0.94rem;
}
@media (min-width: 768px) {
    .span-stats__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.span-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.span-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.span-members__grid { align-items: start; }
.span-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- What are they like --- */
.span-answer__panel {
    position: relative;
    max-width: 900px;
    margin-inline: auto;
    overflow: visible;
    border-left: 3px solid var(--c-gold);
}
.span-answer__arc {
    position: absolute;
    right: -6%;
    top: -12%;
    width: min(340px, 60%);
    height: auto;
    color: var(--c-gold-deep);
    opacity: 0.14;
    pointer-events: none;
}
.span-answer__panel p { position: relative; color: var(--c-ink-soft); }
.span-answer__panel p + p { margin-top: 1rem; }

/* --- How it works --- */
.span-steps { background: linear-gradient(180deg, #021d16, #022C22); }
.span-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- Success stories --- */
.span-stories__grid { align-items: start; }
.span-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Related regions --- */
.span-regions__grid { align-items: start; }
.span-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- Safety --- */
.span-safety__grid { align-items: start; }
.span-safety__note {
    max-width: 820px;
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 0;
    text-align: center;
    color: var(--c-muted);
}

/* --- FAQ --- */
.span-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.span-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: radial-gradient(60% 70% at 50% 30%, rgba(234, 179, 8, 0.14), transparent 68%), linear-gradient(180deg, #011912, #022C22);
}
.span-cta .container { position: relative; }
.span-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.span-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.span-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.span-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.span-cta__links a { color: var(--c-gold-soft); }

/* ============================================
   COUNTRY LANDING - PORTUGUESE DATING
   ============================================ */

.port-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.port-hero__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(46% 50% at 80% 32%, rgba(234, 179, 8, 0.2), transparent 72%);
    pointer-events: none;
}
.port-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.port-hero__copy { max-width: 640px; }
.port-hero__diamond { display: block; margin: 1.1rem 0; color: var(--c-gold); }
.port-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .port-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .port-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.port-stats__panel { max-width: 980px; margin-inline: auto; }
.port-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.port-stats__note {
    margin-top: 1.3rem;
    margin-bottom: 0;
    font-size: 0.94rem;
}
@media (min-width: 768px) {
    .port-stats__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.port-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.port-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.port-members__grid { align-items: start; }
.port-member { display: flex; flex-direction: column; }
.port-member__media { aspect-ratio: 7 / 9; }
.port-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.port-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.port-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.port-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.port-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.port-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Traditional values / PAA --- */
.port-traditional__panel {
    position: relative;
    max-width: 900px;
    margin-inline: auto;
    overflow: visible;
    border-left: 3px solid var(--c-gold);
}
.port-traditional__arc {
    position: absolute;
    right: -6%;
    top: -12%;
    width: min(340px, 60%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.14;
    pointer-events: none;
}
.port-traditional__panel p { position: relative; }
.port-traditional__panel p + p { margin-top: 1rem; }

/* --- How it works --- */
.port-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- Stories --- */
.port-stories__grid { align-items: start; }
.port-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Regions --- */
.port-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .port-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.port-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.port-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.port-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.port-region--spanish .port-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ae52eb73fa683937441.webp"); }
.port-region--italian .port-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ae52f0b595116254630.webp"); }
.port-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.port-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.port-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.port-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- Safety --- */
.port-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    color: var(--c-muted);
}

/* --- FAQ --- */
.port-faq .faq { margin-inline: auto; }

@media (prefers-reduced-motion: reduce) {
    .port-region { transition: none; }
    .port-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - GREEK DATING
   ============================================ */

.gree-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.gree-hero__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(48% 55% at 80% 32%, rgba(234, 179, 8, 0.2), transparent 72%);
    pointer-events: none;
}
.gree-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.gree-hero__copy { max-width: 640px; }
.gree-hero__diamond { display: block; margin: 1.1rem 0; color: var(--c-gold); }
.gree-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .gree-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .gree-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.gree-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}
.gree-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 768px) {
    .gree-stats__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.gree-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.gree-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.gree-members__intro {
    max-width: 820px;
    margin: -0.6rem auto clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-muted);
}
.gree-members__grid { align-items: start; }
.gree-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Family values panel --- */
.gree-family__panel {
    position: relative;
    max-width: 900px;
    margin-inline: auto;
    overflow: visible;
    border-left: 3px solid var(--c-gold);
}
.gree-family__arc {
    position: absolute;
    right: -6%;
    top: -12%;
    width: min(340px, 60%);
    height: auto;
    color: var(--c-gold-deep);
    opacity: 0.14;
    pointer-events: none;
}
.gree-family__panel p { position: relative; }
.gree-family__panel p + p { margin-top: 1rem; }

/* --- How it works --- */
.gree-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- Stories --- */
.gree-stories__grid { align-items: start; }
.gree-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Regions --- */
.gree-regions__grid { align-items: start; }
.gree-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- Safety --- */
.gree-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    color: var(--c-muted);
}

/* --- FAQ --- */
.gree-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* ============================================
   COUNTRY LANDING - MALTESE DATING
   ============================================ */

.malt-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.malt-hero__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(46% 50% at 80% 32%, rgba(234, 179, 8, 0.2), transparent 72%);
    pointer-events: none;
}
.malt-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.malt-hero__copy { max-width: 640px; }
.malt-hero__diamond { display: block; margin: 1.1rem 0; color: var(--c-gold); }
.malt-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .malt-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .malt-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.malt-stats { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.malt-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.malt-stats__note {
    margin-top: 1.3rem;
    margin-bottom: 0;
    max-width: 900px;
    color: var(--c-muted);
}
@media (min-width: 768px) {
    .malt-stats__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.malt-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.malt-members__grid { align-items: start; }
.malt-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Exclusivity / PAA answer --- */
.malt-exclusivity__panel {
    position: relative;
    max-width: 900px;
    margin-inline: auto;
    overflow: visible;
    border-left: 3px solid var(--c-gold);
}
.malt-exclusivity__arc {
    position: absolute;
    right: -6%;
    top: -12%;
    width: min(340px, 60%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.14;
    pointer-events: none;
}
.malt-exclusivity__panel p { position: relative; }
.malt-exclusivity__panel p + p { margin-top: 1rem; }

/* --- How it works --- */
.malt-steps { background: linear-gradient(180deg, #021d16, #022C22); }
.malt-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- Stories --- */
.malt-stories__grid { align-items: start; }

/* --- Related regions --- */
.malt-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .malt-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.malt-region__bg {
    position: absolute;
    inset: 0;
}
.malt-region__bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.malt-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- Safety --- */
.malt-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    color: var(--c-muted);
}

/* --- FAQ --- */
.malt-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.malt-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad3155c6a6003843463.webp");
    background-size: cover;
    background-position: center 68%;
    background-repeat: no-repeat;
    opacity: 0.6;
}

/* ============================================
   COUNTRY LANDING - CYPRIOT DATING
   ============================================ */

.cyp-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.cyp-hero__ornament {
    position: absolute;
    left: -4%;
    top: 4%;
    width: min(400px, 50%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.12;
    pointer-events: none;
}
.cyp-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.cyp-hero__copy { max-width: 640px; }
.cyp-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .cyp-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .cyp-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.cyp-stats__panel { max-width: 980px; margin-inline: auto; }
.cyp-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}
.cyp-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 768px) {
    .cyp-stats__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.cyp-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.cyp-insights h3 { margin-top: 1.6rem; }

/* --- Featured members --- */
.cyp-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.cyp-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Regions --- */
.cyp-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.cyp-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.cyp-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.cyp-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ad3155c6a6003843463.webp");
    background-size: cover;
    background-position: center 60%;
    background-repeat: no-repeat;
}
.cyp-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.72), rgba(2, 44, 34, 0.92));
}
.cyp-cta .container { position: relative; }
.cyp-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.cyp-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.cyp-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.cyp-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.cyp-cta__links a { color: var(--c-gold-soft); }

/* ============================================
   COUNTRY LANDING - VATICAN DATING
   ============================================ */

.vat-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.vat-hero__ornament {
    position: absolute;
    left: -4%;
    top: 4%;
    width: min(420px, 54%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.12;
    pointer-events: none;
}
.vat-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.vat-hero__copy { max-width: 640px; }
.vat-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 2px rgba(234, 179, 8, 0.85),
        inset 0 0 0 7px rgba(234, 179, 8, 0.16),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .vat-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .vat-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.vat-stats__grid {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.2rem);
    align-items: start;
}
.vat-stats__grid > .glass h3 { margin-bottom: 1.1rem; }
.vat-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vat-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 900px) {
    .vat-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.vat-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.vat-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.vat-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.vat-members__grid { align-items: start; }
.vat-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Exclusivity --- */
.vat-exclusivity { background: linear-gradient(180deg, #021d16, var(--c-bg)); }
.vat-exclusivity__row {
    position: relative;
    display: grid;
    gap: 1.4rem;
    grid-template-columns: minmax(0, 1fr);
}
.vat-exclusivity__panel { position: relative; text-align: center; }
.vat-exclusivity__node {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 0.8rem;
    border-radius: 50%;
    border: 1px solid var(--line-gold-strong);
    background: rgba(234, 179, 8, 0.1);
    color: var(--c-gold);
}
.vat-exclusivity__panel h3 { font-size: 1.1rem; margin-bottom: 0.5rem; }
@media (min-width: 900px) {
    .vat-exclusivity__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .vat-exclusivity__row::before {
        content: "";
        position: absolute;
        left: 8%;
        right: 8%;
        top: 24px;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
        z-index: 0;
    }
    .vat-exclusivity__panel { position: relative; z-index: 1; }
}

/* --- Safety --- */
.vat-safety .feature-card { position: relative; }
.vat-safety .feature-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
}
.vat-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    color: var(--c-ink-soft);
}

/* --- Stories --- */
.vat-stories__grid { align-items: start; }
.vat-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Regions --- */
.vat-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .vat-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.vat-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 52vw, 540px);
    padding: 1.1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.vat-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.vat-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.vat-region--italian .vat-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7aea38c71b6810695004.webp"); }
.vat-region--sanmarino .vat-region__bg { background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7aea391fc22643875897.webp"); }
.vat-region__panel {
    position: relative;
    width: 100%;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.vat-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.vat-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.vat-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.vat-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.vat-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.vat-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7aea396f848167364211.webp");
    background-size: cover;
    background-position: center 60%;
    background-repeat: no-repeat;
}
.vat-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.7), rgba(2, 44, 34, 0.93));
}
.vat-cta .container { position: relative; }
.vat-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.vat-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.vat-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.vat-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.vat-cta__links a { color: var(--c-gold-soft); }

@media (prefers-reduced-motion: reduce) {
    .vat-region { transition: none; }
    .vat-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - SAN MARINESE DATING
   ============================================ */

.smr-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.smr-hero__ornament {
    position: absolute;
    left: -6%;
    top: 4%;
    width: min(480px, 62%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.12;
    pointer-events: none;
}
.smr-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.smr-hero__copy { max-width: 640px; }
.smr-hero__portrait {
    position: relative;
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: var(--arch);
    box-shadow:
        inset 0 0 0 2px rgba(234, 179, 8, 0.85),
        inset 0 0 0 7px rgba(234, 179, 8, 0.16),
        0 0 65px rgba(234, 179, 8, 0.26),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
.smr-hero__portrait img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 25%;
}
@media (min-width: 1024px) {
    .smr-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .smr-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.smr-stats__grid {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.2rem);
    align-items: start;
}
.smr-stats__grid > .glass h3 { margin-bottom: 1.1rem; }
.smr-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.smr-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 900px) {
    .smr-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.smr-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.smr-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.smr-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.smr-members__grid { align-items: start; }
.smr-member { display: flex; flex-direction: column; }
.smr-member__media { aspect-ratio: 7 / 9; }
.smr-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.smr-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.smr-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.smr-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.smr-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.smr-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Exclusivity note --- */
.smr-exclusivity__row {
    position: relative;
    display: grid;
    gap: 1.4rem;
    grid-template-columns: minmax(0, 1fr);
}
.smr-exclusivity__panel { position: relative; text-align: center; }
.smr-exclusivity__node {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 0.8rem;
    border-radius: 50%;
    border: 1px solid rgba(138, 98, 6, 0.5);
    background: rgba(234, 179, 8, 0.1);
    color: var(--c-gold-deep);
}
.smr-exclusivity__panel h3 { font-size: 1.1rem; margin-bottom: 0.5rem; }
@media (min-width: 900px) {
    .smr-exclusivity__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .smr-exclusivity__row::before {
        content: "";
        position: absolute;
        left: 8%;
        right: 8%;
        top: 24px;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
        z-index: 0;
    }
    .smr-exclusivity__panel { position: relative; z-index: 1; }
}

/* --- Safety --- */
.smr-safety { background: linear-gradient(180deg, #021d16, #022C22); }
.smr-safety .feature-card { position: relative; }
.smr-safety .feature-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
}
.smr-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    color: var(--c-muted);
}

/* --- Stories --- */
.smr-stories__grid { align-items: start; }

/* --- Regions --- */
.smr-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .smr-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.smr-region { display: flex; flex-direction: column; }
.smr-region__media {
    aspect-ratio: 3 / 4;
    position: relative;
}
.smr-region__panel {
    margin-top: -3rem;
    position: relative;
    z-index: 2;
    padding: 1.4rem 1.3rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.94), rgba(2, 30, 23, 0.97));
    border: 1px solid var(--line-gold);
    border-radius: var(--radius);
    backdrop-filter: blur(12px);
}
.smr-region__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.smr-region__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.smr-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.smr-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.smr-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.smr-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7ae93eb62eb425502677.webp");
    background-size: cover;
    background-position: center 60%;
    background-repeat: no-repeat;
}
.smr-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.72), rgba(2, 44, 34, 0.92));
}
.smr-cta .container { position: relative; }
.smr-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.smr-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.smr-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.smr-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.smr-cta__links a { color: var(--c-gold-soft); }

/* ============================================
   COUNTRY LANDING - ANDORRAN DATING
   ============================================ */

.and-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.and-hero__topo {
    position: absolute;
    left: -8%;
    top: 0;
    width: min(640px, 78%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.1;
    pointer-events: none;
}
.and-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.and-hero__copy { max-width: 640px; }
.and-hero__portrait {
    position: relative;
    width: min(420px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: var(--arch);
    box-shadow:
        inset 0 0 0 2px rgba(234, 179, 8, 0.85),
        inset 0 0 0 7px rgba(234, 179, 8, 0.16),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
.and-hero__portrait img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 25%;
    transition: transform 0.7s ease;
}
.and-hero__portrait:hover img { transform: scale(1.05); }
@media (min-width: 1024px) {
    .and-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .and-hero__portrait { justify-self: end; width: min(440px, 100%); }
}

/* --- Statistics --- */
.and-stats__grid {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.2rem);
    align-items: start;
}
.and-stats__grid > .glass h3 { margin-bottom: 1.1rem; }
.and-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.and-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 900px) {
    .and-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.and-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.and-insights h3#and-insights-title { margin-top: -0.2rem; }
.and-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.and-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.and-members__grid { align-items: start; }
.and-member { display: flex; flex-direction: column; }
.and-member__media { aspect-ratio: 7 / 9; }
.and-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.and-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.and-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.and-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.and-member__flag { flex: none; border-radius: 3px; }
.and-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.and-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Safety --- */
.and-safety .feature-card { position: relative; }
.and-safety .feature-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
}
.and-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    color: var(--c-muted);
}

/* --- Stories --- */
.and-stories__grid { align-items: start; }
.and-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Regions --- */
.and-regions__grid { align-items: start; }
.and-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.and-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.and-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.and-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7aeb56cc662709002630.webp");
    background-size: cover;
    background-position: center 62%;
    background-repeat: no-repeat;
}
.and-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.7), rgba(2, 44, 34, 0.93));
}
.and-cta .container { position: relative; }
.and-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.and-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.and-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.and-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.and-cta__links a { color: var(--c-gold-soft); }

@media (prefers-reduced-motion: reduce) {
    .and-hero__portrait:hover img { transform: none; }
}

/* ============================================
   COUNTRY LANDING - IRISH DATING
   ============================================ */

.iri-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.iri-hero__ornament {
    position: absolute;
    left: -6%;
    top: 2%;
    width: min(460px, 60%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.12;
    pointer-events: none;
}
.iri-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.iri-hero__copy { max-width: 640px; }
.iri-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .iri-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .iri-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.iri-stats__grid {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.2rem);
    align-items: start;
}
.iri-stats__grid > .glass h3 { margin-bottom: 1.1rem; }
.iri-stats__tiles {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.iri-stats__note {
    margin-top: 1.2rem;
    margin-bottom: 0;
    font-size: 0.92rem;
}
@media (min-width: 900px) {
    .iri-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- Cultural insights --- */
.iri-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.iri-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.iri-banner {
    aspect-ratio: 2 / 1;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.iri-members__grid { align-items: start; }
.iri-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Safety --- */
.iri-safety__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 820px;
    color: var(--c-muted);
}

/* --- Stories --- */
.iri-stories__grid { align-items: start; }
.iri-stories__note {
    margin-top: clamp(1.8rem, 3vw, 2.4rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- Regions preview --- */
.iri-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .iri-regions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.iri-region-card__media { aspect-ratio: 3 / 4; }
.iri-region-card__panel {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.3rem 1.2rem 1.5rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(6, 78, 59, 0) 0%, rgba(4, 45, 34, 0.82) 38%, rgba(2, 30, 23, 0.95) 100%);
}
.iri-region-card__panel h3 { color: var(--c-text); margin-bottom: 0.4rem; }
.iri-region-card__panel p { color: var(--c-muted); font-size: 0.92rem; margin-bottom: 1rem; }
.iri-regions__inline {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-ink-soft);
}

/* --- FAQ --- */
.iri-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* --- Final CTA --- */
.iri-cta {
    position: relative;
    overflow: clip;
    padding-block: clamp(3rem, 7vw, 5rem);
    background: #011912;
}
.iri-cta__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7aec5abc249062262892.webp");
    background-size: cover;
    background-position: center 60%;
    background-repeat: no-repeat;
}
.iri-cta__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.72), rgba(2, 44, 34, 0.92));
}
.iri-cta .container { position: relative; }
.iri-cta__arch {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(2rem, 5vw, 3rem) clamp(1.2rem, 4vw, 2.6rem);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: rgba(2, 30, 23, 0.58);
    backdrop-filter: blur(12px);
    box-shadow: var(--glow-gold);
}
.iri-cta__diamond { margin: 0 auto 0.8rem; color: var(--c-gold); }
.iri-cta__arch p { color: var(--c-muted); margin-bottom: 1.4rem; }
.iri-cta__links {
    margin: 1.2rem 0 0;
    font-size: 0.86rem;
    color: var(--c-gold-soft);
}
.iri-cta__links a { color: var(--c-gold-soft); }

@media (prefers-reduced-motion: reduce) {
    .iri-region-card { transition: none; }
}

/* ============================================
   COUNTRY LANDING - LATVIAN DATING
   ============================================ */

.lat-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.lat-hero__ornament {
    position: absolute;
    left: -6%;
    top: 4%;
    width: min(620px, 74%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.11;
    pointer-events: none;
}
.lat-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.lat-hero__copy { max-width: 640px; }
.lat-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .lat-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .lat-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* --- Statistics --- */
.lat-stats { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.lat-stats__panel {
    max-width: 980px;
    margin-inline: auto;
    position: relative;
}
.lat-stats__panel::before {
    content: "";
    position: absolute;
    left: 4%;
    right: 4%;
    top: 44px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
    z-index: 0;
    display: none;
}
.lat-stats__tiles {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lat-stats__note {
    margin-top: 1.3rem;
    margin-bottom: 0;
    font-size: 0.94rem;
}
@media (min-width: 768px) {
    .lat-stats__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .lat-stats__panel::before { display: block; }
}

/* --- Cultural insights --- */
.lat-insights { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.lat-insights__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Featured members --- */
.lat-members__grid { align-items: start; }
.lat-member { display: flex; flex-direction: column; }
.lat-member__media { aspect-ratio: 7 / 9; }
.lat-member__strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 0.95rem;
    background: rgba(6, 78, 59, 0.78);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line-gold);
    text-align: left;
}
.lat-member__name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--c-text);
    margin: 0;
}
.lat-member__meta {
    font-size: 0.76rem;
    color: var(--c-gold-soft);
    margin: 0.1rem 0 0.25rem;
    line-height: 1.4;
}
.lat-member__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.lat-member__note {
    margin: 0.8rem 0 0;
    font-size: 0.87rem;
    color: var(--c-muted);
}
.lat-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Stories --- */
.lat-stories__grid { align-items: start; }

/* --- How it works --- */
.lat-steps { background: linear-gradient(180deg, #021d16, #022C22); }
.lat-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- Regional links --- */
.lat-regions__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
}
@media (min-width: 768px) {
    .lat-regions__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.lat-region {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(400px, 46vw, 480px);
    padding: 1rem;
    overflow: hidden;
    border: 2px solid var(--line-gold-strong);
    border-radius: var(--arch);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.3), 0 22px 55px rgba(12, 35, 28, 0.28);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.lat-region:hover {
    transform: translateY(-6px);
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.45), 0 0 55px rgba(234, 179, 8, 0.4), 0 28px 70px rgba(12, 35, 28, 0.35);
}
.lat-region__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.lat-region__panel {
    position: relative;
    width: 100%;
    padding: 1.2rem 1.1rem 1.4rem;
    text-align: center;
    background: rgba(6, 78, 59, 0.84);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold);
    border-radius: var(--radius-sm);
}
.lat-region__panel h3 { color: var(--c-ink); margin-bottom: 0.4rem; }
.lat-region__panel p { color: var(--c-ink-soft); font-size: 0.9rem; margin-bottom: 0.9rem; }
.lat-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
}

/* --- FAQ --- */
.lat-faq { background: linear-gradient(180deg, #021d16, #022C22); }

@media (prefers-reduced-motion: reduce) {
    .lat-region { transition: none; }
    .lat-region:hover { transform: none; }
}

/* ============================================
   COUNTRY LANDING - LITHUANIAN DATING
   ============================================ */

.lith-hero {
    position: relative;
    overflow: clip;
    padding-block: clamp(2.5rem, 6vw, 4.75rem);
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.lith-hero__map {
    position: absolute;
    left: -6%;
    top: 4%;
    width: min(620px, 74%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.11;
    pointer-events: none;
}
.lith-hero__inner {
    position: relative;
    display: grid;
    gap: clamp(2rem, 5vw, 3.2rem);
    align-items: center;
}
.lith-hero__copy { max-width: 640px; }
.lith-hero__portrait {
    width: min(430px, 90%);
    justify-self: center;
    aspect-ratio: 3 / 4;
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.24),
        0 26px 70px rgba(0, 0, 0, 0.55);
}
@media (min-width: 1024px) {
    .lith-hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
    .lith-hero__portrait { justify-self: end; width: min(460px, 100%); }
}

/* ============================================
   COUNTRY LANDING - ESTONIAN DATING
   ============================================ */

.est-hero {
    position: relative;
    overflow: clip;
    background: linear-gradient(180deg, #011912, #022C22 58%, #03251c);
}
.est-hero__ornament {
    position: absolute;
    left: -8%;
    top: 6%;
    width: min(560px, 68%);
    height: auto;
    color: var(--c-gold);
    opacity: 0.1;
    pointer-events: none;
}
.est-hero__portrait {
    box-shadow:
        inset 0 0 0 3px rgba(234, 179, 8, 0.2),
        0 0 65px rgba(234, 179, 8, 0.22),
        0 26px 70px rgba(0, 0, 0, 0.55);
}

/* --- Statistics --- */
.est-stats { position: relative; background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.est-stats__rule {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 0;
}
.est-stats__tiles { position: relative; z-index: 1; }
.est-stats__note {
    margin-top: clamp(1.4rem, 3vw, 2rem);
    max-width: 820px;
    color: var(--c-muted);
}

/* --- Etiquette --- */
.est-etiquette__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    max-width: 920px;
    color: var(--c-muted);
}

/* --- Members --- */
.est-members__cta { text-align: center; margin: clamp(2rem, 4vw, 2.8rem) 0 0; }

/* --- Safety --- */
.est-safety__note {
    max-width: 820px;
    margin: clamp(1.4rem, 3vw, 2rem) auto 0;
    color: var(--c-muted);
}

/* --- Stories --- */
.est-stories__grid { align-items: start; }

/* --- How it works --- */
.est-steps__timeline { max-width: 720px; margin-inline: auto; }

/* --- Regions --- */
.est-regions__note {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-muted);
}

/* --- FAQ --- */
.est-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* ============================================
   BLOG ARTICLE - AUTHENTIC PROFILE TIPS
   ============================================ */

.art-hero {
    position: relative;
    overflow: clip;
    background: #011912;
    padding-block: clamp(7rem, 22vw, 13rem) clamp(2.5rem, 6vw, 4rem);
}
.art-hero__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7b075bd883a344876392.webp");
    background-size: cover;
    background-position: center 32%;
    background-repeat: no-repeat;
}
.art-hero__fade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 25, 18, 0.55) 0%, rgba(1, 25, 18, 0.2) 34%, rgba(2, 44, 34, 0.72) 72%, var(--c-bg) 100%);
    pointer-events: none;
}
.art-hero__inner { position: relative; }
.art-hero__plate {
    max-width: 780px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(1.4rem, 4vw, 2.4rem) clamp(1.2rem, 4vw, 2.4rem);
    background: rgba(2, 30, 23, 0.55);
    backdrop-filter: blur(12px);
    border: 1px solid var(--line-gold-strong);
    border-radius: var(--radius);
    box-shadow: 0 0 55px rgba(234, 179, 8, 0.28), 0 24px 60px rgba(0, 0, 0, 0.5);
}
.art-hero__plate h1 { margin-bottom: 0.6rem; }
.art-hero__stand { color: var(--c-muted); font-size: clamp(0.98rem, 1.5vw, 1.08rem); }
.art-meta {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.4rem 1.4rem;
    margin: 1.1rem 0 1.4rem;
    padding: 0;
    font-size: 0.76rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--c-gold-soft);
}
.art-meta li { position: relative; }
.art-meta li + li::before {
    content: "";
    position: absolute;
    left: -0.75rem;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 50%;
    background: var(--c-gold);
}

/* --- Shared arch figure --- */
.art-figure {
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: var(--arch);
    border: 1px solid var(--line-gold-strong);
    background: var(--c-forest);
    box-shadow: inset 0 0 26px rgba(0, 0, 0, 0.45), 0 24px 60px rgba(0, 0, 0, 0.5);
    aspect-ratio: 4 / 5;
}
.art-figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 28%;
}
.art-figure--tall { aspect-ratio: 3 / 4; }

/* --- Introduction --- */
.art-intro__grid {
    display: grid;
    gap: clamp(1.6rem, 4vw, 3rem);
    align-items: center;
}
.art-intro__copy p { color: var(--c-muted); }
@media (min-width: 900px) {
    .art-intro__grid { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); }
}

/* --- Authenticity case band --- */
.art-case {
    position: relative;
    overflow: clip;
    padding-block: var(--space-section);
    background: linear-gradient(180deg, #043c2d, var(--c-forest) 50%, #043526);
    border-top: 1px solid var(--line-gold);
    border-bottom: 1px solid var(--line-gold);
}
.art-case__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(42% 52% at 78% 45%, rgba(234, 179, 8, 0.24), transparent 72%);
    pointer-events: none;
}
.art-case__grid {
    position: relative;
    display: grid;
    gap: clamp(1.6rem, 4vw, 3rem);
    align-items: center;
}
.art-case__copy p { color: var(--c-muted); }
@media (min-width: 900px) {
    .art-case__grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); }
}

/* --- Checklist --- */
.art-checklist { background: linear-gradient(180deg, #033525, #022C22); }
.art-checklist__grid {
    position: relative;
    display: grid;
    gap: clamp(1.4rem, 3vw, 2rem);
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
}
.art-checklist__line {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 46px;
    width: 100%;
    height: 4px;
    z-index: 0;
    pointer-events: none;
}
.art-check-card {
    position: relative;
    z-index: 1;
    padding: clamp(2.6rem, 5vw, 3.2rem) clamp(1.2rem, 2.6vw, 1.7rem) clamp(1.4rem, 3vw, 1.9rem);
    border: 1px solid var(--line-gold);
    border-top-left-radius: 120px;
    border-top-right-radius: 120px;
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.72), rgba(2, 30, 23, 0.85));
    backdrop-filter: blur(12px);
    text-align: center;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.art-check-card:hover {
    transform: translateY(-5px);
    border-color: var(--line-gold-strong);
    box-shadow: 0 0 48px rgba(234, 179, 8, 0.3);
}
.art-check-card__medallion {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid var(--line-gold-strong);
    background: #033424;
    color: var(--c-gold);
    box-shadow: 0 0 22px rgba(234, 179, 8, 0.3);
}
.art-check-card h3 { margin-bottom: 0.4rem; }
.art-check-card p { font-size: 0.93rem; color: var(--c-muted); }
.art-check-card ul {
    list-style: none;
    margin: 0.9rem 0 0;
    padding: 0.9rem 0 0;
    border-top: 1px solid rgba(234, 179, 8, 0.28);
    text-align: left;
}
.art-check-card li {
    position: relative;
    padding-left: 1.1rem;
    margin-bottom: 0.45rem;
    font-size: 0.86rem;
    color: var(--c-muted);
}
.art-check-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.62em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--c-gold);
}
.art-check-card li:last-child { margin-bottom: 0; }
@media (min-width: 900px) {
    .art-checklist__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .art-checklist__line { display: block; }
}

/* --- Common mistakes --- */
.art-mistakes { background: linear-gradient(180deg, #022C22, #03392b 60%, #022C22); }
.art-mistakes__grid {
    display: grid;
    gap: clamp(1.6rem, 4vw, 3rem);
    align-items: start;
}
.art-mistakes__frame {
    position: relative;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 3 / 4;
    border-radius: var(--arch);
    border: 3px solid rgba(234, 179, 8, 0.55);
    background: #0a2b21;
    box-shadow:
        inset 0 0 0 6px rgba(234, 179, 8, 0.12),
        inset 0 0 40px rgba(0, 0, 0, 0.5),
        0 26px 65px rgba(0, 0, 0, 0.5);
}
.art-mistakes__frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 22%;
}
.art-mistakes__copy p { color: var(--c-muted); }
.art-mistakes__copy h3 { margin-top: 1.5rem; font-size: 1.15rem; }
@media (min-width: 900px) {
    .art-mistakes__grid { grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); }
}

/* --- CTA panel --- */
.art-cta {
    position: relative;
    overflow: clip;
    padding-block: var(--space-section);
    background: linear-gradient(180deg, #021d16, var(--c-bg));
}
.art-cta__panel {
    position: relative;
    max-width: 760px;
    margin-inline: auto;
    text-align: center;
    padding: clamp(3rem, 7vw, 4.2rem) clamp(1.3rem, 4vw, 3rem) clamp(2rem, 5vw, 3rem);
    border: 4px solid var(--c-gold);
    border-top-left-radius: 320px;
    border-top-right-radius: 320px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.88), rgba(2, 30, 23, 0.94));
    backdrop-filter: blur(12px);
    box-shadow: 0 0 60px rgba(234, 179, 8, 0.28), inset 0 0 0 2px rgba(245, 220, 150, 0.28);
}
.art-cta__keystone {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 46px;
    background: #022C22;
    padding: 0 6px;
}
.art-cta__panel p { color: var(--c-muted); margin-bottom: 1.4rem; }

/* --- Related articles --- */
.art-related { background: linear-gradient(180deg, var(--c-bg), #021d16); }
.art-related__grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 1.8rem);
    grid-template-columns: minmax(0, 1fr);
}
.art-related-card {
    position: relative;
    display: block;
    padding: clamp(2.2rem, 4vw, 2.6rem) 1.3rem 1.5rem;
    text-align: center;
    text-decoration: none;
    color: var(--c-text);
    border: 2px solid var(--line-gold-strong);
    border-top-left-radius: 140px;
    border-top-right-radius: 140px;
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.7), rgba(2, 44, 34, 0.9));
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.art-related-card::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 14px;
    height: 14px;
    border: 1px solid var(--c-gold);
    border-radius: 3px;
}
.art-related-card:hover {
    transform: translateY(-5px);
    border-color: var(--c-gold);
    box-shadow: 0 0 45px rgba(234, 179, 8, 0.32);
}
.art-related-card h3 { font-size: 1.12rem; margin-bottom: 0.35rem; color: var(--c-gold-soft); }
.art-related-card p { font-size: 0.88rem; color: var(--c-muted); margin: 0; }
@media (min-width: 640px) {
    .art-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .art-related__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
    .art-check-card,
    .art-related-card { transition: none; }
    .art-check-card:hover,
    .art-related-card:hover { transform: none; }
}

/* ============================================
   BLOG ARTICLE - PHOTO QUALITY TIPS
   ============================================ */

.pqt-hero__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7b0835e6e84320605936.webp");
    background-size: cover;
    background-position: center 32%;
    background-repeat: no-repeat;
}

/* ============================================
   BLOG ARTICLE - FIRST MESSAGES THAT WORK
   ============================================ */

.fmw-hero__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7b0a83c6952631648171.webp");
    background-size: cover;
    background-position: center 30%;
    background-repeat: no-repeat;
}

/* --- Why templates fail --- */
.fmw-why__grid {
    display: grid;
    gap: clamp(1.6rem, 4vw, 3rem);
    align-items: center;
}
.fmw-why__copy p { color: var(--c-muted); }
@media (min-width: 900px) {
    .fmw-why__grid { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); }
}

/* --- Country-aware openers band --- */
.fmw-openers { position: relative; }
.fmw-openers::before,
.fmw-openers::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
    z-index: 1;
}
.fmw-openers::before { top: 0; }
.fmw-openers::after { bottom: 0; }
.fmw-openers__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(46% 55% at 50% 38%, rgba(234, 179, 8, 0.16), transparent 72%);
    pointer-events: none;
}
.fmw-openers .container { position: relative; z-index: 1; }

/* --- Personalization --- */
.fmw-personalize__grid {
    display: grid;
    gap: clamp(1.6rem, 4vw, 3rem);
    align-items: center;
}
.fmw-personalize__copy p { color: var(--c-muted); }
.fmw-steps {
    list-style: none;
    counter-reset: fmwstep;
    margin: 1.2rem 0 1.4rem;
    padding: 0;
}
.fmw-steps li {
    position: relative;
    padding-left: 2.6rem;
    margin-bottom: 0.9rem;
    font-size: 0.95rem;
    color: var(--c-text);
}
.fmw-steps li:last-child { margin-bottom: 0; }
.fmw-steps li::before {
    counter-increment: fmwstep;
    content: counter(fmwstep);
    position: absolute;
    left: 0;
    top: -0.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid var(--line-gold-strong);
    background: rgba(234, 179, 8, 0.09);
    color: var(--c-gold);
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 0.92rem;
}
.fmw-personalize__frame {
    position: relative;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 3 / 2;
    border-radius: 180px 180px 16px 16px;
    border: 1px solid var(--line-gold-strong);
    background: var(--c-forest);
    box-shadow: inset 0 0 0 3px rgba(234, 179, 8, 0.12), 0 24px 60px rgba(0, 0, 0, 0.5);
}
.fmw-personalize__frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 32%;
}
.fmw-personalize__frame::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(200deg, rgba(2, 44, 34, 0.06), rgba(5, 5, 5, 0.32));
    pointer-events: none;
}
@media (min-width: 900px) {
    .fmw-personalize__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); }
}

/* --- FAQ --- */
.fmw-faq { background: linear-gradient(180deg, #021d16, #022C22); }

/* ============================================
   BLOG ARTICLE - VERIFICATION BADGES & TRUST
   ============================================ */

.vbt-hero__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7b0b8e55ece103953163.webp");
    background-size: cover;
    background-position: center 30%;
    background-repeat: no-repeat;
}

.art-checklist__grid--four { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) {
    .art-checklist__grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.vbt-emblem-row {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.6rem;
}
.vbt-emblem-row h2 { margin-bottom: 0; }
.vbt-emblem { flex: none; color: var(--c-gold); }

.vbt-trust {
    position: relative;
    overflow: clip;
    padding-block: var(--space-section);
    background: linear-gradient(180deg, #043c2d, var(--c-forest) 50%, #043526);
}
.vbt-trust::before,
.vbt-trust::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--line-gold-strong), transparent);
    z-index: 1;
}
.vbt-trust::before { top: 0; }
.vbt-trust::after { bottom: 0; }
.vbt-trust__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(50% 55% at 50% 40%, rgba(234, 179, 8, 0.22), transparent 72%);
    pointer-events: none;
}
.vbt-trust .container { position: relative; z-index: 1; }
.vbt-trust__caveat {
    max-width: 780px;
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 0;
    text-align: center;
    color: var(--c-muted);
}
.vbt-trust__caveat a { color: var(--c-gold-soft); }

/* ============================================
   BLOG ARTICLE - VIDEO CALLS VS TEXTING
   ============================================ */

.vct-hero__bg {
    position: absolute;
    inset: 0;
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7b0c3a9e7a3996714849.webp");
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}
.vct-hero__arch {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(720px, 92%);
    height: auto;
    pointer-events: none;
    z-index: 1;
}

.vct-intro__frame {
    border-top-left-radius: 260px;
    border-top-right-radius: 260px;
    box-shadow: inset 0 0 0 3px rgba(234, 179, 8, 0.16), 0 0 45px rgba(234, 179, 8, 0.2), 0 24px 60px rgba(12, 35, 28, 0.22);
}

.vct-benefits { background: linear-gradient(180deg, var(--c-bg), #03392b 55%, var(--c-bg)); }
.vct-benefits__grid {
    position: relative;
    display: grid;
    gap: clamp(1.4rem, 3vw, 2rem);
    grid-template-columns: minmax(0, 1fr);
}
.vct-benefits__line {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 44px;
    width: 100%;
    height: 60px;
    pointer-events: none;
    z-index: 0;
}
.vct-benefit-card {
    position: relative;
    z-index: 1;
    padding: clamp(2.4rem, 5vw, 3rem) clamp(1.2rem, 2.6vw, 1.7rem) clamp(1.3rem, 3vw, 1.8rem);
    text-align: center;
    border: 1px solid var(--line-gold);
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.7), rgba(2, 30, 23, 0.85));
    backdrop-filter: blur(12px);
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.vct-benefit-card:hover {
    transform: translateY(-5px);
    border-color: var(--line-gold-strong);
    box-shadow: 0 0 44px rgba(234, 179, 8, 0.28);
}
.vct-benefit-card__medallion {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--line-gold-strong);
    background: #033424;
    color: var(--c-gold);
    box-shadow: 0 0 20px rgba(234, 179, 8, 0.3);
}
.vct-benefit-card h3 { margin-bottom: 0.4rem; }
.vct-benefit-card p { font-size: 0.92rem; color: var(--c-muted); margin: 0; }
@media (min-width: 900px) {
    .vct-benefits__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .vct-benefits__line { display: block; }
}

.vct-risks { position: relative; }
.vct-risks__grid {
    position: relative;
    display: grid;
    gap: clamp(1.6rem, 4vw, 3rem);
    align-items: center;
}
.vct-risks__copy p { color: var(--c-muted); }
.vct-risks__frame {
    position: relative;
    box-shadow: inset 0 0 0 2px rgba(234, 179, 8, 0.55), 0 0 60px rgba(234, 179, 8, 0.22), 0 26px 65px rgba(0, 0, 0, 0.55);
}
.vct-risks__frame::before {
    content: "";
    position: absolute;
    inset: -30px;
    background: radial-gradient(55% 55% at 50% 35%, rgba(234, 179, 8, 0.22), transparent 72%);
    z-index: -1;
    pointer-events: none;
}
.vct-risks__keystone {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 24px;
    z-index: 2;
}
@media (min-width: 900px) {
    .vct-risks__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); }
}

.vct-howto { position: relative; }
.vct-howto__list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: clamp(1.6rem, 3vw, 2.2rem) clamp(1.2rem, 2.6vw, 1.8rem);
    grid-template-columns: minmax(0, 1fr);
}
.vct-howto__connector {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 26px;
    width: 100%;
    height: 24px;
    z-index: 0;
    pointer-events: none;
}
.vct-howto__step {
    position: relative;
    z-index: 1;
    padding-top: 3.6rem;
    text-align: center;
    padding-inline: 0.4rem;
}
.vct-howto__num {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid rgba(138, 98, 6, 0.55);
    background: rgba(234, 179, 8, 0.1);
    color: var(--c-gold-deep);
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 1.15rem;
}
.vct-howto__step h3 { font-size: 1.08rem; margin-bottom: 0.4rem; }
.vct-howto__step p { font-size: 0.9rem; color: var(--c-ink-soft); margin: 0; }
.vct-howto__step a { color: var(--c-gold-deep); }
@media (min-width: 900px) {
    .vct-howto__list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .vct-howto__connector { display: block; }
}

.vct-faq-section { background: linear-gradient(180deg, #021d16, var(--c-bg)); }

.vct-related { background: linear-gradient(180deg, var(--c-bg), #021d16); }
.vct-related-card::after {
    content: "";
    position: absolute;
    inset: 0;
    top: 0;
    height: 70px;
    border-top-left-radius: 140px;
    border-top-right-radius: 140px;
    background: radial-gradient(70% 100% at 50% 0%, rgba(234, 179, 8, 0.24), transparent 75%), linear-gradient(160deg, #0b4a37, #063a29);
    z-index: -1;
    opacity: 0.9;
}

@media (prefers-reduced-motion: reduce) {
    .vct-benefit-card,
    .vct-related-card { transition: none; }
    .vct-benefit-card:hover { transform: none; }
}

/* ============================================
   BLOG ARTICLE - MAINTAINING PRIVACY
   ============================================ */

.priv-hero__bg {
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7b0d210ed31422058426.webp");
    background-size: cover;
    background-position: center 35%;
    background-repeat: no-repeat;
}

.priv-intro__grid { align-items: center; }
.priv-intro__media { aspect-ratio: 4 / 5; max-width: 460px; margin-inline: auto; }
.priv-intro__copy p { color: var(--c-ink-soft); }
.priv-intro__copy a { color: var(--c-gold-deep); }

.priv-risks__list {
    list-style: none;
    margin: 1.4rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    max-width: 780px;
}
.priv-risks__item {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}
.priv-risks__item .icon { color: var(--c-gold); flex: none; margin-top: 0.15rem; }
.priv-risks__item p { margin: 0; color: var(--c-muted); font-size: 0.96rem; }
.priv-risks__item strong { color: var(--c-text); }

.priv-tips__grid {
    position: relative;
    display: grid;
    gap: clamp(1.4rem, 3vw, 2rem);
    grid-template-columns: minmax(0, 1fr);
}
.priv-tips__line {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 46px;
    width: 100%;
    height: 4px;
    z-index: 0;
    pointer-events: none;
}
.priv-tip-card {
    position: relative;
    z-index: 1;
    padding: clamp(2.6rem, 5vw, 3.2rem) clamp(1.2rem, 2.6vw, 1.7rem) clamp(1.4rem, 3vw, 1.9rem);
    text-align: center;
    border: 1px solid rgba(138, 98, 6, 0.35);
    border-top-left-radius: 120px;
    border-top-right-radius: 120px;
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(246, 241, 228, 0.92));
    box-shadow: 0 18px 44px rgba(12, 35, 28, 0.12);
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.priv-tip-card:hover {
    transform: translateY(-5px);
    border-color: var(--line-gold-strong);
    box-shadow: 0 22px 54px rgba(234, 179, 8, 0.22);
}
.priv-tip-card__medallion {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid var(--line-gold-strong);
    background: var(--c-ivory-soft);
    color: var(--c-gold-deep);
    box-shadow: 0 0 20px rgba(234, 179, 8, 0.28);
}
.priv-tip-card h3 { color: var(--c-ink); margin-bottom: 0.5rem; font-size: 1.18rem; }
.priv-tip-card__lead { font-size: 0.92rem; color: var(--c-ink-soft); margin-bottom: 0.9rem; }
.priv-tip-card ul {
    list-style: none;
    margin: 0;
    padding: 0.9rem 0 0;
    border-top: 1px solid rgba(138, 98, 6, 0.25);
    text-align: left;
}
.priv-tip-card li {
    position: relative;
    padding-left: 1.1rem;
    margin-bottom: 0.5rem;
    font-size: 0.87rem;
    color: var(--c-ink-soft);
}
.priv-tip-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--c-gold-deep);
}
.priv-tip-card li:last-child { margin-bottom: 0; }
@media (min-width: 900px) {
    .priv-tips__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .priv-tips__line { display: block; }
}

.priv-protect { position: relative; overflow: clip; }
.priv-protect__glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(46% 55% at 50% 20%, rgba(234, 179, 8, 0.22), transparent 68%);
    pointer-events: none;
}
.priv-protect .container { position: relative; }
.priv-protect__crest {
    position: relative;
    width: clamp(96px, 12vw, 130px);
    margin: 0 auto clamp(1rem, 2.4vw, 1.5rem);
    color: var(--c-gold);
    filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.4));
}
.priv-protect__crest svg { width: 100%; height: auto; display: block; }
.priv-protect__intro {
    max-width: 720px;
    margin: 0 auto clamp(1.8rem, 4vw, 2.6rem);
    text-align: center;
    color: var(--c-muted);
}
.priv-protect__wall {
    display: block;
    width: 100%;
    height: 30px;
    margin-top: clamp(1.8rem, 4vw, 2.6rem);
    color: rgba(234, 179, 8, 0.35);
}

@media (prefers-reduced-motion: reduce) {
    .priv-tip-card { transition: none; }
    .priv-tip-card:hover { transform: none; }
}

/* ============================================
   BLOG ARTICLE - ALGORITHM VS CHOICE
   ============================================ */

.avc-hero__bg {
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7b0dfc2c57b495175417.webp");
    background-size: cover;
    background-position: center 30%;
    background-repeat: no-repeat;
}

.avc-hero__arch {
    position: relative;
    max-width: 780px;
    margin-inline: auto;
}
.avc-hero__arch svg {
    position: absolute;
    left: -6%;
    right: -6%;
    top: -14px;
    width: 112%;
    height: auto;
    pointer-events: none;
}

.avc-mechanics { background: linear-gradient(180deg, #033525, #022C22); }

.avc-human__frame {
    position: relative;
}
.avc-human__keystone {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 34px;
    height: 22px;
    z-index: 2;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.5));
}

.avc-balance__close {
    max-width: 780px;
    margin: clamp(1.8rem, 3vw, 2.4rem) auto 0;
    text-align: center;
    color: var(--c-ink-soft);
}

/* ============================================
   BLOG ARTICLE - FIRST LIKE TO FIRST FLIGHT
   ============================================ */

.flf-hero__bg {
    background-image: url("https://vsesvit-ai.ams3.cdn.digitaloceanspaces.com/files/6/a/7/6a7b0ec8dc8ce612206268.webp");
    background-size: cover;
    background-position: center 42%;
    background-repeat: no-repeat;
}
.flf-hero__arch-svg {
    position: absolute;
    left: 50%;
    top: -34px;
    transform: translateX(-50%);
    width: min(520px, 110%);
    height: auto;
    pointer-events: none;
}

/* --- Intro --- */
.flf-intro__grid {
    display: grid;
    gap: clamp(1.6rem, 4vw, 3rem);
    align-items: center;
}
.flf-intro__frame {
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: var(--arch);
    border: 1px solid rgba(138, 98, 6, 0.4);
    box-shadow: 0 20px 50px rgba(12, 35, 28, 0.18);
    aspect-ratio: 9 / 11;
}
.flf-intro__frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
}
.flf-intro__copy p { color: var(--c-ink-soft); }
.flf-intro__copy a { color: var(--c-gold-deep); }
@media (min-width: 900px) {
    .flf-intro__grid { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); }
}

/* --- Timeline --- */
.flf-timeline { background: linear-gradient(180deg, #022C22, #03392b 55%, #021d16); }
.flf-timeline__wrap { position: relative; }
.flf-timeline__rail {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 34px;
    width: 100%;
    height: 40px;
    pointer-events: none;
    z-index: 0;
}
.flf-timeline__list {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 2.4rem 1.2rem;
    grid-template-columns: minmax(0, 1fr);
}
.flf-timeline__stage {
    position: relative;
    text-align: center;
    padding-top: 3.6rem;
}
.flf-timeline__stage:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 72px;
    bottom: -2.4rem;
    width: 2px;
    transform: translateX(-50%);
    background: linear-gradient(180deg, var(--line-gold-strong), rgba(234, 179, 8, 0.12));
}
.flf-timeline__glyph {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 28px 28px 8px 8px;
    border: 1px solid var(--line-gold-strong);
    background: rgba(234, 179, 8, 0.09);
    color: var(--c-gold);
    box-shadow: 0 0 22px rgba(234, 179, 8, 0.25);
}
.flf-timeline__stage h3 { font-size: 1.1rem; margin-bottom: 0.4rem; }
.flf-timeline__stage p { font-size: 0.9rem; color: var(--c-muted); margin: 0; }
.flf-timeline__stage a { color: var(--c-gold-soft); }
@media (min-width: 768px) {
    .flf-timeline__list { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.2rem; }
    .flf-timeline__stage:not(:last-child)::before { display: none; }
    .flf-timeline__rail { display: block; }
}

/* --- Destination --- */
.flf-destination {
    position: relative;
    overflow: clip;
    background: linear-gradient(180deg, #022C22, #03392b 60%, #021d16);
}
.flf-destination__grid {
    position: relative;
    display: grid;
    gap: clamp(1.6rem, 4vw, 3rem);
    align-items: center;
}
.flf-destination__copy p { color: var(--c-muted); }
.flf-destination__copy a { color: var(--c-gold-soft); }
.flf-destination__media { position: relative; }
.flf-destination__glow {
    position: absolute;
    inset: -15%;
    background: radial-gradient(55% 55% at 60% 40%, rgba(234, 179, 8, 0.28), transparent 70%);
    pointer-events: none;
    z-index: 0;
}
.flf-destination__frame {
    position: relative;
    z-index: 1;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 5 / 6;
    border-radius: var(--arch);
    border: 1px solid var(--line-gold-strong);
    box-shadow: inset 0 0 0 3px rgba(234, 179, 8, 0.14), 0 26px 65px rgba(0, 0, 0, 0.5);
}
.flf-destination__frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
}
.flf-destination__keystone {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: 42px;
    height: 26px;
    z-index: 2;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.5));
}
@media (min-width: 900px) {
    .flf-destination__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); }
}

/* --- Pacing --- */
.flf-pacing__grid {
    position: relative;
    display: grid;
    gap: clamp(1.4rem, 3vw, 2rem);
    grid-template-columns: minmax(0, 1fr);
}
.flf-pacing__arc {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    width: 100%;
    height: 50px;
    pointer-events: none;
    opacity: 0.55;
}
.flf-pacing-card {
    position: relative;
    z-index: 1;
    padding: clamp(2.4rem, 5vw, 3rem) clamp(1.2rem, 2.6vw, 1.7rem) clamp(1.3rem, 3vw, 1.8rem);
    text-align: center;
    border: 1px solid rgba(138, 98, 6, 0.35);
    border-top-left-radius: 120px;
    border-top-right-radius: 120px;
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(246, 241, 228, 0.92));
    box-shadow: 0 18px 44px rgba(12, 35, 28, 0.12);
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.flf-pacing-card:hover {
    transform: translateY(-5px);
    border-color: var(--line-gold-strong);
    box-shadow: 0 22px 54px rgba(234, 179, 8, 0.22);
}
.flf-pacing-card__medallion {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid var(--line-gold-strong);
    background: var(--c-ivory-soft);
    color: var(--c-gold-deep);
    box-shadow: 0 0 20px rgba(234, 179, 8, 0.28);
}
.flf-pacing-card h3 { color: var(--c-ink); font-size: 1.15rem; margin-bottom: 0.5rem; }
.flf-pacing-card p { color: var(--c-ink-soft); font-size: 0.92rem; margin: 0; }
@media (min-width: 900px) {
    .flf-pacing__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .flf-pacing__arc { display: block; }
}

@media (prefers-reduced-motion: reduce) {
    .flf-pacing-card { transition: none; }
    .flf-pacing-card:hover { transform: none; }
}