/* ============================================
   GoEastMatch - design tokens & global styles
   Cosmic executive: indigo night, champagne gold,
   1px silver hairlines, glass surfaces.
   ============================================ */

:root {
    /* Surfaces */
    --c-night: #0B0716;
    --c-night-2: #120C25;
    --c-indigo: #171034;
    --c-violet: #241646;
    --c-plum: #3A1E52;
    --c-onyx: #0D0A18;

    /* Accents */
    --c-gold: #E8C88A;
    --c-gold-bright: #F7E3B8;
    --c-gold-deep: #C9A063;
    --c-silver: #C3CBDA;
    --c-silver-dim: #94A3B8;
    --c-emerald: #10A37F;

    /* Text */
    --c-text: #F4F1FA;
    --c-text-muted: #C6C0DA;
    --c-text-soft: #A9A2C4;
    --c-ink: #14101F;

    /* Lines & glass */
    --line: 1px solid rgba(196, 205, 224, 0.20);
    --line-gold: 1px solid rgba(232, 200, 138, 0.46);
    --glass: rgba(255, 255, 255, 0.045);
    --glass-strong: rgba(255, 255, 255, 0.075);
    --shadow-soft: 0 22px 60px rgba(5, 3, 14, 0.55);
    --glow-gold: 0 0 34px rgba(232, 200, 138, 0.30);

    /* Type */
    --font-display: "Space Grotesk", "Segoe UI", Helvetica, Arial, sans-serif;
    --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    --fs-h1: clamp(2.15rem, 1.4rem + 3.1vw, 3.85rem);
    --fs-h2: clamp(1.6rem, 1.16rem + 1.8vw, 2.6rem);
    --fs-h3: clamp(1.12rem, 1rem + 0.5vw, 1.4rem);
    --fs-body: clamp(1rem, 0.97rem + 0.14vw, 1.075rem);
    --fs-small: 0.9rem;

    /* Space */
    --shell: 1200px;
    --pad-x: clamp(1.15rem, 4vw, 2.5rem);
    --section-y: clamp(3.4rem, 6vw, 6.5rem);
    --radius: 18px;
    --radius-sm: 12px;

    --header-bottom: 66px;
}

/* ============================================
   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;
    font-family: var(--font-body);
    font-size: var(--fs-body);
    line-height: 1.7;
    color: var(--c-text);
    background-color: var(--c-night);
    background-image:
        radial-gradient(120% 70% at 12% -10%, rgba(88, 52, 140, 0.55) 0%, rgba(11, 7, 22, 0) 62%),
        radial-gradient(90% 60% at 100% 6%, rgba(60, 40, 120, 0.42) 0%, rgba(11, 7, 22, 0) 58%);
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
}

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

h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); }

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

a {
    color: var(--c-gold-bright);
    text-decoration-thickness: 1px;
}
a:hover { color: #fff; }

ul, ol { margin: 0 0 1.1em; padding-left: 1.2em; }

strong { font-weight: 600; color: #fff; }

::selection { background: rgba(232, 200, 138, 0.3); color: #fff; }

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

.visually-hidden {
    position: absolute !important;
    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: 999;
    background: var(--c-gold-bright);
    color: var(--c-ink);
    padding: 0.75rem 1.15rem;
    border-radius: 0 0 10px 0;
    font-weight: 600;
}
.skip-link:focus {
    left: 0;
    color: var(--c-ink);
}

/* ============================================
   LAYOUT PRIMITIVES
   ============================================ */

.shell {
    width: 100%;
    max-width: var(--shell);
    margin-inline: auto;
    padding-inline: var(--pad-x);
    position: relative;
    z-index: 2;
}
.shell--wide { max-width: 1340px; }
.shell--narrow { max-width: 820px; }

.section {
    position: relative;
    isolation: isolate;
    padding-block: var(--section-y);
}
.section--flush { padding-block: 0; }
.section--tight { padding-block: clamp(2.2rem, 4vw, 3.6rem); }

.section--onyx {
    background: linear-gradient(180deg, var(--c-onyx) 0%, #100B22 100%);
    border-block: var(--line);
}
.section--indigo {
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.92) 0%, rgba(13, 9, 28, 0.95) 100%);
}
.section--nebula {
    background:
        radial-gradient(80% 90% at 20% 10%, rgba(120, 62, 168, 0.45) 0%, rgba(13, 9, 28, 0) 60%),
        radial-gradient(70% 80% at 85% 80%, rgba(63, 46, 150, 0.42) 0%, rgba(13, 9, 28, 0) 62%),
        linear-gradient(180deg, #130D28 0%, #1B1136 100%);
}
.section--amber {
    background: linear-gradient(120deg, #1A1034 0%, #3A2450 48%, #6C4E36 100%);
}

.bg-layer {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-layer--top { background-position: center 22%; }

.bg-scrim {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}
.bg-scrim--left {
    background: linear-gradient(90deg, rgba(11, 7, 22, 0.95) 0%, rgba(11, 7, 22, 0.86) 36%, rgba(11, 7, 22, 0.42) 66%, rgba(11, 7, 22, 0.62) 100%);
}
.bg-scrim--center {
    background: linear-gradient(180deg, rgba(11, 7, 22, 0.78) 0%, rgba(24, 14, 48, 0.72) 55%, rgba(11, 7, 22, 0.88) 100%);
}
.bg-scrim--bottom {
    background: linear-gradient(180deg, rgba(11, 7, 22, 0.30) 0%, rgba(11, 7, 22, 0.82) 72%, var(--c-night) 100%);
}

.grid { display: grid; gap: clamp(1rem, 2.4vw, 1.85rem); }
.grid--2 { grid-template-columns: minmax(0, 1fr); }
.grid--3 { grid-template-columns: minmax(0, 1fr); }
.grid--4 { grid-template-columns: minmax(0, 1fr); }
.grid--start { align-items: start; }

.split {
    display: grid;
    gap: clamp(1.6rem, 4vw, 3.2rem);
    align-items: center;
}

.stack > * + * { margin-top: 1.1rem; }

/* ============================================
   DECORATION
   ============================================ */

.constellation {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    opacity: 0.85;
}
.constellation--wave {
    left: 0; right: 0; bottom: -10px;
    width: 100%; height: 140px;
}
.constellation--web {
    inset: 0;
    width: 100%; height: 100%;
    opacity: 0.4;
}
.constellation--route {
    top: 0; bottom: 0; left: 50%;
    width: min(420px, 90%);
    height: 100%;
    transform: translateX(-50%);
    opacity: 0.5;
}

.glow-orb {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    filter: blur(70px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(232, 200, 138, 0.32) 0%, rgba(232, 200, 138, 0) 70%);
}

.eyebrow {
    font-family: var(--font-body);
    font-size: 0.78rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--c-gold);
    margin: 0 0 0.8rem;
    font-weight: 600;
}

.section-head { margin-bottom: clamp(1.6rem, 3vw, 2.6rem); }
.section-head--center { text-align: center; margin-inline: auto; max-width: 760px; }
.section-head--left { text-align: left; }
.section-title { margin-bottom: 0.5rem; }
.section-lead {
    color: var(--c-text-muted);
    max-width: 68ch;
}
.section-head--center .section-lead { margin-inline: auto; }

.rule-gold {
    height: 1px;
    border: 0;
    background: linear-gradient(90deg, rgba(232, 200, 138, 0) 0%, rgba(232, 200, 138, 0.7) 50%, rgba(232, 200, 138, 0) 100%);
    margin: clamp(1.6rem, 3vw, 2.4rem) 0;
}

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

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

.btn--gold {
    background: linear-gradient(105deg, #FBEFD3 0%, #E8C88A 55%, #D2AC6E 100%);
    color: #221806;
    box-shadow: var(--glow-gold);
}
.btn--gold:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 42px rgba(232, 200, 138, 0.48);
    color: #221806;
}

.btn--ghost {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(196, 205, 224, 0.34);
    color: var(--c-text);
}
.btn--ghost:hover {
    border-color: var(--c-gold);
    color: #fff;
}

.btn--emerald {
    background: linear-gradient(105deg, #12B68C 0%, #047857 100%);
    color: #fff;
}

.btn--small { min-height: 44px; padding: 0.55rem 1.1rem; font-size: 0.9rem; }
.btn--block { width: 100%; }

.btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    align-items: center;
}

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

/* ============================================
   HEADER + NAV
   ============================================ */

.site-header {
    position: sticky;
    top: 0;
    z-index: 120;
    background: rgba(11, 7, 22, 0.88);
    border-bottom: var(--line);
}
.site-header::before {
    content: "";
    position: absolute;
    inset: 0;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    z-index: -1;
}

.site-header__inner {
    max-width: 1340px;
    margin-inline: auto;
    padding: 0.7rem var(--pad-x);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
}

.site-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    text-decoration: none;
    color: var(--c-text);
    min-height: 44px;
}
.site-brand__text {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 1.12rem;
    letter-spacing: -0.01em;
    white-space: nowrap;
}
.site-brand__mark { flex: none; }

.nav-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 44px;
    min-width: 44px;
    padding: 0.4rem 0.7rem;
    background: rgba(255, 255, 255, 0.05);
    border: var(--line);
    border-radius: 999px;
    color: var(--c-text);
    font-family: var(--font-body);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}
.nav-toggle__box {
    display: grid;
    gap: 4px;
    width: 18px;
}
.nav-toggle__bar {
    display: block;
    height: 1.6px;
    background: var(--c-gold);
    border-radius: 2px;
    transition: transform 0.25s ease, opacity 0.2s ease;
}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1) { transform: translateY(5.6px) 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(-5.6px) rotate(-45deg); }

.header-actions { display: none; }

/* Mobile drawer */
.site-nav {
    position: fixed;
    top: var(--header-bottom);
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    background: #0A0614;
    border-top: var(--line);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1.2rem var(--pad-x) 3rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
    z-index: 110;
}
.site-nav.is-open {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
}

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

.nav-link {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 0.55rem 0.25rem;
    color: var(--c-text);
    font-weight: 500;
    text-decoration: none;
    border-bottom: var(--line);
}
.nav-link:hover { color: var(--c-gold-bright); }

.nav-drop { border-bottom: var(--line); }
.nav-drop__summary {
    list-style: none;
    cursor: pointer;
    justify-content: space-between;
    border-bottom: 0;
}
.nav-drop__summary::-webkit-details-marker { display: none; }
.nav-drop__summary::after {
    content: "";
    width: 8px; height: 8px;
    border-right: 1.4px solid var(--c-gold);
    border-bottom: 1.4px solid var(--c-gold);
    transform: rotate(45deg);
    transition: transform 0.22s ease;
    margin-left: 0.6rem;
}
.nav-drop[open] > .nav-drop__summary::after { transform: rotate(-135deg); }

.nav-panel { padding: 0.3rem 0 1rem; }
.nav-panel__title {
    font-size: 0.74rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--c-gold);
    margin-bottom: 0.4rem;
}
.nav-panel__list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-panel__list a {
    display: block;
    min-height: 44px;
    padding: 0.55rem 0.5rem;
    color: var(--c-text-muted);
    text-decoration: none;
    font-size: 0.95rem;
    border-radius: 8px;
}
.nav-panel__list a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.05);
}

.nav-list__item--cta { margin-top: 1.2rem; }

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

.breadcrumbs { margin-bottom: 1.1rem; }
.breadcrumbs__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    font-size: 0.84rem;
    color: var(--c-text-soft);
}
.breadcrumbs__item + .breadcrumbs__item::before {
    content: "›";
    margin-right: 0.4rem;
    color: var(--c-gold);
}
.breadcrumbs__item a {
    color: var(--c-text-muted);
    text-decoration: none;
}
.breadcrumbs__item a:hover { color: var(--c-gold-bright); text-decoration: underline; }
.breadcrumbs__item [aria-current="page"] { color: var(--c-text); }

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

.hero {
    position: relative;
    isolation: isolate;
    padding-block: clamp(3rem, 7vw, 6.5rem);
    min-height: clamp(460px, 70vh, 720px);
    display: flex;
    align-items: center;
    border-bottom: var(--line);
}
.hero__grid {
    display: grid;
    gap: clamp(1.6rem, 4vw, 3rem);
    align-items: center;
}
.hero__copy { max-width: 640px; }
.hero__title { margin-bottom: 0.7rem; }
.hero__lead {
    font-size: clamp(1.02rem, 0.98rem + 0.3vw, 1.2rem);
    color: var(--c-text-muted);
    max-width: 58ch;
}
.hero__markers {
    list-style: none;
    margin: 1.6rem 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.3rem;
}

.trust-marker {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.88rem;
    color: var(--c-text-muted);
}
.trust-marker .icon { color: var(--c-gold); flex: none; }

.stat-strip {
    list-style: none;
    margin: 2rem 0 0;
    padding: 1.2rem 0 0;
    border-top: var(--line);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem;
}
.stat-strip__value {
    display: block;
    font-family: var(--font-display);
    font-size: 1.3rem;
    color: var(--c-gold-bright);
}
.stat-strip__label {
    display: block;
    font-size: 0.84rem;
    color: var(--c-text-soft);
}

/* ============================================
   GLASS CARDS / VALUE CARDS
   ============================================ */

.glass {
    background: var(--glass);
    border: var(--line);
    border-radius: var(--radius);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: clamp(1.15rem, 2.4vw, 1.8rem);
}

.value-card {
    position: relative;
    padding: 1.35rem 1.3rem 1.5rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
    border: var(--line);
    border-radius: var(--radius);
}
.value-card::after {
    content: "";
    position: absolute;
    left: 1.3rem; right: 1.3rem; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, var(--c-gold) 0%, rgba(232, 200, 138, 0) 100%);
    opacity: 0.45;
    transition: opacity 0.25s ease;
}
.value-card:hover::after { opacity: 1; }
.value-card__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.6rem; }
.value-card__title { font-size: 1.08rem; margin-bottom: 0.45rem; }
.value-card__text { color: var(--c-text-muted); font-size: 0.96rem; margin: 0; }

.info-card {
    padding: 1.2rem 1.2rem 1.3rem;
    border: var(--line);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.035);
}
.info-card__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.5rem; }
.info-card__title { font-size: 1.02rem; margin-bottom: 0.35rem; }
.info-card__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }

.trust-badge {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    border: var(--line);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.04);
    font-size: 0.9rem;
}
.trust-badge__icon { color: var(--c-gold); display: inline-flex; flex: none; }
.trust-badge__label { color: var(--c-text); }

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

.profile-card {
    display: flex;
    flex-direction: column;
    border: var(--line);
    border-radius: var(--radius);
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(18, 12, 37, 0.85) 100%);
    box-shadow: var(--shadow-soft);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.profile-card:hover {
    transform: translateY(-4px);
    border-color: rgba(232, 200, 138, 0.55);
    box-shadow: 0 26px 60px rgba(5, 3, 14, 0.6), 0 0 30px rgba(232, 200, 138, 0.18);
}
.profile-card__media {
    aspect-ratio: 4 / 5;
    overflow: hidden;
}
.profile-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 25%;
    display: block;
}
.profile-card__body {
    padding: 1rem 1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}
.profile-card__label { font-size: 1rem; margin: 0; }
.profile-card__meta { font-size: 0.86rem; color: var(--c-text-soft); margin: 0; }
.profile-card__note { font-size: 0.86rem; color: var(--c-text-muted); margin: 0; }
.profile-card__tags {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
}
.profile-card__tags li {
    font-size: 0.76rem;
    padding: 0.2rem 0.6rem;
    border: 1px solid rgba(232, 200, 138, 0.4);
    border-radius: 999px;
    color: var(--c-gold-bright);
}
.profile-card__body .btn { margin-top: auto; }

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

.steps {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
}
.steps__route { opacity: 0.35; }
.steps__item {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}
.steps__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: var(--line-gold);
    background: rgba(13, 9, 28, 0.85);
    color: var(--c-gold-bright);
    font-family: var(--font-display);
    font-size: 1rem;
    box-shadow: 0 0 22px rgba(232, 200, 138, 0.22);
}
.steps__title { font-size: 1.1rem; margin-bottom: 0.35rem; }
.steps__text { color: var(--c-text-muted); margin: 0; }

/* ============================================
   ACCORDION
   ============================================ */

.accordion {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 0.7rem;
}
.accordion__item {
    border: var(--line);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.035);
    transition: border-color 0.22s ease, background 0.22s ease;
    align-self: start;
}
.accordion__item[open] {
    border-color: rgba(232, 200, 138, 0.55);
    background: rgba(255, 255, 255, 0.06);
}
.accordion__summary {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 56px;
    padding: 0.9rem 1.05rem;
    cursor: pointer;
    list-style: none;
    font-family: var(--font-display);
    font-size: 1.02rem;
    font-weight: 500;
    color: var(--c-text);
}
.accordion__summary::-webkit-details-marker { display: none; }
.accordion__star { color: var(--c-gold); display: inline-flex; flex: none; }
.accordion__question { flex: 1; }
.accordion__toggle {
    position: relative;
    flex: none;
    width: 18px;
    height: 18px;
}
.accordion__toggle::before,
.accordion__toggle::after {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    background: var(--c-gold);
    transform: translate(-50%, -50%);
    transition: transform 0.22s ease, opacity 0.22s ease;
}
.accordion__toggle::before { width: 14px; height: 1.6px; }
.accordion__toggle::after { width: 1.6px; height: 14px; }
.accordion__item[open] .accordion__toggle::after { opacity: 0; transform: translate(-50%, -50%) rotate(90deg); }
.accordion__panel {
    padding: 0 1.05rem 1.1rem 2.5rem;
    color: var(--c-text-muted);
}
.accordion__panel p:last-child { margin-bottom: 0; }

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

.table-wrapper {
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.03);
}
.compare-table {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
    font-size: 0.93rem;
}
.compare-table caption {
    caption-side: top;
    text-align: left;
    padding: 1rem 1.1rem 0;
    color: var(--c-text-soft);
    font-size: 0.86rem;
}
.compare-table th,
.compare-table td {
    padding: 0.85rem 1rem;
    border-bottom: var(--line);
    text-align: center;
    vertical-align: middle;
}
.compare-table thead th {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--c-text);
    background: rgba(11, 7, 22, 0.7);
    font-size: 0.9rem;
}
.compare-table tbody th {
    text-align: left;
    font-weight: 500;
    color: var(--c-text-muted);
    min-width: 210px;
}
.compare-table tr:last-child th,
.compare-table tr:last-child td { border-bottom: 0; }

.compare-table .is-highlight {
    background: rgba(232, 200, 138, 0.08);
    border-inline: 1px solid rgba(232, 200, 138, 0.45);
    color: #fff;
}
.compare-table thead .is-highlight {
    color: var(--c-gold-bright);
    box-shadow: inset 0 0 26px rgba(232, 200, 138, 0.14);
}

.mark { display: inline-flex; align-items: center; justify-content: center; }
.mark--yes { color: var(--c-gold-bright); }
.mark--partial { color: var(--c-silver-dim); }
.mark--no { color: rgba(196, 205, 224, 0.5); font-size: 1.1rem; }

/* ============================================
   TESTIMONIALS / CAROUSEL
   ============================================ */

.testimonial {
    position: relative;
    margin: 0;
    padding: 1.6rem 1.4rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.testimonial__quote-mark {
    font-family: var(--font-display);
    font-size: 3.4rem;
    line-height: 0.7;
    color: rgba(232, 200, 138, 0.55);
    display: block;
    margin-bottom: 0.4rem;
}
.testimonial__quote { margin: 0 0 0.9rem; }
.testimonial__quote p { color: var(--c-text); margin: 0; }
.testimonial__by {
    font-size: 0.88rem;
    color: var(--c-gold);
    font-weight: 600;
}
.testimonial__note {
    display: block;
    color: var(--c-text-soft);
    font-weight: 400;
    font-size: 0.82rem;
}

.carousel { position: relative; }
.carousel__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 88%);
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding-bottom: 0.6rem;
    scrollbar-width: thin;
}
.carousel__track > * { scroll-snap-align: start; }
.carousel__controls {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
    margin-top: 1rem;
}
.carousel__btn {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: var(--line-gold);
    background: rgba(255, 255, 255, 0.05);
    color: var(--c-gold-bright);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.carousel__btn:hover { box-shadow: var(--glow-gold); transform: translateY(-1px); }
.carousel__btn .icon { transform: rotate(180deg); }
.carousel__btn--next .icon { transform: none; }

/* ============================================
   LINK CARDS / CATEGORY CIRCLES / ARTICLES
   ============================================ */

.link-card {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1.1rem 1.15rem 1.2rem;
    border: var(--line);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.035);
    text-decoration: none;
    color: var(--c-text);
    transition: border-color 0.22s ease, transform 0.22s ease;
}
.link-card:hover { border-color: rgba(232, 200, 138, 0.6); transform: translateY(-2px); color: var(--c-text); }
.link-card__title { font-family: var(--font-display); font-size: 1.02rem; }
.link-card__text { font-size: 0.9rem; color: var(--c-text-muted); }
.link-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--c-gold-bright);
    margin-top: auto;
}

.pill-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    width: 100%;
    min-height: 48px;
    padding: 0.65rem 1.05rem;
    border-radius: 999px;
    background: linear-gradient(105deg, #FBEFD3 0%, #E8C88A 60%, #D2AC6E 100%);
    color: #221806;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.94rem;
}
.pill-link:hover { color: #221806; box-shadow: var(--glow-gold); }

.cat-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
    text-align: center;
    text-decoration: none;
    color: var(--c-text);
}
.cat-circle__ring {
    display: block;
    width: clamp(94px, 18vw, 132px);
    height: clamp(94px, 18vw, 132px);
    border-radius: 50%;
    overflow: hidden;
    border: var(--line-gold);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.8), 0 0 26px rgba(232, 200, 138, 0.18);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.cat-circle__ring img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cat-circle:hover .cat-circle__ring {
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.8), 0 0 40px rgba(232, 200, 138, 0.42);
    transform: translateY(-3px);
}
.cat-circle__label { font-family: var(--font-display); font-size: 0.98rem; }
.cat-circle__note { font-size: 0.82rem; color: var(--c-text-soft); }

.article-card {
    border: var(--line);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.035);
    overflow: hidden;
    transition: border-color 0.22s ease, transform 0.22s ease;
}
.article-card:hover { border-color: rgba(232, 200, 138, 0.55); transform: translateY(-2px); }
.article-card__link {
    display: flex;
    gap: 0.9rem;
    padding: 0.7rem;
    text-decoration: none;
    color: var(--c-text);
    align-items: center;
}
.article-card__media {
    flex: none;
    width: 96px;
    height: 72px;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}
.article-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.article-card__body { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.article-card__meta { font-size: 0.74rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-gold); }
.article-card__title { font-family: var(--font-display); font-size: 0.98rem; line-height: 1.3; }
.article-card__excerpt { font-size: 0.85rem; color: var(--c-text-muted); }

/* ============================================
   MEDIA FRAME
   ============================================ */

.media-frame {
    position: relative;
    margin: 0;
    border: var(--line);
    border-radius: var(--radius);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: var(--shadow-soft);
}
.media-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.media-frame figcaption {
    padding: 0.7rem 1rem;
    font-size: 0.84rem;
    color: var(--c-text-soft);
    border-top: var(--line);
}
.media-frame--tall img { aspect-ratio: 4 / 5; }
.media-frame--wide img { aspect-ratio: 16 / 10; }
.media-frame--float {
    float: none;
    margin: 0 0 1.3rem;
}

/* ============================================
   PROSE (legal / long-form)
   ============================================ */

.prose { max-width: 74ch; }
.prose h2 { margin-top: 2.2rem; }
.prose h3 { margin-top: 1.6rem; }
.prose ul, .prose ol { color: var(--c-text-muted); }
.prose li { margin-bottom: 0.5rem; }
.prose li::marker { color: var(--c-gold); }

.updated-line {
    font-size: 0.84rem;
    color: var(--c-text-soft);
    letter-spacing: 0.04em;
}

.callout {
    border-left: 2px solid var(--c-gold);
    background: rgba(232, 200, 138, 0.07);
    padding: 1rem 1.15rem;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    color: var(--c-text-muted);
}

.tag-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.65rem;
    margin: 0 0.2rem;
    border: 1px solid rgba(196, 205, 224, 0.32);
    border-radius: 999px;
    font-size: 0.82rem;
    color: var(--c-gold-bright);
    background: rgba(255, 255, 255, 0.04);
}

/* Sidebar rail for blog pages */
.rail {
    position: static;
    display: grid;
    gap: 0.75rem;
    padding: 1.1rem;
    border: var(--line-gold);
    border-radius: var(--radius);
    background: rgba(16, 10, 34, 0.75);
    box-shadow: inset 0 0 40px rgba(120, 62, 168, 0.22);
}
.rail__title {
    font-size: 0.76rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--c-gold);
    margin: 0;
}

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

.cta-band {
    position: relative;
    isolation: isolate;
    padding-block: clamp(2.8rem, 6vw, 5rem);
    text-align: center;
    border-block: var(--line);
}
.cta-band__inner { max-width: 720px; }
.cta-band__title { margin-bottom: 0.6rem; }
.cta-band__text { color: var(--c-text-muted); margin-bottom: 1.4rem; }
.cta-band__note { margin-top: 0.9rem; font-size: 0.85rem; color: var(--c-text-soft); }

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

.site-footer {
    background: linear-gradient(180deg, rgba(11, 7, 22, 0.6) 0%, #08050F 100%);
    border-top: var(--line);
    padding-block: clamp(2.6rem, 5vw, 4rem) 1.8rem;
    margin-top: clamp(2rem, 5vw, 4rem);
}
.footer-grid {
    display: grid;
    gap: clamp(1.6rem, 3vw, 2.6rem);
}
.footer-brand {
    font-family: var(--font-display);
    font-size: 1.2rem;
    color: var(--c-text);
    display: block;
    margin-bottom: 0.7rem;
}
.footer-text {
    color: var(--c-text-soft);
    font-size: 0.92rem;
    margin-bottom: 1.1rem;
    max-width: 42ch;
}
.footer-heading {
    font-size: 0.8rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--c-gold);
    margin-bottom: 0.8rem;
}
.footer-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-list li { margin-bottom: 0.1rem; }
.footer-list a {
    display: inline-block;
    padding: 0.4rem 0;
    color: var(--c-text-muted);
    text-decoration: none;
    font-size: 0.9rem;
    min-height: 34px;
}
.footer-list a:hover { color: var(--c-gold-bright); }
.footer-list--columns { columns: 2; column-gap: 1.4rem; }
.footer-list--columns li { break-inside: avoid; }

.footer-bottom {
    margin-top: 2rem;
    padding-top: 1.2rem;
    border-top: var(--line);
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem 1.4rem;
    justify-content: space-between;
    align-items: center;
    font-size: 0.84rem;
    color: var(--c-text-soft);
}
.footer-bottom p { margin: 0; }
.footer-legal {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 0;
    padding: 0;
}
.footer-legal a { color: var(--c-text-muted); text-decoration: none; }
.footer-legal a:hover { color: var(--c-gold-bright); }

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

.js .reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.js .reveal.is-visible {
    opacity: 1;
    transform: none;
}

/* ============================================
   BREAKPOINTS
   ============================================ */

@media (min-width: 560px) {
    .grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .carousel__track { grid-auto-columns: minmax(0, 62%); }
    .stat-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
    .grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .split--media { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .split--rail { grid-template-columns: minmax(0, 1fr); }
    .carousel__track { grid-auto-columns: minmax(0, 48%); }
    .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .media-frame--float {
        float: right;
        width: 34%;
        margin: 0.3rem 0 1rem 1.6rem;
    }
    .steps__item { grid-template-columns: 56px minmax(0, 1fr); gap: 1.3rem; }
}

@media (min-width: 1024px) {
    .grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .hero__grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
    .split--rail { grid-template-columns: minmax(0, 1fr) 320px; align-items: start; }
    .carousel__track { grid-auto-columns: minmax(0, 33%); }
    .footer-grid { grid-template-columns: 1.5fr 1fr 1.6fr 1.2fr; }
    .footer-list--columns { columns: 2; }

    .rail { position: sticky; top: calc(var(--header-bottom) + 1.4rem); }

    /* Desktop navigation */
    .nav-toggle { display: none; }
    .header-actions { display: flex; align-items: center; gap: 0.8rem; }

    .site-nav {
        position: static;
        height: auto;
        padding: 0;
        background: transparent;
        border: 0;
        overflow: visible;
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
        transition: none;
    }
    .nav-list {
        flex-direction: row;
        align-items: center;
        gap: 0.2rem;
    }
    .nav-link {
        min-height: 44px;
        padding: 0.5rem 0.75rem;
        border-bottom: 0;
        border-radius: 999px;
        font-size: 0.93rem;
        white-space: nowrap;
    }
    .nav-link:hover { background: rgba(255, 255, 255, 0.06); }
    .nav-list__item--panel { position: relative; }
    .nav-drop { border-bottom: 0; }
    .nav-panel {
        position: absolute;
        top: calc(100% + 0.55rem);
        left: 50%;
        transform: translateX(-50%);
        width: min(420px, 84vw);
        max-height: 70vh;
        overflow-y: auto;
        padding: 1.1rem 1.2rem;
        background: rgba(12, 8, 24, 0.97);
        border: var(--line);
        border-radius: var(--radius);
        box-shadow: var(--shadow-soft);
        z-index: 40;
    }
    .nav-panel--wide { width: min(760px, 90vw); }
    .nav-panel__list--columns { columns: 3; column-gap: 1.2rem; }
    .nav-panel__list--columns li { break-inside: avoid; }
    .nav-panel__list a { padding: 0.38rem 0.5rem; min-height: 36px; font-size: 0.9rem; }
    .nav-list__item--cta { display: none; }
}

@media (min-width: 1280px) {
    .nav-link { padding: 0.5rem 0.95rem; font-size: 0.95rem; }
}

/* ============================================
   REDUCED MOTION
   ============================================ */

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
    .js .reveal { opacity: 1; transform: none; }
    .carousel__track { scroll-behavior: auto; }
}

@media print {
    .site-header, .site-footer, .carousel__controls, .btn { display: none !important; }
    body { background: #fff; color: #000; }
}

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

.home-hero {
    padding-block: clamp(2.6rem, 6vw, 6rem);
}
.home-hero__bg {
    background-image: url("/assets/cdd6888712f2f065ca5184873cf9c61a.webp");
    background-position: 72% center;
}
.home-hero__orb {
    top: 8%;
    left: -8%;
    width: min(520px, 80vw);
    height: min(520px, 80vw);
}
.home-hero .hero__spacer { display: none; }
.home-hero .btn-row { margin-top: 1.5rem; }

@media (min-width: 1024px) {
    .home-hero { min-height: 640px; }
    .home-hero__bg {
        background-position: 78% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.35) 28%, #000 58%, #000 88%, rgba(0,0,0,.2) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.35) 28%, #000 58%, #000 88%, rgba(0,0,0,.2) 100%);
    }
    .home-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.94) 0%, rgba(11,7,22,.8) 38%, rgba(11,7,22,.24) 62%, rgba(11,7,22,.45) 100%);
    }
    .home-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose us */
.why-us__layout { display: grid; gap: clamp(1.4rem, 3vw, 2.6rem); align-items: start; }
.why-us__art { display: flex; justify-content: center; }
.why-us__art svg { width: min(280px, 70vw); height: auto; }
.why-us__blocks { margin-top: 1.6rem; }

@media (min-width: 1024px) {
    .why-us__layout { grid-template-columns: minmax(0, 0.62fr) minmax(0, 1fr); align-items: center; }
    .why-us__art svg { width: 320px; }
}

/* Featured profiles */
.profiles__wrap { position: relative; }
.profiles__arc {
    position: absolute;
    top: -46px;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 0;
    pointer-events: none;
    opacity: 0.8;
}
.profiles__grid { position: relative; z-index: 2; }

/* Categories */
.cat-row { position: relative; padding-block: clamp(1rem, 3vw, 2rem); }
.cat-row__ribbon {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}
.cat-row__items {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1.1rem, 3vw, 2rem);
    justify-items: center;
}
@media (min-width: 768px) {
    .cat-row__items { grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: start; }
}

.cat-more {
    margin-top: clamp(1.8rem, 4vw, 2.8rem);
    padding: clamp(1.1rem, 2.4vw, 1.7rem);
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.04);
}
.cat-more__title { font-size: 1.05rem; margin-bottom: 0.5rem; }
.cat-more__text { color: var(--c-text-muted); margin: 0; }

/* Match quiz */
.quiz-section__bg {
    background-image: url("/assets/204536bc7413992e7f47418cad97d5a0.webp");
    background-position: center;
}
.quiz {
    position: relative;
    max-width: 640px;
    margin-inline: auto;
    padding: clamp(1.5rem, 3.4vw, 2.4rem) clamp(1.15rem, 3vw, 2.2rem) clamp(1.2rem, 2.6vw, 1.8rem);
    border: var(--line-gold);
    border-radius: var(--radius);
    background: rgba(12, 8, 26, 0.78);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: inset 0 0 60px rgba(120, 62, 168, 0.26), var(--shadow-soft);
}
.quiz__orbit { display: block; margin: -1.2rem auto 0.9rem; max-width: 340px; }
.quiz__orbit svg { width: 100%; height: 54px; }

.quiz__progress {
    height: 12px;
    border-radius: 999px;
    border: var(--line);
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
}
.quiz__progress-fill {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #C9A063 0%, #E8C88A 55%, #FFF8EA 100%);
    transition: width 0.35s ease;
}
.quiz__counter {
    margin: 0.55rem 0 1.1rem;
    font-size: 0.82rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--c-gold);
}
.quiz__question { font-size: 1.1rem; margin-bottom: 0.9rem; }
.quiz__options { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.quiz__option {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    min-height: 48px;
    padding: 0.7rem 1rem;
    text-align: left;
    border: var(--line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    color: var(--c-text);
    font-family: var(--font-body);
    font-size: 0.94rem;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease;
}
.quiz__option .icon { color: var(--c-gold); flex: none; }
.quiz__option:hover { border-color: rgba(232, 200, 138, 0.6); background: rgba(255, 255, 255, 0.08); }
.quiz__option.is-chosen {
    border-color: var(--c-gold);
    background: rgba(232, 200, 138, 0.16);
}
.quiz__final-text { color: var(--c-text-muted); }
.quiz__actions {
    display: flex;
    gap: 0.7rem;
    justify-content: center;
    margin-top: 1.3rem;
}
.quiz__note {
    margin: 0.9rem 0 0;
    text-align: center;
    font-size: 0.8rem;
    color: var(--c-text-soft);
}

/* Success stories */
.stories__layout { display: grid; gap: clamp(1.4rem, 3vw, 2.4rem); align-items: start; }
.stories__media { display: grid; gap: 1rem; }
.stories__media-square img { aspect-ratio: 1 / 1; }
.stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.92rem; }

@media (min-width: 768px) {
    .stories__media { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
}
@media (min-width: 1024px) {
    .stories__layout { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); }
    .stories__media { grid-template-columns: minmax(0, 1fr); }
}

/* How it works */
.process__wrap { position: relative; }
.process__ornament { position: absolute; opacity: 0.5; pointer-events: none; display: none; }
.process__ornament--left { top: 4%; right: -3%; }
.process__ornament--right { bottom: 6%; left: -4%; }
.process__more { margin-top: 1.8rem; color: var(--c-text-muted); }
.btn-row--center { justify-content: center; }

@media (min-width: 1024px) {
    .process__ornament { display: block; }
}

/* Safety */
.safety__layout { display: grid; gap: clamp(1.4rem, 3vw, 2.6rem); align-items: center; }
.safety__art { display: flex; justify-content: center; }
.safety__art svg { width: min(260px, 66vw); height: auto; }
.safety__badges { margin-top: 1.5rem; }
.safety__badges .trust-badge {
    box-shadow: inset 0 0 26px rgba(232, 200, 138, 0.08);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
@media (min-width: 560px) {
    .safety__badges { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .safety__layout { grid-template-columns: minmax(0, 0.6fr) minmax(0, 1fr); }
    .safety__art svg { width: 300px; }
    .safety__badges { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Comparison */
.compare__intro {
    max-width: 74ch;
    margin-inline: auto;
    margin-bottom: 1.6rem;
    color: var(--c-text-muted);
    text-align: left;
}

/* FAQ extras */
.faq-home__reading { margin-top: clamp(1.8rem, 4vw, 2.8rem); }
.faq-home__reading-title { font-size: 1.05rem; margin-bottom: 0.9rem; }

/* Join band */
.join-band { border-bottom: 0; }
.join-band__bg {
    background-image: url("/assets/676c1a2e7034c9457f96451d42c1657e.webp");
    background-position: center 40%;
}
.join-band__scrim {
    background:
        radial-gradient(62% 92% at 50% 50%, rgba(11, 7, 22, 0.92) 0%, rgba(11, 7, 22, 0.68) 55%, rgba(11, 7, 22, 0.42) 100%),
        linear-gradient(180deg, var(--c-night) 0%, rgba(11, 7, 22, 0.42) 26%, rgba(11, 7, 22, 0.5) 74%, rgba(11, 7, 22, 0.9) 100%);
}
.join-band .cta-band__inner { text-align: center; }

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

.hiw-hero__bg {
    background-image: url("/assets/da4702a9580fa8ab04d86dbde2bd10aa.webp");
    background-position: 74% center;
}
.hiw-hero__orb {
    top: 10%;
    left: -6%;
    width: min(460px, 78vw);
    height: min(460px, 78vw);
}
.hiw-hero .hero__spacer { display: none; }
.hiw-hero .breadcrumbs__item a,
.hiw-hero .breadcrumbs__item span { color: var(--c-text-muted); }

@media (min-width: 1024px) {
    .hiw-hero { min-height: 620px; }
    .hiw-hero__bg {
        background-position: 78% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.35) 26%, #000 56%, #000 88%, rgba(0,0,0,.2) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.35) 26%, #000 56%, #000 88%, rgba(0,0,0,.2) 100%);
    }
    .hiw-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.94) 0%, rgba(11,7,22,.8) 38%, rgba(11,7,22,.24) 62%, rgba(11,7,22,.45) 100%);
    }
    .hiw-hero .hero__spacer { display: block; min-height: 400px; }
}

.verify-shield-mark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, 92%);
    height: auto;
    opacity: 0.16;
    z-index: 0;
    pointer-events: none;
}
.verify__text { position: relative; z-index: 1; }

.hiw-browse { text-align: center; }
.hiw-browse__text {
    max-width: 62ch;
    margin: 0 auto;
    color: var(--c-text-muted);
}
.hiw-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    justify-content: center;
    margin-top: 1.4rem;
}
.hiw-chip-row .pill-link { width: auto; }

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

.faq-hero { padding-block: clamp(2.4rem, 6vw, 5.5rem); min-height: clamp(420px, 58vh, 600px); }
.faq-hero__bg {
    background-image: url("/assets/c97a0da74d0f8d29151f7e0afcf3b904.webp");
    background-position: 78% center;
    -webkit-mask-image: linear-gradient(180deg, #000 62%, rgba(0,0,0,0.4) 86%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 62%, rgba(0,0,0,0.4) 86%, transparent 100%);
}
.faq-hero__orb {
    top: 10%;
    left: 4%;
    width: min(420px, 72vw);
    height: min(420px, 72vw);
}
.faq-hero .hero__spacer { display: none; }
@media (min-width: 1024px) {
    .faq-hero { min-height: 540px; }
    .faq-hero__bg { background-position: 82% 30%; }
    .faq-hero .hero__spacer { display: block; min-height: 380px; }
}

.faq-group { position: relative; isolation: isolate; }
.faq-group__head {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.5rem;
}
.faq-group__head .section-title { margin: 0; }
.faq-group__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
}
.faq-group__icon--orbit { padding: 4px; }
.faq-group .accordion { margin-top: 1.6rem; }

.faq-group--started { position: relative; }
.faq-group__route {
    top: 8%;
    left: 50%;
    transform: translateX(-50%);
    width: min(360px, 90%);
    height: 92%;
    opacity: 0.32;
}
.faq-group--started .shell { position: relative; z-index: 1; }

.faq-cta { padding-block: clamp(2.4rem, 5vw, 4rem); }
.faq-cta__panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    text-align: center;
    padding: clamp(1.8rem, 4vw, 2.8rem) clamp(1.3rem, 4vw, 2.4rem);
    border: var(--line-gold);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.faq-cta__glow {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: 140%;
    z-index: 0;
}
.faq-cta__panel .eyebrow,
.faq-cta__panel .cta-band__title,
.faq-cta__panel .cta-band__text,
.faq-cta__panel .btn { position: relative; z-index: 1; }
.faq-cta__panel .cta-band__text {
    color: var(--c-text-muted);
    max-width: 56ch;
    margin-inline: auto;
    margin-bottom: 1.3rem;
}

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

.about-hero__bg {
    background-position: center 30%;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 68%, rgba(0,0,0,0.15) 92%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 68%, rgba(0,0,0,0.15) 92%, transparent 100%);
}
.about-hero__glow {
    top: 18%;
    left: 4%;
    width: min(420px, 70vw);
    height: min(420px, 70vw);
}
.about-hero__arc {
    margin: 0.4rem 0 0.6rem -0.4rem;
    opacity: 0.85;
}
.about-hero__arc svg { width: 100%; height: 70px; }

@media (min-width: 1024px) {
    .about-hero { min-height: 560px; }
    .about-hero__bg { background-position: 82% 28%; }
}

/* Mission */
.mission__head-wrap { position: relative; }
.mission__orbit {
    position: absolute;
    top: -1.6rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(320px, 80%);
    z-index: 0;
    pointer-events: none;
}
.mission__head-wrap .section-head { position: relative; z-index: 1; }

/* Values */
.values-wrap { position: relative; }
.values-wrap__line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 40px;
    transform: translateY(-50%);
    z-index: 0;
    opacity: 0.55;
    pointer-events: none;
    display: none;
}
.values-wrap__grid { position: relative; z-index: 1; align-items: start; }

@media (min-width: 1024px) {
    .values-wrap__line { display: block; }
}

/* Verification */
.verify__layout { display: grid; gap: clamp(1.4rem, 3vw, 2.6rem); align-items: center; }
.verify__frame {
    border-color: rgba(232, 200, 138, 0.55);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 44px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}

@media (min-width: 1024px) {
    .verify__layout { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr); }
}

/* Community scope */
.community { position: relative; isolation: isolate; }
.community__web {
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0.22;
    pointer-events: none;
}
.community .shell { position: relative; z-index: 1; }

/* CTA join panel */
.about-cta { padding-block: clamp(2.4rem, 5vw, 4rem); }
.about-cta__panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    text-align: center;
    padding: clamp(1.8rem, 4vw, 2.8rem) clamp(1.3rem, 4vw, 2.4rem);
    border: var(--line-gold);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.about-cta__stars {
    display: block;
    width: 100%;
    max-width: 460px;
    height: 40px;
    margin: 0 auto 0.6rem;
    position: relative;
    z-index: 1;
}
.about-cta__glow {
    top: -30%;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 140%;
    z-index: 0;
}
.about-cta__title { position: relative; z-index: 1; margin-bottom: 0.6rem; }
.about-cta__text {
    position: relative;
    z-index: 1;
    color: var(--c-text-muted);
    max-width: 56ch;
    margin-inline: auto;
    margin-bottom: 1.4rem;
}
.about-cta__panel .btn-row { position: relative; z-index: 1; }

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

.contact-hero { padding-block: clamp(2.4rem, 6vw, 5.5rem); min-height: clamp(420px, 58vh, 600px); }
.contact-hero__bg {
    background-image: url("/assets/d2ec5eb20b9a8e7a6354c316dbffbb93.webp");
    background-position: center right;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.22) 16%, #000 46%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.22) 16%, #000 46%, #000 100%);
}
.contact-hero__orb {
    top: 14%;
    left: 2%;
    width: min(380px, 68vw);
    height: min(380px, 68vw);
}
.contact-hero .hero__spacer { display: none; }
@media (min-width: 1024px) {
    .contact-hero { min-height: 540px; }
    .contact-hero .hero__spacer { display: block; min-height: 360px; }
}

/* Contact channels */
.channels__wrap { position: relative; }
.channels__web {
    position: absolute;
    inset: -6% -4%;
    width: auto;
    height: auto;
    z-index: 0;
    opacity: 0.3;
    pointer-events: none;
}
.channels__grid { position: relative; z-index: 2; align-items: start; }

.channel-card {
    position: relative;
    padding: 1.3rem 1.2rem 1.4rem;
    border: var(--line-gold);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
    box-shadow: inset 0 0 0 1px rgba(11, 7, 22, 0.4);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.channel-card:hover {
    box-shadow: var(--glow-gold), inset 0 0 0 1px rgba(11, 7, 22, 0.4);
    transform: translateY(-3px);
}
.channel-card__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.channel-card__title { font-size: 1.02rem; margin-bottom: 0.4rem; }
.channel-card__text { color: var(--c-text-muted); font-size: 0.92rem; margin: 0; }
.channel-card__text a { color: var(--c-gold-bright); }

/* Support hours */
.support-hours__head {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 1rem;
}
.support-hours__head .section-title { margin: 0; }
.support-hours__orbit { flex: none; }

.hours-rows {
    display: grid;
    gap: 1rem;
}
.hours-row {
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;
    padding: 0.2rem 0;
}
.hours-row__icon {
    color: var(--c-gold);
    flex: none;
    margin-top: 0.15rem;
}
.hours-row__title { font-size: 1rem; margin-bottom: 0.3rem; }
.hours-row__text { color: var(--c-text-muted); font-size: 0.9rem; margin: 0; }

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

/* Self-service resource list */
.resource-list {
    list-style: none;
    margin: 1.4rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.6rem;
}
.resource-bar a {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 52px;
    padding: 0.8rem 1.05rem;
    border: var(--line);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.035);
    color: var(--c-text);
    text-decoration: none;
    font-size: 0.95rem;
    transition: border-color 0.22s ease, color 0.22s ease;
}
.resource-bar a .icon { color: var(--c-gold-deep); flex: none; transition: color 0.22s ease; }
.resource-bar a:hover { border-color: rgba(232, 200, 138, 0.6); color: #fff; }
.resource-bar a:hover .icon { color: var(--c-gold-bright); }

/* ============================================
   PRIVACY POLICY PAGE
   ============================================ */

.privacy-hero__bg {
    background-image: url("/assets/d2ec5eb20b9a8e7a6354c316dbffbb93.webp");
    background-position: 82% center;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.22) 16%, #000 48%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.22) 16%, #000 48%, #000 100%);
}
.privacy-hero__orb {
    top: 14%;
    left: 2%;
    width: min(380px, 66vw);
    height: min(380px, 66vw);
}
.privacy-hero { min-height: clamp(400px, 54vh, 560px); padding-block: clamp(2.2rem, 5vw, 4.6rem); }
.privacy-hero .hero__spacer { display: none; }
@media (min-width: 1024px) {
    .privacy-hero { min-height: 500px; }
    .privacy-hero .hero__spacer { display: block; min-height: 340px; }
}

.privacy-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
    background: rgba(255, 255, 255, 0.03);
    border-radius: var(--radius);
    overflow: hidden;
}
.privacy-grid__cell {
    padding: clamp(1.2rem, 2.6vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.privacy-grid__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.privacy-grid__title { font-size: 1.02rem; margin-bottom: 0.4rem; }
.privacy-grid__text { color: var(--c-text-muted); font-size: 0.92rem; margin: 0; }

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

.privacy-use {
    list-style: none;
    margin: 1.4rem 0 0;
    padding: 0 0 0 1.3rem;
    border-left: var(--line);
    display: grid;
    gap: 0.85rem;
}
.privacy-use li {
    position: relative;
    color: var(--c-text-muted);
    padding-left: 0.2rem;
}
.privacy-use li::before {
    content: "";
    position: absolute;
    left: -1.3rem;
    top: 0.42em;
    width: 7px;
    height: 7px;
    background: var(--c-emerald);
    transform: rotate(45deg);
}
.privacy-use li strong { color: var(--c-text); }

.privacy-payment { position: relative; isolation: isolate; overflow: hidden; }
.privacy-payment__lock {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(460px, 90%);
    height: auto;
    opacity: 0.14;
    z-index: 0;
    pointer-events: none;
}
.privacy-payment::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(16, 163, 127, 0.22) 0%, rgba(16, 163, 127, 0) 70%);
    z-index: 0;
    pointer-events: none;
}
.privacy-payment__body { position: relative; z-index: 1; }

.privacy-rights { margin-top: 1.4rem; }
.privacy-rights__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem 0;
    border-bottom: var(--line);
}
.privacy-rights__row:first-child { border-top: var(--line); }
.privacy-rights__title { font-size: 1rem; margin-bottom: 0.35rem; }
.privacy-rights__text { color: var(--c-text-muted); font-size: 0.92rem; margin: 0; }
.privacy-rights__chevron { color: var(--c-gold); flex: none; }

.privacy-cta { border-bottom: 0; }

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

.terms-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: auto;
    display: block;
    padding-block: clamp(2.4rem, 6vw, 5rem);
    border-bottom: var(--line);
}
.terms-hero__grid {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    pointer-events: none;
}
.terms-hero .shell { position: relative; z-index: 1; }
.terms-hero__lead {
    color: var(--c-text-muted);
    max-width: 62ch;
    margin-top: 0.6rem;
}
.terms-updated { margin-top: 1rem; }

.eligibility-frame {
    position: relative;
    margin-top: 1.6rem;
    padding: clamp(1.4rem, 3vw, 2rem);
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(244, 241, 250, 0.045);
}
.eligibility-frame__tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    background: var(--c-emerald);
    border-radius: 0 0 8px 0;
}
.eligibility-frame__cols p { color: var(--c-text-muted); }

.conduct-grid {
    margin-top: 1.8rem;
    display: grid;
    border-top: var(--line);
    border-left: var(--line);
}
.conduct-cell {
    padding: clamp(1.1rem, 2.4vw, 1.5rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.conduct-cell__icon { display: inline-flex; margin-bottom: 0.55rem; }
.conduct-cell__title { font-size: 1rem; margin-bottom: 0.4rem; }
.conduct-cell__text { color: var(--c-text-muted); font-size: 0.92rem; margin: 0; }

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

.tier-stack {
    margin-top: 1.8rem;
    display: grid;
    gap: 0.7rem;
    max-width: 420px;
}
.tier-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.85rem 1.15rem;
    border: var(--line);
    border-radius: 999px;
    font-size: 0.9rem;
    color: var(--c-text-muted);
    background: rgba(255, 255, 255, 0.03);
}
.tier-bar--top {
    background: linear-gradient(105deg, rgba(16, 163, 127, 0.3) 0%, rgba(4, 120, 87, 0.46) 100%);
    border-color: rgba(16, 163, 127, 0.55);
    color: #fff;
}
.tier-badge { display: inline-flex; align-items: center; gap: 0.45rem; font-weight: 600; }

.liability-block {
    position: relative;
    isolation: isolate;
}
.liability-block__scales {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(360px, 90%);
    height: auto;
    opacity: 0.16;
    z-index: 0;
    pointer-events: none;
    filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.4));
}
.liability-block__text {
    position: relative;
    z-index: 1;
    color: var(--c-text-muted);
    margin: 0;
}

.policy-cards {
    margin-top: 1.7rem;
    display: grid;
    gap: 1rem;
}
.policy-card { position: relative; overflow: hidden; }
.policy-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--c-emerald);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}
.policy-card:hover::after { transform: scaleX(1); }

@media (min-width: 768px) {
    .policy-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.terms-more {
    margin-top: 1.6rem;
    color: var(--c-text-muted);
    text-align: center;
}

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

.cookie-hero { min-height: clamp(400px, 54vh, 540px); padding-block: clamp(2.2rem, 5vw, 4.4rem); }
.cookie-hero__bg {
    background-image: url("/assets/275e84c91d830e9fc7c6e1f1379e4032.webp");
    background-position: 82% center;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.22) 16%, #000 48%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.22) 16%, #000 48%, #000 100%);
}
.cookie-hero__orb {
    top: 12%;
    left: 2%;
    width: min(380px, 66vw);
    height: min(380px, 66vw);
}
.cookie-hero .hero__spacer { display: none; }
.cookie-hero__curve { margin: 1.1rem 0 0 -0.3rem; opacity: 0.85; }
.cookie-hero__curve svg { width: 100%; max-width: 420px; height: 60px; }

@media (min-width: 1024px) {
    .cookie-hero { min-height: 480px; }
    .cookie-hero .hero__spacer { display: block; min-height: 320px; }
}

.cookie-card {
    position: relative;
    padding: 1.3rem 1.2rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius-sm);
    background: rgba(244, 241, 250, 0.045);
    overflow: hidden;
}
.cookie-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: linear-gradient(135deg, transparent 50%, rgba(16, 163, 127, 0.5) 50%);
}
.cookie-card__icon { color: var(--c-silver); display: inline-flex; margin-bottom: 0.6rem; }
.cookie-card__title { font-size: 1.02rem; margin-bottom: 0.4rem; }
.cookie-card__text { color: var(--c-text-muted); font-size: 0.92rem; margin: 0; }

.cookie-toggles {
    display: flex;
    flex-wrap: wrap;
    gap: 1.1rem 1.6rem;
    margin-top: 1.8rem;
}
.cookie-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    min-height: 44px;
}
.cookie-toggle:disabled { cursor: not-allowed; }
.cookie-toggle__track {
    position: relative;
    width: 46px;
    height: 26px;
    flex: none;
    border-radius: 999px;
    border: 1px solid rgba(196, 205, 224, 0.4);
    background: rgba(255, 255, 255, 0.05);
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.cookie-toggle__track::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--c-silver-dim);
    transition: transform 0.2s ease, background 0.2s ease;
}
.cookie-toggle--locked { opacity: 0.55; }
.cookie-toggle--active .cookie-toggle__track {
    border-color: rgba(16, 163, 127, 0.6);
    background: rgba(16, 163, 127, 0.18);
    box-shadow: 0 0 18px rgba(16, 163, 127, 0.35);
}
.cookie-toggle--active .cookie-toggle__track::after {
    background: var(--c-emerald);
    transform: translateX(20px);
}
.cookie-toggle__label { font-size: 0.9rem; color: var(--c-text-muted); text-align: left; }
.cookie-toggle--active .cookie-toggle__label { color: var(--c-text); }
.cookie-toggles__note {
    margin-top: 0.9rem;
    font-size: 0.82rem;
    color: var(--c-text-soft);
}

.cookie-third-party__inner { position: relative; isolation: isolate; text-align: center; }
.cookie-third-party__rings {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(300px, 90%);
    height: auto;
    opacity: 0.5;
    z-index: 0;
    pointer-events: none;
}
.cookie-third-party__inner .section-head,
.cookie-third-party__text { position: relative; z-index: 1; }
.cookie-third-party__text {
    max-width: 68ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}

.cookie-questions__text {
    text-align: center;
    max-width: 66ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}

/* ============================================
   BLOG ARTICLE - TOKYO EXPAT DATING
   ============================================ */

.article-hero {
    min-height: clamp(440px, 64vh, 660px);
    padding-block: clamp(2.2rem, 5.5vw, 5rem);
}
.article-hero__bg {
    background-image: url("/assets/ac4cd47c71a140f9ca6f2425c6c8c608.webp");
    background-position: 68% center;
}
.article-hero .bg-scrim--left {
    background: linear-gradient(90deg, rgba(11, 7, 22, 0.96) 0%, rgba(11, 7, 22, 0.9) 28%, rgba(11, 7, 22, 0.46) 62%, rgba(11, 7, 22, 0.52) 100%);
}
.article-hero__copy { max-width: 620px; position: relative; z-index: 2; }
.article-hero__standfirst {
    font-size: clamp(1rem, 0.96rem + 0.3vw, 1.16rem);
    color: var(--c-text-muted);
    max-width: 56ch;
}
.article-hero .updated-line { margin: 0.9rem 0 0; }
.article-hero .btn-row { margin-top: 1.4rem; }
.article-hero__sweep {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: 110px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .article-hero__bg { background-position: 74% center; }
}

/* Article body */
.post { max-width: 74ch; }
.post h2 { margin-top: clamp(2rem, 4vw, 2.8rem); }
.post h2:first-child { margin-top: 0; }
.post p { color: var(--c-text-muted); }
.post__figure { margin: 1.6rem 0; }
.post__callout { margin: 1.8rem 0; }
.post__closing { margin-top: 1.6rem; }
.post .accordion { margin-top: 1.2rem; }

/* Tips two-column block */
.tips__layout {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
    align-items: start;
    margin-top: 1.4rem;
}
.tips__media { display: grid; gap: 1rem; }
.media-frame--portrait img { aspect-ratio: 3 / 4; }

.tip-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.9rem;
}
.tip-list li {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 0.7rem;
    color: var(--c-text-muted);
    font-size: 0.96rem;
}
.tip-list .tip-star { margin-top: 0.45em; }
.tip-list strong { display: block; color: var(--c-text); margin-bottom: 0.1rem; }

@media (min-width: 560px) {
    .tips__media { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .tips__layout { grid-template-columns: minmax(0, 0.62fr) minmax(0, 1fr); }
    .tips__media { grid-template-columns: minmax(0, 1fr); }
}

/* Sidebar rail */
.post-rail {
    border: var(--line);
    background: linear-gradient(180deg, rgba(13, 10, 24, 0.94) 0%, rgba(11, 7, 22, 0.97) 100%);
    box-shadow: var(--shadow-soft);
    gap: 0.65rem;
}
.post-rail .rail__title { margin-bottom: 0.35rem; }

.rail-pill {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 48px;
    padding: 0.7rem 1.05rem;
    border-radius: 999px;
    border: 1px solid rgba(196, 205, 224, 0.28);
    background: rgba(255, 255, 255, 0.045);
    color: var(--c-text);
    text-decoration: none;
    font-size: 0.93rem;
    font-weight: 500;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.rail-pill .icon { color: var(--c-gold); flex: none; transition: color 0.25s ease; }
.rail-pill:hover {
    background: linear-gradient(100deg, #F1EEF8 0%, #9ED9C6 52%, #10A37F 100%);
    border-color: rgba(16, 163, 127, 0.65);
    color: #10190F;
}
.rail-pill:hover .icon { color: #10190F; }

.post-rail__cards { display: grid; gap: 0.7rem; margin-top: 0.45rem; }
.post-rail__note {
    margin: 0.5rem 0 0;
    font-size: 0.82rem;
    color: var(--c-text-soft);
}

/* Join community card */
.join-card-section { padding-block: clamp(2.2rem, 5vw, 4rem); }
.join-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 280px;
    padding: clamp(2rem, 5vw, 3.4rem) clamp(1.2rem, 4vw, 2.4rem);
    border: var(--line);
    border-radius: var(--radius);
}
.join-card__bg {
    background-image: url("/assets/67469467832a5e2fd057bdc08bcdf1d8.webp");
    background-position: center 42%;
}
.join-card__wash {
    background:
        radial-gradient(60% 90% at 50% 50%, rgba(11, 7, 22, 0.9) 0%, rgba(11, 7, 22, 0.6) 60%, rgba(11, 7, 22, 0.4) 100%),
        linear-gradient(120deg, rgba(11, 7, 22, 0.9) 0%, rgba(11, 7, 22, 0.6) 46%, rgba(4, 120, 87, 0.58) 100%);
}
.join-card__inner {
    position: relative;
    z-index: 2;
    max-width: 620px;
}
.join-card__inner .cta-band__text { color: var(--c-text-muted); }

/* ============================================
   BLOG ARTICLE - SOUTH ASIAN DATING TRENDS
   ============================================ */

.sae-hero__bg {
    background-image: url("/assets/4315ecbbe55c4e4f6708c85a6a64dfe9.webp");
    background-position: 70% center;
}
@media (min-width: 1024px) {
    .sae-hero__bg { background-position: 76% center; }
}

.sae-join__bg {
    background-image: url("/assets/8934e02875d814d5bae72e8317ba59c8.webp");
    background-position: center 44%;
}

/* ============================================
   BLOG ARTICLE - CENTRAL ASIAN DATING CULTURE
   ============================================ */

.caa-hero__bg {
    background-image: url("/assets/b8f51419ad36df3b5c749661449be087.webp");
    background-position: 68% center;
}
@media (min-width: 1024px) {
    .caa-hero__bg { background-position: 74% center; }
}

.caa-join__bg {
    background-image: url("/assets/8a97bcfd428284daa206b07a47f57b27.webp");
    background-position: center 42%;
}

/* ============================================
   BLOG ARTICLE - PHILIPPINES DATING GEOGRAPHY
   ============================================ */

.pdg-hero__bg {
    background-image: url("/assets/ac4cd47c71a140f9ca6f2425c6c8c608.webp");
    background-position: 68% center;
}
@media (min-width: 1024px) {
    .pdg-hero__bg { background-position: 74% center; }
}

/* Soft violet radial glow behind first paragraph */
.pdg-section .pdg-post > p:first-of-type {
    position: relative;
}

.pdg-constellation {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.25;
}

.pdg-section > .shell {
    position: relative;
    z-index: 1;
}

/* Floating portrait media in island-values section */
.pdg__float {
    float: none;
    margin: 0 0 1.4rem;
}
@media (min-width: 768px) {
    .pdg__float {
        float: right;
        width: 34%;
        margin: 0.3rem 0 1rem 1.6rem;
    }
}

/* Tip list separator hairlines */
.pdg-tip-list li {
    padding-bottom: 0.9rem;
    border-bottom: 1px solid rgba(196, 205, 224, 0.14);
    margin-inline: 0;
}
.pdg-tip-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

/* Related reading cards */
.pdg-related__grid {
    align-items: start;
}
.pdg-related__card {
    position: relative;
    overflow: hidden;
}
.pdg-related__card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--c-gold) 0%, var(--c-gold-bright) 100%);
    transition: width 0.3s ease;
}
.pdg-related__card:hover::after {
    width: 100%;
}

/* CTA community card */
.pdg-cta-section { padding-block: clamp(2.2rem, 5vw, 4rem); }
.pdg-cta-card {
    min-height: 320px;
}
.pdg-cta__bg {
    background-image: url("/assets/67469467832a5e2fd057bdc08bcdf1d8.webp");
    background-position: center 42%;
}
.pdg-cta__frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

/* ============================================
   BLOG ARTICLE - TRAVEL ROMANCE TRIP PLANNING
   ============================================ */

.trip-hero__bg {
    background-image: url("/assets/a09ab4d4b526132196ae46be9c8ec8ff.webp");
    background-position: 74% center;
}
@media (min-width: 1024px) {
    .trip-hero__bg { background-position: 78% center; }
}

.trip-cta__bg {
    background-image: url("/assets/04d3f3c86ca0583dc80b739d9028371d.webp");
    background-position: center 40%;
}

/* Floating portrait media for island-leg section */
.trip__float {
    float: none;
    margin: 0 0 1.4rem;
}
@media (min-width: 768px) {
    .trip__float {
        float: right;
        width: 34%;
        margin: 0.3rem 0 1rem 1.6rem;
    }
}

/* ============================================
   BLOG ARTICLE - EUROPE EXPAT ASIAN WOMEN
   ============================================ */

.eaw-hero__bg {
    background-image: url("/assets/ac4cd47c71a140f9ca6f2425c6c8c608.webp");
    background-position: 66% center;
}
@media (min-width: 1024px) {
    .eaw-hero__bg { background-position: 72% center; }
}

.eaw-join__bg {
    background-image: url("/assets/67469467832a5e2fd057bdc08bcdf1d8.webp");
    background-position: center 42%;
}

.join-card__frame {
    position: absolute;
    inset: 24px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.55;
}

/* Berlin section constellation backdrop */
.eaw-berlin {
    position: relative;
    isolation: isolate;
}
.eaw-berlin__web {
    position: absolute;
    inset: -14% -8%;
    z-index: 0;
    opacity: 0.3;
    pointer-events: none;
}
.eaw-berlin h2,
.eaw-berlin p {
    position: relative;
    z-index: 1;
}

/* Travel etiquette ordered list */
.eaw-etiquette-list {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    display: grid;
    gap: 0;
}
.eaw-etiquette-list li {
    position: relative;
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.9rem 0;
    color: var(--c-text-muted);
    font-size: 0.96rem;
}
.eaw-etiquette-list li:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 26px;
    right: 8px;
    bottom: 0;
    height: 1px;
    background: rgba(196, 205, 224, 0.16);
}
.eaw-etiquette-list .tip-star { margin-top: 0.45em; }
.eaw-etiquette-list strong { display: block; color: var(--c-text); margin-bottom: 0.1rem; }

/* Related reading underline-on-hover cards */
.eaw-related__wrap .link-card {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.eaw-related__wrap .link-card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--c-gold) 0%, var(--c-gold-bright) 100%);
    transition: width 0.3s ease;
}
.eaw-related__wrap .link-card:hover::after { width: 100%; }

/* ============================================
   CATEGORY PAGE - KOREAN DATING
   ============================================ */

.kd-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.kd-hero__bg {
    background-image: url("/assets/65e36589cac62c88e93fa2c01e7a65c4.webp");
    background-position: 76% center;
}
.kd-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.kd-hero .hero__spacer { display: none; }
.kd-hero .breadcrumbs { position: relative; z-index: 2; }
.kd-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .kd-hero { min-height: 660px; }
    .kd-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .kd-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .kd-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.kd-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.kd-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.kd-why__grid { position: relative; isolation: isolate; }
.kd-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.kd-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.kd-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.kd-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.kd-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.kd-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .kd-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .kd-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.kd-culture__layout { align-items: start; }
.kd-culture__body p { color: var(--c-text-muted); }
.kd-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .kd-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.kd-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Safety band */
.kd-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.kd-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.kd-safety__item { text-align: center; }
.kd-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.kd-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.kd-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .kd-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* App comparison copy */
.kd-apps__copy {
    max-width: 74ch;
    margin: 0 auto clamp(1.6rem, 3vw, 2.2rem);
}
.kd-apps__copy p { color: var(--c-text-muted); }

/* Success stories */
.kd-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.kd-stories__lead { position: relative; }
.kd-stories__lead p { color: var(--c-text-muted); }
.kd-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.kd-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.kd-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.kd-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.kd-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.kd-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.kd-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

@media (min-width: 1024px) {
    .kd-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Category CTA band */
.kd-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.kd-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.kd-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - VIETNAMESE DATING
   ============================================ */

.vd-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.vd-hero__bg {
    background-image: url("/assets/fb79a88da308a5c62e72144894c55c61.webp");
    background-position: 76% center;
}
.vd-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.vd-hero .hero__spacer { display: none; }
.vd-hero .breadcrumbs { position: relative; z-index: 2; }
.vd-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .vd-hero { min-height: 660px; }
    .vd-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .vd-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .vd-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.vd-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.vd-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.vd-why__grid { position: relative; isolation: isolate; }
.vd-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.vd-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.vd-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.vd-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.vd-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.vd-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .vd-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .vd-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.vd-culture__layout { align-items: start; }
.vd-culture__body p { color: var(--c-text-muted); }
.vd-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .vd-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.vd-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Safety band */
.vd-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.vd-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.vd-safety__item { text-align: center; }
.vd-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.vd-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.vd-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .vd-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Success stories */
.vd-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.vd-stories__lead { position: relative; }
.vd-stories__lead p { color: var(--c-text-muted); }
.vd-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.vd-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.vd-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.vd-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.vd-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.vd-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.vd-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

@media (min-width: 1024px) {
    .vd-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Category CTA band */
.vd-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.vd-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.vd-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - BANGLADESHI DATING
   ============================================ */

.bd-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.bd-hero__bg {
    background-image: url("/assets/8c912bd4fb1bc519dc16e0caaea81999.webp");
    background-position: 76% center;
}
.bd-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.bd-hero .hero__spacer { display: none; }
.bd-hero .breadcrumbs { position: relative; z-index: 2; }
.bd-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .bd-hero { min-height: 660px; }
    .bd-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .bd-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .bd-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.bd-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.bd-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.bd-why__grid { position: relative; isolation: isolate; }
.bd-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.bd-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.bd-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.bd-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.bd-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.bd-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .bd-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .bd-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.bd-culture__layout { align-items: start; }
.bd-culture__body p { color: var(--c-text-muted); }
.bd-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .bd-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.bd-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Safety band */
.bd-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.bd-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.bd-safety__item { text-align: center; }
.bd-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.bd-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.bd-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .bd-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Success stories */
.bd-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.bd-stories__lead { position: relative; }
.bd-stories__lead p { color: var(--c-text-muted); }
.bd-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.bd-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.bd-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.bd-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.bd-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.bd-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.bd-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

@media (min-width: 1024px) {
    .bd-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Category CTA band */
.bd-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.bd-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.bd-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - PAKISTANI DATING
   ============================================ */

.pd-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.pd-hero__bg {
    background-image: url("/assets/83b9c4e659ace5879f55be9fe3a0ed96.webp");
    background-position: 76% center;
}
.pd-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.pd-hero .hero__spacer { display: none; }
.pd-hero .breadcrumbs { position: relative; z-index: 2; }
.pd-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .pd-hero { min-height: 660px; }
    .pd-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .pd-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .pd-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.pd-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.pd-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.pd-why__grid { position: relative; isolation: isolate; }
.pd-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.pd-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.pd-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.pd-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.pd-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.pd-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .pd-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .pd-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.pd-culture__layout { align-items: start; }
.pd-culture__body p { color: var(--c-text-muted); }
.pd-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .pd-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.pd-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Safety band */
.pd-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.pd-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.pd-safety__item { text-align: center; }
.pd-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.pd-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.pd-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .pd-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Success stories */
.pd-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.pd-stories__lead { position: relative; }
.pd-stories__lead p { color: var(--c-text-muted); }
.pd-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.pd-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.pd-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.pd-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.pd-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.pd-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.pd-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

@media (min-width: 1024px) {
    .pd-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Category CTA band */
.pd-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.pd-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.pd-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - SRI LANKAN DATING
   ============================================ */

.sd-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.sd-hero__bg {
    background-image: url("/assets/65e36589cac62c88e93fa2c01e7a65c4.webp");
    background-position: 76% center;
}
.sd-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.sd-hero .hero__spacer { display: none; }
.sd-hero .breadcrumbs { position: relative; z-index: 2; }
.sd-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .sd-hero { min-height: 660px; }
    .sd-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .sd-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .sd-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.sd-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.sd-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.sd-why__grid { position: relative; isolation: isolate; }
.sd-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.sd-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.sd-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.sd-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.sd-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.sd-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .sd-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .sd-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.sd-culture__layout { align-items: start; }
.sd-culture__body p { color: var(--c-text-muted); }
.sd-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .sd-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.sd-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Safety band */
.sd-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.sd-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.sd-safety__item { text-align: center; }
.sd-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.sd-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.sd-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .sd-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Success stories */
.sd-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.sd-stories__lead { position: relative; }
.sd-stories__lead p { color: var(--c-text-muted); }
.sd-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.sd-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.sd-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.sd-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.sd-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.sd-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.sd-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

@media (min-width: 1024px) {
    .sd-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Category CTA band */
.sd-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.sd-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.sd-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - NEPALI DATING
   ============================================ */

.nd-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.nd-hero__bg {
    background-image: url("/assets/f6b281676cc8103a984d90a9c2a6815b.webp");
    background-position: 76% center;
}
.nd-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.nd-hero .hero__spacer { display: none; }
.nd-hero .breadcrumbs { position: relative; z-index: 2; }
.nd-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .nd-hero { min-height: 660px; }
    .nd-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .nd-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .nd-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Intro two-column divider */
.nd-intro__split {
    display: grid;
    gap: clamp(1.6rem, 3vw, 2.6rem);
}
.nd-intro__col p { color: var(--c-text-muted); }

@media (min-width: 768px) {
    .nd-intro__split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nd-intro__col + .nd-intro__col {
        border-left: var(--line);
        padding-left: clamp(1.6rem, 3vw, 2.6rem);
    }
}

/* Why choose */
.nd-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.nd-why__grid { position: relative; isolation: isolate; }
.nd-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.nd-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.nd-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.nd-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.nd-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.nd-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .nd-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .nd-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.nd-culture__layout { align-items: start; }
.nd-culture__body p { color: var(--c-text-muted); }
.nd-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .nd-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.nd-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Success stories band with photographic backdrop */
.nd-stories {
    position: relative;
    isolation: isolate;
    border-block: var(--line);
}
.nd-stories__bg {
    background-image: url("/assets/d297af61fba028a3f08c14347d13e51c.webp");
    background-position: center 42%;
    opacity: 0.5;
}
.nd-stories .bg-scrim--center {
    background: linear-gradient(180deg, rgba(11, 7, 22, 0.9) 0%, rgba(20, 12, 40, 0.86) 50%, rgba(11, 7, 22, 0.94) 100%);
}
.nd-stories .shell { position: relative; z-index: 2; }
.nd-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }

/* Safety band */
.nd-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.nd-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.nd-safety__item { text-align: center; }
.nd-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.nd-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.nd-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .nd-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.nd-related__more {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-text-muted);
}

/* Category CTA band */
.nd-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.nd-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.nd-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - CHINESE DATING
   ============================================ */

.cd-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.cd-hero__bg {
    background-image: url("/assets/8e5686b6d921c1e407052c783072d996.webp");
    background-position: 76% center;
}
.cd-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.cd-hero .hero__spacer { display: none; }
.cd-hero .breadcrumbs { position: relative; z-index: 2; }
.cd-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .cd-hero { min-height: 660px; }
    .cd-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .cd-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .cd-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Intro two-column divider */
.cd-intro__split {
    display: grid;
    gap: clamp(1.6rem, 3vw, 2.6rem);
}
.cd-intro__col p { color: var(--c-text-muted); }

@media (min-width: 768px) {
    .cd-intro__split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cd-intro__col + .cd-intro__col {
        border-left: var(--line);
        padding-left: clamp(1.6rem, 3vw, 2.6rem);
    }
}

/* Culture split */
.cd-culture__layout { align-items: start; }
.cd-culture__body p { color: var(--c-text-muted); }
.cd-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .cd-culture__media { margin-top: 0.4rem; }
}

/* Benefits grid */
.cd-benefit-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.cd-benefit {
    padding: clamp(1.15rem, 2.4vw, 1.7rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.cd-benefit__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 0.6rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 22px rgba(232, 200, 138, 0.16);
}
.cd-benefit__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.cd-benefit__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .cd-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Featured profiles */
.cd-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Success stories band with photographic backdrop */
.cd-stories {
    position: relative;
    isolation: isolate;
    border-block: var(--line);
}
.cd-stories__bg {
    background-image: url("/assets/8ebc9527b1cfa48839252d59bfa3e7a7.webp");
    background-position: center 42%;
    opacity: 0.5;
}
.cd-stories .bg-scrim--center {
    background: linear-gradient(180deg, rgba(11, 7, 22, 0.9) 0%, rgba(20, 12, 40, 0.86) 50%, rgba(11, 7, 22, 0.94) 100%);
}
.cd-stories .shell { position: relative; z-index: 2; }
.cd-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }

/* Safety band */
.cd-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.cd-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.cd-safety__item { text-align: center; }
.cd-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.cd-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.cd-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .cd-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.cd-related__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.cd-related__grid .link-card {
    border-right: var(--line);
    border-bottom: var(--line);
    border-radius: 0;
}
.cd-related__more {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-text-muted);
}

@media (min-width: 560px) {
    .cd-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .cd-related__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Category CTA band */
.cd-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.cd-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.cd-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - MONGOLIAN DATING
   ============================================ */

.md-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.md-hero__bg { background-position: 76% center; }
.md-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.md-hero .hero__spacer { display: none; }
.md-hero .breadcrumbs { position: relative; z-index: 2; }
.md-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .md-hero { min-height: 660px; }
    .md-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .md-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .md-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Intro split */
.md-intro__split {
    display: grid;
    gap: clamp(1.6rem, 3vw, 2.6rem);
}
.md-intro__col p { color: var(--c-text-muted); }

@media (min-width: 768px) {
    .md-intro__split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .md-intro__col + .md-intro__col {
        border-left: var(--line);
        padding-left: clamp(1.6rem, 3vw, 2.6rem);
    }
}

/* Culture split */
.md-culture__layout { align-items: start; }
.md-culture__body p { color: var(--c-text-muted); }
.md-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .md-culture__media { margin-top: 0.4rem; }
}

/* Benefits grid */
.md-benefit-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.md-benefit {
    padding: clamp(1.15rem, 2.4vw, 1.7rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.md-benefit__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 0.6rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 22px rgba(232, 200, 138, 0.16);
}
.md-benefit__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.md-benefit__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .md-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Featured profiles */
.md-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Success stories band with photographic backdrop */
.md-stories {
    position: relative;
    isolation: isolate;
    border-block: var(--line);
}
.md-stories__bg {
    background-position: center 42%;
    opacity: 0.45;
}
.md-stories .bg-scrim--center {
    background: linear-gradient(180deg, rgba(11, 7, 22, 0.92) 0%, rgba(20, 12, 40, 0.86) 50%, rgba(11, 7, 22, 0.94) 100%);
}
.md-stories .shell { position: relative; z-index: 2; }
.md-stories__rings {
    position: absolute;
    top: clamp(1rem, 4vw, 2.2rem);
    right: clamp(0.5rem, 4vw, 3rem);
    z-index: 1;
    opacity: 0.7;
    pointer-events: none;
    display: none;
}
.md-quote {
    position: relative;
    z-index: 2;
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin: 0.4rem auto 0.8rem;
}
.md-stories__carousel { position: relative; z-index: 2; margin-top: clamp(1rem, 2vw, 1.6rem); }
.md-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.06);
}
.md-story__title { font-size: 1rem; margin-bottom: 0.45rem; color: var(--c-gold-bright); }
.md-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.md-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; text-align: center; }

@media (min-width: 1024px) {
    .md-stories__rings { display: block; }
}

/* Safety band */
.md-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.md-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.md-safety__item { text-align: center; }
.md-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.md-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.md-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .md-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.md-related__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.md-related__grid .link-card {
    border-right: var(--line);
    border-bottom: var(--line);
    border-radius: 0;
}
.md-related__more {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-text-muted);
}

@media (min-width: 560px) {
    .md-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .md-related__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Category CTA band */
.md-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.md-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.md-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - JAPANESE DATING
   ============================================ */

.jd-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.jd-hero__bg {
    background-image: url("/assets/fc5d5d82fdfc6399fe96ac4f18857cde.webp");
    background-position: 76% center;
}
.jd-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.jd-hero .hero__spacer { display: none; }
.jd-hero .breadcrumbs { position: relative; z-index: 2; }
.jd-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .jd-hero { min-height: 660px; }
    .jd-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .jd-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .jd-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Intro split */
.jd-intro__split {
    display: grid;
    gap: clamp(1.6rem, 3vw, 2.6rem);
}
.jd-intro__col p { color: var(--c-text-muted); }

@media (min-width: 768px) {
    .jd-intro__split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .jd-intro__col + .jd-intro__col {
        border-left: var(--line);
        padding-left: clamp(1.6rem, 3vw, 2.6rem);
    }
}

/* Culture split */
.jd-culture__layout { align-items: start; }
.jd-culture__body p { color: var(--c-text-muted); }
.jd-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .jd-culture__media { margin-top: 0.4rem; }
}

/* Benefits grid */
.jd-feat-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.jd-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.jd-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.jd-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.jd-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .jd-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Featured profiles */
.jd-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Success stories band with photographic backdrop */
.jd-stories {
    position: relative;
    isolation: isolate;
    border-block: var(--line);
}
.jd-stories__bg {
    background-image: url("/assets/ff0e094ed282613435ab0e8a6e66588f.webp");
    background-position: center 42%;
    opacity: 0.5;
}
.jd-stories .bg-scrim--center {
    background: linear-gradient(180deg, rgba(11, 7, 22, 0.9) 0%, rgba(20, 12, 40, 0.86) 50%, rgba(11, 7, 22, 0.94) 100%);
}
.jd-stories .shell { position: relative; z-index: 2; }
.jd-stories__intro {
    max-width: 74ch;
    margin: 0 auto clamp(1.2rem, 2.4vw, 1.8rem);
    text-align: center;
    color: var(--c-text-muted);
}
.jd-stories__carousel { margin-top: clamp(1.2rem, 2.4vw, 1.8rem); }
.jd-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.jd-quote {
    display: block;
    width: clamp(56px, 9vw, 76px);
    height: auto;
    margin-bottom: 0.5rem;
}
.jd-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.jd-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.jd-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

/* Safety band */
.jd-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.jd-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.jd-safety__item { text-align: center; }
.jd-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.jd-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.jd-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .jd-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.jd-related__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.jd-related__grid .link-card {
    border-right: var(--line);
    border-bottom: var(--line);
    border-radius: 0;
}
.jd-related__more {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-text-muted);
}

@media (min-width: 560px) {
    .jd-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .jd-related__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Category CTA band */
.jd-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.jd-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.jd-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - FILIPINO DATING
   ============================================ */

.fd-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.fd-hero__bg { background-position: 76% center; }
.fd-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.fd-hero .hero__spacer { display: none; }
.fd-hero .breadcrumbs { position: relative; z-index: 2; }
.fd-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .fd-hero { min-height: 660px; }
    .fd-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .fd-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .fd-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Values & culture */
.fd-values__layout { align-items: start; }
.fd-values__body p { color: var(--c-text-muted); }
.fd-values__figure {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 40px rgba(232, 200, 138, 0.18), var(--shadow-soft);
}
.fd-values__grid { position: relative; isolation: isolate; }
.fd-values__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.fd-value-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.fd-value-item {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.fd-value-item__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.fd-value-item__title { font-size: 1.02rem; margin-bottom: 0.4rem; }
.fd-value-item__text { color: var(--c-text-muted); font-size: 0.92rem; margin: 0; }

@media (min-width: 560px) {
    .fd-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
    .fd-values__figure { margin-top: 0.2rem; }
}
@media (min-width: 1024px) {
    .fd-values__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
}

/* Featured profiles */
.fd-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Comparison */
.fd-compare .compare__intro { text-align: left; }

/* Success stories */
.fd-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.fd-stories__lead { position: relative; }
.fd-stories__lead p { color: var(--c-text-muted); }
.fd-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.fd-stories__frame {
    position: relative;
    border-color: rgba(232, 200, 138, 0.5);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
.fd-stories__frame::before {
    content: "";
    position: absolute;
    inset: -14px;
    border: 1px solid rgba(232, 200, 138, 0.32);
    border-radius: calc(var(--radius) + 8px);
    z-index: -1;
    pointer-events: none;
}
.fd-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.fd-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.fd-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.fd-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }

@media (min-width: 1024px) {
    .fd-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
    .fd-stories__media { margin-top: 0.4rem; padding-inline: 14px; }
}

/* Safety */
.fd-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.fd-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.fd-safety__item { text-align: center; }
.fd-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.fd-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.fd-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .fd-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.fd-related__wrap { position: relative; isolation: isolate; }
.fd-related__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, 80%);
    height: 260px;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(70px);
    background: radial-gradient(circle, rgba(120, 62, 168, 0.4) 0%, rgba(120, 62, 168, 0) 70%);
}
.fd-related__grid { position: relative; z-index: 1; }

/* Category CTA band */
.fd-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.fd-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.fd-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - NORTH KOREAN DATING
   ============================================ */

.nk-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 70vh, 700px);
    align-items: center;
}
.nk-hero__bg {
    background-image: url("/assets/2b8a4304133a203464d35baf5eb9049d.webp");
    background-position: 78% center;
}
.nk-hero .bg-scrim--left {
    background: linear-gradient(90deg, rgba(11,7,22,.97) 0%, rgba(11,7,22,.9) 34%, rgba(11,7,22,.5) 64%, rgba(11,7,22,.62) 100%);
}
.nk-hero__orb {
    top: 8%;
    left: -8%;
    width: min(460px, 78vw);
    height: min(460px, 78vw);
    opacity: 0.7;
}
.nk-hero .hero__spacer { display: none; }
.nk-hero .breadcrumbs { position: relative; z-index: 2; }
.nk-hero__trail {
    position: absolute;
    left: 0; right: 0; bottom: -6px;
    width: 100%; height: 120px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.55;
}

@media (min-width: 1024px) {
    .nk-hero { min-height: 620px; }
    .nk-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 8%, rgba(0,0,0,.3) 30%, #000 60%, #000 90%, rgba(0,0,0,.24) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 8%, rgba(0,0,0,.3) 30%, #000 60%, #000 90%, rgba(0,0,0,.24) 100%);
    }
    .nk-hero .hero__spacer { display: block; min-height: 380px; }
}

/* Intro split */
.nk-intro__split {
    display: grid;
    gap: clamp(1.6rem, 3vw, 2.6rem);
}
.nk-intro__col { position: relative; padding-left: 1rem; }
.nk-intro__col p { color: var(--c-text-muted); }
.nk-intro__col--accent::before {
    content: "";
    position: absolute;
    left: 0; top: 0.2rem; bottom: 0.2rem;
    width: 3px;
    background: var(--c-emerald);
    border-radius: 2px;
}

@media (min-width: 768px) {
    .nk-intro__split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nk-intro__col + .nk-intro__col {
        border-left: var(--line);
        padding-left: clamp(1.6rem, 3vw, 2.6rem);
    }
}

/* Culture split */
.nk-culture__layout { align-items: start; }
.nk-culture__body p { color: var(--c-text-muted); }
.nk-culture__body h3 { margin-top: 1.6rem; }
.nk-culture__body h3:first-child { margin-top: 0; }
.nk-culture__frame {
    position: relative;
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 40px rgba(232, 200, 138, 0.16), var(--shadow-soft);
}

/* Benefits grid */
.nk-benefit-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.nk-benefit {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.nk-benefit__icon { color: var(--c-silver); display: inline-flex; margin-bottom: 0.55rem; }
.nk-benefit__title { font-size: 1.02rem; margin-bottom: 0.4rem; }
.nk-benefit__text { color: var(--c-text-muted); font-size: 0.92rem; margin: 0; }

@media (min-width: 560px) {
    .nk-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Profiles */
.nk-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}
.nk-profiles__arc {
    position: absolute;
    top: -40px; left: 0;
    width: 100%; height: 140px;
    z-index: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* Comparison intro */
.nk-compare__intro {
    max-width: 74ch;
    margin: 0 auto 1.6rem;
    color: var(--c-text-muted);
    text-align: left;
}

/* Process */
.nk-process__more { margin-top: 1.6rem; color: var(--c-text-muted); text-align: center; }

/* Testimonials */
.nk-testimonials {
    position: relative;
    isolation: isolate;
    border-block: var(--line);
    overflow: clip;
}
.nk-testimonials__bg {
    background-image: url("/assets/8444980bd5b7f094f56a85d32771d1dd.webp");
    background-position: center 46%;
    opacity: 0.28;
}
.nk-testimonials .bg-scrim--center {
    background: linear-gradient(180deg, rgba(11,7,22,.92) 0%, rgba(18,11,32,.86) 50%, rgba(11,7,22,.95) 100%);
}
.nk-testimonials .shell { position: relative; z-index: 2; }
.nk-quote-glyph {
    display: block;
    width: clamp(64px, 10vw, 96px);
    height: auto;
    margin: 0 0 0.8rem;
    opacity: 0.85;
}
.nk-testimonials__carousel { margin-top: clamp(1.2rem, 2.4vw, 1.8rem); }
.nk-orbit-chips {
    display: none;
}

@media (min-width: 1024px) {
    .nk-orbit-chips {
        display: block;
        position: absolute;
        top: 12%;
        right: 6%;
        width: 220px;
        height: 220px;
        z-index: 1;
        pointer-events: none;
        opacity: 0.7;
    }
}

/* Safety row */
.nk-safety__intro { max-width: 74ch; margin-inline: auto; color: var(--c-text-muted); }
.nk-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    padding-block: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
    border-bottom: var(--line);
}
@media (min-width: 768px) {
    .nk-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.nk-related__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.nk-related__grid .link-card {
    border-right: var(--line);
    border-bottom: var(--line);
    border-radius: 0;
}
.nk-related__more { margin-top: clamp(1.4rem, 3vw, 2rem); text-align: center; color: var(--c-text-muted); }

@media (min-width: 560px) {
    .nk-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .nk-related__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* CTA band */
.nk-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.nk-cta__orb {
    top: -18%;
    left: 50%;
    transform: translateX(-50%);
    width: min(520px, 88vw);
    height: min(380px, 66vw);
}
.nk-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - THAI DATING
   ============================================ */

.td-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.td-hero__bg {
    background-image: url("/assets/7e7b174dd37f678ffb8682a78bb0f3a6.webp");
    background-position: 78% center;
}
.td-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.td-hero .hero__spacer { display: none; }
.td-hero .breadcrumbs { position: relative; z-index: 2; }
.td-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .td-hero { min-height: 660px; }
    .td-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .td-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .td-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Culture split */
.td-culture__layout { align-items: start; }
.td-culture__body p { color: var(--c-text-muted); }
.td-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .td-culture__media { margin-top: 2.2rem; }
}

/* 2x2 icon grid */
.td-feat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: var(--line);
    border-left: var(--line);
    margin-top: clamp(1.6rem, 3vw, 2.4rem);
}
.td-feat {
    padding: clamp(1rem, 2.2vw, 1.5rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.td-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.5rem; }
.td-feat__title { font-size: 1rem; margin-bottom: 0.4rem; }
.td-feat__text { color: var(--c-text-muted); font-size: 0.9rem; margin: 0; }

/* Featured profiles */
.td-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Safety band */
.td-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.td-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.td-safety__item { text-align: center; }
.td-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.td-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.td-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .td-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Success stories */
.td-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.td-stories__lead { position: relative; }
.td-stories__lead p { color: var(--c-text-muted); }
.td-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.td-stories__frame {
    position: relative;
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.td-stories__frame::before {
    content: "";
    position: absolute;
    inset: -14px;
    border: 1px solid rgba(232, 200, 138, 0.3);
    border-radius: calc(var(--radius) + 8px);
    z-index: -1;
    pointer-events: none;
}
.td-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.td-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.td-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.td-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.td-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }
.td-stories__dots {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 1rem;
}
.td-stories__dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(232, 200, 138, 0.35);
}
.td-stories__dots span:first-child { background: var(--c-gold-bright); }

@media (min-width: 1024px) {
    .td-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Related categories */
.td-related__wrap { position: relative; isolation: isolate; }
.td-related__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, 80%);
    height: 260px;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(70px);
    background: radial-gradient(circle, rgba(120, 62, 168, 0.4) 0%, rgba(120, 62, 168, 0) 70%);
}
.td-related__grid { position: relative; z-index: 1; }

/* Category CTA band */
.td-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.td-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.td-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - TAIWANESE DATING
   ============================================ */

.tw-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.tw-hero__bg {
    background-image: url("/assets/fc5d5d82fdfc6399fe96ac4f18857cde.webp");
    background-position: 78% center;
}
.tw-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.tw-hero .hero__spacer { display: none; }
.tw-hero .breadcrumbs { position: relative; z-index: 2; }
.tw-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .tw-hero { min-height: 660px; }
    .tw-hero__bg {
        background-position: 84% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .tw-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .tw-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.tw-why__grid { position: relative; isolation: isolate; }
.tw-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.tw-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.tw-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.tw-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.tw-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.tw-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .tw-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Culture split */
.tw-culture__layout { align-items: start; }
.tw-culture__body p { color: var(--c-text-muted); }
.tw-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .tw-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.tw-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Comparison */
.tw-compare .compare__intro { text-align: left; }

/* vs other apps */
.tw-apps__copy {
    max-width: 74ch;
    margin: 0 auto clamp(1.6rem, 3vw, 2.2rem);
}
.tw-apps__copy p { color: var(--c-text-muted); }

/* Success stories */
.tw-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.tw-stories__lead { position: relative; }
.tw-stories__lead p { color: var(--c-text-muted); }
.tw-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.tw-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.tw-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.tw-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.tw-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.tw-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.tw-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

@media (min-width: 1024px) {
    .tw-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Related categories */
.tw-related__grid { align-items: start; }
.tw-related__more {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-text-muted);
}

/* FAQ extra */
.tw-faq__more {
    margin-top: clamp(1.4rem, 3vw, 2rem);
    text-align: center;
    color: var(--c-text-muted);
}

/* Category CTA band */
.tw-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.tw-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.tw-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - BURMESE DATING
   ============================================ */

.bur-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.bur-hero__bg {
    background-image: url("/assets/90abb1456cf25767de50cff72cb20fb7.webp");
    background-position: 76% center;
}
.bur-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.bur-hero .hero__spacer { display: none; }
.bur-hero .breadcrumbs { position: relative; z-index: 2; }
.bur-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .bur-hero { min-height: 660px; }
    .bur-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .bur-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .bur-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Values & culture */
.bur-values__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.bur-values__intro p { color: var(--c-text-muted); }
.bur-values__grid { position: relative; isolation: isolate; }
.bur-values__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.bur-value-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.bur-value {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.bur-value__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.bur-value__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.bur-value__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

.bur-values__frame {
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 44px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}

@media (min-width: 560px) {
    .bur-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .bur-values__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Featured profiles */
.bur-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Comparison */
.bur-compare .compare__intro { text-align: left; }

/* Success stories */
.bur-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.bur-stories__lead { position: relative; }
.bur-stories__lead p { color: var(--c-text-muted); }
.bur-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.bur-stories__frame {
    position: relative;
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.bur-stories__frame::before {
    content: "";
    position: absolute;
    inset: -14px;
    border: 1px solid rgba(232, 200, 138, 0.3);
    border-radius: calc(var(--radius) + 8px);
    z-index: -1;
    pointer-events: none;
}
.bur-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }

@media (min-width: 1024px) {
    .bur-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Safety */
.bur-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.bur-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.bur-safety__item { text-align: center; }
.bur-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.bur-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.bur-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .bur-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.bur-related__wrap { position: relative; isolation: isolate; }
.bur-related__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, 80%);
    height: 260px;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(70px);
    background: radial-gradient(circle, rgba(120, 62, 168, 0.4) 0%, rgba(120, 62, 168, 0) 70%);
}
.bur-related__wrap .grid { position: relative; z-index: 1; }
.bur-related__more {
    margin-top: clamp(1.4rem, 3vw, 2rem);
    text-align: center;
    color: var(--c-text-muted);
}

/* Category CTA band */
.bur-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.bur-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.bur-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - CAMBODIAN DATING
   ============================================ */

.cam-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.cam-hero__bg { background-position: 76% center; }
.cam-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.cam-hero .hero__spacer { display: none; }
.cam-hero .breadcrumbs { position: relative; z-index: 2; }
.cam-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .cam-hero { min-height: 660px; }
    .cam-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .cam-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .cam-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Values & culture */
.cam-values__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.cam-values__intro p { color: var(--c-text-muted); }
.cam-values__note { color: var(--c-text-muted); font-size: 0.94rem; }
.cam-values__grid { position: relative; isolation: isolate; }
.cam-values__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.cam-value-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.cam-value {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.cam-value__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.cam-value__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.cam-value__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

.cam-values__frame {
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 44px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}

@media (min-width: 560px) {
    .cam-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .cam-values__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Featured profiles */
.cam-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Success stories */
.cam-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.cam-stories__lead { position: relative; }
.cam-stories__lead p { color: var(--c-text-muted); }
.cam-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.cam-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.cam-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.cam-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.cam-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.cam-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.cam-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

@media (min-width: 1024px) {
    .cam-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Safety */
.cam-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.cam-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.cam-safety__item { text-align: center; }
.cam-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.cam-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.cam-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .cam-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.cam-related__wrap { position: relative; isolation: isolate; }
.cam-related__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, 80%);
    height: 260px;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(70px);
    background: radial-gradient(circle, rgba(120, 62, 168, 0.4) 0%, rgba(120, 62, 168, 0) 70%);
}
.cam-related__grid { position: relative; z-index: 1; }

/* Category CTA band */
.cam-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.cam-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.cam-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - INDONESIAN DATING
   ============================================ */

.idn-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.idn-hero__bg { background-position: 76% center; }
.idn-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.idn-hero .hero__spacer { display: none; }
.idn-hero .breadcrumbs { position: relative; z-index: 2; }
.idn-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .idn-hero { min-height: 660px; }
    .idn-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .idn-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .idn-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Culture split + icon grid */
.idn-culture__media-row { align-items: start; }
.idn-culture__body p { color: var(--c-text-muted); }
.idn-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
.idn-culture__grid {
    position: relative;
    isolation: isolate;
    margin-top: clamp(2rem, 4vw, 3rem);
}
.idn-culture__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.idn-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.idn-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.idn-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.idn-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.idn-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .idn-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
    .idn-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.idn-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Success stories */
.idn-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.idn-stories__lead { position: relative; }
.idn-stories__lead p { color: var(--c-text-muted); }
.idn-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.idn-stories__frame {
    position: relative;
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.idn-stories__frame::before {
    content: "";
    position: absolute;
    inset: -14px;
    border: 1px solid rgba(232, 200, 138, 0.3);
    border-radius: calc(var(--radius) + 8px);
    z-index: -1;
    pointer-events: none;
}
.idn-stories__grid { margin-top: clamp(1.8rem, 3.4vw, 2.6rem); align-items: start; }
.idn-stories__dots {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 1.4rem;
}
.idn-stories__dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(232, 200, 138, 0.35);
}
.idn-stories__dots span:first-child { background: var(--c-gold-bright); }

@media (min-width: 1024px) {
    .idn-stories__layout { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); align-items: center; }
}

/* Safety */
.idn-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.idn-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.idn-safety__item { text-align: center; }
.idn-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.idn-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.idn-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .idn-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.idn-related__grid { align-items: start; }

/* Category CTA band */
.idn-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.idn-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.idn-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - MALAYSIAN DATING
   ============================================ */

.myd-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.myd-hero__bg {
    background-image: url("/assets/b4950fc97d5a25d5704c724a579476bd.webp");
    background-position: 76% center;
}
.myd-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.myd-hero .hero__spacer { display: none; }
.myd-hero .breadcrumbs { position: relative; z-index: 2; }
.myd-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .myd-hero { min-height: 660px; }
    .myd-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .myd-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .myd-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.myd-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.myd-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.myd-why__grid { position: relative; isolation: isolate; }
.myd-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.myd-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.myd-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.myd-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.myd-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.myd-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .myd-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .myd-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.myd-culture__layout { align-items: start; }
.myd-culture__body p { color: var(--c-text-muted); }
.myd-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .myd-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.myd-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Success stories */
.myd-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.myd-stories__lead { position: relative; }
.myd-stories__lead p { color: var(--c-text-muted); }
.myd-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.myd-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.myd-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.myd-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.myd-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.myd-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.myd-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

@media (min-width: 1024px) {
    .myd-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Safety band */
.myd-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.myd-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.myd-safety__item { text-align: center; }
.myd-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.myd-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.myd-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .myd-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Category CTA band */
.myd-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.myd-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.myd-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - KAZAKH DATING
   ============================================ */

.kz-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.kz-hero__bg { background-position: 76% center; }
.kz-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.kz-hero .hero__spacer { display: none; }
.kz-hero .breadcrumbs { position: relative; z-index: 2; }
.kz-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .kz-hero { min-height: 660px; }
    .kz-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .kz-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .kz-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.kz-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.kz-why__grid { position: relative; isolation: isolate; }
.kz-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.kz-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.kz-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.kz-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.kz-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.kz-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .kz-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .kz-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.kz-culture__layout { align-items: start; }
.kz-culture__body p { color: var(--c-text-muted); }
.kz-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .kz-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.kz-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Success stories */
.kz-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.kz-stories__lead { position: relative; }
.kz-stories__lead p { color: var(--c-text-muted); }
.kz-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.kz-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.kz-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.kz-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.kz-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.kz-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }

@media (min-width: 1024px) {
    .kz-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Safety */
.kz-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.kz-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.kz-safety__item { text-align: center; }
.kz-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.kz-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.kz-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .kz-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.kz-related__wrap { position: relative; isolation: isolate; }
.kz-related__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, 80%);
    height: 260px;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(70px);
    background: radial-gradient(circle, rgba(120, 62, 168, 0.4) 0%, rgba(120, 62, 168, 0) 70%);
}
.kz-related__grid { position: relative; z-index: 1; }
.kz-related__more {
    margin-top: clamp(1.4rem, 3vw, 2rem);
    text-align: center;
    color: var(--c-text-muted);
}

/* Category CTA band */
.kz-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.kz-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.kz-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - SINGAPOREAN DATING
   ============================================ */

.sgd-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.sgd-hero__bg { background-position: 78% center; }
.sgd-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.sgd-hero .hero__spacer { display: none; }
.sgd-hero .breadcrumbs { position: relative; z-index: 2; }
.sgd-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .sgd-hero { min-height: 660px; }
    .sgd-hero__bg {
        background-position: 84% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .sgd-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .sgd-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.sgd-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.sgd-why__grid { position: relative; isolation: isolate; }
.sgd-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.sgd-why__arc {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.5;
    display: none;
}
.sgd-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.sgd-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.sgd-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.sgd-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.sgd-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .sgd-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .sgd-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
    .sgd-why__arc { display: block; }
}

/* Culture split */
.sgd-culture__layout { align-items: start; }
.sgd-culture__body p { color: var(--c-text-muted); }
.sgd-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .sgd-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.sgd-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* How it works */
.sgd-process { }

/* Comparison */
.sgd-compare .compare__intro { text-align: left; }

/* Success stories */
.sgd-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.sgd-stories__lead { position: relative; }
.sgd-stories__lead p { color: var(--c-text-muted); }
.sgd-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.sgd-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.sgd-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.sgd-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.sgd-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.sgd-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.sgd-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

@media (min-width: 1024px) {
    .sgd-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Safety */
.sgd-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.sgd-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.sgd-safety__item { text-align: center; }
.sgd-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.sgd-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.sgd-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .sgd-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.sgd-related .grid--4 { align-items: start; }

/* Category CTA band */
.sgd-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.sgd-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.sgd-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - KYRGYZ DATING
   ============================================ */

.kg-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.kg-hero__bg {
    background-image: url("/assets/e68acae9021448420c4203a1a3e9d864.webp");
    background-position: 78% center;
}
.kg-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.kg-hero .hero__spacer { display: none; }
.kg-hero .breadcrumbs { position: relative; z-index: 2; }
.kg-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .kg-hero { min-height: 660px; }
    .kg-hero__bg {
        background-position: 84% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .kg-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .kg-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.kg-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.kg-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.kg-why__grid { position: relative; isolation: isolate; }
.kg-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.kg-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.kg-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.kg-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.kg-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.kg-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .kg-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .kg-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.kg-culture__layout { align-items: start; }
.kg-culture__body p { color: var(--c-text-muted); }
.kg-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .kg-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.kg-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Comparison */
.kg-compare .compare__intro { text-align: left; }

/* Success stories */
.kg-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.kg-stories__lead { position: relative; }
.kg-stories__lead p { color: var(--c-text-muted); }
.kg-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.kg-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.kg-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.kg-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.kg-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.kg-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.kg-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

@media (min-width: 1024px) {
    .kg-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Safety */
.kg-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.kg-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.kg-safety__item { text-align: center; }
.kg-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.kg-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.kg-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .kg-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.kg-related__more {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-text-muted);
}

/* Category CTA band */
.kg-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.kg-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.kg-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - TAJIK DATING
   ============================================ */

.tj-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.tj-hero__bg {
    background-image: url("/assets/458529af94def26044cc326b9953af30.webp");
    background-position: 76% center;
}
.tj-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.tj-hero .hero__spacer { display: none; }
.tj-hero .breadcrumbs { position: relative; z-index: 2; }
.tj-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .tj-hero { min-height: 660px; }
    .tj-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .tj-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .tj-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.tj-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.tj-why__grid { position: relative; isolation: isolate; }
.tj-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.tj-why__arc {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.5;
}
.tj-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.tj-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.tj-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.tj-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.tj-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .tj-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .tj-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.tj-culture__layout { align-items: start; }
.tj-culture__body p { color: var(--c-text-muted); }
.tj-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .tj-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.tj-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Comparison */
.tj-compare .compare__intro { text-align: left; }

/* Success stories */
.tj-stories__lead { position: relative; }
.tj-stories__lead p { color: var(--c-text-muted); }
.tj-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.tj-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.tj-stories__grid {
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    align-items: start;
}
.tj-story {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.7rem;
    padding: 1.3rem 1.2rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.tj-story__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 22px rgba(232, 200, 138, 0.18);
}
.tj-story__title { font-size: 1.02rem; margin: 0; }
.tj-story__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .tj-stories__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .tj-stories__layout { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); align-items: center; }
}

/* Safety */
.tj-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.tj-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.tj-safety__item { text-align: center; }
.tj-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.tj-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.tj-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .tj-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Related categories */
.tj-related__more {
    margin-top: clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-text-muted);
}

/* Category CTA band */
.tj-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.tj-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.tj-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - ARMENIAN DATING
   ============================================ */

.arm-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.arm-hero__bg {
    background-image: url("/assets/f60ce7bc047692e638ed5ac7ae2ff405.webp");
    background-position: 76% center;
}
.arm-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.arm-hero .hero__spacer { display: none; }
.arm-hero .breadcrumbs { position: relative; z-index: 2; }
.arm-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .arm-hero { min-height: 660px; }
    .arm-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .arm-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .arm-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.arm-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.arm-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.arm-why__grid { position: relative; isolation: isolate; }
.arm-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.arm-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.arm-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.arm-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.arm-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.arm-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .arm-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .arm-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Profiles spotlight */
.arm-profiles__intro {
    max-width: 68ch;
    margin: 0 auto clamp(1.6rem, 3vw, 2.2rem);
    text-align: center;
    color: var(--c-text-muted);
}
.arm-profiles__spotlight { align-items: center; }
.arm-profiles__frame-wrap { position: relative; isolation: isolate; max-width: 340px; margin-inline: auto; }
.arm-profiles__arc {
    position: absolute;
    inset: -6% -22%;
    width: auto;
    height: auto;
    z-index: 0;
    pointer-events: none;
    opacity: 0.7;
}
.arm-profiles__frame-wrap .profile-card { position: relative; z-index: 1; }
.arm-profiles__spotlight-copy p { color: var(--c-text-muted); }
.arm-profiles__spotlight-copy .btn-row { margin-top: 1.2rem; }

@media (min-width: 1024px) {
    .arm-profiles__spotlight { grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr); }
}

/* Profiles secondary */
.arm-profiles-more__grid { align-items: start; }

/* Culture */
.arm-culture { position: relative; isolation: isolate; }
.arm-culture__web {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.5;
}
.arm-culture .shell { position: relative; z-index: 1; }
.arm-culture__layout { align-items: start; }
.arm-culture__body p { color: var(--c-text-muted); }
.arm-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
    aspect-ratio: 4 / 3;
}
.arm-culture__frame img { aspect-ratio: 4 / 3; }
@media (min-width: 768px) {
    .arm-culture__media { margin-top: 2.2rem; }
}

/* Success stories */
.arm-stories { position: relative; isolation: isolate; border-block: var(--line); }
.arm-stories__bg {
    background-image:
        radial-gradient(60% 70% at 15% 15%, rgba(120, 62, 168, 0.5) 0%, rgba(120, 62, 168, 0) 60%),
        radial-gradient(55% 65% at 88% 82%, rgba(63, 46, 150, 0.46) 0%, rgba(63, 46, 150, 0) 62%);
    opacity: 0.9;
}
.arm-stories .bg-scrim--center {
    background: linear-gradient(180deg, rgba(11, 7, 22, 0.86) 0%, rgba(19, 12, 36, 0.8) 50%, rgba(11, 7, 22, 0.92) 100%);
}
.arm-stories .shell { position: relative; z-index: 2; }
.arm-quote-block {
    max-width: 720px;
    margin: 0 auto clamp(2rem, 4vw, 2.8rem);
    text-align: center;
}
.arm-quote-block blockquote { margin: 0 0 0.8rem; }
.arm-quote-block blockquote p { color: var(--c-text); font-size: 1.08rem; }
.arm-quote-block figcaption { color: var(--c-gold); font-size: 0.88rem; font-weight: 600; }
.arm-quote {
    display: block;
    width: clamp(64px, 10vw, 92px);
    height: auto;
    margin: 0 auto 0.6rem;
}
.arm-stories__grid { align-items: start; }
.arm-story {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.6rem;
    padding: 1.3rem 1.2rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.05);
}
.arm-story__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 20px rgba(232, 200, 138, 0.18);
}
.arm-story__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.arm-story__title { font-size: 1rem; margin: 0; }
.arm-story__text { color: var(--c-text-muted); font-size: 0.92rem; margin: 0; }

/* How it works */
.arm-process__wrap { position: relative; }
.arm-process__ornament { position: absolute; opacity: 0.5; pointer-events: none; display: none; }
.arm-process__ornament--left { top: 2%; right: -3%; }
.arm-process__ornament--right { bottom: 4%; left: -4%; }

@media (min-width: 1024px) {
    .arm-process__ornament { display: block; }
}

/* Comparison */
.arm-compare__intro {
    max-width: 76ch;
    margin: 0 auto clamp(1.6rem, 3vw, 2.2rem);
    color: var(--c-text-muted);
    text-align: left;
}

/* Related categories */
.arm-related__grid { align-items: start; }

/* Category CTA band */
.arm-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.arm-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.arm-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - INDIAN DATING
   ============================================ */

.ind-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.ind-hero__bg {
    background-image: url("/assets/1d265a4031f362d9edf2d025888d585b.webp");
    background-position: 76% center;
}
.ind-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.ind-hero .hero__spacer { display: none; }
.ind-hero .breadcrumbs { position: relative; z-index: 2; }
.ind-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .ind-hero { min-height: 660px; }
    .ind-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .ind-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .ind-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.ind-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.ind-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.ind-why__grid { position: relative; isolation: isolate; }
.ind-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.ind-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.ind-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.ind-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.ind-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.ind-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .ind-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .ind-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Featured profiles */
.ind-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Culture split */
.ind-culture__layout { align-items: start; }
.ind-culture__body p { color: var(--c-text-muted); }
.ind-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .ind-culture__media { margin-top: 2.2rem; }
}

/* Success stories */
.ind-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.ind-stories__lead { position: relative; }
.ind-stories__lead p { color: var(--c-text-muted); }
.ind-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.ind-stories__carousel { margin-top: 0.4rem; }
.ind-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.ind-story__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    margin-bottom: 0.7rem;
}
.ind-story__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ind-story__title { font-size: 1.02rem; margin-bottom: 0.4rem; }
.ind-story__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 1024px) {
    .ind-stories__layout { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); align-items: center; }
}

/* Spotlight */
.ind-spotlight__layout { align-items: center; }
.ind-spotlight__frames {
    position: relative;
    isolation: isolate;
    padding: 0.6rem 0.6rem 1.6rem 1.6rem;
}
.ind-spotlight__panel-back {
    position: absolute;
    inset: 1.4rem 0 0 0;
    z-index: 0;
    border-radius: var(--radius);
    background: linear-gradient(135deg, rgba(232, 200, 138, 0.22) 0%, rgba(120, 62, 168, 0.34) 100%);
    border: var(--line-gold);
    transform: rotate(-3.2deg);
}
.ind-spotlight__panel-front {
    position: relative;
    z-index: 1;
    transform: rotate(1.6deg);
    border-color: rgba(232, 200, 138, 0.5);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.ind-spotlight__body p { color: var(--c-text-muted); }

@media (min-width: 1024px) {
    .ind-spotlight__layout { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); }
}

/* Related categories */
.ind-related__grid { align-items: start; }

/* Category CTA band */
.ind-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.ind-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.ind-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - BHUTANESE DATING
   ============================================ */

.bhu-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.bhu-hero__bg { background-position: 76% center; }
.bhu-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.bhu-hero .hero__spacer { display: none; }
.bhu-hero .breadcrumbs { position: relative; z-index: 2; }

@media (min-width: 1024px) {
    .bhu-hero { min-height: 660px; }
    .bhu-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .bhu-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .bhu-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.bhu-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.bhu-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.bhu-why__wrap { position: relative; isolation: isolate; }
.bhu-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.bhu-why__wrap .grid { position: relative; z-index: 1; }

@media (min-width: 1024px) {
    .bhu-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Profiles */
.bhu-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Culture */
.bhu-culture { position: relative; isolation: isolate; }
.bhu-culture__web {
    position: absolute;
    inset: -10% -6%;
    z-index: 0;
    opacity: 0.28;
    pointer-events: none;
}
.bhu-culture .shell { position: relative; z-index: 1; }
.bhu-culture__layout { align-items: start; }
.bhu-culture__body p { color: var(--c-text-muted); }
.bhu-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .bhu-culture__media { margin-top: 2.2rem; }
}

/* Success stories */
.bhu-quote-block {
    max-width: 680px;
    margin: 0 auto clamp(2rem, 4vw, 2.8rem);
    text-align: center;
}
.bhu-quote-block blockquote { margin: 0 0 0.8rem; }
.bhu-quote-block blockquote p { color: var(--c-text); font-size: 1.08rem; }
.bhu-quote-block figcaption { color: var(--c-gold); font-size: 0.86rem; font-weight: 600; }
.bhu-quote {
    display: block;
    width: clamp(64px, 10vw, 92px);
    height: auto;
    margin: 0 auto 0.6rem;
}
.bhu-story-grid { align-items: start; }
.bhu-story {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.65rem;
    padding: 1.3rem 1.2rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.05);
}
.bhu-story__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 20px rgba(232, 200, 138, 0.18);
}
.bhu-story__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bhu-story__title { font-size: 1rem; margin: 0 0 0.35rem; }
.bhu-story__text { color: var(--c-text-muted); font-size: 0.92rem; margin: 0; }

/* Comparison */
.bhu-compare .compare__intro { text-align: left; }

/* Related */
.bhu-related .grid--4 { align-items: start; }

/* CTA */
.bhu-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.bhu-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.bhu-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - JORDANIAN DATING
   ============================================ */

.jor-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.jor-hero__bg {
    background-image: url("/assets/dfa11ef087e85c714a45ea8c935f4805.webp");
    background-position: 76% center;
}
.jor-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.jor-hero .hero__spacer { display: none; }
.jor-hero .breadcrumbs { position: relative; z-index: 2; }
.jor-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .jor-hero { min-height: 660px; }
    .jor-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .jor-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .jor-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose / value props */
.jor-why__grid { position: relative; isolation: isolate; }
.jor-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.jor-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.jor-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.jor-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.jor-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.jor-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .jor-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Profiles spotlight */
.jor-profiles__spotlight { align-items: center; }
.jor-profiles__frame-wrap { position: relative; isolation: isolate; max-width: 340px; margin-inline: auto; }
.jor-profiles__arc {
    position: absolute;
    inset: -6% -22%;
    width: auto;
    height: auto;
    z-index: 0;
    pointer-events: none;
    opacity: 0.7;
}
.jor-profiles__frame-wrap .profile-card { position: relative; z-index: 1; }
.jor-profiles__spotlight-copy p { color: var(--c-text-muted); }
.jor-profiles__spotlight-copy .btn-row { margin-top: 1.2rem; }

@media (min-width: 1024px) {
    .jor-profiles__spotlight { grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr); }
}

/* More profiles */
.jor-profiles-more__grid { align-items: start; }

/* Culture */
.jor-culture__layout { align-items: start; }
.jor-culture__body p { color: var(--c-text-muted); }
.jor-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .jor-culture__media { margin-top: 2.2rem; }
}

/* Success stories */
.jor-stories__quote {
    max-width: 720px;
    margin: 0 auto clamp(2rem, 4vw, 2.8rem);
    text-align: center;
}
.jor-quote {
    display: block;
    width: clamp(64px, 10vw, 92px);
    height: auto;
    margin: 0 auto 0.6rem;
}
.jor-stories__quote blockquote { margin: 0 0 0.8rem; }
.jor-stories__quote blockquote p { color: var(--c-text); font-size: 1.08rem; }
.jor-stories__attrib { color: var(--c-gold); font-size: 0.86rem; font-weight: 600; margin: 0; }

.jor-stories__grid {
    display: grid;
    gap: clamp(1rem, 2.2vw, 1.6rem);
    align-items: start;
}
.jor-story {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.6rem;
    padding: 1.3rem 1.2rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.jor-story__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 20px rgba(232, 200, 138, 0.18);
}
.jor-story__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.jor-story__title { font-size: 1rem; margin: 0; }
.jor-story__text { color: var(--c-text-muted); font-size: 0.92rem; margin: 0; }

@media (min-width: 560px) {
    .jor-stories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .jor-stories__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* How it works */
.jor-process__wrap { position: relative; }

/* Comparison */
.jor-compare .compare__intro { text-align: left; }

/* Related categories */
.jor-related__grid { align-items: start; }

/* Category CTA band */
.jor-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.jor-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.jor-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - MALDIVIAN DATING
   ============================================ */

.mv-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.mv-hero__bg { background-position: 78% center; }
.mv-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.mv-hero .hero__spacer { display: none; }
.mv-hero .breadcrumbs { position: relative; z-index: 2; }
.mv-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .mv-hero { min-height: 660px; }
    .mv-hero__bg {
        background-position: 84% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .mv-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .mv-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.mv-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.mv-why__grid { position: relative; isolation: isolate; }
.mv-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.mv-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.mv-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.mv-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.mv-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.mv-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .mv-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .mv-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Profile spotlight */
.mv-profiles__spotlight {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: center;
}
.mv-profiles__frame-wrap {
    position: relative;
    isolation: isolate;
    max-width: 320px;
    margin-inline: auto;
}
.mv-profiles__arc {
    position: absolute;
    inset: -8% -18%;
    width: auto;
    height: auto;
    z-index: 0;
    pointer-events: none;
    opacity: 0.75;
}
.mv-profiles__frame-wrap .profile-card { position: relative; z-index: 1; }
.mv-profiles__copy p { color: var(--c-text-muted); }
.mv-profiles__copy .btn { margin-top: 0.6rem; }

@media (min-width: 1024px) {
    .mv-profiles__spotlight { grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr); }
}

/* Secondary profiles */
.mv-profiles-more__grid {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}
.mv-profiles-more__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 0;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

@media (min-width: 560px) {
    .mv-profiles-more__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .mv-profiles-more__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* Culture */
.mv-culture { position: relative; isolation: isolate; border-block: var(--line); }
.mv-culture__web {
    position: absolute;
    inset: -10% -6%;
    z-index: 0;
    opacity: 0.24;
    pointer-events: none;
}
.mv-culture .shell { position: relative; z-index: 1; }
.mv-culture__layout { align-items: start; }
.mv-culture__body p { color: var(--c-text-muted); }
.mv-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .mv-culture__media { margin-top: 2.2rem; }
}

/* Meeting */
.mv-meeting__layout { align-items: center; }
.mv-meeting__body p { color: var(--c-text-muted); }
.mv-meeting__frames {
    position: relative;
    isolation: isolate;
    padding: 0.6rem 0.6rem 1.6rem 1.6rem;
}
.mv-meeting__constellation {
    position: absolute;
    inset: -8% -6%;
    width: auto;
    height: auto;
    z-index: 0;
    opacity: 0.5;
    pointer-events: none;
}
.mv-meeting__panel-back {
    position: absolute;
    inset: 1.4rem 0 0 0;
    z-index: 0;
    border-radius: var(--radius);
    background: linear-gradient(135deg, rgba(232, 200, 138, 0.2) 0%, rgba(120, 62, 168, 0.32) 100%);
    border: var(--line-gold);
    transform: rotate(-3deg);
}
.mv-meeting__panel-front {
    position: relative;
    z-index: 1;
    transform: rotate(1.6deg);
    border-color: rgba(232, 200, 138, 0.5);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}

@media (min-width: 1024px) {
    .mv-meeting__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
}

/* Success stories */
.mv-stories { border-block: var(--line); }
.mv-quote-block {
    max-width: 720px;
    margin: 0 auto clamp(2rem, 4vw, 2.8rem);
    text-align: center;
}
.mv-quote {
    display: block;
    width: clamp(64px, 10vw, 92px);
    height: auto;
    margin: 0 auto 0.6rem;
}
.mv-quote-block blockquote { margin: 0 0 0.8rem; }
.mv-quote-block blockquote p { color: var(--c-text); font-size: 1.08rem; }
.mv-quote-block figcaption { color: var(--c-gold); font-size: 0.86rem; font-weight: 600; }

.mv-story-grid { align-items: start; }
.mv-story {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.65rem;
    padding: 1.3rem 1.2rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.05);
}
.mv-story__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 20px rgba(232, 200, 138, 0.18);
}
.mv-story__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mv-story__title { font-size: 1rem; margin: 0 0 0.35rem; }
.mv-story__text { color: var(--c-text-muted); font-size: 0.92rem; margin: 0; }

@media (min-width: 560px) {
    .mv-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .mv-story-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* Comparison */
.mv-compare .compare__intro { text-align: left; }

/* Related categories */
.mv-related__wrap { position: relative; isolation: isolate; }
.mv-related__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, 80%);
    height: 260px;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(70px);
    background: radial-gradient(circle, rgba(120, 62, 168, 0.4) 0%, rgba(120, 62, 168, 0) 70%);
}
.mv-related__grid { position: relative; z-index: 1; }
.mv-related__more {
    margin-top: clamp(1.4rem, 3vw, 2rem);
    text-align: center;
    color: var(--c-text-muted);
}

/* CTA band */
.mv-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.mv-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.mv-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - LAOTIAN DATING
   ============================================ */

.lao-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.lao-hero__bg { background-position: 78% center; }
.lao-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.lao-hero .hero__spacer { display: none; }
.lao-hero .breadcrumbs { position: relative; z-index: 2; }
.lao-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .lao-hero { min-height: 660px; }
    .lao-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .lao-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .lao-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.lao-why__grid { align-items: start; }

/* Culture split */
.lao-culture__layout { align-items: start; }
.lao-culture__body p { color: var(--c-text-muted); }
.lao-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .lao-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.lao-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Safety band */
.lao-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.lao-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.lao-safety__item { text-align: center; }
.lao-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.lao-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.lao-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .lao-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Comparison */
.lao-compare .compare__intro { text-align: left; }

/* vs other apps */
.lao-apps__copy {
    max-width: 74ch;
    margin: 0 auto clamp(1.6rem, 3vw, 2.2rem);
}
.lao-apps__copy p { color: var(--c-text-muted); }

/* Success stories */
.lao-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.lao-stories__lead { position: relative; }
.lao-stories__lead p { color: var(--c-text-muted); }
.lao-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.lao-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.lao-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.lao-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

@media (min-width: 1024px) {
    .lao-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Related categories */
.lao-related__wrap { position: relative; isolation: isolate; }
.lao-related__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, 80%);
    height: 260px;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(70px);
    background: radial-gradient(circle, rgba(120, 62, 168, 0.4) 0%, rgba(120, 62, 168, 0) 70%);
}
.lao-related__grid { position: relative; z-index: 1; }
.lao-related__more {
    margin-top: clamp(1.4rem, 3vw, 2rem);
    text-align: center;
    color: var(--c-text-muted);
}

/* Category CTA band */
.lao-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.lao-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.lao-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - AFGHAN DATING
   ============================================ */

.afg-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.afg-hero__bg {
    background-image: url("/assets/5ab543123afb67e37dead5e04eae8f13.webp");
    background-position: 78% center;
}
.afg-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.afg-hero .hero__spacer { display: none; }
.afg-hero .breadcrumbs { position: relative; z-index: 2; }
.afg-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .afg-hero { min-height: 660px; }
    .afg-hero__bg {
        background-position: 84% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .afg-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.96) 0%, rgba(11,7,22,.85) 40%, rgba(11,7,22,.3) 66%, rgba(11,7,22,.48) 100%);
    }
    .afg-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.afg-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.afg-why__intro p { color: var(--c-text-muted); }
.afg-why__grid { position: relative; isolation: isolate; }
.afg-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.afg-why__cards {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

@media (min-width: 560px) {
    .afg-why__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .afg-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.afg-culture__layout { align-items: start; }
.afg-culture__body p { color: var(--c-text-muted); }
.afg-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .afg-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.afg-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Safety */
.afg-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.afg-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
@media (min-width: 768px) {
    .afg-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Comparison intros */
.afg-compare__intro,
.afg-apps__intro {
    max-width: 76ch;
    margin: 0 auto clamp(1.6rem, 3vw, 2.2rem);
    color: var(--c-text-muted);
    text-align: left;
}

/* Success stories */
.afg-stories {
    position: relative;
    isolation: isolate;
    border-block: var(--line);
}
.afg-stories .shell { position: relative; z-index: 2; }
.afg-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.afg-stories__lead p { color: var(--c-text-muted); }
.afg-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.afg-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.afg-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.afg-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.afg-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.afg-story__by {
    display: block;
    margin-top: 0.7rem;
    font-size: 0.86rem;
    color: var(--c-gold);
    font-weight: 600;
}

@media (min-width: 1024px) {
    .afg-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Related categories */
.afg-related__wrap { position: relative; isolation: isolate; }
.afg-related__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, 80%);
    height: 260px;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(70px);
    background: radial-gradient(circle, rgba(120, 62, 168, 0.4) 0%, rgba(120, 62, 168, 0) 70%);
}
.afg-related__grid { position: relative; z-index: 1; }
.afg-related__more {
    margin-top: clamp(1.4rem, 3vw, 2rem);
    text-align: center;
    color: var(--c-text-muted);
}

/* Category CTA band */
.afg-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.afg-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.afg-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - BRUNEIAN DATING
   ============================================ */

.bru-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.bru-hero__bg {
    background-image: url("/assets/afea83d90f04a7ce2174978c20aff72b.webp");
    background-position: 76% center;
}
.bru-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.bru-hero .hero__spacer { display: none; }
.bru-hero .breadcrumbs { position: relative; z-index: 2; }
.bru-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .bru-hero { min-height: 660px; }
    .bru-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .bru-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .bru-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.bru-why__wrap { position: relative; isolation: isolate; }
.bru-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(232, 200, 138, 0.28) 0%, rgba(232, 200, 138, 0) 70%);
}
.bru-why__wrap .grid { position: relative; z-index: 1; }

/* Culture split */
.bru-culture__layout { align-items: start; }
.bru-culture__body p { color: var(--c-text-muted); }
.bru-culture__frame {
    border-color: rgba(232, 200, 138, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
@media (min-width: 768px) {
    .bru-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.bru-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Safety */
.bru-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.bru-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
@media (min-width: 768px) {
    .bru-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Comparison intros */
.bru-compare__intro,
.bru-apps__intro {
    max-width: 76ch;
    margin: 0 auto clamp(1.6rem, 3vw, 2.2rem);
    color: var(--c-text-muted);
    text-align: left;
}

/* Success stories */
.bru-stories {
    position: relative;
    isolation: isolate;
    border-block: var(--line);
}
.bru-stories__bg {
    background:
        radial-gradient(60% 70% at 20% 20%, rgba(120, 62, 168, 0.5) 0%, rgba(120, 62, 168, 0) 60%),
        radial-gradient(55% 65% at 85% 80%, rgba(63, 46, 150, 0.46) 0%, rgba(63, 46, 150, 0) 62%);
    opacity: 0.9;
}
.bru-stories .bg-scrim--center {
    background: linear-gradient(180deg, rgba(11, 7, 22, 0.86) 0%, rgba(19, 12, 36, 0.8) 50%, rgba(11, 7, 22, 0.92) 100%);
}
.bru-stories .shell { position: relative; z-index: 2; }
.bru-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.bru-stories__lead p { color: var(--c-text-muted); }
.bru-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.bru-stories__grid { margin-top: clamp(1.6rem, 3vw, 2.4rem); align-items: start; }

@media (min-width: 1024px) {
    .bru-stories__layout { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); align-items: center; }
}

/* Related categories */
.bru-related__grid { align-items: start; }
.bru-related__more {
    margin-top: clamp(1.4rem, 3vw, 2rem);
    text-align: center;
    color: var(--c-text-muted);
}

/* Category CTA band */
.bru-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.bru-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.bru-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - TIMORESE DATING
   ============================================ */

.tim-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.tim-hero__bg {
    background-image: url("/assets/169ca35623b78822784782beec4c33dc.webp");
    background-position: 76% center;
}
.tim-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.tim-hero .hero__spacer { display: none; }
.tim-hero .breadcrumbs { position: relative; z-index: 2; }
.tim-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .tim-hero { min-height: 660px; }
    .tim-hero__bg {
        background-position: 82% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .tim-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .tim-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.tim-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.tim-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.tim-why__grid { position: relative; isolation: isolate; }
.tim-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.tim-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.tim-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.tim-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.tim-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.tim-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .tim-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .tim-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.tim-culture__layout { align-items: start; }
.tim-culture__body p { color: var(--c-text-muted); }
.tim-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .tim-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.tim-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Safety band */
.tim-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.tim-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin-top: clamp(1.8rem, 3.4vw, 2.6rem);
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.tim-safety__item { text-align: center; }
.tim-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.tim-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.tim-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .tim-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Comparison / apps copy */
.tim-compare .compare__intro { text-align: left; }
.tim-apps__copy {
    max-width: 74ch;
    margin: 0 auto clamp(1.6rem, 3vw, 2.2rem);
}
.tim-apps__copy p { color: var(--c-text-muted); }

/* Success stories */
.tim-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.tim-stories__lead { position: relative; }
.tim-stories__lead p { color: var(--c-text-muted); }
.tim-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.tim-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}
.tim-stories__carousel { margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.tim-story {
    height: 100%;
    padding: 1.3rem 1.25rem 1.4rem;
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
}
.tim-story__title { font-size: 1.04rem; margin-bottom: 0.45rem; }
.tim-story__text { color: var(--c-text-muted); font-size: 0.94rem; margin: 0; }
.tim-stories__link { margin-top: 1.1rem; color: var(--c-text-muted); font-size: 0.93rem; }

@media (min-width: 1024px) {
    .tim-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Related categories */
.tim-related__wrap { position: relative; isolation: isolate; }
.tim-related__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, 80%);
    height: 260px;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(70px);
    background: radial-gradient(circle, rgba(120, 62, 168, 0.4) 0%, rgba(120, 62, 168, 0) 70%);
}
.tim-related__grid { position: relative; z-index: 1; }
.tim-related__more {
    margin-top: clamp(1.4rem, 3vw, 2rem);
    text-align: center;
    color: var(--c-text-muted);
}

/* Category CTA band */
.tim-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.tim-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.tim-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - UZBEK DATING
   ============================================ */

.ud-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.ud-hero__bg {
    background-image: url("/assets/86db97e3aa74e6dfba934650aa15a9f8.webp");
    background-position: 78% center;
}
.ud-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.ud-hero .hero__spacer { display: none; }
.ud-hero .breadcrumbs { position: relative; z-index: 2; }
.ud-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .ud-hero { min-height: 660px; }
    .ud-hero__bg {
        background-position: 84% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .ud-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .ud-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.ud-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.ud-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.ud-why__grid { position: relative; isolation: isolate; }
.ud-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.ud-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.ud-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.ud-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.ud-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.ud-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .ud-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .ud-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Culture split */
.ud-culture__layout { align-items: start; }
.ud-culture__body p { color: var(--c-text-muted); }
.ud-culture__body h3 { margin-top: 1.6rem; }
.ud-culture__body h3:first-child { margin-top: 0; }
.ud-culture__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .ud-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.ud-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Safety */
.ud-safety__intro {
    max-width: 74ch;
    margin-inline: auto;
    color: var(--c-text-muted);
}
.ud-safety__row {
    display: grid;
    gap: clamp(1.1rem, 2.6vw, 1.8rem);
    margin: clamp(1.8rem, 3.4vw, 2.6rem) 0;
    padding-top: clamp(1.4rem, 3vw, 2rem);
    border-top: var(--line);
}
.ud-safety__item { text-align: center; }
.ud-safety__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 0.7rem;
    border-radius: 50%;
    border: var(--line-gold);
    color: var(--c-gold);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 26px rgba(232, 200, 138, 0.18);
}
.ud-safety__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.ud-safety__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 768px) {
    .ud-safety__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Comparison */
.ud-compare .compare__intro { text-align: left; }

/* Success stories */
.ud-stories { position: relative; isolation: isolate; border-block: var(--line); }
.ud-stories__bg {
    background-image: url("/assets/d2f09584313f702d32f7b1db57a703e2.webp");
    background-position: center 34%;
    opacity: 0.55;
}
.ud-stories .bg-scrim--center {
    background: linear-gradient(180deg, rgba(11, 7, 22, 0.9) 0%, rgba(20, 12, 40, 0.84) 50%, rgba(11, 7, 22, 0.94) 100%);
}
.ud-stories .shell { position: relative; z-index: 2; }
.ud-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.ud-stories__lead p { color: var(--c-text-muted); }
.ud-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.ud-stories__quote { margin: 0 0 0.5rem; }
.ud-stories__quote p { color: var(--c-text); font-size: 1.04rem; }
.ud-stories__attrib { color: var(--c-gold); font-size: 0.86rem; font-weight: 600; margin: 0 0 1rem; }
.ud-story-note { color: var(--c-text-muted); font-size: 0.92rem; }
.ud-stories__frame {
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}

@media (min-width: 1024px) {
    .ud-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Diaspora reach */
.ud-diaspora p { color: var(--c-text-muted); max-width: 78ch; margin-inline: auto; }

/* FAQ */
.ud-faq { }

/* Category CTA band */
.ud-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.ud-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.ud-cta .cta-band__inner { margin-inline: auto; }

/* ============================================
   CATEGORY PAGE - TURKMEN DATING
   ============================================ */

.tm-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.tm-hero__bg {
    background-image: url("/assets/9edd51a908e0c11e363198cc29d4e0d8.webp");
    background-position: 78% center;
}
.tm-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.tm-hero .hero__spacer { display: none; }
.tm-hero .breadcrumbs { position: relative; z-index: 2; }
.tm-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .tm-hero { min-height: 660px; }
    .tm-hero__bg {
        background-position: 84% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .tm-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.95) 0%, rgba(11,7,22,.82) 38%, rgba(11,7,22,.24) 64%, rgba(11,7,22,.46) 100%);
    }
    .tm-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Why choose */
.tm-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.tm-why__grid { position: relative; isolation: isolate; }
.tm-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.45) 0%, rgba(120, 62, 168, 0) 70%);
}
.tm-why__web {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.4;
}
.tm-feat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-top: var(--line);
    border-left: var(--line);
}
.tm-feat {
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    border-right: var(--line);
    border-bottom: var(--line);
}
.tm-feat__icon { color: var(--c-gold); display: inline-flex; margin-bottom: 0.55rem; }
.tm-feat__title { font-size: 1.04rem; margin-bottom: 0.4rem; }
.tm-feat__text { color: var(--c-text-muted); font-size: 0.93rem; margin: 0; }

@media (min-width: 560px) {
    .tm-feat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .tm-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Family split */
.tm-family__layout { align-items: start; }
.tm-family__body h3 { margin-top: 1.6rem; }
.tm-family__body h3:first-child { margin-top: 0; }
.tm-family__body p { color: var(--c-text-muted); }
.tm-family__frame {
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 46px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .tm-family__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.tm-profiles__wrap { position: relative; }
.tm-profiles__filament {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 140px;
    z-index: 0;
    pointer-events: none;
    opacity: 0.75;
}
.tm-profiles__grid { position: relative; z-index: 2; }

/* Verification */
.tm-verify__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.6rem);
    align-items: center;
}
.tm-verify__body p { color: var(--c-text-muted); }
.tm-verify__badges {
    position: relative;
    isolation: isolate;
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}
.tm-verify__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(380px, 90%);
    height: 220px;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(64px);
    background: radial-gradient(circle, rgba(232, 200, 138, 0.24) 0%, rgba(232, 200, 138, 0) 70%);
}
.tm-verify__hex {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem;
}

@media (min-width: 1024px) {
    .tm-verify__layout { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); }
}

/* Comparison */
.tm-compare .compare__intro { text-align: left; }

/* Testimonials */
.tm-stories {
    position: relative;
    isolation: isolate;
    border-block: var(--line);
}
.tm-stories__bg {
    background-image: url("/assets/71b806c3cba09ea3bdae3a757a457f39.webp");
    background-position: center 32%;
    opacity: 0.6;
}
.tm-stories .shell { position: relative; z-index: 2; }
.tm-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.tm-quote {
    display: block;
    width: clamp(72px, 12vw, 108px);
    height: auto;
    margin-bottom: 0.6rem;
}
.tm-stories__notes { margin-top: 1.4rem; align-items: start; }
.tm-story {
    padding: 1.1rem 1.15rem 1.2rem;
    border: var(--line);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.045);
}
.tm-story__text { color: var(--c-text-muted); font-size: 0.92rem; margin: 0 0 0.6rem; }
.tm-story__by { font-size: 0.82rem; color: var(--c-gold); font-weight: 600; margin: 0; }
.tm-stories__media { position: relative; }
.tm-orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 108%;
    height: auto;
    z-index: 0;
    pointer-events: none;
}
.tm-stories__frame {
    position: relative;
    z-index: 1;
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.22), var(--shadow-soft);
}

@media (min-width: 1024px) {
    .tm-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; }
}

/* Regional network */
.tm-network__map {
    display: block;
    width: 100%;
    max-width: 900px;
    height: auto;
    margin: 0 auto clamp(1.6rem, 3vw, 2.2rem);
    opacity: 0.9;
}
.tm-network__body p {
    max-width: 78ch;
    margin-inline: auto;
    color: var(--c-text-muted);
    text-align: left;
}

/* CTA */
.tm-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.tm-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.tm-cta .cta-band__inner { margin-inline: auto; }
.tm-cta__ring {
    display: block;
    width: 160px;
    height: auto;
    margin: 0.6rem auto 0;
}

/* ============================================
   CATEGORY PAGE - YEMENI DATING
   ============================================ */

.yem-hero {
    padding-block: clamp(2.4rem, 6vw, 5.6rem);
    min-height: clamp(480px, 72vh, 720px);
    align-items: center;
}
.yem-hero__bg {
    background-image: url("/assets/881ab5892c5cd790ff69cec04ad901db.webp");
    background-position: 78% center;
}
.yem-hero__orb {
    top: 6%;
    left: -10%;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
}
.yem-hero .hero__spacer { display: none; }
.yem-hero .breadcrumbs { position: relative; z-index: 2; }
.yem-hero__trail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.85;
}

@media (min-width: 1024px) {
    .yem-hero { min-height: 660px; }
    .yem-hero__bg {
        background-position: 84% center;
        -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
        mask-image: linear-gradient(90deg, rgba(0,0,0,0) 6%, rgba(0,0,0,.32) 28%, #000 58%, #000 90%, rgba(0,0,0,.22) 100%);
    }
    .yem-hero .bg-scrim--left {
        background: linear-gradient(90deg, rgba(11,7,22,.96) 0%, rgba(11,7,22,.85) 40%, rgba(11,7,22,.28) 66%, rgba(11,7,22,.46) 100%);
    }
    .yem-hero .hero__spacer { display: block; min-height: 420px; }
}

/* Respectful approach */
.yem-why__layout {
    display: grid;
    gap: clamp(1.6rem, 3.4vw, 2.8rem);
    align-items: start;
}
.yem-why__note { color: var(--c-text-muted); font-size: 0.94rem; }
.yem-why__grid { position: relative; isolation: isolate; }
.yem-why__glow {
    position: absolute;
    inset: -16% -10%;
    z-index: 0;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    background: radial-gradient(circle, rgba(120, 62, 168, 0.42) 0%, rgba(120, 62, 168, 0) 70%);
}
.yem-why__web {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.4;
}
.yem-why__cards { position: relative; z-index: 1; align-items: start; }

@media (min-width: 1024px) {
    .yem-why__layout { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); align-items: center; }
}

/* Cultural context */
.yem-culture__layout { align-items: start; }
.yem-culture__body h3 { margin-top: 1.6rem; }
.yem-culture__body h3:first-child { margin-top: 0; }
.yem-culture__body p { color: var(--c-text-muted); }
.yem-culture__frame {
    position: relative;
    border-color: rgba(196, 205, 224, 0.4);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 44px rgba(232, 200, 138, 0.2), var(--shadow-soft);
}
@media (min-width: 768px) {
    .yem-culture__media { margin-top: 2.2rem; }
}

/* Featured profiles */
.yem-profiles__filament { opacity: 0.85; }
.yem-profiles__note {
    margin: clamp(1.6rem, 3vw, 2.2rem) auto 1.4rem;
    max-width: 64ch;
    text-align: center;
    color: var(--c-text-muted);
}

/* Safety & privacy */
.yem-safety__layout {
    display: grid;
    gap: clamp(1.6rem, 3vw, 2.4rem);
    align-items: start;
}
.yem-safety__copy p { color: var(--c-text-muted); }
.yem-safety__flags { color: var(--c-text); font-weight: 600; margin-top: 1.2rem; }
.yem-safety__list {
    margin: 0.6rem 0 0;
    padding-left: 1.2rem;
    color: var(--c-text-muted);
    display: grid;
    gap: 0.4rem;
}
.yem-safety__badges {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
}
.yem-safety__bloom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 260px;
    height: 260px;
    z-index: 0;
    border-radius: 50%;
    filter: blur(60px);
    background: radial-gradient(circle, rgba(232, 200, 138, 0.22) 0%, rgba(232, 200, 138, 0) 70%);
    pointer-events: none;
}
.yem-safety__hex-row {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 1rem;
}
.yem-safety__hex {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 22px rgba(232, 200, 138, 0.16);
}

@media (min-width: 1024px) {
    .yem-safety__layout { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); }
}

/* Comparison */
.yem-compare__intro {
    max-width: 76ch;
    margin: 0 auto 1.6rem;
    color: var(--c-text-muted);
    text-align: left;
}

/* Testimonials */
.yem-stories {
    position: relative;
    isolation: isolate;
    overflow: clip;
    padding-block: clamp(3rem, 6vw, 5.5rem);
    border-block: var(--line);
}
.yem-stories__bg {
    background-image: url("/assets/ec318cc1c2e16bb82f3c957e41b2a62b.webp");
    background-position: center 30%;
}
.yem-stories__inner { position: relative; z-index: 2; }
.yem-stories__layout {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: center;
}
.yem-stories__quote { position: relative; }
.yem-stories__mark {
    font-family: var(--font-display);
    font-size: 3.6rem;
    line-height: 0.6;
    color: rgba(232, 200, 138, 0.6);
    display: block;
    margin-bottom: 0.5rem;
}
.yem-stories__quote blockquote { margin: 0 0 0.9rem; }
.yem-stories__quote blockquote p { color: var(--c-text); font-size: 1.08rem; }
.yem-stories__attrib { color: var(--c-gold); font-size: 0.88rem; font-weight: 600; margin: 0 0 0.3rem; }
.yem-stories__caption { color: var(--c-text-soft); font-size: 0.82rem; margin: 0; }
.yem-stories__media { position: relative; isolation: isolate; }
.yem-stories__orbit {
    position: absolute;
    inset: -6% -8%;
    width: auto;
    height: auto;
    z-index: 0;
    pointer-events: none;
}
.yem-stories__frame {
    position: relative;
    z-index: 1;
    border-color: rgba(232, 200, 138, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 7, 22, 0.6), 0 0 42px rgba(232, 200, 138, 0.24), var(--shadow-soft);
}
.yem-stories__notes { margin-top: clamp(2rem, 4vw, 2.8rem); align-items: start; }
.yem-story-note {
    padding: 1.2rem 1.2rem 1.3rem;
    border: var(--line);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.06);
}
.yem-story-note p:first-child { color: var(--c-text); font-size: 0.95rem; }
.yem-story-note__by { color: var(--c-gold); font-size: 0.82rem; font-weight: 600; margin: 0; }

@media (min-width: 1024px) {
    .yem-stories__layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
}

/* Regional connections */
.yem-related__panel {
    position: relative;
    isolation: isolate;
    padding: clamp(1.4rem, 3vw, 2.2rem);
    border: var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.035);
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.yem-related__map {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
    opacity: 0.9;
}
.yem-related__text { color: var(--c-text-muted); margin: 0; }
.yem-related__grid { align-items: start; }

/* CTA band */
.yem-cta {
    position: relative;
    border-bottom: 0;
    background: linear-gradient(180deg, rgba(23, 16, 52, 0.9) 0%, rgba(11, 7, 22, 0.98) 100%);
}
.yem-cta__orb {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, 90vw);
    height: min(420px, 70vw);
}
.yem-cta__ring {
    display: block;
    width: 160px;
    height: auto;
    margin: 0.6rem auto 0;
    position: relative;
    z-index: 1;
}
.yem-cta .cta-band__inner { margin-inline: auto; }