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

/* =========================================
   THEME SYSTEM — Night (default) & Day
   ========================================= */

/* Night Mode — Lush Dark Emerald */
:root,[data-theme="night"] {
  --bg-primary:   #020d0a;
  --bg-secondary: #061a12;
  --bg-mid:       #0a2218;
  --bg-card:      rgba(6,78,59,0.14);
  --bg-card2:     rgba(6,78,59,0.22);
  --bg-nav:       rgba(2,13,10,0.72);
  --bg-nav-scrolled: rgba(2,13,10,0.96);
  --bg-glass:     rgba(6,78,59,0.15);
  --bg-mobile:    rgba(2,13,10,0.98);
  --bg-trust:     rgba(6,78,59,0.13);
  --bg-loading:   #020d0a;
  --bg-stats:     linear-gradient(135deg,#064e3b 0%,#0a2218 50%,#065f46 100%);
  --bg-download:  linear-gradient(135deg,#064e3b 0%,#0a3728 50%,#065f46 100%);
  --bg-hero: radial-gradient(ellipse at 15% 60%,rgba(13,110,79,0.18) 0%,transparent 55%),
             radial-gradient(ellipse at 85% 15%,rgba(245,158,11,0.07) 0%,transparent 50%),
             #020d0a;
  --bg-how:       #f0fdf6;
  --bg-news:      #061a12;
  --bg-footer:    #020d0a;

  --text-primary:   #f0fdf6;
  --text-secondary: rgba(240,253,246,0.65);
  --text-muted:     rgba(240,253,246,0.4);
  --text-nav:       rgba(240,253,246,0.78);
  --text-how-h2:    #052e16;
  --text-how-p:     rgba(2,13,10,0.6);
  --text-how-h4:    #064e3b;
  --text-footer:    rgba(240,253,246,0.45);

  --border-card:    rgba(245,158,11,0.1);
  --border-nav:     rgba(245,158,11,0.08);
  --border-gold:    rgba(245,158,11,0.25);
  --border-subtle:  rgba(255,255,255,0.04);
  --border-trust:   rgba(245,158,11,0.08);
  --border-how:     rgba(6,78,59,0.1);

  --shadow-hero:    0 20px 60px rgba(0,0,0,0.5);
  --shadow-card:    0 8px 32px rgba(0,0,0,0.3);
  --shadow-step:    0 16px 48px rgba(6,78,59,0.15);

  --how-card-bg:    rgba(255,255,255,0.7);
  --how-step-border: rgba(6,78,59,0.1);
  --hero-overlay1:  rgba(2,13,10,0.8);
  --hero-overlay2:  rgba(6,78,59,0.3);
  --badge-bg:       rgba(2,13,10,0.88);
  --fcard-bg:       rgba(6,78,59,0.2);
  --pricing-feat:   rgba(6,78,59,0.22);
  --scroll-track:   #020d0a;
  --geo-opacity:    0.055;
  --pricing-bg:     rgba(6,78,59,0.1);
  --test-bg:        rgba(6,78,59,0.12);
  --nl-input-bg:    rgba(6,78,59,0.15);
  --store-btn-bg:   rgba(0,0,0,0.35);
  --features-bg:    linear-gradient(180deg,#061a12 0%,rgba(6,78,59,0.2) 50%,#061a12 100%);
  --phone-border:   rgba(240,253,246,0.25);
  --pricing-after:  linear-gradient(90deg,transparent,rgba(245,158,11,0.3),transparent);
  --section-tag-bg: rgba(245,158,11,0.1);
  --section-tag-border: rgba(245,158,11,0.2);
  --section-tag-color: #f59e0b;
  --how-tag-bg:     rgba(6,78,59,0.1);
  --how-tag-border: rgba(6,78,59,0.2);
  --how-tag-color:  #064e3b;
  --scrollbar-track:#020d0a;

  --emerald-deep: #064e3b;
  --emerald-mid: #0d6e4f;
  --emerald-light: #065f46;
  --emerald-bright: #10b981;
  --gold: #f59e0b;
  --gold-mid: #d97706;
  --gold-dark: #b45309;
  --off-white: #f0fdf6;
  --dark-bg: #020d0a;
  --dark-bg2: #061a12;
  --dark-mid: #0a2218;
  --radius: 20px;
  --transition: 0.3s ease;
}

/* Day Mode — Warm Cream & Sage */
[data-theme="day"] {
  --bg-primary:   #fffdf5;
  --bg-secondary: #f5f0e8;
  --bg-mid:       #ede8dc;
  --bg-card:      rgba(255,255,255,0.75);
  --bg-card2:     rgba(255,255,255,0.9);
  --bg-nav:       rgba(255,253,245,0.82);
  --bg-nav-scrolled: rgba(255,253,245,0.98);
  --bg-glass:     rgba(255,255,255,0.6);
  --bg-mobile:    rgba(255,253,245,0.99);
  --bg-trust:     rgba(6,78,59,0.04);
  --bg-loading:   #fffdf5;
  --bg-stats:     linear-gradient(135deg,#064e3b 0%,#0d6e4f 50%,#065f46 100%);
  --bg-download:  linear-gradient(135deg,#064e3b 0%,#0a3728 50%,#065f46 100%);
  --bg-hero: radial-gradient(ellipse at 20% 60%,rgba(13,110,79,0.12) 0%,transparent 55%),
             radial-gradient(ellipse at 80% 20%,rgba(245,158,11,0.08) 0%,transparent 50%),
             #fffdf5;
  --bg-how:       #f9f5ee;
  --bg-news:      #f5f0e8;
  --bg-footer:    #1a0f00;

  --text-primary:   #1a1200;
  --text-secondary: rgba(26,18,0,0.68);
  --text-muted:     rgba(26,18,0,0.42);
  --text-nav:       rgba(26,18,0,0.78);
  --text-how-h2:    #1a1200;
  --text-how-p:     rgba(26,18,0,0.62);
  --text-how-h4:    #064e3b;
  --text-footer:    rgba(240,235,220,0.5);

  --border-card:    rgba(180,83,9,0.12);
  --border-nav:     rgba(180,83,9,0.1);
  --border-gold:    rgba(180,83,9,0.2);
  --border-subtle:  rgba(0,0,0,0.05);
  --border-trust:   rgba(180,83,9,0.08);
  --border-how:     rgba(6,78,59,0.12);

  --shadow-hero:    0 20px 60px rgba(100,60,0,0.15);
  --shadow-card:    0 8px 32px rgba(100,60,0,0.12);
  --shadow-step:    0 16px 48px rgba(6,78,59,0.1);

  --how-card-bg:    rgba(255,255,255,0.88);
  --how-step-border: rgba(6,78,59,0.1);
  --hero-overlay1:  rgba(255,253,245,0.55);
  --hero-overlay2:  rgba(6,78,59,0.12);
  --badge-bg:       rgba(255,253,245,0.92);
  --fcard-bg:       rgba(255,255,255,0.88);
  --pricing-feat:   rgba(6,78,59,0.08);
  --scroll-track:   #f5f0e8;
  --geo-opacity:    0.07;
  --pricing-bg:     rgba(255,255,255,0.65);
  --test-bg:        rgba(255,255,255,0.75);
  --nl-input-bg:    rgba(255,255,255,0.7);
  --store-btn-bg:   rgba(0,0,0,0.08);
  --features-bg:    linear-gradient(180deg,#f5f0e8 0%,#ede8dc 50%,#f5f0e8 100%);
  --phone-border:   rgba(6,78,59,0.3);
  --pricing-after:  linear-gradient(90deg,transparent,rgba(180,83,9,0.25),transparent);
  --section-tag-bg: rgba(245,158,11,0.12);
  --section-tag-border: rgba(180,83,9,0.2);
  --section-tag-color: #92400e;
  --how-tag-bg:     rgba(6,78,59,0.08);
  --how-tag-border: rgba(6,78,59,0.2);
  --how-tag-color:  #064e3b;
  --scrollbar-track:#f5f0e8;

  --emerald-deep: #064e3b;
  --emerald-mid: #0d6e4f;
  --emerald-light: #065f46;
  --emerald-bright: #10b981;
  --gold: #d97706;
  --gold-mid: #b45309;
  --gold-dark: #92400e;
  --off-white: #fffdf5;
  --dark-bg: #fffdf5;
  --dark-bg2: #f5f0e8;
  --dark-mid: #ede8dc;
  --radius: 20px;
  --transition: 0.3s ease;
}

html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', sans-serif;
  background: var(--bg-primary);
  color: var(--text-primary);
  overflow-x: hidden;
  cursor: none;
}

/* ===== CUSTOM CURSOR ===== */
.cursor-dot {
  width: 8px; height: 8px;
  background: var(--gold);
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  z-index: 99999;
  box-shadow: 0 0 12px var(--gold), 0 0 24px rgba(245,158,11,0.4);
  transition: transform 0.1s;
}
.cursor-ring {
  width: 34px; height: 34px;
  border: 2px solid rgba(245,158,11,0.5);
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  z-index: 99998;
  transition: transform 0.18s ease-out, width 0.2s, height 0.2s, border-color 0.2s;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--scrollbar-track); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--emerald-mid), var(--gold-dark));
  border-radius: 3px;
}

/* ===== LOADING ===== */
.loading-screen {
  position: fixed; inset: 0;
  background: var(--bg-loading);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  z-index: 100000;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}
.loading-screen.hidden { opacity: 0; visibility: hidden; }
.loading-logo {
  font-family: 'Playfair Display', serif;
  font-size: 3.5rem; font-weight: 900;
  margin-bottom: 0.5rem; letter-spacing: -1px;
}
.loading-logo .nikah { color: var(--text-primary); }
.loading-logo .Namah { color: var(--gold); }
.loading-urdu { font-size: 1.2rem; color: rgba(245,158,11,0.7); margin-bottom: 2rem; }
.loading-spinner {
  width: 70px; height: 70px;
  animation: spinLoader 2s linear infinite;
}
@keyframes spinLoader { to { transform: rotate(360deg); } }
.loading-bar {
  width: 220px; height: 3px;
  background: rgba(245,158,11,0.15);
  border-radius: 2px; margin-top: 2rem; overflow: hidden;
}
.loading-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--gold), var(--emerald-bright));
  animation: loadFill 1.6s ease-in-out forwards;
}
@keyframes loadFill { 0% { width: 0; } 100% { width: 100%; } }

/* ===== NAVBAR ===== */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1rem 2rem;
    z-index: 10000;
    transition: transform 0.3s, background 0.3s, padding 0.3s;
    background: rgb(3 13 10);
    border-bottom: 1px solid rgb(3 13 10);
}
.navbar.hidden { transform: translateY(-100%); }
.navbar.scrolled { background: var(--bg-nav-scrolled); padding: 0.7rem 2rem; border-bottom-color: var(--border-gold); }
.nav-container {
  max-width: 1280px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
}
.nav-logo {
  font-family: 'Playfair Display', serif;
  font-size: 1.8rem; font-weight: 900;
  text-decoration: none; display: flex; align-items: center; gap: 1px;
  letter-spacing: -0.5px;
}
.nav-logo .nikah { color: var(--text-primary); }
.nav-logo .Namah { color: var(--gold); }
.nav-links { display: flex; align-items: center; gap: 2.2rem; list-style: none; }
.nav-links a {
  color: #bdc9c2; text-decoration: none;
  font-size: 0.88rem; font-weight: 500;
  transition: color var(--transition); position: relative;
}
.nav-links a:hover { color: var(--gold); }
.nav-links a::after {
  content: ''; position: absolute; bottom: -4px; left: 0;
  width: 0; height: 1.5px; background: var(--gold);
  transition: width var(--transition);
}
.nav-links a:hover::after { width: 100%; }
.nav-cta {
  background: linear-gradient(135deg, var(--gold), var(--gold-dark)) !important;
  color: var(--bg-primary) !important; padding: 0.6rem 1.6rem !important;
  border-radius: 50px; font-weight: 700 !important; font-size: 0.85rem !important;
  transition: transform var(--transition), box-shadow var(--transition) !important;
  box-shadow: 0 2px 14px rgba(245,158,11,0.25);
}
.nav-cta:hover { transform: scale(1.06) !important; box-shadow: 0 5px 22px rgba(245,158,11,0.45) !important; }
.nav-cta::after { display: none !important; }
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; z-index: 10001; }
.hamburger span { width: 25px; height: 2px; background: var(--text-primary); transition: all 0.3s; }
.hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.hamburger.active span:nth-child(2) { opacity: 0; }
.hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* ===== MOBILE MENU ===== */
.mobile-menu {
  display: none; position: fixed; inset: 0;
  background: var(--bg-mobile); backdrop-filter: blur(20px);
  z-index: 9999; flex-direction: column; align-items: center;
  justify-content: center; gap: 2.2rem;
  opacity: 0; visibility: hidden; transition: all 0.35s;
}
.mobile-menu.open { opacity: 1; visibility: visible; }
.mobile-menu a {
  color: var(--text-primary); text-decoration: none;
  font-size: 1.6rem; font-family: 'Playfair Display', serif;
  transition: color 0.3s;
}
.mobile-menu a:hover { color: var(--gold); }

/* ===== HERO ===== */
.hero {
  min-height: 100vh; position: relative;
  display: flex; align-items: center; overflow: hidden;
  background: var(--bg-hero);
}
.hero-pattern { position: absolute; inset: 0; opacity: var(--geo-opacity); overflow: hidden; pointer-events: none; }
.geo-star { position: absolute; animation: geoRot 22s linear infinite; }
.geo-star:nth-child(1) { top: 8%; left: 4%; width: 220px; height: 220px; animation-duration: 28s; }
.geo-star:nth-child(2) { top: 62%; left: 12%; width: 140px; height: 140px; animation-duration: 34s; animation-direction: reverse; }
.geo-star:nth-child(3) { top: 18%; right: 8%; width: 190px; height: 190px; animation-duration: 24s; }
.geo-star:nth-child(4) { bottom: 12%; right: 18%; width: 130px; height: 130px; animation-duration: 30s; animation-direction: reverse; }
.geo-star:nth-child(5) { top: 42%; left: 44%; width: 260px; height: 260px; animation-duration: 40s; }
.geo-star:nth-child(6) { top: 78%; left: 58%; width: 90px; height: 90px; animation-duration: 20s; }
@keyframes geoRot { 0%{transform:rotate(0) scale(1)} 50%{transform:rotate(180deg) scale(1.08)} 100%{transform:rotate(360deg) scale(1)} }
.geo-star svg { width: 100%; height: 100%; fill: none; stroke: var(--gold); stroke-width: 0.6; }

.particles { position: absolute; inset: 0; pointer-events: none; }
.particle {
  position: absolute; border-radius: 50%;
  background: var(--gold); animation: floatUp linear infinite; opacity: 0;
}
@keyframes floatUp {
  0% { transform: translateY(100vh) scale(0); opacity: 0; }
  10% { opacity: 0.7; } 90% { opacity: 0.25; }
  100% { transform: translateY(-8vh) scale(1); opacity: 0; }
}

.hero-content {
  max-width: 1280px; margin: 0 auto; padding: 0 2rem;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 3.5rem; align-items: center; width: 100%;
  position: relative; z-index: 2; padding-top: 5rem;
}
.hero-badge {
  display: inline-flex; align-items: center; gap: 0.5rem;
  background: rgba(245,158,11,0.1); border: 1px solid rgba(245,158,11,0.25);
  border-radius: 50px; padding: 0.4rem 1rem;
  font-size: 0.78rem; color: var(--gold); font-weight: 600;
  margin-bottom: 1.5rem; letter-spacing: 0.5px;
}
.hero-badge .dot { width: 6px; height: 6px; background: var(--gold); border-radius: 50%; animation: pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(1.5);opacity:0.5} }

.hero-text h1 {
  font-family: 'Playfair Display', serif;
  font-size: 4.2rem; font-weight: 900;
  line-height: 1.12; margin-bottom: 1.5rem;
  letter-spacing: -1px;
}
.hero-text h1 .word {
  display: inline-block; opacity: 0; transform: translateY(28px);
  animation: wordIn 0.55s ease forwards;
}
.hero-text h1 .word:not(:last-child) { margin-right: 0.25em; }
.hero-text h1 .word:nth-child(1){animation-delay:0.2s}
.hero-text h1 .word:nth-child(2){animation-delay:0.38s}
.hero-text h1 .word:nth-child(3){animation-delay:0.56s}
.hero-text h1 .word:nth-child(4){animation-delay:0.74s}
.hero-text h1 .word:nth-child(5){animation-delay:0.92s}
.hero-text h1 .highlight { color: var(--gold); }
@keyframes wordIn { to { opacity: 1; transform: translateY(0); } }

.hero-subtitle {
  font-size: 1.15rem; color: var(--text-secondary);
  margin-bottom: 0.4rem; font-style: italic;
  font-family: 'Playfair Display', serif;
}
.hero-subtitle-urdu {
  font-size: 1.6rem; color: var(--gold);
  margin-bottom: 2.5rem; opacity: 0.88;
  text-shadow: 0 0 20px rgba(245,158,11,0.3);
}
.hero-ctas { display: flex; gap: 1rem; flex-wrap: wrap; }
.btn-gold {
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  color: var(--dark-bg); padding: 1rem 2.5rem; border-radius: 50px;
  font-weight: 700; font-size: 1rem; border: none; cursor: pointer;
  transition: all 0.3s; text-decoration: none;
  display: inline-flex; align-items: center; gap: 0.5rem;
  box-shadow: 0 4px 20px rgba(245,158,11,0.3);
}
.btn-gold:hover { transform: translateY(-3px); box-shadow: 0 10px 35px rgba(245,158,11,0.45); }
.btn-outline {
  background: transparent; color: var(--text-primary);
  padding: 1rem 2.5rem; border-radius: 50px; font-weight: 600;
  font-size: 1rem; border: 1.5px solid rgba(245,158,11,0.4);
  cursor: pointer; transition: all 0.3s; text-decoration: none;
  display: inline-flex; align-items: center; gap: 0.5rem;
}
.btn-outline:hover { border-color: var(--gold); background: rgba(245,158,11,0.08); transform: translateY(-3px); }

.hero-stats { display: flex; gap: 2.5rem; margin-top: 3rem; flex-wrap: wrap; }
.stat-item { text-align: center; }
.stat-number {
  font-family: 'Playfair Display', serif;
  font-size: 2.1rem; font-weight: 900; color: var(--gold);
  text-shadow: 0 0 20px rgba(245,158,11,0.3);
}
.stat-label { font-size: 0.75rem; color: var(--text-muted); margin-top: 0.2rem; letter-spacing: 0.5px; text-transform: uppercase; }
.hero-stats-divider { width: 1px; background: var(--border-gold); margin: 0 0.5rem; }

main{padding: 70px 0 0 0 !important;}

/* ===== HERO VISUAL (Right side) ===== */
.hero-visual {
  position: relative; height: 560px;
  display: flex; align-items: center; justify-content: center;
}
.hero-img-wrap {
  position: relative; width: 100%; height: 100%;
  border-radius: 24px; overflow: hidden;
}
.hero-main-img {
  width: 100%; height: 100%; object-fit: cover;
  filter: brightness(0.85) saturate(1.1);
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(245,158,11,0.15);
}
.hero-img-overlay {
  position: absolute; inset: 0; border-radius: 24px;
  background: linear-gradient(180deg, transparent 50%, var(--hero-overlay1) 100%),
              linear-gradient(90deg, var(--hero-overlay2) 0%, transparent 50%);
}
.hero-img-badge {
  position: absolute; bottom: 1.5rem; left: 1.5rem;
  background: var(--badge-bg);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(245,158,11,0.25);
  border-radius: 16px; padding: 1rem 1.25rem;
  display: flex; align-items: center; gap: 0.75rem;
}
.hero-img-badge .badge-icon { font-size: 1.5rem; }
.hero-img-badge .badge-text strong { display: block; font-size: 0.9rem; color: var(--gold); }
.hero-img-badge .badge-text span { font-size: 0.75rem; color: var(--text-secondary); }

.hero-floating-card {
  position: absolute; top: 1.5rem; right: -1rem;
  background: var(--fcard-bg);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(245,158,11,0.2);
  border-radius: 16px; padding: 1rem 1.25rem;
  min-width: 180px;
  animation: floatCard 5s ease-in-out infinite;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}
@keyframes floatCard { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
.fcard-header { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.75rem; }
.fcard-avatar {
  width: 38px; height: 38px; border-radius: 50%;
  overflow: hidden; border: 2px solid var(--gold); flex-shrink: 0;
}
.fcard-avatar img { width: 100%; height: 100%; object-fit: cover; }
.fcard-name { font-weight: 700; font-size: 0.85rem; }
.fcard-city { font-size: 0.7rem; color: var(--text-muted); }
.fcard-match {
  display: flex; align-items: center; justify-content: space-between;
  font-size: 0.75rem; margin-bottom: 0.4rem;
}
.fcard-match span:last-child { color: var(--gold); font-weight: 700; }
.fcard-bar { height: 4px; background: rgba(245,158,11,0.15); border-radius: 2px; overflow: hidden; }
.fcard-fill { height: 100%; background: linear-gradient(90deg, var(--gold), var(--emerald-bright)); border-radius: 2px; }

.hero-match-badge {
  position: absolute; bottom: 4.5rem; right: -0.5rem;
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  color: var(--dark-bg); border-radius: 50px;
  padding: 0.5rem 1rem; font-size: 0.78rem; font-weight: 700;
  box-shadow: 0 4px 20px rgba(245,158,11,0.4);
  animation: floatCard 5s ease-in-out infinite;
  animation-delay: -2s;
}

/* ===== SECTION REVEALS ===== */
.reveal { opacity: 0; transform: translateY(36px); transition: opacity 0.8s ease, transform 0.8s ease; }
.reveal.active { opacity: 1; transform: translateY(0); }

/* ===== TRUST BAR ===== */
.trust-bar {
  background: var(--bg-trust); border-top: 1px solid var(--border-trust);
  border-bottom: 1px solid var(--border-trust);
  padding: 1.5rem 2rem;
}
.trust-inner {
  max-width: 1100px; margin: 0 auto;
  display: flex; align-items: center; justify-content: center;
  gap: 3rem; flex-wrap: wrap;
}
.trust-item { display: flex; align-items: center; gap: 0.6rem; }
.trust-icon { font-size: 1.2rem; }
.trust-text { font-size: 0.82rem; color: var(--text-secondary); font-weight: 500; }
.trust-text strong { color: var(--text-primary); }
.trust-sep { width: 1px; height: 24px; background: rgba(245,158,11,0.15); }

/* ===== FEATURES ===== */
.features {
  padding: 7rem 2rem;
  background: var(--features-bg);
  position: relative; overflow: hidden;
}
.features-bg-pattern { position: absolute; inset: 0; opacity: 0.025; pointer-events: none; }
.section-header { text-align: center; margin-bottom: 4.5rem; }
.section-tag {
  display: inline-block; background: var(--section-tag-bg);
  border: 1px solid var(--section-tag-border);
  color: var(--section-tag-color); font-size: 0.75rem; font-weight: 700;
  padding: 0.3rem 1rem; border-radius: 50px;
  text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 1rem;
}
.section-header h2 {
  font-size: 2.9rem; font-weight: 900; margin-bottom: 1rem;
  letter-spacing: -0.5px; line-height: 1.2;
}
.section-header h2 span { color: var(--gold); }
.section-header p {font-size: 1.1rem; max-width: 580px; margin: 0 auto; line-height: 1.7; }

.features-grid {
  max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem;
}
.feature-card {
  background: var(--bg-card);
  backdrop-filter: blur(16px);
  border: 1px solid var(--border-card);
  border-radius: var(--radius); padding: 2.25rem 2rem;
  text-align: center; position: relative; overflow: hidden;
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}
.feature-card::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(245,158,11,0.1) 0%, transparent 65%);
  opacity: 0; transition: opacity 0.3s; pointer-events: none;
}
.feature-card:hover::before { opacity: 1; }
.feature-card:hover {
  border-color: rgba(245,158,11,0.4);
  box-shadow: 0 12px 48px rgba(245,158,11,0.12), 0 2px 0 rgba(245,158,11,0.3) inset;
  transform: translateY(-10px);
}
.feature-card.reveal { transition-delay: var(--delay, 0s); }
.feature-icon-wrap {
  width: 70px; height: 70px; margin: 0 auto 1.25rem;
  background: linear-gradient(135deg, rgba(6,78,59,0.4), rgba(13,110,79,0.2));
  border: 1px solid rgba(245,158,11,0.15);
  border-radius: 18px; display: flex; align-items: center; justify-content: center;
  font-size: 2rem; transition: transform 0.3s;
}
.feature-card:hover .feature-icon-wrap { transform: scale(1.1) rotate(5deg); }
.feature-card h3 {
  font-family: 'Playfair Display', serif;
  font-size: 1.2rem; margin-bottom: 0.75rem; color: var(--text-primary);
}
.feature-card p { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.65; }
.feature-card-img {
  width: 100%; height: 140px; object-fit: cover;
  border-radius: 12px; margin-bottom: 1.25rem;
  filter: brightness(0.8) saturate(1.2);
}

/* ===== HOW IT WORKS ===== */
.how-it-works {
  padding: 7rem 2rem;
  background: var(--bg-how); color: var(--text-how-h2); position: relative;
}
.how-it-works .section-header h2 { color: #333; }
.how-it-works .section-header p { color: #333 !important; }
.how-it-works .section-tag { background: var(--how-tag-bg); border-color: var(--how-tag-border); color: var(--how-tag-color); }

.steps-grid {
  max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 2rem; position: relative;
}
.steps-grid::before {
  content: ''; position: absolute;
  top: 70px; left: 12%; width: 76%; height: 2px;
  background: linear-gradient(90deg, var(--gold), var(--emerald-mid), var(--gold));
  opacity: 0.3;
}
.step-card {
  text-align: center; position: relative; z-index: 1;
  padding: 2rem 1.5rem;
  background: var(--how-card-bg); border: 1px solid var(--how-step-border);
  border-radius: var(--radius); backdrop-filter: blur(10px);
  transition: transform 0.35s, box-shadow 0.35s;
}
.step-card:hover { transform: translateY(-8px); box-shadow: 0 16px 48px rgba(6,78,59,0.15); }
.step-num {
  width: 54px; height: 54px;
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  color: var(--dark-bg); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 900;
  margin: 0 auto 1.25rem;
  box-shadow: 0 6px 20px rgba(245,158,11,0.35);
}
.step-img {
  width: 100%; height: 120px; object-fit: cover;
  border-radius: 12px; margin-bottom: 1rem;
  filter: saturate(1.2);
}
.step-card h4 {
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem; margin-bottom: 0.6rem; color: var(--text-how-h4);
}
.step-card p { font-size: 0.84rem; color: var(--text-how-p); line-height: 1.55; }

/* ===== STATS SECTION ===== */
.stats-section {
  padding: 5rem 2rem;
  background: linear-gradient(135deg, var(--emerald-deep) 0%, var(--dark-mid) 50%, var(--emerald-light) 100%);
  position: relative; overflow: hidden;
}
.stats-section::before {
  content: ''; position: absolute; inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cpolygon points='30,5 35,20 50,20 38,30 42,45 30,37 18,45 22,30 10,20 25,20' fill='none' stroke='%23f59e0b' stroke-width='0.4' stroke-opacity='0.15'/%3E%3C/g%3E%3C/svg%3E") repeat;
}
.stats-inner {
  max-width: 1100px; margin: 0 auto; position: relative; z-index: 1;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem;
}
.stat-big { text-align: center; padding: 2rem; }
.stat-big-number {
  font-family: 'Playfair Display', serif;
  font-size: 3.5rem; font-weight: 900; color: var(--gold);
  text-shadow: 0 0 30px rgba(245,158,11,0.4); line-height: 1;
}
.stat-big-label { font-size: 0.85rem; color: rgba(240,253,246,0.75); margin-top: 0.5rem; text-transform: uppercase; letter-spacing: 1px; }

/* ===== TESTIMONIALS ===== */
.testimonials {
  padding: 7rem 2rem;
  background: var(--bg-primary); position: relative; overflow: hidden;
}
.testimonials-bg {
  position: absolute; inset: 0; opacity: 0.02; pointer-events: none;
}
.testimonial-slider { max-width: 920px; margin: 0 auto; position: relative; overflow: hidden; }
.testimonial-track { display: flex; transition: transform 0.6s cubic-bezier(0.4,0,0.2,1); }
.testimonial-card { min-width: 100%; padding: 0 1rem; }
.testimonial-inner {
  background: var(--test-bg);
  backdrop-filter: blur(16px); border: 1px solid var(--border-card);
  border-radius: 28px; padding: 3rem 3.5rem;
  position: relative; text-align: center;
}
.testimonial-inner::before {
  content: ''; position: absolute; inset: 0; border-radius: 28px;
  background: radial-gradient(ellipse at 50% 0%, rgba(245,158,11,0.06) 0%, transparent 70%);
  pointer-events: none;
}
.test-couple-img {
  width: 80px; height: 80px; border-radius: 50%;
  border: 3px solid var(--gold); margin: 0 auto 1.5rem;
  overflow: hidden; object-fit: cover;
  box-shadow: 0 0 24px rgba(245,158,11,0.3);
}
.quote-mark {
  font-size: 5rem; color: var(--gold); opacity: 0.2;
  line-height: 1; font-family: 'Playfair Display', serif;
  position: absolute; top: 1.5rem; left: 2rem;
}
.testimonial-inner blockquote {
  font-size: 1.1rem; line-height: 1.85;
  color: var(--text-secondary); font-style: italic;
  margin-bottom: 1.75rem; position: relative; z-index: 1;
  font-family: 'Playfair Display', serif;
}
.testimonial-author strong { color: var(--gold); font-family: 'Playfair Display', serif; font-size: 1.05rem; display: block; margin-bottom: 0.25rem; }
.testimonial-author span { font-size: 0.82rem; color: var(--text-muted); }
.testimonial-stars { color: var(--gold); font-size: 1rem; margin-top: 0.4rem; }
.slider-controls { display: flex; align-items: center; justify-content: center; gap: 1.5rem; margin-top: 2.5rem; }
.slider-dots { display: flex; gap: 0.6rem; }
.slider-dot {
  width: 10px; height: 10px; border-radius: 50%;
  background: rgba(245,158,11,0.25); border: none; cursor: pointer;
  transition: all 0.3s;
}
.slider-dot.active { background: var(--gold); width: 32px; border-radius: 5px; }
.slider-arrow {
  width: 42px; height: 42px; border-radius: 50%;
  background: rgba(245,158,11,0.1); border: 1px solid rgba(245,158,11,0.2);
  color: var(--gold); cursor: pointer; font-size: 1rem;
  display: flex; align-items: center; justify-content: center;
  transition: all 0.3s;
}
.slider-arrow:hover { background: var(--gold); color: var(--dark-bg); }

/* ===== PRICING ===== */
.pricing {
  padding: 7rem 2rem;
  background: linear-gradient(180deg, var(--bg-secondary), var(--bg-primary));
}
.pricing-grid {
    max-width: 1266px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    align-items: center;
}
.pricing-card {
  background: var(--pricing-bg);
  backdrop-filter: blur(16px); border: 1px solid var(--border-card);
  border-radius: 26px; padding: 2.75rem 2.25rem;
  text-align: center; transition: transform 0.4s, box-shadow 0.4s;
  position: relative; overflow: hidden;
}
.pricing-card::after {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: var(--pricing-after);
}
.pricing-card:hover { transform: translateY(-10px); }
.pricing-card.featured {
  border-color: var(--gold); background: var(--pricing-feat);
  transform: scale(1.06);
  box-shadow: 0 0 0 1px rgba(245,158,11,0.2), 0 20px 60px rgba(245,158,11,0.15), 0 20px 60px rgba(0,0,0,0.3);
}
.pricing-card.featured::after { background: linear-gradient(90deg, transparent, var(--gold), transparent); }
.pricing-card.featured:hover { transform: scale(1.06) translateY(-10px); }
.pricing-badge {
  position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  color: var(--dark-bg); padding: 0.3rem 1.5rem; border-radius: 20px;
  font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px;
}
.pricing-icon { font-size: 2.5rem; margin-bottom: 0.5rem; display: block; }
.pricing-card h3 { font-family: 'Playfair Display', serif; font-size: 1.5rem; margin-bottom: 0.5rem; color: var(--text-primary); }
.pricing-amount { font-family: 'Playfair Display', serif; font-size: 3.2rem; font-weight: 900; color: var(--gold); margin: 1rem 0; line-height: 1; }
.pricing-amount .currency { font-size: 1.4rem; vertical-align: top; margin-top: 0.6rem; display: inline-block; }
.pricing-amount .period { font-size: 0.9rem; color: var(--text-muted); font-family: 'Inter', sans-serif; font-weight: 400; }
.pricing-features { list-style: none; margin: 1.5rem 0; text-align: left; }
.pricing-features li {
  padding: 0.55rem 0; font-size: 0.88rem;
  color: var(--text-secondary); display: flex; align-items: center; gap: 0.75rem;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.pricing-features li:last-child { border: none; }
.pricing-features li { border-bottom: 1px solid var(--border-subtle); }
.pricing-features li .check { color: var(--gold); font-weight: bold; }
.pricing-features li .cross { color: rgba(240,253,246,0.2); }
.btn-pricing {
  width: 100%; padding: 0.95rem; border-radius: 50px;
  font-weight: 700; font-size: 0.95rem; cursor: pointer;
  transition: all 0.3s; text-decoration: none;
  display: block; text-align: center; margin-top: 0.5rem;
}
.btn-pricing.gold { background: linear-gradient(135deg, var(--gold), var(--gold-dark)); color: var(--dark-bg); border: none; }
.btn-pricing.gold:hover { box-shadow: 0 6px 25px rgba(245,158,11,0.45); transform: translateY(-2px); }
.btn-pricing.outline-g { background: transparent; color: var(--gold); border: 1.5px solid rgba(245,158,11,0.35); }
.btn-pricing.outline-g:hover { border-color: var(--gold); background: rgba(245,158,11,0.08); }

/* ===== DOWNLOAD ===== */
.download {
  padding: 7rem 2rem;
  background: var(--bg-download);
  position: relative; overflow: hidden;
}
.download::before {
  content: ''; position: absolute; inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='40,5 48,25 70,25 52,38 59,58 40,47 21,58 28,38 10,25 32,25' fill='none' stroke='%23f59e0b' stroke-width='0.5' stroke-opacity='0.1'/%3E%3C/svg%3E") repeat;
}
.download-content {
  max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 5rem; align-items: center; position: relative; z-index: 1;
}
.download-text h2 { font-family: 'Playfair Display', serif; font-size: 2.9rem; font-weight: 900; margin-bottom: 1rem; line-height: 1.2; }
.download-text h2 span { color: var(--gold); }
.download-text p { color: rgba(240,253,246,0.82); font-size: 1.05rem; margin-bottom: 2.25rem; line-height: 1.7; }
.store-buttons { display: flex; gap: 1rem; flex-wrap: wrap; }
.store-btn {
  background: var(--store-btn-bg); border: 1px solid rgba(240,253,246,0.2);
  border-radius: 14px; padding: 0.85rem 1.75rem;
  display: flex; align-items: center; gap: 0.85rem;
  text-decoration: none; color: var(--off-white);
  transition: all 0.3s; min-width: 160px;
}
.store-btn:hover { background: rgba(0,0,0,0.55); border-color: var(--gold); transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.3); }
.store-icon { font-size: 1.85rem; }
.store-text small { font-size: 0.68rem; opacity: 0.65; display: block; }
.store-text strong { font-size: 1.05rem; }

.phone-mockups { display: flex; justify-content: center; gap: 1.5rem; position: relative; padding: 1rem 0; }
.phone-frame {
  width: 195px; height: 395px;
  border: 2.5px solid var(--phone-border);
  border-radius: 32px; position: relative;
  background: var(--dark-bg); overflow: hidden;
  animation: phoneFloat 5s ease-in-out infinite;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(255,255,255,0.03);
}
.phone-frame:nth-child(2) { animation-delay: -2.5s; margin-top: 2rem; }
@keyframes phoneFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-16px)} }
.phone-notch {
  width: 72px; height: 18px; background: var(--dark-bg);
  border-radius: 0 0 14px 14px; margin: 0 auto; position: relative; z-index: 2;
  border: 2px solid rgba(240,253,246,0.2); border-top: none;
}
.phone-screen { padding: 0.75rem; height: calc(100% - 18px); display: flex; flex-direction: column; gap: 0.5rem; overflow: hidden; }
.app-header { display: flex; align-items: center; justify-content: space-between; padding: 0.25rem 0 0.5rem; border-bottom: 1px solid rgba(245,158,11,0.12); margin-bottom: 0.25rem; }
.app-logo { font-family: 'Playfair Display', serif; font-size: 0.85rem; font-weight: 900; }
.app-logo .n { color: #fff; }
.app-logo .m { color: var(--gold); }
.mini-card { background: rgba(6,78,59,0.35); border: 1px solid rgba(245,158,11,0.08); border-radius: 10px; padding: 0.55rem; display: flex; align-items: center; gap: 0.45rem; }
.mini-avatar { width: 28px; height: 28px; border-radius: 50%; overflow: hidden; flex-shrink: 0; border: 1px solid rgba(245,158,11,0.3); }
.mini-avatar img { width: 100%; height: 100%; object-fit: cover; }
.mini-info { flex: 1; }
.mini-name { font-size: 0.62rem; font-weight: 600; }
.mini-detail { font-size: 0.52rem; color: rgba(240,253,246,0.45); }
.mini-match { font-size: 0.6rem; color: var(--gold); font-weight: 700; }
.floating-el { position: absolute; animation: floatEl 7s ease-in-out infinite; }
.floating-el:nth-child(3) { top: 8%; right: -5px; animation-delay: -1s; }
.floating-el:nth-child(4) { bottom: 12%; left: -5px; animation-delay: -3.5s; }
.floating-el:nth-child(5) { top: 45%; right: -15px; animation-delay: -5s; }
.floating-el svg { width: 38px; height: 38px; opacity: 0.18; }
@keyframes floatEl { 0%,100%{transform:translate(0,0) rotate(0)} 33%{transform:translate(8px,-12px) rotate(90deg)} 66%{transform:translate(-5px,-8px) rotate(180deg)} }

/* ===== NEWSLETTER ===== */
.newsletter {
  padding: 5rem 2rem;
  background: var(--bg-news); border-top: 1px solid rgba(245,158,11,0.08);
}
.newsletter-inner {
  max-width: 640px; margin: 0 auto; text-align: center;
}
.newsletter h2 { font-family: 'Playfair Display', serif; font-size: 2.2rem; font-weight: 800; margin-bottom: 0.75rem; }
.newsletter h2 span { color: var(--gold); }
.newsletter p { color: var(--text-secondary); margin-bottom: 2rem; line-height: 1.6; }
.newsletter-form { display: flex; gap: 0.75rem; max-width: 480px; margin: 0 auto; }
.newsletter-input {
  flex: 1; padding: 0.9rem 1.5rem;
  background: var(--nl-input-bg); border: 1px solid var(--border-gold);
  border-radius: 50px; color: var(--text-primary); font-size: 0.9rem;
  outline: none; font-family: 'Inter', sans-serif;
  transition: border-color 0.3s;
}
.newsletter-input:focus { border-color: var(--gold); }
.newsletter-input::placeholder { color: var(--text-muted); }

/* ===== FOOTER ===== */
.footer {
    padding: 3rem 0 2rem 0;
    background: var(--bg-footer);
    position: relative;
    overflow: hidden;
}
.footer-pattern { position: absolute; inset: 0; opacity: 0.02; pointer-events: none; }
.footer-content {
  max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
  gap: 2.5rem; position: relative; z-index: 2;
}
.footer-logo { font-family: 'Playfair Display', serif; font-size: 2.1rem; font-weight: 900; margin-bottom: 0.4rem; letter-spacing: -0.5px; }
.footer-logo .nikah { color: #f0fdf6; }
.footer-logo .Namah { color: var(--gold); }
.footer-tagline { color: var(--gold); font-size: 1.1rem; margin-bottom: 0.5rem; opacity: 0.9; }
.footer-desc { font-size: 0.84rem; color: var(--text-footer); line-height: 1.65; margin-bottom: 1.5rem; }
.footer-socials { display: flex; gap: 0.6rem; }
.social-icon {
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(245,158,11,0.08); border: 1px solid rgba(245,158,11,0.18);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.9rem; text-decoration: none; transition: all 0.3s; cursor: pointer;
  color: rgba(240,253,246,0.6);
}
.social-icon:hover { background: var(--gold); color: var(--dark-bg); transform: translateY(-3px); border-color: var(--gold); }
.footer-col h4 { font-family: 'Playfair Display', serif; font-size: 0.95rem; margin-bottom: 1.2rem; color: var(--gold); }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 0.6rem; }
.footer-col ul li a { color: rgba(240,235,220,0.5); text-decoration: none; font-size: 0.83rem; transition: color 0.3s; }
.footer-col ul li a:hover { color: var(--gold); }
.footer-bottom {
    max-width: 1100px;
    margin: 3.5rem auto 0;
    padding-top: 2rem;
    border-top: 1px solid rgba(245, 230, 180, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 1rem;
    color: #979797;
    position: relative;
    z-index: 2;
}
.footer-bottom-links { display: flex; gap: 1.5rem; }
.footer-bottom-links a { color: rgba(240,235,220,0.35); text-decoration: none; transition: color 0.3s; }
.footer-bottom-links a:hover { color: var(--gold); }

/* ===== RESPONSIVE ===== */
@media(max-width:1024px) {
  .features-grid { grid-template-columns: repeat(2,1fr); }
  .pricing-grid { grid-template-columns: 1fr 1fr; }
  .pricing-card.featured { grid-column:1/-1; max-width:400px; margin:0 auto; }
  .footer-content { grid-template-columns:1fr 1fr; }
  .steps-grid { grid-template-columns:repeat(2,1fr); }
  .steps-grid::before { display:none; }
  .stats-inner { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:768px) {
  body { cursor: auto; }
  .cursor-dot,.cursor-ring { display:none; }
  .hamburger { display:flex; }
  .nav-links { display:none; }
  .mobile-menu { display:flex; }
  .hero-content { grid-template-columns:1fr; text-align:center; padding-top:6rem; }
  .hero-text h1 { font-size:2.6rem; }
  .hero-ctas { justify-content:center; }
  .hero-stats { justify-content:center; }
  .hero-visual { display:none; }
  .features-grid { grid-template-columns:1fr; max-width:420px; margin:0 auto; }
  .steps-grid { grid-template-columns:1fr; max-width:380px; margin:0 auto; }
  .pricing-grid { grid-template-columns:1fr; max-width:380px; margin:0 auto; }
  .pricing-card.featured { transform:none; max-width:none; }
  .pricing-card.featured:hover { transform:translateY(-10px); }
  .download-content { grid-template-columns:1fr; text-align:center; }
  .store-buttons { justify-content:center; }
  .phone-mockups { display:none; }
  .footer-content { grid-template-columns:1fr; text-align:center; }
  .footer-socials { justify-content:center; }
  .stats-inner { grid-template-columns:1fr 1fr; }
  .section-header h2 { font-size:2.2rem; }
  .newsletter-form { flex-direction:column; }
  .footer-bottom { flex-direction:column; text-align:center; }
  .trust-inner { gap:1.5rem; }
  .trust-sep { display:none; }
}
@media(max-width:480px) {
  .hero-text h1 { font-size:2rem; }
  .hero-stats { gap:1.25rem; }
  .stat-number { font-size:1.6rem; }
  .stat-big-number { font-size:2.8rem; }
}

/* Day mode hero text adjustments */
[data-theme="day"] .hero-subtitle { color: rgba(26,18,0,0.68); }
[data-theme="day"] .hero-badge { background: rgba(180,83,9,0.1); border-color: rgba(180,83,9,0.2); color: #92400e; }
[data-theme="day"] .hero-badge .dot { background: #92400e; }
[data-theme="day"] .hero-text h1 { color: #1a1200; }
[data-theme="day"] .hero-subtitle-urdu { color: var(--gold-dark); text-shadow: 0 0 20px rgba(180,83,9,0.2); }
[data-theme="day"] .hero-main-img { filter: brightness(0.95) saturate(1.2); }
[data-theme="day"] .hero-img-overlay { background: linear-gradient(180deg,transparent 55%,rgba(255,253,245,0.7) 100%), linear-gradient(90deg,rgba(6,78,59,0.08) 0%,transparent 50%); }
[data-theme="day"] .stat-number { text-shadow: 0 0 20px rgba(180,83,9,0.2); }
[data-theme="day"] .hero-match-badge { color: #fff; }
[data-theme="day"] .hero-stats-divider { background: rgba(180,83,9,0.2); }
[data-theme="day"] .fcard-bg { background: rgba(255,255,255,0.9) !important; }
[data-theme="day"] .fcard-name { color: #1a1200; }
[data-theme="day"] .fcard-city { color: rgba(26,18,0,0.5); }
[data-theme="day"] .fcard-match { color: rgba(26,18,0,0.7); }
[data-theme="day"] .fcard-match span:last-child { color: var(--gold); }

/* Day mode: features section text */
[data-theme="day"] .section-header h2 { color: #1a1200; }
[data-theme="day"] .feature-card { box-shadow: 0 2px 16px rgba(100,60,0,0.06); }
[data-theme="day"] .feature-card h3 { color: #1a1200; }
[data-theme="day"] .feature-icon-wrap { background: linear-gradient(135deg,rgba(6,78,59,0.1),rgba(13,110,79,0.06)); border-color: rgba(180,83,9,0.1); }
[data-theme="day"] .feature-card:hover { box-shadow: 0 12px 48px rgba(100,60,0,0.12); }

/* Day mode: testimonials */
[data-theme="day"] .testimonials { background: var(--bg-secondary); }
[data-theme="day"] .testimonial-inner { border-color: rgba(180,83,9,0.1); box-shadow: 0 4px 24px rgba(100,60,0,0.08); }
[data-theme="day"] .testimonial-inner blockquote { color: rgba(26,18,0,0.75); }
[data-theme="day"] .testimonial-author span { color: rgba(26,18,0,0.45); }
[data-theme="day"] .slider-dot { background: rgba(180,83,9,0.2); }
[data-theme="day"] .slider-dot.active { background: var(--gold); }
[data-theme="day"] .slider-arrow { background: rgba(180,83,9,0.08); border-color: rgba(180,83,9,0.15); color: var(--gold); }
[data-theme="day"] .slider-arrow:hover { background: var(--gold); color: #fff; }

/* Day mode: pricing */
[data-theme="day"] .pricing-card { box-shadow: 0 2px 16px rgba(100,60,0,0.05); }
[data-theme="day"] .pricing-card:hover { box-shadow: 0 12px 40px rgba(100,60,0,0.12); }
[data-theme="day"] .pricing-card.featured { box-shadow: 0 0 0 2px var(--gold), 0 20px 60px rgba(180,83,9,0.15); }
[data-theme="day"] .btn-pricing.outline-g { color: var(--gold); border-color: rgba(180,83,9,0.3); }
[data-theme="day"] .btn-pricing.outline-g:hover { background: rgba(180,83,9,0.06); }
[data-theme="day"] .pricing-features li .cross { color: rgba(26,18,0,0.2); }

/* Day mode: store buttons */
[data-theme="day"] .store-btn { color: #fff; }

/* Day mode: newsletter */
[data-theme="day"] .newsletter h2 { color: #1a1200; }

/* Day mode: scrollbar */
[data-theme="day"] ::-webkit-scrollbar-track { background: #f5f0e8; }

/* Day mode: phone screen */
[data-theme="day"] .phone-frame { background: #1a1200; }
[data-theme="day"] .phone-notch { background: #1a1200; border-color: rgba(6,78,59,0.3); }

/* Day mode: mobile menu */
[data-theme="day"] .mobile-menu { background: rgba(255,253,245,0.99); }
[data-theme="day"] .mobile-menu a { color: #1a1200; }
[data-theme="day"] .hamburger span { background: #1a1200; }

/* Day mode: geo pattern */
[data-theme="day"] .hero-pattern { opacity: 0.07; }
[data-theme="day"] .features-bg-pattern { opacity: 0.04; }


/* ===== THEME TOGGLE BUTTON ===== */
.theme-toggle-btn {
  background: none; border: none;
  cursor: pointer; padding: 0;
  width: 64px; height: 32px;
  position: relative; flex-shrink: 0;
}
.ttb-track {
  position: absolute; inset: 0;
  border-radius: 50px;
  background: linear-gradient(135deg,#020d0a,#061a12);
  border: 1.5px solid rgba(245,158,11,0.35);
  overflow: hidden;
}
.ttb-night {
  position: absolute; left: 7px; top: 50%;
  transform: translateY(-50%); font-size: 13px;
  line-height: 1; z-index: 1;
}
.ttb-day {
  position: absolute; right: 7px; top: 50%;
  transform: translateY(-50%); font-size: 13px;
  line-height: 1; z-index: 1;
}
.ttb-thumb {
  position: absolute;
  top: 3px; left: 3px;
  width: 20px; height: 20px; border-radius: 50%;
  background: linear-gradient(135deg,#f59e0b,#b45309);
  box-shadow: 0 2px 8px rgba(245,158,11,0.5);
  z-index: 2;
  /* thumb transition handled by JS directly */
}
/* Night mode toggle look */
[data-theme="night"] .ttb-track {
  background: linear-gradient(135deg,#020d0a,#061a12);
  border-color: rgba(245,158,11,0.35);
}
[data-theme="night"] .ttb-thumb {
  left: 3px;
  background: linear-gradient(135deg,#f59e0b,#b45309);
  box-shadow: 0 2px 10px rgba(245,158,11,0.5);
}
/* Day mode toggle look */
[data-theme="day"] .ttb-track {
  background: linear-gradient(135deg,#7dd3fc,#fde68a);
  border-color: rgba(180,83,9,0.3);
}
[data-theme="day"] .ttb-thumb {
  left: 36px;
  background: linear-gradient(135deg,#fb923c,#f59e0b);
  box-shadow: 0 2px 10px rgba(251,146,60,0.6);
}
.theme-toggle-btn:hover .ttb-track {
  box-shadow: 0 0 14px rgba(245,158,11,0.35);
}

/* Smooth global theme transitions — only bg/color/border */
body, body * {
  transition: background-color 0.35s ease,
              background 0.35s ease,
              color 0.3s ease,
              border-color 0.3s ease !important;
}
/* Kill transition on animated elements */
.cursor-dot,.cursor-ring,.particle,.geo-star,
.loading-bar-fill,.word,
@keyframes *,
[class*="animate"] { transition: none !important; }
.ttb-thumb { transition: left 0.4s cubic-bezier(0.34,1.56,0.64,1),
             background 0.4s ease, box-shadow 0.4s ease !important; }
.ttb-track { transition: background 0.4s ease, border-color 0.3s ease,
             box-shadow 0.4s ease !important; }


/* ===== TOGGLE MOBILE ===== */
.nav-mobile-toggle { display: none; }
@media(max-width:768px) {
  .nav-mobile-toggle { display: flex; align-items: center; gap: 0.75rem; margin-right: 0.5rem; }
  .theme-toggle-btn { width: 54px; height: 28px; }
}

/* Day mode: hero shadow on image */
[data-theme="day"] .hero-img-wrap {
  box-shadow: 0 20px 60px rgba(100,60,0,0.15), 0 0 0 1px rgba(180,83,9,0.12);
}
[data-theme="day"] .hero-main-img {
  box-shadow: none;
}
/* Day mode loading logo */
[data-theme="day"] .loading-logo .nikah { color: #1a1200; }

/* Day trust text */
[data-theme="day"] .trust-sep { background: rgba(180,83,9,0.15); }

/* Day mode geo star color */
[data-theme="day"] .geo-star svg { stroke: var(--gold-dark); }
[data-theme="day"] .particle { background: var(--gold-dark); }

/* How-it-works day mode step */
[data-theme="day"] .steps-grid::before {
  background: linear-gradient(90deg, var(--gold-dark), var(--emerald-mid), var(--gold-dark));
  opacity: 0.25;
}

/* Day mode social icons */
[data-theme="day"] .social-icon {
  background: rgba(180,83,9,0.08);
  border-color: rgba(180,83,9,0.15);
  color: rgba(26,18,0,0.6);
}
[data-theme="day"] .social-icon:hover {
  background: var(--gold);
  color: #fff;
}

/* Day mode footer col links */
[data-theme="day"] .footer-col h4 { color: var(--gold); }
[data-theme="day"] .footer-logo .Namah { color: var(--gold); }
[data-theme="day"] .footer-tagline { color: var(--gold); }
[data-theme="day"] .footer-desc { color: rgba(240,235,220,0.5); }
[data-theme="day"] .footer-col ul li a { color: rgba(240,235,220,0.5); }
[data-theme="day"] .footer-col ul li a:hover { color: var(--gold); }

/* Stats section always dark (green gradient) */
.stats-section { color: var(--off-white) !important; }
.stats-section .stat-big-label { color: rgba(240,253,246,0.75) !important; }

/* Download section always dark (green gradient) */
.download { color: var(--off-white) !important; }
.download-text h2 { color: var(--off-white) !important; }

/* Ensure theme toggle doesn't inherit global transition */
.theme-toggle * { transition: none; }
.toggle-thumb { transition: all 0.4s cubic-bezier(0.34,1.56,0.64,1) !important; }
.toggle-track { transition: all 0.4s ease !important; }

/* Day mode: button outline color fix */
[data-theme="day"] .btn-outline { border-color: rgba(180,83,9,0.35); color: #1a1200; }
[data-theme="day"] .btn-outline:hover { background: rgba(180,83,9,0.06); border-color: var(--gold); }

/* Day mode: custom cursor */
[data-theme="day"] .cursor-dot { background: var(--gold-dark); box-shadow: 0 0 12px var(--gold-dark); }
[data-theme="day"] .cursor-ring { border-color: rgba(180,83,9,0.5); }

/* Day mode: section header p */
[data-theme="day"] .section-header p { color: rgba(26,18,0,0.62); }



@media(max-width:767px) {
.nav-mobile-toggle{display: none;}
.stat-big{padding: 0;}
.footer-content{
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1rem;
  }

  .footer-brand{
    grid-column: 1 / -1;
  }
}






/* Language Converter */
    .lang-dropdown {
        position: relative;
        display: inline-block;
    }

    .lang-btn {
        padding: 8px 12px;
        font-size: 16px;
        cursor: pointer;
        border: 1px solid #f59e0b;
        border-radius: 6px;
        background: #f59e0b;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .lang-btn:hover{
        border: 1px solid #333;
    }

    .flag {
        width: 24px;
        height: 18px;
        border: 1px solid #ddd;
    }

    .lang-menu {
        display: none;
        position: absolute;
        background: #fff;
        border: 1px solid #ddd;
        padding: 8px 5px;
        border-radius: 6px;
        margin-top: 5px;
        max-height: 300px;
        overflow: auto;
        width: 210px;
        z-index: 9999;
        right: 0;
    }

    .lang-item {
        padding: 6px;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        color: #333;
    }

    .lang-item:hover {
        background: #f0f0f0;
    }

    .language-block span img{margin-right: 2px;}

    .search-box {
        width: 95%;
        padding: 6px;
        margin-bottom: 8px;
        border: 1px solid #ccc;
        border-radius: 6px;
    }

.lang-search {
    width: 100%;
    font-size: 15px;
    padding: 10px 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom: 10px;
    border: none;
}

.lang-item2 {
    color: #333;
    font-size: 13px;
    padding: 5px 6px;
}
.lang-item2 img{
  margin-right: 3px;
}

body.skiptranslate,.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt, .goog-te-balloon-frame,div#goog-gt-{
    display: none !important; margin-top: -40px;}
  .goog-te-gadget{color: transparent!important; font-size:0px;}
  .goog-text-highlight{background: none !important; box-shadow: none !important;}
  #google_translate_element select{background:transparent; color:#444; border: none; border-radius:3px; padding:8px 5px; font-size: 16px;}
.lang-globe {
    font-size: 25px;
}

@media screen and (max-width:767px){
.lang-menu{width: 160px;}
.mobile-none{display: none;}
}


@media screen and (min-width:768px){
.desktop-none{display: none;}
.popup-content{margin-top: 25%;}
.loading-logo img{height: 300px;}
.lang-btn{margin-right: -30px;}
}
/* Language Converter */








.nav-logo img{height: 100px;}
.footer-logo img{height: 200px;}

.hero2{
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #000202;
}

.logo-popup{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:0.3s;
    z-index:99999;
}

.logo-popup.active{
    opacity:1;
    visibility:visible;
}

.popup-content{
    position:relative;
    max-width:90%;
    max-height:90%;
}

.popup-content img{
    max-width:100%;
    max-height:80vh;
    display:block;
    background:#062015;
    padding:15px;
    border-radius:10px;
}

.popup-close{
    position:absolute;
    top:-15px;
    right:-15px;
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:#fff;
    color:#000;
    font-size:28px;
    cursor:pointer;
    line-height:1;
    font-weight:bold;
}























.container{width: 1366px; margin: auto;}

/* =========================================
   careers
   ========================================= */
.careers-hero{
    position:relative;
    min-height:680px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=2000&q=90") center/cover no-repeat;
}

.careers-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(15,10,18,.95),rgba(15,10,18,.72),rgba(15,10,18,.35));
}

.careers-intro-content h2{color: #333;}
.careers-intro-content p{color: #333;}

.careers-hero .container{
    position:relative;
    z-index:2;
}

.careers-hero-content{
    max-width:850px;
    padding:100px 0;
}

.careers-hero h1{
    margin:0 0 25px;
    color:#fff;
    font-size:clamp(44px,6vw,78px);
    line-height:1.08;
}

.careers-hero h1 span,
.careers-intro h2 span,
.career-values h2 span,
.open-positions h2 span,
.career-benefits h2 span,
.careers-apply h2 span{
    color:#d9b56d;
}

.careers-hero p{
    max-width:720px;
    margin:0 0 35px;
    color:rgba(255,255,255,.82);
    font-size:18px;
    line-height:1.8;
}

.careers-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.careers-hero .hero-urdu,
.careers-apply .cta-urdu{
    margin-top:30px;
    color:rgba(255,255,255,.72);
    font-size:26px;
    direction:rtl;
}

.careers-intro,
.career-values,
.open-positions,
.career-benefits{
    padding:110px 0;
}

.careers-intro{
    background:var(--bg-color,#f8f5ef);
}

.careers-intro-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.careers-intro-image{
    position:relative;
    overflow:hidden;
    border-radius:8px;
}

.careers-intro-image:after{
    content:"";
    position:absolute;
    inset:18px;
    border:1px solid rgba(255,255,255,.55);
    border-radius:5px;
    pointer-events:none;
}

.careers-intro-image img{
    display:block;
    width:100%;
    height:570px;
    object-fit:cover;
    transition:transform .5s ease;
}

.careers-intro-image:hover img{
    transform:scale(1.04);
}

.careers-intro-content{
    display:flex;
    flex-direction:column;
    gap:28px;
}

.career-point{
    display:flex;
    gap:24px;
    padding-bottom:26px;
    border-bottom:1px solid rgba(90,70,45,.14);
}

.career-point:last-child{
    padding-bottom:0;
    border-bottom:0;
}

.career-point>span{
    flex:0 0 48px;
    color:#c79d55;
    font-size:20px;
    font-weight:700;
}

.career-point h3{
    margin:0 0 9px;
    color:var(--heading-color,#211c20);
    font-size:24px;
}

.career-point p{
    margin:0;
    color:var(--text-color,#68636a);
    line-height:1.75;
}

.career-values{
    background:var(--section-bg,#fff);
}

.career-values-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.career-value-card{
    padding:40px 30px;
    text-align:center;
    background:var(--card-bg,#fff);
    border:1px solid rgba(70,55,40,.1);
    border-radius:8px;
    box-shadow:0 12px 35px rgba(30,20,10,.05);
    transition:.35s ease;
}

.career-value-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(30,20,10,.11);
}

.career-value-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:68px;
    height:68px;
    margin:0 auto 22px;
    background:rgba(217,181,109,.14);
    border:1px solid rgba(217,181,109,.35);
    border-radius:50%;
    font-size:28px;
}

.career-value-card h3{
    margin:0 0 12px;
    color:var(--heading-color,#211c20);
    font-size:25px;
}

.career-value-card p{
    margin:0;
    color:var(--text-color,#68636a);
    font-size:14px;
    line-height:1.75;
}

.open-positions{
    background:var(--bg-color,#f8f5ef);
}

.job-list{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.job-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:32px 35px;
    background:var(--card-bg,#fff);
    border:1px solid rgba(70,55,40,.1);
    border-radius:8px;
    transition:.35s ease;
}

.job-card:hover{
    transform:translateY(-4px);
    border-color:rgba(217,181,109,.5);
    box-shadow:0 15px 35px rgba(30,20,10,.08);
}

.job-card-content{
    display:flex;
    align-items:flex-start;
    gap:25px;
}

.job-number{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 58px;
    width:58px;
    height:58px;
    color:#211c20;
    background:#d9b56d;
    border-radius:50%;
    font-weight:700;
}

.job-type{
    margin-bottom:7px;
    color:#b68b48;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.job-card h3{
    margin:0 0 10px;
    color:var(--heading-color,#211c20);
    font-size:27px;
}

.job-card p{
    max-width:750px;
    margin:0 0 15px;
    color:var(--text-color,#68636a);
    line-height:1.7;
}

.job-meta{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    color:#777178;
    font-size:13px;
}

.job-apply{
    flex:0 0 auto;
    color:#a97d3d;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
    transition:.3s ease;
}

.job-apply:hover{
    color:#211c20;
}

.career-benefits{
    background:var(--section-bg,#fff);
}

.benefits-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.benefit-card{
    padding:35px 30px;
    border-top:2px solid #d9b56d;
    background:var(--card-bg,#fff);
    box-shadow:0 10px 30px rgba(30,20,10,.05);
}

.benefit-card>span{
    display:block;
    margin-bottom:18px;
    color:#c79d55;
    font-size:20px;
    font-weight:700;
}

.benefit-card h3{
    margin:0 0 12px;
    color:var(--heading-color,#211c20);
    font-size:25px;
}

.benefit-card p{
    margin:0;
    color:var(--text-color,#68636a);
    font-size:14px;
    line-height:1.75;
}

.careers-apply{
    position:relative;
    min-height:620px;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.careers-apply-image{
    position:absolute;
    inset:0;
}

.careers-apply-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.careers-apply-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(15,10,18,.94),rgba(15,10,18,.72),rgba(15,10,18,.4));
}

.careers-apply .container{
    position:relative;
    z-index:2;
}

.careers-apply-content{
    max-width:800px;
    padding:100px 0;
}

.careers-apply-content h2{
    margin:0 0 22px;
    color:#fff;
    font-size:clamp(40px,5vw,66px);
    line-height:1.1;
}

.careers-apply-content p{
    max-width:680px;
    margin:0 0 30px;
    color:rgba(255,255,255,.8);
    font-size:17px;
    line-height:1.8;
}

@media(max-width:1100px){

    .career-values-grid,
    .benefits-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:900px){

    .careers-intro-grid{
        grid-template-columns:1fr;
        gap:45px;
    }

    .careers-intro-image img{
        height:450px;
    }

    .job-card{
        align-items:flex-start;
        flex-direction:column;
    }

    .job-apply{
        padding-left:83px;
    }

}

@media(max-width:767px){

    .careers-hero{
        min-height:600px;
    }

    .careers-hero-content{
        padding:80px 0;
    }

    .careers-hero h1{
        font-size:42px;
    }

    .careers-hero p{
        font-size:16px;
        line-height:1.7;
    }

    .careers-hero-buttons{
        flex-direction:column;
        align-items:stretch;
    }

    .careers-hero-buttons .btn-gold,
    .careers-hero-buttons .btn-outline{
        width:100%;
    }

    .careers-intro,
    .career-values,
    .open-positions,
    .career-benefits{
        padding:75px 0;
    }

    .career-values-grid,
    .benefits-grid{
        grid-template-columns:1fr;
    }

    .careers-intro-image img{
        height:350px;
    }

    .job-card{
        padding:25px;
    }

    .job-card-content{
        gap:18px;
    }

    .job-number{
        flex:0 0 50px;
        width:50px;
        height:50px;
    }

    .job-card h3{
        font-size:24px;
    }

    .job-apply{
        padding-left:68px;
    }

    .careers-apply{
        min-height:570px;
    }

    .careers-apply-content{
        padding:80px 0;
    }

}

@media(max-width:480px){

    .careers-hero h1{
        font-size:36px;
    }

    .career-point{
        gap:16px;
    }

    .career-point>span{
        flex:0 0 38px;
    }

    .job-card-content{
        flex-direction:column;
    }

    .job-apply{
        padding-left:0;
    }

    .careers-apply-content h2{
        font-size:36px;
    }

}














.press-page{
    --pp-dark:#111c24;
    --pp-dark-2:#1c2d38;
    --pp-gold:#d2a65b;
    --pp-gold-light:#efd39b;
    --pp-white:#ffffff;
    --pp-cream:#f7f2e9;
    --pp-text:#20272d;
    --pp-muted:#70777d;
    width:100%;
    overflow:hidden;
    font-family:"Inter",sans-serif;
}

.press-page,
.press-page *{
    box-sizing:border-box;
}

.press-page a{
    text-decoration:none;
}

.press-page-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}

/* HERO */

.press-page-hero{
    position:relative;
    min-height:720px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 78% 20%,rgba(210,166,91,.18),transparent 30%),
        linear-gradient(135deg,#101a21,#20333f);
}

.press-page-hero:after{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    right:-220px;
    bottom:-250px;
    border:1px solid rgba(239,211,155,.18);
    border-radius:50%;
}

.press-page-hero-content{
    position:relative;
    z-index:2;
    max-width:690px;
    padding:120px 0;
    color:#fff;
}

.press-page-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:22px;
    color:var(--pp-gold-light);
    font-size:11px;
    font-weight:800;
    letter-spacing:2.5px;
}

.press-page-eyebrow:before{
    content:"";
    width:28px;
    height:1px;
    background:currentColor;
}

.press-page-hero h1{
    margin:0;
    color:#fff;
    font-family:"Playfair Display",serif;
    font-size:clamp(48px,6vw,80px);
    line-height:1.04;
    letter-spacing:-2px;
}

.press-page-hero h1 span{
    display:block;
    color:var(--pp-gold-light);
}

.press-page-hero p{
    max-width:620px;
    margin:30px 0;
    color:rgba(255,255,255,.7);
    font-size:17px;
    line-height:1.85;
}

.press-page-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.press-page-btn,
.press-page-btn-outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 24px;
    border-radius:6px;
    font-size:13px;
    font-weight:700;
    transition:.3s ease;
}

.press-page-btn{
    background:var(--pp-gold);
    color:#15120d;
}

.press-page-btn:hover{
    background:var(--pp-gold-light);
    transform:translateY(-3px);
}

.press-page-btn-outline{
    border:1px solid rgba(255,255,255,.28);
    color:#fff;
}

.press-page-btn-outline:hover{
    border-color:var(--pp-gold-light);
    color:var(--pp-gold-light);
}

.press-page-hero .press-page-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.press-page-hero-card{
    position:absolute;
    right:9%;
    top:50%;
    width:360px;
    min-height:410px;
    padding:35px;
    transform:translateY(-50%) rotate(4deg);
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 30px 80px rgba(0,0,0,.3);
    color:#fff;
}

.press-page-card-top,
.press-page-card-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.press-page-card-top{
    color:var(--pp-gold-light);
    font-size:10px;
    font-weight:800;
    letter-spacing:2px;
}

.press-page-card-symbol{
    display:flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:70px;
    margin:65px 0 25px;
    border:1px solid rgba(239,211,155,.4);
    border-radius:50%;
    color:var(--pp-gold-light);
    font-size:28px;
}

.press-page-hero-card h2{
    margin:0 0 15px;
    font-family:"Playfair Display",serif;
    font-size:34px;
    line-height:1.1;
}

.press-page-hero-card h2 span{
    display:block;
    color:var(--pp-gold-light);
}

.press-page-hero-card p{
    margin:0;
    color:rgba(255,255,255,.55);
    font-size:13px;
    line-height:1.7;
}

.press-page-card-line{
    height:1px;
    margin:30px 0 17px;
    background:rgba(255,255,255,.12);
}

.press-page-card-bottom{
    color:rgba(255,255,255,.5);
    font-size:9px;
    letter-spacing:1.5px;
}

/* INTRO */

.press-page-intro{
    padding:115px 0;
    background:#fffdf9;
}

.press-page-heading{
    max-width:720px;
    margin-bottom:55px;
}

.press-page-heading h2{
    margin:0 0 18px;
    color:var(--pp-text);
    font-family:"Playfair Display",serif;
    font-size:clamp(38px,4vw,58px);
    line-height:1.1;
}

.press-page-heading h2 span{
    color:#b8873c;
}

.press-page-heading p{
    max-width:650px;
    margin:0;
    color:var(--pp-muted);
    font-size:15px;
    line-height:1.8;
}

.press-page-info-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.press-page-info-card{
    padding:35px;
    min-height:240px;
    background:var(--pp-cream);
    border:1px solid rgba(30,30,30,.07);
    transition:.35s ease;
}

.press-page-info-card:hover{
    transform:translateY(-7px);
    background:#fff;
    box-shadow:0 20px 45px rgba(20,20,20,.08);
}

.press-page-number{
    display:block;
    margin-bottom:45px;
    color:#b8873c;
    font-family:"Playfair Display",serif;
    font-size:20px;
    font-weight:700;
}

.press-page-info-card h3{
    margin:0 0 12px;
    color:var(--pp-text);
    font-family:"Playfair Display",serif;
    font-size:25px;
}

.press-page-info-card p{
    margin:0;
    color:var(--pp-muted);
    font-size:13px;
    line-height:1.75;
}

/* RELEASES */

.press-page-releases{
    padding:115px 0;
    background:#16242d;
}

.press-page-heading-light h2{
    color:#fff;
}

.press-page-heading-light p{
    color:rgba(255,255,255,.55);
}

.press-page-release-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.press-page-release-card{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:35px;
    padding:35px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.1);
    transition:.35s ease;
}

.press-page-release-card:hover{
    background:rgba(255,255,255,.07);
    border-color:rgba(210,166,91,.4);
    transform:translateX(6px);
}

.press-page-release-date{
    padding-right:30px;
    border-right:1px solid rgba(255,255,255,.12);
}

.press-page-release-date strong{
    display:block;
    color:var(--pp-gold-light);
    font-family:"Playfair Display",serif;
    font-size:52px;
    line-height:.9;
}

.press-page-release-date span{
    display:block;
    margin-top:10px;
    color:rgba(255,255,255,.38);
    font-size:10px;
    font-weight:800;
    line-height:1.4;
    letter-spacing:1px;
}

.press-page-release-content small{
    color:var(--pp-gold-light);
    font-size:9px;
    font-weight:800;
    letter-spacing:2px;
}

.press-page-release-content h3{
    max-width:800px;
    margin:12px 0;
    color:#fff;
    font-family:"Playfair Display",serif;
    font-size:27px;
    line-height:1.3;
}

.press-page-release-content p{
    max-width:760px;
    margin:0 0 17px;
    color:rgba(255,255,255,.52);
    font-size:13px;
    line-height:1.75;
}

.press-page-read{
    color:var(--pp-gold-light);
    font-size:12px;
    font-weight:800;
}

/* MEDIA */

.press-page-media{
    padding:115px 0;
    background:#f0ebe2;
}

.press-page-media-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.press-page-media-card{
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(20,20,20,.07);
    transition:.35s ease;
}

.press-page-media-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 50px rgba(20,20,20,.1);
}

.press-page-media-image{
    position:relative;
    height:230px;
    overflow:hidden;
}

.press-page-media-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:.5s ease;
}

.press-page-media-card:hover img{
    transform:scale(1.06);
}

.press-page-media-image span{
    position:absolute;
    left:18px;
    bottom:18px;
    padding:7px 10px;
    background:#16242d;
    color:var(--pp-gold-light);
    font-size:9px;
    font-weight:800;
    letter-spacing:1.5px;
}

.press-page-media-content{
    padding:28px;
}

.press-page-media-content small{
    color:#a97831;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.5px;
}

.press-page-media-content h3{
    margin:12px 0;
    color:var(--pp-text);
    font-family:"Playfair Display",serif;
    font-size:22px;
    line-height:1.35;
}

.press-page-media-content p{
    margin:0 0 18px;
    color:var(--pp-muted);
    font-size:13px;
    line-height:1.7;
}

.press-page-media-content a{
    color:#a97831;
    font-size:12px;
    font-weight:800;
}

/* KIT */

.press-page-kit{
    padding:110px 0;
    background:#fffdf9;
}

.press-page-kit-inner{
    position:relative;
    display:grid;
    grid-template-columns:1.25fr .75fr;
    align-items:center;
    min-height:420px;
    padding:65px 75px;
    overflow:hidden;
    background:linear-gradient(120deg,#1c2b34,#111b22);
}

.press-page-kit-content{
    position:relative;
    z-index:2;
}

.press-page-kit-content h2{
    max-width:650px;
    margin:0 0 18px;
    color:#fff;
    font-family:"Playfair Display",serif;
    font-size:47px;
    line-height:1.1;
}

.press-page-kit-content h2 span{
    display:block;
    color:var(--pp-gold-light);
}

.press-page-kit-content p{
    max-width:590px;
    margin:0 0 28px;
    color:rgba(255,255,255,.57);
    font-size:14px;
    line-height:1.8;
}

.press-page-kit-button{
    display:inline-flex;
    align-items:center;
    gap:14px;
    padding:15px 22px;
    background:var(--pp-gold);
    color:#17130d;
    font-size:12px;
    font-weight:800;
    border-radius: 6px;
}

.press-page-kit-visual{
    position:relative;
    height:320px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.press-page-paper{
    position:relative;
    width:200px;
    height:270px;
    padding:35px 27px;
    background:#f7f0e4;
    transform:rotate(7deg);
    box-shadow:20px 25px 50px rgba(0,0,0,.3);
}

.press-page-paper-logo{
    margin-bottom:35px;
    color:#b8873c;
    font-family:"Playfair Display",serif;
    font-size:45px;
    font-weight:800;
}

.press-page-paper-line{
    width:100%;
    height:5px;
    margin-bottom:13px;
    background:#d8c9b0;
}

.press-page-paper-line.large{
    width:78%;
    height:8px;
    background:#c49a56;
}

.press-page-paper-line.short{
    width:55%;
}

/* CONTACT */

.press-page-contact{
    padding:110px 0;
    background:#d0a35b;
}

.press-page-contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.press-page-contact-content h2{
    margin:0 0 20px;
    color:#17130d;
    font-family:"Playfair Display",serif;
    font-size:clamp(42px,5vw,65px);
    line-height:1.05;
}

.press-page-contact-content h2 span{
    display:block;
    color:#fff8e8;
}

.press-page-contact-content p{
    max-width:560px;
    margin:0;
    color:rgba(23,19,13,.65);
    font-size:15px;
    line-height:1.8;
}

.press-page-contact-box{
    padding:38px;
    background:#fffaf0;
    box-shadow:0 25px 60px rgba(60,40,10,.18);
}

.press-page-contact-row{
    display:flex;
    gap:16px;
    padding-bottom:22px;
    margin-bottom:22px;
    border-bottom:1px solid rgba(20,20,20,.1);
}

.press-page-contact-row>span{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 40px;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#eee0c6;
    color:#a97831;
}

.press-page-contact-row small{
    display:block;
    margin-bottom:5px;
    color:#a97831;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.5px;
}

.press-page-contact-row a{
    color:#17130d;
    font-size:14px;
    font-weight:700;
}

.press-page-contact-row p{
    margin:0;
    color:#716b62;
    font-size:12px;
}

.press-page-contact-button{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px 18px;
    background:#17252e;
    color:#fff;
    font-size:12px;
    font-weight:800;
    border-radius: 6px;
}

/* RESPONSIVE */

@media(max-width:1050px){

    .press-page-hero-card{
        right:3%;
        width:320px;
    }

    .press-page-hero-content{
        max-width:600px;
    }

}

@media(max-width:900px){

    .press-page-hero{
        min-height:650px;
    }

    .press-page-hero-card{
        display:none;
    }

    .press-page-hero-content{
        max-width:750px;
    }

    .press-page-info-grid,
    .press-page-media-grid{
        grid-template-columns:1fr 1fr;
    }

    .press-page-info-card:last-child{
        grid-column:1/-1;
    }

    .press-page-kit-inner{
        grid-template-columns:1fr;
        padding:55px;
    }

    .press-page-kit-visual{
        height:280px;
    }

    .press-page-contact-grid{
        grid-template-columns:1fr;
        gap:45px;
    }

}

@media(max-width:650px){

    .press-page-container{
        width:calc(100% - 30px);
    }

    .press-page-hero{
        min-height:auto;
    }

    .press-page-hero-content{
        padding:90px 0 80px;
    }

    .press-page-hero h1{
        font-size:44px;
    }

    .press-page-hero p{
        font-size:14px;
    }

    .press-page-actions{
        flex-direction:column;
    }

    .press-page-btn,
    .press-page-btn-outline{
        width:100%;
    }

    .press-page-intro,
    .press-page-releases,
    .press-page-media,
    .press-page-kit,
    .press-page-contact{
        padding:75px 0;
    }

    .press-page-heading{
        margin-bottom:40px;
    }

    .press-page-heading h2{
        font-size:36px;
    }

    .press-page-info-grid,
    .press-page-media-grid{
        grid-template-columns:1fr;
    }

    .press-page-info-card:last-child{
        grid-column:auto;
    }

    .press-page-release-card{
        grid-template-columns:1fr;
        gap:20px;
        padding:27px;
    }

    .press-page-release-date{
        display:flex;
        align-items:center;
        gap:12px;
        padding:0 0 15px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .press-page-release-date strong{
        font-size:40px;
    }

    .press-page-release-date span{
        margin:0;
    }

    .press-page-release-content h3{
        font-size:22px;
    }

    .press-page-kit-inner{
        padding:40px 25px;
    }

    .press-page-kit-content h2{
        font-size:36px;
    }

    .press-page-contact-box{
        padding:28px;
    }

}

@media(max-width:400px){

    .press-page-hero h1{
        font-size:38px;
    }

    .press-page-heading h2{
        font-size:32px;
    }

    .press-page-kit-content h2{
        font-size:32px;
    }

}

















.blog-page {
    width: 100%;
    overflow: hidden;
    background: #fffdf9;
    color: #20272c;
    font-family: "Inter", sans-serif;
    padding: 0 !important;
    margin: 0;
}

.blog-page .blog-page-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}

.blog-page .blog-page-hero{
    position:relative;
    min-height:540px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:linear-gradient(125deg,#17252e,#263b46);
}

.blog-page .blog-page-hero:after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-220px;
    top:-180px;
    border:1px solid rgba(231,201,130,.18);
    border-radius:50%;
}

.blog-page .blog-page-hero-content{
    position:relative;
    z-index:2;
    max-width:780px;
    padding:105px 0;
}

.blog-page .blog-page-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
    color:#d6b56f;
    font-size:10px;
    font-weight:800;
    letter-spacing:2.5px;
}

.blog-page .blog-page-eyebrow:before{
    content:"";
    width:27px;
    height:1px;
    background:#d6b56f;
}

.blog-page .blog-page-hero h1{
    margin:0;
    color:#fff;
    font-family:"Playfair Display",serif;
    font-size:clamp(48px,6vw,78px);
    line-height:1.05;
    letter-spacing:-2px;
}

.blog-page .blog-page-hero h1 span{
    display:block;
    color:#e7c982;
}

.blog-page .blog-page-hero p{
    max-width:650px;
    margin:27px 0 0;
    color:rgba(255,255,255,.65);
    font-size:16px;
    line-height:1.85;
}

.blog-page .blog-page-featured{
    padding:110px 0 80px;
    background:#fffdf9;
}

.blog-page .blog-page-section-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:45px;
}

.blog-page .blog-page-section-heading h2{
    margin:0;
    color:#20272c;
    font-family:"Playfair Display",serif;
    font-size:46px;
    line-height:1.1;
}

.blog-page .blog-page-section-heading h2 span{
    color:#b8883d;
}

.blog-page .blog-page-view-all{
    color:#9d712e;
    font-size:12px;
    font-weight:800;
}

.blog-page .blog-page-feature-card{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    min-height:480px;
    background:#f3eee5;
}

.blog-page .blog-page-feature-image{
    position:relative;
    min-height:480px;
    overflow:hidden;
}

.blog-page .blog-page-feature-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}

.blog-page .blog-page-feature-card:hover .blog-page-feature-image img{
    transform:scale(1.04);
}

.blog-page .blog-page-feature-image span{
    position:absolute;
    left:25px;
    bottom:25px;
    padding:8px 12px;
    background:#17252e;
    color:#e7c982;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.5px;
}

.blog-page .blog-page-feature-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:55px;
}

.blog-page .blog-page-meta{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-bottom:17px;
    color:#8a8f92;
    font-size:10px;
    font-weight:700;
    letter-spacing:.6px;
}

.blog-page .blog-page-meta span+span{
    position:relative;
    padding-left:18px;
}

.blog-page .blog-page-meta span+span:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#c99a4c;
    transform:translateY(-50%);
}

.blog-page .blog-page-feature-content h3{
    margin:0 0 20px;
    color:#20272c;
    font-family:"Playfair Display",serif;
    font-size:38px;
    line-height:1.2;
}

.blog-page .blog-page-feature-content p{
    margin:0 0 30px;
    color:#737a7f;
    font-size:14px;
    line-height:1.8;
}

.blog-page .blog-page-read-button{
    display:inline-flex;
    align-items:center;
    width:max-content;
    padding:14px 20px;
    background:#17252e;
    color:#fff;
    font-size:12px;
    font-weight:700;
    transition:background .3s ease,color .3s ease;
}

.blog-page .blog-page-read-button:hover{
    background:#c99a4c;
    color:#17130d;
}

.blog-page .blog-page-categories{
    padding:25px 0;
    background:#f0ebe2;
    border-top:1px solid rgba(30,30,30,.06);
    border-bottom:1px solid rgba(30,30,30,.06);
}

.blog-page .blog-page-category-list{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
}

.blog-page .blog-page-category{
    display:block;
    padding:10px 18px;
    border:1px solid rgba(30,30,30,.12);
    color:#6d7377;
    font-size:11px;
    font-weight:700;
    transition:background .3s ease,color .3s ease,border-color .3s ease;
}

.blog-page .blog-page-category:hover,
.blog-page .blog-page-category-active{
    border-color:#c99a4c;
    background:#c99a4c;
    color:#17130d;
}

.blog-page .blog-page-articles{
    padding:105px 0;
    background:#fffdf9;
}

.blog-page .blog-page-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.blog-page .blog-page-card{
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(25,30,35,.1);
    transition:transform .35s ease,box-shadow .35s ease;
}

.blog-page .blog-page-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(20,25,30,.1);
}

.blog-page .blog-page-card-image{
    position:relative;
    height:245px;
    overflow:hidden;
}

.blog-page .blog-page-card-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .5s ease;
}

.blog-page .blog-page-card:hover .blog-page-card-image img{
    transform:scale(1.07);
}

.blog-page .blog-page-card-image span{
    position:absolute;
    left:18px;
    bottom:18px;
    padding:7px 10px;
    background:#17252e;
    color:#e7c982;
    font-size:8px;
    font-weight:800;
    letter-spacing:1.4px;
}

.blog-page .blog-page-card-content{
    padding:27px;
}

.blog-page .blog-page-card-content h3{
    margin:0 0 14px;
    color:#20272c;
    font-family:"Playfair Display",serif;
    font-size:23px;
    line-height:1.3;
}

.blog-page .blog-page-card-content p{
    margin:0 0 20px;
    color:#737a7f;
    font-size:13px;
    line-height:1.75;
}

.blog-page .blog-page-card-link{
    color:#a87932;
    font-size:11px;
    font-weight:800;
}

.blog-page .blog-page-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:60px;
}

.blog-page .blog-page-pagination-item{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border:1px solid rgba(25,30,35,.1);
    color:#777d81;
    font-size:11px;
    font-weight:700;
    transition:background .3s ease,color .3s ease;
}

.blog-page .blog-page-pagination-item:hover,
.blog-page .blog-page-pagination-active{
    background:#17252e;
    border-color:#17252e;
    color:#fff;
}

.blog-page .blog-page-newsletter{
    padding:100px 0;
    background:#f0ebe2;
}

.blog-page .blog-page-newsletter-box{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:60px;
    padding:65px 70px;
    background:linear-gradient(120deg,#1a2a33,#253c48);
}

.blog-page .blog-page-newsletter-content h2{
    margin:0 0 18px;
    color:#fff;
    font-family:"Playfair Display",serif;
    font-size:46px;
    line-height:1.1;
}

.blog-page .blog-page-newsletter-content h2 span{
    display:block;
    color:#e7c982;
}

.blog-page .blog-page-newsletter-content p{
    max-width:520px;
    margin:0;
    color:rgba(255,255,255,.58);
    font-size:14px;
    line-height:1.8;
}

.blog-page .blog-page-newsletter-form{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.blog-page .blog-page-newsletter-form input{
    width:100%;
    height:54px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.15);
    outline:none;
    background:rgba(255,255,255,.07);
    color:#fff;
    font-family:inherit;
    font-size:13px;
}

.blog-page .blog-page-newsletter-form input::placeholder{
    color:rgba(255,255,255,.42);
}

.blog-page .blog-page-newsletter-form button{
    width:100%;
    height:54px;
    padding:0 20px;
    border:0;
    background:#c99a4c;
    color:#17130d;
    font-family:inherit;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    transition:background .3s ease;
}

.blog-page .blog-page-newsletter-form button:hover{
    background:#e7c982;
}

@media(max-width:1000px){

    .blog-page .blog-page-feature-card{
        grid-template-columns:1fr;
    }

    .blog-page .blog-page-feature-image{
        height:400px;
        min-height:400px;
    }

    .blog-page .blog-page-grid{
        grid-template-columns:1fr 1fr;
    }

    .blog-page .blog-page-newsletter-box{
        grid-template-columns:1fr;
    }

}

@media(max-width:700px){

    .blog-page .blog-page-container{
        width:calc(100% - 30px);
    }

    .blog-page .blog-page-hero-content{
        padding:80px 0;
    }

    .blog-page .blog-page-hero h1{
        font-size:43px;
        letter-spacing:-1px;
    }

    .blog-page .blog-page-hero p{
        font-size:14px;
    }

    .blog-page .blog-page-featured,
    .blog-page .blog-page-articles,
    .blog-page .blog-page-newsletter{
        padding:75px 0;
    }

    .blog-page .blog-page-section-heading{
        align-items:flex-start;
        flex-direction:column;
        margin-bottom:35px;
    }

    .blog-page .blog-page-section-heading h2{
        font-size:37px;
    }

    .blog-page .blog-page-feature-image{
        height:300px;
        min-height:300px;
    }

    .blog-page .blog-page-feature-content{
        padding:35px 25px;
    }

    .blog-page .blog-page-feature-content h3{
        font-size:30px;
    }

    .blog-page .blog-page-category-list{
        justify-content:flex-start;
        overflow:hidden;
    }

    .blog-page .blog-page-category{
        flex:0 0 auto;
    }

    .blog-page .blog-page-grid{
        grid-template-columns:1fr;
    }

    .blog-page .blog-page-card-image{
        height:230px;
    }

    .blog-page .blog-page-newsletter-box{
        padding:40px 25px;
    }

    .blog-page .blog-page-newsletter-content h2{
        font-size:38px;
    }

}

@media(max-width:420px){

    .blog-page .blog-page-hero h1{
        font-size:37px;
    }

    .blog-page .blog-page-feature-content h3{
        font-size:27px;
    }

    .blog-page .blog-page-section-heading h2{
        font-size:32px;
    }

    .blog-page .blog-page-newsletter-content h2{
        font-size:33px;
    }

}













.partners-container{
    width:min(1180px,calc(100% - 40px));
    margin:auto;
}

.partners-header{
    position:relative;
    z-index:10;
    border-bottom:1px solid rgba(212,167,74,.18);
    background:rgba(9,8,6,.92);
}

.partners-nav{
    min-height:82px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.partners-logo{
    font-family:"Playfair Display",serif;
    font-size:28px;
    font-weight:700;
    color:#f7f2e8;
    text-decoration:none;
}

.partners-logo span{
    color:#d4a74a;
}

.partners-menu{
    display:flex;
    align-items:center;
    gap:30px;
}

.partners-menu a{
    color:#aaa398;
    font-size:14px;
    font-weight:500;
    text-decoration:none;
    transition:.3s;
}

.partners-menu a:hover,
.partners-menu a.active{
    color:#f0d48a;
}

.partners-nav-btn{
    padding:11px 22px;
    border:1px solid #d4a74a;
    color:#f0d48a;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.partners-nav-btn:hover{
    background:#d4a74a;
    color:#090806;
}

.partners-hero{
    position:relative;
    overflow:hidden;
    padding:110px 0 120px;
    background:
    radial-gradient(circle at 80% 30%,rgba(212,167,74,.12),transparent 32%),
    radial-gradient(circle at 10% 80%,rgba(212,167,74,.06),transparent 28%),
    #090806;
}

.partners-hero-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:center;
    gap:90px;
}

.partners-eyebrow{
    display:inline-block;
    margin-bottom:18px;
    color:#f0d48a;
    font-size:11px;
    font-weight:700;
    letter-spacing:3px;
}

.partners-hero-content h1{
    max-width:700px;
    margin:0 0 25px;
    font-family:"Playfair Display",serif;
    font-size:clamp(48px,6vw,78px);
    line-height:1.05;
    font-weight:600;
    color:#f7f2e8;
}

.partners-hero-content h1 em,
.partners-section-heading h2 em,
.partners-contact-content h2 em{
    color:#f0d48a;
    font-style:italic;
}

.partners-hero-content>p{
    max-width:650px;
    margin:0 0 35px;
    color:#aaa398;
    font-size:17px;
}

.partners-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.partners-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 26px;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
    border-radius: 6px;
}

.partners-btn-primary{
    background:#d4a74a;
    color:#090806;
}

.partners-btn-primary:hover{
    background:#f0d48a;
}

.partners-btn-outline{
    border:1px solid rgba(212,167,74,.18);
    color:#f7f2e8;
}

.partners-btn-outline:hover{
    border-color:#d4a74a;
    color:#f0d48a;
}

.partners-hero-card{
    position:relative;
    padding:55px 45px;
    text-align:center;
    overflow:hidden;
    border:1px solid rgba(212,167,74,.18);
    background:linear-gradient(145deg,#19150e,#0d0b08);
    box-shadow:0 30px 80px rgba(0,0,0,.35);
}

.partners-card-glow{
    position:absolute;
    width:250px;
    height:250px;
    top:-130px;
    right:-100px;
    border-radius:50%;
    background:rgba(212,167,74,.13);
    filter:blur(10px);
}

.partners-symbol{
    position:relative;
    width:105px;
    height:105px;
    margin:0 auto 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(212,167,74,.35);
    border-radius:50%;
}

.partners-symbol:before{
    content:"";
    position:absolute;
    inset:9px;
    border:1px solid rgba(212,167,74,.18);
    border-radius:50%;
}

.partners-symbol span{
    position:relative;
    color:#f0d48a;
    font-size:35px;
}

.partners-hero-card h3{
    position:relative;
    margin:0 0 12px;
    font-family:"Playfair Display",serif;
    font-size:27px;
    color:#f7f2e8;
}

.partners-hero-card>p{
    position:relative;
    margin:0 auto 35px;
    max-width:390px;
    color:#aaa398;
    font-size:14px;
}

.partners-card-stats{
    position:relative;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid rgba(212,167,74,.18);
    padding-top:25px;
}

.partners-card-stats div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.partners-card-stats strong{
    color:#f0d48a;
    font-size:20px;
    font-family:"Playfair Display",serif;
}

.partners-card-stats span{
    color:#aaa398;
    font-size:11px;
}

.partners-section,
.partners-types,
.partners-process{
    padding:110px 0;
}

.partners-section{
    background:#100e0a;
}

.partners-section-heading{
    max-width:700px;
    margin:0 auto 55px;
    text-align:center;
}

.partners-section-heading h2{
    margin:0 0 18px;
    font-family:"Playfair Display",serif;
    font-size:clamp(38px,5vw,56px);
    line-height:1.1;
    font-weight:600;
    color:#f7f2e8;
}

.partners-section-heading p{
    margin:0;
    color:#aaa398;
    font-size:15px;
}

.partners-benefits{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.partners-benefit-card{
    padding:35px 28px;
    border:1px solid rgba(212,167,74,.18);
    background:#15120d;
    transition:.35s;
}

.partners-benefit-card:hover{
    transform:translateY(-7px);
    border-color:rgba(212,167,74,.45);
}

.partners-icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    border:1px solid rgba(212,167,74,.18);
    color:#f0d48a;
    font-size:20px;
}

.partners-benefit-card h3{
    margin:0 0 12px;
    font-family:"Playfair Display",serif;
    font-size:22px;
    color:#f7f2e8;
}

.partners-benefit-card p{
    margin:0;
    color:#aaa398;
    font-size:13px;
    line-height:1.8;
}

.partners-types{
    background:#090806;
}

.partners-type-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.partners-type-card{
    position:relative;
    min-height:230px;
    padding:40px;
    overflow:hidden;
    border:1px solid rgba(212,167,74,.18);
    background:linear-gradient(135deg,#14110c,#0d0b08);
}

.partners-type-number{
    display:block;
    margin-bottom:25px;
    color:#d4a74a;
    font-family:"Playfair Display",serif;
    font-size:14px;
}

.partners-type-card h3{
    margin:0 0 12px;
    font-family:"Playfair Display",serif;
    font-size:27px;
    color:#f7f2e8;
}

.partners-type-card p{
    max-width:600px;
    margin:0;
    color:#aaa398;
    font-size:14px;
}

.partners-process{
    background:#100e0a;
}

.partners-process-grid{
    display:grid;
    grid-template-columns:1fr 50px 1fr 50px 1fr;
    align-items:center;
}

.partners-process-item{
    text-align:center;
}

.partners-process-item>span{
    display:flex;
    width:65px;
    height:65px;
    align-items:center;
    justify-content:center;
    margin:0 auto 22px;
    border:1px solid rgba(212,167,74,.18);
    border-radius:50%;
    color:#f0d48a;
    font-family:"Playfair Display",serif;
}

.partners-process-item h3{
    margin:0 0 10px;
    font-family:"Playfair Display",serif;
    font-size:22px;
    color:#f7f2e8;
}

.partners-process-item p{
    margin:0;
    color:#aaa398;
    font-size:13px;
}

.partners-process-line{
    height:1px;
    background:rgba(212,167,74,.18);
}

.partners-contact-section{
    padding:120px 0;
    background:
    radial-gradient(circle at 90% 50%,rgba(212,167,74,.1),transparent 30%),
    #090806;
}

.partners-contact-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:80px;
    align-items:start;
}

.partners-contact-content h2{
    margin:0 0 22px;
    font-family:"Playfair Display",serif;
    font-size:clamp(40px,5vw,58px);
    line-height:1.1;
    font-weight:600;
    color:#f7f2e8;
}

.partners-contact-content>p{
    max-width:520px;
    margin:0 0 35px;
    color:#aaa398;
    font-size:15px;
}

.partners-contact-points{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.partners-contact-points div{
    display:flex;
    align-items:center;
    gap:18px;
}

.partners-contact-points strong{
    color:#f0d48a;
    font-family:"Playfair Display",serif;
}

.partners-contact-points span{
    color:#aaa398;
    font-size:13px;
}

.partners-form{
    padding:40px;
    border:1px solid rgba(212,167,74,.18);
    background:#15120d;
}

.partners-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.partners-form-group{
    margin-bottom:20px;
}

.partners-form-group label{
    display:block;
    margin-bottom:8px;
    color:#f7f2e8;
    font-size:12px;
    font-weight:600;
}

.partners-form input,
.partners-form select,
.partners-form textarea{
    width:100%;
    padding:14px 15px;
    border:1px solid rgba(212,167,74,.18);
    outline:none;
    background:#0c0a07;
    color:#f7f2e8;
    font-family:"Inter",sans-serif;
    font-size:13px;
    transition:.3s;
}

.partners-form input:focus,
.partners-form select:focus,
.partners-form textarea:focus{
    border-color:#d4a74a;
}

.partners-form textarea{
    resize:vertical;
    min-height:130px;
}

.partners-form input::placeholder,
.partners-form textarea::placeholder{
    color:#68635b;
}

.partners-submit-btn{
    width:100%;
    min-height:54px;
    border:0;
    cursor:pointer;
    background:#d4a74a;
    color:#090806;
    font-family:"Inter",sans-serif;
    font-size:13px;
    font-weight:700;
    transition:.3s;
    border-radius: 6px;
}

.partners-submit-btn:hover{
    background:#f0d48a;
}

.partners-submit-btn span{
    margin-left:10px;
    font-size:18px;
}

.partners-footer{
    border-top:1px solid rgba(212,167,74,.18);
    background:#070605;
}

.partners-footer-inner{
    min-height:130px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.partners-footer p{
    margin:5px 0 0;
    color:#777168;
    font-size:12px;
}

.partners-footer-links{
    display:flex;
    gap:25px;
}

.partners-footer-links a{
    color:#aaa398;
    font-size:12px;
}

.partners-footer-links a:hover{
    color:#f0d48a;
}

@media(max-width:1000px){

    .partners-benefits{
        grid-template-columns:repeat(2,1fr);
    }

    .partners-hero-grid{
        grid-template-columns:1fr;
        gap:60px;
    }

    .partners-hero-content{
        text-align:center;
    }

    .partners-hero-content>p{
        margin-left:auto;
        margin-right:auto;
    }

    .partners-hero-actions{
        justify-content:center;
    }

    .partners-contact-grid{
        grid-template-columns:1fr;
        gap:55px;
    }
}

@media(max-width:768px){

    .partners-container{
        width:min(100% - 30px,1180px);
    }

    .partners-menu{
        display:none;
    }

    .partners-nav{
        min-height:70px;
    }

    .partners-nav-btn{
        padding:9px 16px;
    }

    .partners-hero{
        padding:80px 0 90px;
    }

    .partners-hero-content h1{
        font-size:46px;
    }

    .partners-section,
    .partners-types,
    .partners-process,
    .partners-contact-section{
        padding:80px 0;
    }

    .partners-benefits{
        grid-template-columns:1fr;
    }

    .partners-type-grid{
        grid-template-columns:1fr;
    }

    .partners-process-grid{
        grid-template-columns:1fr;
        gap:35px;
    }

    .partners-process-line{
        width:1px;
        height:35px;
        margin:auto;
    }

    .partners-form{
        padding:25px 20px;
    }

    .partners-form-row{
        grid-template-columns:1fr;
        gap:0;
    }

    .partners-footer-inner{
        padding:30px 0;
        flex-direction:column;
        align-items:flex-start;
    }

    .partners-footer-links{
        flex-wrap:wrap;
        gap:15px;
    }
}

@media(max-width:480px){

    .partners-logo{
        font-size:24px;
    }

    .partners-hero-content h1{
        font-size:39px;
    }

    .partners-hero-content>p{
        font-size:15px;
    }

    .partners-hero-card{
        padding:40px 22px;
    }

    .partners-type-card{
        padding:30px 25px;
    }

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













.ai-matching-container{
    width:min(1180px,calc(100% - 40px));
    margin:auto;
}

.ai-matching-hero{
    position:relative;
    overflow:hidden;
    padding:110px 0 120px;
    background:
    radial-gradient(circle at 85% 30%,rgba(109,84,190,.18),transparent 32%),
    radial-gradient(circle at 10% 90%,rgba(212,167,74,.08),transparent 28%),
    #090806;
}

.ai-matching-hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:70px;
}

.ai-matching-eyebrow{
    display:inline-block;
    margin-bottom:18px;
    color:#d9bd70;
    font-size:11px;
    font-weight:700;
    letter-spacing:3px;
}

.ai-matching-hero-content h1{
    max-width:680px;
    margin:0 0 25px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:clamp(48px,6vw,76px);
    font-weight:600;
    line-height:1.05;
}

.ai-matching-hero-content h1 em,
.ai-matching-heading h2 em,
.ai-matching-score-content h2 em,
.ai-matching-cta-box h2 em{
    color:#e4c875;
    font-style:italic;
}

.ai-matching-hero-content>p{
    max-width:650px;
    margin:0 0 35px;
    color:#aaa398;
    font-size:17px;
    line-height:1.8;
}

.ai-matching-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.ai-matching-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 27px;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
    border-radius: 6px;
}

.ai-matching-btn-primary{
    background:#d4a74a;
    color:#090806;
}

.ai-matching-btn-primary:hover{
    background:#f0d48a;
}

.ai-matching-btn-secondary{
    border:1px solid rgba(212,167,74,.25);
    color:#f7f2e8;
}

.ai-matching-btn-secondary:hover{
    border-color:#d4a74a;
    color:#f0d48a;
}

.ai-matching-trust{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:28px;
}

.ai-matching-trust span{
    display:flex;
    width:22px;
    height:22px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(212,167,74,.4);
    border-radius:50%;
    color:#e4c875;
    font-size:11px;
}

.ai-matching-trust p{
    margin:0;
    color:#817b71;
    font-size:12px;
}

.ai-matching-visual{
    position:relative;
    min-height:500px;
}

.ai-matching-orbit{
    position:absolute;
    top:50%;
    left:50%;
    border:1px solid rgba(212,167,74,.18);
    border-radius:50%;
    transform:translate(-50%,-50%);
}

.ai-matching-orbit-one{
    width:390px;
    height:390px;
}

.ai-matching-orbit-two{
    width:275px;
    height:275px;
    border-color:rgba(212,167,74,.12);
}

.ai-matching-center{
    position:absolute;
    top:50%;
    left:50%;
    width:150px;
    height:150px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(212,167,74,.5);
    border-radius:50%;
    background:radial-gradient(circle,#292014,#100d09);
    box-shadow:0 0 70px rgba(212,167,74,.12);
    transform:translate(-50%,-50%);
}

.ai-matching-center span{
    color:#e4c875;
    font-size:27px;
    font-weight:700;
}

.ai-matching-center strong{
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:21px;
}

.ai-matching-profile{
    position:absolute;
    display:flex;
    align-items:center;
    gap:12px;
    min-width:190px;
    padding:12px 16px;
    border:1px solid rgba(212,167,74,.2);
    background:rgba(18,15,10,.94);
    box-shadow:0 15px 40px rgba(0,0,0,.3);
}

.ai-matching-profile-one{
    top:50px;
    right:15px;
}

.ai-matching-profile-two{
    bottom:60px;
    left:0;
}

.ai-matching-profile-three{
    top:210px;
    right:-15px;
}

.ai-matching-avatar{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#302819;
    color:#e4c875;
    font-family:"Playfair Display",serif;
    font-size:16px;
}

.ai-matching-profile strong{
    display:block;
    color:#f5f0e7;
    font-size:12px;
}

.ai-matching-profile small{
    display:block;
    margin-top:2px;
    color:#d4a74a;
    font-size:10px;
}

.ai-matching-intro,
.ai-matching-process{
    padding:110px 0;
    background:#100e0a;
}

.ai-matching-heading{
    max-width:720px;
    margin:0 auto 55px;
    text-align:center;
}

.ai-matching-heading h2{
    margin:0 0 18px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:clamp(38px,5vw,56px);
    font-weight:600;
    line-height:1.1;
}

.ai-matching-heading p{
    margin:0;
    color:#aaa398;
    font-size:15px;
    line-height:1.8;
}

.ai-matching-feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.ai-matching-feature-card{
    position:relative;
    padding:35px 28px;
    border:1px solid rgba(212,167,74,.18);
    background:#15120d;
    transition:.35s;
}

.ai-matching-feature-card:hover{
    transform:translateY(-7px);
    border-color:rgba(212,167,74,.45);
}

.ai-matching-feature-number{
    position:absolute;
    top:20px;
    right:22px;
    color:#635b4d;
    font-family:"Playfair Display",serif;
    font-size:13px;
}

.ai-matching-feature-icon{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    border:1px solid rgba(212,167,74,.25);
    color:#e4c875;
    font-size:21px;
}

.ai-matching-feature-card h3{
    margin:0 0 12px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:22px;
}

.ai-matching-feature-card p{
    margin:0;
    color:#969087;
    font-size:13px;
    line-height:1.8;
}

.ai-matching-how{
    padding:110px 0;
    background:#090806;
}

.ai-matching-steps{
    max-width:900px;
    margin:auto;
}

.ai-matching-step{
    display:grid;
    grid-template-columns:90px 1fr;
    gap:30px;
    align-items:start;
    padding:30px 0;
    border-bottom:1px solid rgba(212,167,74,.15);
}

.ai-matching-step:last-child{
    border-bottom:0;
}

.ai-matching-step-number{
    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(212,167,74,.3);
    border-radius:50%;
    color:#e4c875;
    font-family:"Playfair Display",serif;
    font-size:16px;
}

.ai-matching-step-content h3{
    margin:0 0 8px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:25px;
}

.ai-matching-step-content p{
    max-width:650px;
    margin:0;
    color:#969087;
    font-size:14px;
    line-height:1.8;
}

.ai-matching-score{
    padding:120px 0;
    background:
    radial-gradient(circle at 15% 50%,rgba(102,76,172,.13),transparent 30%),
    #100e0a;
}

.ai-matching-score-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:90px;
}

.ai-matching-score-content h2{
    max-width:550px;
    margin:0 0 20px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:clamp(38px,5vw,55px);
    font-weight:600;
    line-height:1.1;
}

.ai-matching-score-content>p{
    max-width:550px;
    margin:0 0 35px;
    color:#aaa398;
    font-size:15px;
    line-height:1.8;
}

.ai-matching-score-list{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.ai-matching-score-list div{
    display:flex;
    align-items:center;
    gap:18px;
}

.ai-matching-score-list span{
    color:#d4a74a;
    font-family:"Playfair Display",serif;
    font-size:13px;
}

.ai-matching-score-list strong{
    color:#ddd6ca;
    font-size:13px;
}

.ai-matching-score-card{
    padding:40px;
    border:1px solid rgba(212,167,74,.25);
    background:#15120d;
    box-shadow:0 25px 70px rgba(0,0,0,.25);
}

.ai-matching-score-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}

.ai-matching-score-top span{
    color:#8d867b;
    font-size:10px;
    letter-spacing:2px;
}

.ai-matching-score-top strong{
    color:#e4c875;
    font-family:"Playfair Display",serif;
    font-size:38px;
}

.ai-matching-progress{
    height:8px;
    overflow:hidden;
    margin-bottom:30px;
    border-radius:10px;
    background:#272117;
}

.ai-matching-progress span{
    display:block;
    width:94%;
    height:100%;
    border-radius:10px;
    background:linear-gradient(90deg,#9e7629,#efd47e);
}

.ai-matching-score-items{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.ai-matching-score-items div{
    display:flex;
    justify-content:space-between;
    padding-bottom:13px;
    border-bottom:1px solid rgba(212,167,74,.1);
}

.ai-matching-score-items span{
    color:#aaa398;
    font-size:12px;
}

.ai-matching-score-items strong{
    color:#e4c875;
    font-size:12px;
}

.ai-matching-score-message{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:25px;
    padding:15px;
    border:1px solid rgba(212,167,74,.12);
    background:#100e0a;
}

.ai-matching-score-message span{
    color:#e4c875;
}

.ai-matching-score-message p{
    margin:0;
    color:#aaa398;
    font-size:11px;
}

.ai-matching-purpose-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.ai-matching-purpose-card{
    padding:40px 30px;
    border:1px solid rgba(212,167,74,.18);
    background:#15120d;
    text-align:center;
}

.ai-matching-purpose-icon{
    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 25px;
    border:1px solid rgba(212,167,74,.3);
    border-radius:50%;
    color:#e4c875;
    font-family:"Playfair Display",serif;
}

.ai-matching-purpose-card h3{
    margin:0 0 12px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:24px;
}

.ai-matching-purpose-card p{
    margin:0;
    color:#969087;
    font-size:13px;
    line-height:1.8;
}

.ai-matching-cta{
    padding:100px 0;
    background:#090806;
}

.ai-matching-cta-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    padding:55px;
    border:1px solid rgba(212,167,74,.25);
    background:
    radial-gradient(circle at 90% 50%,rgba(212,167,74,.12),transparent 35%),
    #15120d;
}

.ai-matching-cta-box h2{
    max-width:700px;
    margin:0 0 15px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:clamp(32px,4vw,48px);
    font-weight:600;
    line-height:1.1;
}

.ai-matching-cta-box p{
    max-width:650px;
    margin:0;
    color:#aaa398;
    font-size:14px;
}

@media(max-width:1000px){

    .ai-matching-hero-grid{
        grid-template-columns:1fr;
    }

    .ai-matching-hero-content{
        text-align:center;
    }

    .ai-matching-hero-content>p{
        margin-left:auto;
        margin-right:auto;
    }

    .ai-matching-hero-buttons{
        justify-content:center;
    }

    .ai-matching-trust{
        justify-content:center;
    }

    .ai-matching-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .ai-matching-score-grid{
        grid-template-columns:1fr;
        gap:55px;
    }
}

@media(max-width:768px){

    .ai-matching-container{
        width:min(100% - 30px,1180px);
    }

    .ai-matching-hero{
        padding:80px 0;
    }

    .ai-matching-hero-content h1{
        font-size:46px;
    }

    .ai-matching-visual{
        min-height:420px;
    }

    .ai-matching-orbit-one{
        width:320px;
        height:320px;
    }

    .ai-matching-orbit-two{
        width:230px;
        height:230px;
    }

    .ai-matching-profile-one{
        right:0;
    }

    .ai-matching-profile-three{
        right:0;
    }

    .ai-matching-feature-grid{
        grid-template-columns:1fr;
    }

    .ai-matching-intro,
    .ai-matching-how,
    .ai-matching-score,
    .ai-matching-process{
        padding:80px 0;
    }

    .ai-matching-purpose-grid{
        grid-template-columns:1fr;
    }

    .ai-matching-cta{
        padding:70px 0;
    }

    .ai-matching-cta-box{
        flex-direction:column;
        align-items:flex-start;
        padding:35px 25px;
    }
}

@media(max-width:520px){

    .ai-matching-hero-content h1{
        font-size:39px;
    }

    .ai-matching-hero-content>p{
        font-size:15px;
    }

    .ai-matching-btn{
        width:100%;
    }

    .ai-matching-visual{
        min-height:360px;
        transform:scale(.85);
        margin:-20px -35px;
    }

    .ai-matching-profile{
        min-width:165px;
        padding:10px 12px;
    }

    .ai-matching-profile-one{
        top:20px;
        right:0;
    }

    .ai-matching-profile-two{
        bottom:25px;
        left:0;
    }

    .ai-matching-profile-three{
        top:160px;
        right:-5px;
    }

    .ai-matching-step{
        grid-template-columns:60px 1fr;
        gap:18px;
    }

    .ai-matching-step-number{
        width:52px;
        height:52px;
        font-size:13px;
    }

    .ai-matching-score-card{
        padding:25px 20px;
    }

    .ai-matching-cta-box .ai-matching-btn{
        width:100%;
    }
}













.chat-page{
    width:100%;
    overflow:hidden;
    background:#f5f1e9;
    color:#20262b;
    font-family:"Inter",sans-serif;
}

.chat-page .chat-page-wrapper{
    padding:90px 0;
    background:
        radial-gradient(circle at 15% 20%,rgba(205,163,86,.12),transparent 28%),
        linear-gradient(135deg,#f8f4ec,#eee7dc);
}

.chat-page .chat-page-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.chat-page .chat-page-left{
    padding:30px 0;
}

.chat-page .chat-page-brand{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:75px;
}

.chat-page .chat-page-brand-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    background:#17252e;
    color:#e5c17b;
    font-family:"Playfair Display",serif;
    font-size:25px;
    font-weight:700;
}

.chat-page .chat-page-brand span{
    display:block;
    color:#17252e;
    font-family:"Playfair Display",serif;
    font-size:22px;
    font-weight:700;
}

.chat-page .chat-page-brand small{
    display:block;
    margin-top:2px;
    color:#88827a;
    font-size:9px;
    letter-spacing:1px;
}

.chat-page .chat-page-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:18px;
    color:#a47732;
    font-size:10px;
    font-weight:800;
    letter-spacing:2.3px;
}

.chat-page .chat-page-eyebrow:before{
    content:"";
    width:26px;
    height:1px;
    background:#a47732;
}

.chat-page .chat-page-intro h1{
    max-width:620px;
    margin:0;
    color:#17252e;
    font-family:"Playfair Display",serif;
    font-size:clamp(48px,5vw,70px);
    line-height:1.03;
    letter-spacing:-2px;
}

.chat-page .chat-page-intro h1 strong{
    display:block;
    color:#b7863b;
    font-weight:700;
}

.chat-page .chat-page-intro p{
    max-width:570px;
    margin:25px 0 0;
    color:#73787c;
    font-size:15px;
    line-height:1.85;
}

.chat-page .chat-page-features{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-top:45px;
}

.chat-page .chat-page-feature{
    display:flex;
    align-items:flex-start;
    gap:15px;
}

.chat-page .chat-page-feature>span{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#e5d3ae;
    color:#8e682c;
    font-size:12px;
    font-weight:800;
}

.chat-page .chat-page-feature h3{
    margin:0 0 4px;
    color:#283038;
    font-family:"Playfair Display",serif;
    font-size:17px;
}

.chat-page .chat-page-feature p{
    margin:0;
    color:#85898c;
    font-size:12px;
    line-height:1.6;
}

.chat-page .chat-page-right{
    position:relative;
}

.chat-page .chat-page-window{
    position:relative;
    width:100%;
    max-width:470px;
    margin:0 auto;
    overflow:hidden;
    border:1px solid rgba(25,35,42,.1);
    border-radius:18px;
    background:#fdfdfc;
    box-shadow:0 30px 80px rgba(25,35,42,.18);
}

.chat-page .chat-page-window-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 20px;
    background:#17252e;
    color:#fff;
}

.chat-page .chat-page-user{
    display:flex;
    align-items:center;
    gap:12px;
}

.chat-page .chat-page-avatar{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#d5ae69;
    color:#17252e;
    font-family:"Playfair Display",serif;
    font-size:17px;
    font-weight:700;
}

.chat-page .chat-page-user-info strong{
    display:block;
    color:#fff;
    font-size:13px;
}

.chat-page .chat-page-user-info span{
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:4px;
    color:rgba(255,255,255,.55);
    font-size:9px;
}

.chat-page .chat-page-user-info i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#70bf72;
}

.chat-page .chat-page-menu{
    color:rgba(255,255,255,.6);
    font-size:22px;
}

.chat-page .chat-page-messages{
    min-height:500px;
    padding:25px 20px;
    background:
        linear-gradient(rgba(247,244,237,.88),rgba(247,244,237,.88)),
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 12px,
            rgba(20,30,35,.025) 13px,
            transparent 14px
        );
}

.chat-page .chat-page-date{
    display:flex;
    justify-content:center;
    margin-bottom:25px;
}

.chat-page .chat-page-date span{
    padding:6px 12px;
    border-radius:20px;
    background:#e8e1d5;
    color:#888178;
    font-size:9px;
    font-weight:700;
}

.chat-page .chat-page-message{
    position:relative;
    max-width:78%;
    padding:12px 14px 9px;
    margin-bottom:14px;
    border-radius:10px;
    box-shadow:0 3px 8px rgba(20,30,35,.04);
}

.chat-page .chat-page-message p{
    margin:0;
    font-size:12px;
    line-height:1.6;
}

.chat-page .chat-page-message small{
    display:block;
    margin-top:5px;
    text-align:right;
    font-size:8px;
}

.chat-page .chat-page-message-left{
    margin-right:auto;
    border-bottom-left-radius:2px;
    background:#fff;
    color:#444b50;
}

.chat-page .chat-page-message-left small{
    color:#a09b94;
}

.chat-page .chat-page-message-right{
    margin-left:auto;
    border-bottom-right-radius:2px;
    background:#e2c68e;
    color:#28231a;
}

.chat-page .chat-page-message-right small{
    color:#77623b;
}

.chat-page .chat-page-input-area{
    display:flex;
    align-items:center;
    gap:9px;
    padding:13px;
    border-top:1px solid rgba(20,30,35,.08);
    background:#fff;
}

.chat-page .chat-page-input-area input{
    width:100%;
    height:42px;
    padding:0 13px;
    border:1px solid #e4e0d8;
    border-radius:22px;
    outline:none;
    background:#f7f5f1;
    color:#333;
    font-family:inherit;
    font-size:11px;
}

.chat-page .chat-page-input-area input::placeholder{
    color:#aaa59d;
}

.chat-page .chat-page-input-icon,
.chat-page .chat-page-send{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 37px;
    width:37px;
    height:37px;
    border:0;
    border-radius:50%;
    font-family:inherit;
    cursor:pointer;
}

.chat-page .chat-page-input-icon{
    background:#eee9df;
    color:#85704d;
    font-size:19px;
}

.chat-page .chat-page-send{
    background:#17252e;
    color:#e5c17b;
    font-size:17px;
}

.chat-page .chat-page-secure{
    display:flex;
    align-items:center;
    gap:12px;
    max-width:470px;
    margin:20px auto 0;
    padding:15px 18px;
    border:1px solid rgba(25,35,42,.08);
    border-radius:10px;
    background:rgba(255,255,255,.65);
}

.chat-page .chat-page-secure-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#e4d4b4;
    color:#89652d;
    font-size:11px;
    font-weight:800;
}

.chat-page .chat-page-secure strong{
    display:block;
    color:#333b40;
    font-size:11px;
}

.chat-page .chat-page-secure p{
    margin:3px 0 0;
    color:#898d8f;
    font-size:9px;
}

.chat-page .chat-page-bottom{
    padding:80px 0;
    background:#17252e;
}

.chat-page .chat-page-bottom-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.chat-page .chat-page-bottom .chat-page-eyebrow{
    color:#e0bd78;
}

.chat-page .chat-page-bottom .chat-page-eyebrow:before{
    background:#e0bd78;
}

.chat-page .chat-page-bottom h2{
    max-width:700px;
    margin:0;
    color:#fff;
    font-family:"Playfair Display",serif;
    font-size:42px;
    line-height:1.15;
}

.chat-page .chat-page-bottom h2 strong{
    display:block;
    color:#e4c27e;
}

.chat-page .chat-page-start-button{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    flex:0 0 auto;
    min-width:180px;
    padding:16px 20px;
    background:#d0a35b;
    color:#17130d;
    font-size:12px;
    font-weight:800;
    transition:background .3s ease,transform .3s ease;
}

.chat-page .chat-page-start-button:hover{
    background:#e7c982;
    transform:translateY(-3px);
}

@media(max-width:950px){

    .chat-page .chat-page-container{
        grid-template-columns:1fr;
        gap:50px;
    }

    .chat-page .chat-page-left{
        padding:0;
    }

    .chat-page .chat-page-brand{
        margin-bottom:50px;
    }

    .chat-page .chat-page-right{
        max-width:600px;
        width:100%;
        margin:0 auto;
    }

    .chat-page .chat-page-bottom-container{
        flex-direction:column;
        align-items:flex-start;
    }

}

@media(max-width:650px){

    .chat-page .chat-page-wrapper{
        padding:65px 0;
    }

    .chat-page .chat-page-container{
        width:calc(100% - 30px);
    }

    .chat-page .chat-page-brand{
        margin-bottom:45px;
    }

    .chat-page .chat-page-intro h1{
        font-size:43px;
        letter-spacing:-1px;
    }

    .chat-page .chat-page-intro p{
        font-size:13px;
    }

    .chat-page .chat-page-features{
        margin-top:35px;
    }

    .chat-page .chat-page-window{
        border-radius:14px;
    }

    .chat-page .chat-page-messages{
        min-height:430px;
        padding:20px 15px;
    }

    .chat-page .chat-page-message{
        max-width:86%;
    }

    .chat-page .chat-page-bottom{
        padding:65px 0;
    }

    .chat-page .chat-page-bottom-container{
        width:calc(100% - 30px);
    }

    .chat-page .chat-page-bottom h2{
        font-size:34px;
    }

    .chat-page .chat-page-start-button{
        width:100%;
    }

}

@media(max-width:400px){

    .chat-page .chat-page-intro h1{
        font-size:37px;
    }

    .chat-page .chat-page-message p{
        font-size:11px;
    }

    .chat-page .chat-page-messages{
        min-height:400px;
    }

}






.verified-profiles-page{
    width:100%;
    overflow:hidden;
    background:#fffdf9;
    color:#20272c;
    font-family:"Inter",sans-serif;
    padding: 0 !important;
}

.verified-profiles-page .verified-profiles-page-container{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}

/* HERO */

.verified-profiles-page .verified-profiles-page-hero{
    position:relative;
    min-height:700px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 82% 30%,rgba(210,165,85,.18),transparent 30%),
        linear-gradient(125deg,#14232c,#263c47);
}

.verified-profiles-page .verified-profiles-page-hero:after{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    right:-300px;
    top:-210px;
    border:1px solid rgba(232,204,143,.18);
    border-radius:50%;
}

.verified-profiles-page .verified-profiles-page-hero-content{
    position:relative;
    z-index:3;
    max-width:650px;
    padding:110px 0;
}

.verified-profiles-page .verified-profiles-page-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
    color:#e3c57f;
    font-size:10px;
    font-weight:800;
    letter-spacing:2.4px;
}

.verified-profiles-page .verified-profiles-page-eyebrow:before{
    content:"";
    width:28px;
    height:1px;
    background:#e3c57f;
}

.verified-profiles-page .verified-profiles-page-hero h1{
    margin:0;
    color:#fff;
    font-family:"Playfair Display",serif;
    font-size:clamp(48px,6vw,78px);
    line-height:1.04;
    letter-spacing:-2px;
}

.verified-profiles-page .verified-profiles-page-hero h1 span{
    display:block;
    color:#e5c47d;
}

.verified-profiles-page .verified-profiles-page-hero p{
    max-width:610px;
    margin:28px 0 0;
    color:rgba(255,255,255,.65);
    font-size:15px;
    line-height:1.85;
}

.verified-profiles-page .verified-profiles-page-hero-stats{
    display:flex;
    gap:35px;
    margin-top:45px;
}

.verified-profiles-page .verified-profiles-page-stat{
    padding-right:35px;
    border-right:1px solid rgba(255,255,255,.14);
}

.verified-profiles-page .verified-profiles-page-stat:last-child{
    padding-right:0;
    border-right:0;
}

.verified-profiles-page .verified-profiles-page-stat strong{
    display:block;
    color:#e5c47d;
    font-family:"Playfair Display",serif;
    font-size:26px;
}

.verified-profiles-page .verified-profiles-page-stat span{
    display:block;
    margin-top:5px;
    color:rgba(255,255,255,.43);
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
}

.verified-profiles-page .verified-profiles-page-hero-visual{
    position:absolute;
    right:6%;
    top:50%;
    z-index:2;
    width:440px;
    height:570px;
    transform:translateY(-50%);
}

.verified-profiles-page .verified-profiles-page-profile-stack{
    position:relative;
    width:100%;
    height:100%;
}

.verified-profiles-page .verified-profiles-page-main-profile{
    position:absolute;
    left:50%;
    top:50%;
    width:310px;
    overflow:hidden;
    border:7px solid rgba(255,255,255,.9);
    background:#fff;
    box-shadow:0 30px 80px rgba(0,0,0,.3);
    transform:translate(-50%,-50%) rotate(-3deg);
}

.verified-profiles-page .verified-profiles-page-main-image{
    position:relative;
    height:370px;
    overflow:hidden;
}

.verified-profiles-page .verified-profiles-page-main-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.verified-profiles-page .verified-profiles-page-online{
    position:absolute;
    left:15px;
    bottom:15px;
    padding:6px 9px;
    background:#17252e;
    color:#e5c47d;
    font-size:8px;
    font-weight:800;
    letter-spacing:1px;
}

.verified-profiles-page .verified-profiles-page-main-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:17px;
}

.verified-profiles-page .verified-profiles-page-main-content h2{
    margin:0;
    color:#20272c;
    font-family:"Playfair Display",serif;
    font-size:20px;
}

.verified-profiles-page .verified-profiles-page-main-content p{
    margin:4px 0 0;
    color:#85898c;
    font-size:10px;
}

.verified-profiles-page .verified-profiles-page-check{
    display:flex;
    align-items:center;
    justify-content:center;
    width:27px;
    height:27px;
    border-radius:50%;
    background:#d2a45a;
    color:#fff;
    font-size:11px;
    font-weight:800;
}

.verified-profiles-page .verified-profiles-page-small-card{
    position:absolute;
    z-index:4;
    display:flex;
    align-items:center;
    gap:10px;
    width:185px;
    padding:12px;
    background:#fff;
    box-shadow:0 15px 40px rgba(0,0,0,.2);
}

.verified-profiles-page .verified-profiles-page-small-card-one{
    left:-10px;
    top:90px;
    transform:rotate(-5deg);
}

.verified-profiles-page .verified-profiles-page-small-card-two{
    right:-5px;
    bottom:85px;
    transform:rotate(5deg);
}

.verified-profiles-page .verified-profiles-page-small-avatar{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:50%;
    background:#d9bd82;
    color:#25323a;
    font-family:"Playfair Display",serif;
    font-weight:700;
}

.verified-profiles-page .verified-profiles-page-small-card strong{
    display:block;
    color:#263038;
    font-size:11px;
}

.verified-profiles-page .verified-profiles-page-small-card span{
    display:block;
    margin-top:3px;
    color:#8b9093;
    font-size:8px;
}

.verified-profiles-page .verified-profiles-page-small-card b{
    margin-left:auto;
    color:#bc8a3b;
    font-size:14px;
}

/* INTRO */

.verified-profiles-page .verified-profiles-page-intro{
    padding:110px 0;
    background:#fffdf9;
}

.verified-profiles-page .verified-profiles-page-heading{
    max-width:720px;
    margin-bottom:55px;
}

.verified-profiles-page .verified-profiles-page-heading h2{
    margin:0 0 18px;
    color:#20272c;
    font-family:"Playfair Display",serif;
    font-size:clamp(38px,4vw,56px);
    line-height:1.1;
}

.verified-profiles-page .verified-profiles-page-heading h2 span{
    color:#b6873b;
}

.verified-profiles-page .verified-profiles-page-heading p{
    max-width:650px;
    margin:0;
    color:#747b80;
    font-size:15px;
    line-height:1.8;
}

.verified-profiles-page .verified-profiles-page-benefits{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.verified-profiles-page .verified-profiles-page-benefit{
    padding:35px;
    background:#f4efe6;
    border:1px solid rgba(25,30,35,.07);
}

.verified-profiles-page .verified-profiles-page-benefit-number{
    display:block;
    margin-bottom:40px;
    color:#b6873b;
    font-family:"Playfair Display",serif;
    font-size:20px;
    font-weight:700;
}

.verified-profiles-page .verified-profiles-page-benefit h3{
    margin:0 0 12px;
    color:#283138;
    font-family:"Playfair Display",serif;
    font-size:23px;
}

.verified-profiles-page .verified-profiles-page-benefit p{
    margin:0;
    color:#777e82;
    font-size:13px;
    line-height:1.75;
}

/* PROFILES */

.verified-profiles-page .verified-profiles-page-profiles{
    padding:110px 0;
    background:#f1ece3;
}

.verified-profiles-page .verified-profiles-page-section-top{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:50px;
}

.verified-profiles-page .verified-profiles-page-section-top .verified-profiles-page-heading{
    margin-bottom:0;
}

.verified-profiles-page .verified-profiles-page-view-button{
    display:inline-flex;
    padding:13px 20px;
    border:1px solid #b88a42;
    color:#9b702f;
    font-size:11px;
    font-weight:800;
}

.verified-profiles-page .verified-profiles-page-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.verified-profiles-page .verified-profiles-page-profile-card{
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(25,30,35,.08);
    transition:transform .35s ease,box-shadow .35s ease;
}

.verified-profiles-page .verified-profiles-page-profile-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 55px rgba(20,25,30,.12);
}

.verified-profiles-page .verified-profiles-page-profile-image{
    position:relative;
    height:330px;
    overflow:hidden;
}

.verified-profiles-page .verified-profiles-page-profile-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}

.verified-profiles-page .verified-profiles-page-profile-card:hover .verified-profiles-page-profile-image img{
    transform:scale(1.05);
}

.verified-profiles-page .verified-profiles-page-verified-badge{
    position:absolute;
    left:15px;
    bottom:15px;
    padding:7px 10px;
    background:#17252e;
    color:#e5c47d;
    font-size:8px;
    font-weight:800;
    letter-spacing:1px;
}

.verified-profiles-page .verified-profiles-page-profile-content{
    padding:25px;
}

.verified-profiles-page .verified-profiles-page-profile-title{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
}

.verified-profiles-page .verified-profiles-page-profile-title h3{
    margin:0;
    color:#222b30;
    font-family:"Playfair Display",serif;
    font-size:23px;
}

.verified-profiles-page .verified-profiles-page-profile-title p{
    margin:4px 0 0;
    color:#858b8e;
    font-size:10px;
}

.verified-profiles-page .verified-profiles-page-profile-title>span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:23px;
    height:23px;
    border-radius:50%;
    background:#d0a35b;
    color:#fff;
    font-size:9px;
    font-weight:800;
}

.verified-profiles-page .verified-profiles-page-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin:17px 0;
}

.verified-profiles-page .verified-profiles-page-tags span{
    padding:6px 9px;
    background:#f1eadf;
    color:#8b6a38;
    font-size:8px;
    font-weight:700;
}

.verified-profiles-page .verified-profiles-page-description{
    margin:0 0 20px;
    color:#777e82;
    font-size:12px;
    line-height:1.7;
}

.verified-profiles-page .verified-profiles-page-profile-link{
    color:#a27432;
    font-size:11px;
    font-weight:800;
}

/* SAFETY */

.verified-profiles-page .verified-profiles-page-safety{
    padding:110px 0;
    background:#fffdf9;
}

.verified-profiles-page .verified-profiles-page-safety-box{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
    min-height:400px;
    padding:65px 75px;
    overflow:hidden;
    background:linear-gradient(120deg,#192a34,#253d48);
}

.verified-profiles-page .verified-profiles-page-safety-box:after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    right:-180px;
    top:-180px;
    border:1px solid rgba(230,196,125,.15);
    border-radius:50%;
}

.verified-profiles-page .verified-profiles-page-safety-content{
    position:relative;
    z-index:2;
    max-width:650px;
}

.verified-profiles-page .verified-profiles-page-safety-content h2{
    margin:0 0 18px;
    color:#fff;
    font-family:"Playfair Display",serif;
    font-size:48px;
    line-height:1.1;
}

.verified-profiles-page .verified-profiles-page-safety-content h2 span{
    display:block;
    color:#e5c47d;
}

.verified-profiles-page .verified-profiles-page-safety-content p{
    max-width:590px;
    margin:0 0 25px;
    color:rgba(255,255,255,.58);
    font-size:14px;
    line-height:1.8;
}

.verified-profiles-page .verified-profiles-page-safety-button{
    display:inline-flex;
    padding:14px 20px;
    background:#d0a35b;
    color:#17130d;
    font-size:11px;
    font-weight:800;
}

.verified-profiles-page .verified-profiles-page-safety-symbol{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:14px;
    min-width:180px;
}

.verified-profiles-page .verified-profiles-page-shield{
    display:flex;
    align-items:center;
    justify-content:center;
    width:135px;
    height:155px;
    clip-path:polygon(50% 0,92% 15%,85% 65%,50% 100%,15% 65%,8% 15%);
    background:#d0a35b;
    color:#fff;
    font-size:42px;
    font-weight:800;
}

.verified-profiles-page .verified-profiles-page-safety-symbol>span{
    color:#e5c47d;
    font-size:10px;
    font-weight:800;
    letter-spacing:2px;
}

/* CTA */

.verified-profiles-page .verified-profiles-page-cta{
    padding:110px 0;
    background:#d0a35b;
    text-align:center;
}

.verified-profiles-page .verified-profiles-page-cta-content{
    max-width:760px;
    margin:0 auto;
}

.verified-profiles-page .verified-profiles-page-cta .verified-profiles-page-eyebrow{
    color:#493719;
}

.verified-profiles-page .verified-profiles-page-cta .verified-profiles-page-eyebrow:before{
    background:#493719;
}

.verified-profiles-page .verified-profiles-page-cta h2{
    margin:0 0 20px;
    color:#17130d;
    font-family:"Playfair Display",serif;
    font-size:clamp(42px,5vw,62px);
    line-height:1.05;
}

.verified-profiles-page .verified-profiles-page-cta h2 span{
    display:block;
    color:#fff8e9;
}

.verified-profiles-page .verified-profiles-page-cta p{
    max-width:600px;
    margin:0 auto 28px;
    color:rgba(23,19,13,.65);
    font-size:14px;
    line-height:1.8;
}

.verified-profiles-page .verified-profiles-page-cta-button{
    display:inline-flex;
    padding:16px 25px;
    background:#17252e;
    color:#fff;
    font-size:12px;
    font-weight:800;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .verified-profiles-page .verified-profiles-page-hero-visual{
        right:0;
        transform:translateY(-50%) scale(.88);
    }

    .verified-profiles-page .verified-profiles-page-hero-content{
        max-width:580px;
    }

}

@media(max-width:950px){

    .verified-profiles-page .verified-profiles-page-hero{
        min-height:auto;
    }

    .verified-profiles-page .verified-profiles-page-hero-content{
        max-width:100%;
        padding:90px 0 70px;
    }

    .verified-profiles-page .verified-profiles-page-hero-visual{
        position:relative;
        right:auto;
        top:auto;
        width:440px;
        height:520px;
        margin:0 auto 70px;
        transform:none;
    }

    .verified-profiles-page .verified-profiles-page-hero .verified-profiles-page-container{
        display:flex;
        flex-direction:column;
    }

    .verified-profiles-page .verified-profiles-page-benefits{
        grid-template-columns:1fr;
    }

    .verified-profiles-page .verified-profiles-page-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:650px){

    .verified-profiles-page .verified-profiles-page-container{
        width:calc(100% - 30px);
    }

    .verified-profiles-page .verified-profiles-page-hero-content{
        padding:75px 0 45px;
    }

    .verified-profiles-page .verified-profiles-page-hero h1{
        font-size:43px;
        letter-spacing:-1px;
    }

    .verified-profiles-page .verified-profiles-page-hero p{
        font-size:13px;
    }

    .verified-profiles-page .verified-profiles-page-hero-stats{
        gap:18px;
    }

    .verified-profiles-page .verified-profiles-page-stat{
        padding-right:18px;
    }

    .verified-profiles-page .verified-profiles-page-hero-visual{
        width:100%;
        height:430px;
        margin-bottom:50px;
    }

    .verified-profiles-page .verified-profiles-page-main-profile{
        width:275px;
    }

    .verified-profiles-page .verified-profiles-page-main-image{
        height:320px;
    }

    .verified-profiles-page .verified-profiles-page-small-card{
        width:160px;
    }

    .verified-profiles-page .verified-profiles-page-small-card-one{
        left:0;
        top:55px;
    }

    .verified-profiles-page .verified-profiles-page-small-card-two{
        right:0;
        bottom:45px;
    }

    .verified-profiles-page .verified-profiles-page-intro,
    .verified-profiles-page .verified-profiles-page-profiles,
    .verified-profiles-page .verified-profiles-page-safety,
    .verified-profiles-page .verified-profiles-page-cta{
        padding:75px 0;
    }

    .verified-profiles-page .verified-profiles-page-heading h2{
        font-size:37px;
    }

    .verified-profiles-page .verified-profiles-page-section-top{
        align-items:flex-start;
        flex-direction:column;
    }

    .verified-profiles-page .verified-profiles-page-grid{
        grid-template-columns:1fr;
    }

    .verified-profiles-page .verified-profiles-page-profile-image{
        height:350px;
    }

    .verified-profiles-page .verified-profiles-page-safety-box{
        flex-direction:column;
        align-items:flex-start;
        padding:45px 28px;
    }

    .verified-profiles-page .verified-profiles-page-safety-content h2{
        font-size:37px;
    }

    .verified-profiles-page .verified-profiles-page-safety-symbol{
        align-self:center;
    }

}

@media(max-width:400px){

    .verified-profiles-page .verified-profiles-page-hero h1{
        font-size:37px;
    }

    .verified-profiles-page .verified-profiles-page-hero-stats{
        flex-wrap:wrap;
    }

    .verified-profiles-page .verified-profiles-page-hero-visual{
        height:400px;
    }

    .verified-profiles-page .verified-profiles-page-main-profile{
        width:245px;
    }

    .verified-profiles-page .verified-profiles-page-main-image{
        height:285px;
    }

    .verified-profiles-page .verified-profiles-page-small-card{
        width:140px;
        padding:9px;
    }

    .verified-profiles-page .verified-profiles-page-small-avatar{
        width:32px;
        height:32px;
    }

    .verified-profiles-page .verified-profiles-page-safety-content h2{
        font-size:33px;
    }

}










.matchmakers-container{
    width:min(1180px,calc(100% - 40px));
    margin:auto;
}

.matchmakers-hero{
    position:relative;
    overflow:hidden;
    padding:110px 0 120px;
    background:
    radial-gradient(circle at 85% 30%,rgba(137,100,49,.16),transparent 32%),
    radial-gradient(circle at 10% 80%,rgba(212,167,74,.08),transparent 28%),
    #090806;
}

.matchmakers-hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:80px;
}

.matchmakers-eyebrow{
    display:inline-block;
    margin-bottom:18px;
    color:#e4c875;
    font-size:11px;
    font-weight:700;
    letter-spacing:3px;
}

.matchmakers-hero-content h1{
    max-width:680px;
    margin:0 0 25px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:clamp(48px,6vw,76px);
    font-weight:600;
    line-height:1.05;
}

.matchmakers-hero-content h1 em,
.matchmakers-heading h2 em,
.matchmakers-for-you-content h2 em,
.matchmakers-cta-box h2 em{
    color:#e4c875;
    font-style:italic;
}

.matchmakers-hero-content>p{
    max-width:640px;
    margin:0 0 35px;
    color:#aaa398;
    font-size:17px;
    line-height:1.8;
}

.matchmakers-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.matchmakers-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 27px;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
    border-radius: 6px;
}

.matchmakers-btn-primary{
    background:#d4a74a;
    color:#090806;
}

.matchmakers-btn-primary:hover{
    background:#f0d48a;
}

.matchmakers-btn-outline{
    border:1px solid rgba(212,167,74,.25);
    color:#f7f2e8;
}

.matchmakers-btn-outline:hover{
    border-color:#d4a74a;
    color:#f0d48a;
}

.matchmakers-trust{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:28px;
}

.matchmakers-trust span{
    display:flex;
    width:22px;
    height:22px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(212,167,74,.4);
    border-radius:50%;
    color:#e4c875;
    font-size:11px;
}

.matchmakers-trust p{
    margin:0;
    color:#817b71;
    font-size:12px;
}

.matchmakers-hero-visual{
    position:relative;
    min-height:500px;
}

.matchmakers-visual-ring{
    position:absolute;
    top:50%;
    left:50%;
    border:1px solid rgba(212,167,74,.16);
    border-radius:50%;
    transform:translate(-50%,-50%);
}

.matchmakers-ring-one{
    width:410px;
    height:410px;
}

.matchmakers-ring-two{
    width:285px;
    height:285px;
}

.matchmakers-main-card{
    position:absolute;
    top:50%;
    left:50%;
    width:280px;
    padding:38px 30px;
    text-align:center;
    border:1px solid rgba(212,167,74,.35);
    background:linear-gradient(145deg,#211a0f,#0f0c08);
    box-shadow:0 30px 80px rgba(0,0,0,.35);
    transform:translate(-50%,-50%);
}

.matchmakers-main-avatar{
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 16px;
    border:1px solid rgba(212,167,74,.45);
    border-radius:50%;
    background:#302719;
    color:#e4c875;
    font-family:"Playfair Display",serif;
    font-size:30px;
}

.matchmakers-verified{
    display:inline-block;
    margin-bottom:12px;
    color:#d4a74a;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
}

.matchmakers-main-card h3{
    margin:0 0 10px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:25px;
}

.matchmakers-main-card p{
    margin:0 0 25px;
    color:#999187;
    font-size:12px;
    line-height:1.8;
}

.matchmakers-card-footer{
    display:flex;
    justify-content:center;
    gap:8px;
    padding-top:18px;
    border-top:1px solid rgba(212,167,74,.14);
}

.matchmakers-card-footer span{
    padding:5px 8px;
    border:1px solid rgba(212,167,74,.15);
    color:#999187;
    font-size:9px;
}

.matchmakers-floating-card{
    position:absolute;
    display:flex;
    flex-direction:column;
    gap:2px;
    padding:12px 18px;
    border:1px solid rgba(212,167,74,.2);
    background:rgba(18,15,10,.94);
    box-shadow:0 15px 40px rgba(0,0,0,.25);
}

.matchmakers-floating-card strong{
    color:#eee6d8;
    font-size:11px;
}

.matchmakers-floating-card span{
    color:#d4a74a;
    font-size:9px;
}

.matchmakers-floating-one{
    top:70px;
    right:0;
}

.matchmakers-floating-two{
    bottom:70px;
    left:0;
}

.matchmakers-intro,
.matchmakers-directory{
    padding:110px 0;
}

.matchmakers-intro{
    background:#100e0a;
}

.matchmakers-heading{
    max-width:720px;
    margin:0 auto 55px;
    text-align:center;
}

.matchmakers-heading h2{
    margin:0 0 18px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:clamp(38px,5vw,56px);
    font-weight:600;
    line-height:1.1;
}

.matchmakers-heading p{
    margin:0;
    color:#aaa398;
    font-size:15px;
    line-height:1.8;
}

.matchmakers-benefits{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.matchmakers-benefit-card{
    position:relative;
    padding:35px 28px;
    border:1px solid rgba(212,167,74,.18);
    background:#15120d;
    transition:.35s;
}

.matchmakers-benefit-card:hover{
    transform:translateY(-7px);
    border-color:rgba(212,167,74,.45);
}

.matchmakers-benefit-card>span{
    position:absolute;
    top:20px;
    right:20px;
    color:#5e574b;
    font-family:"Playfair Display",serif;
    font-size:12px;
}

.matchmakers-benefit-icon{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    border:1px solid rgba(212,167,74,.25);
    color:#e4c875;
    font-size:21px;
}

.matchmakers-benefit-card h3{
    margin:0 0 12px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:21px;
}

.matchmakers-benefit-card p{
    margin:0;
    color:#969087;
    font-size:13px;
    line-height:1.8;
}

.matchmakers-directory{
    background:#090806;
}

.matchmakers-directory-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.matchmakers-profile-card{
    padding:32px;
    border:1px solid rgba(212,167,74,.18);
    background:#15120d;
    transition:.35s;
}

.matchmakers-profile-card:hover{
    transform:translateY(-6px);
    border-color:rgba(212,167,74,.45);
}

.matchmakers-profile-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:22px;
}

.matchmakers-profile-avatar{
    width:68px;
    height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(212,167,74,.3);
    border-radius:50%;
    background:#2a2114;
    color:#e4c875;
    font-family:"Playfair Display",serif;
    font-size:24px;
}

.matchmakers-profile-status{
    padding:6px 9px;
    border:1px solid rgba(212,167,74,.2);
    color:#d4a74a;
    font-size:9px;
    font-weight:700;
}

.matchmakers-profile-card h3{
    margin:0 0 5px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:25px;
}

.matchmakers-profile-role{
    display:block;
    margin-bottom:18px;
    color:#d4a74a;
    font-size:10px;
    font-weight:600;
    letter-spacing:.5px;
}

.matchmakers-profile-card p{
    min-height:72px;
    margin:0 0 20px;
    color:#969087;
    font-size:13px;
    line-height:1.8;
}

.matchmakers-profile-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:25px;
}

.matchmakers-profile-tags span{
    padding:5px 8px;
    border:1px solid rgba(212,167,74,.13);
    color:#999187;
    font-size:9px;
}

.matchmakers-profile-btn{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:18px;
    border-top:1px solid rgba(212,167,74,.13);
    color:#e4c875;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.matchmakers-profile-btn span{
    font-size:18px;
}

.matchmakers-how{
    padding:110px 0;
    background:#100e0a;
}

.matchmakers-steps{
    max-width:900px;
    margin:auto;
}

.matchmakers-step{
    display:grid;
    grid-template-columns:80px 1fr;
    gap:28px;
    align-items:center;
    padding:28px 0;
}

.matchmakers-step-number{
    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(212,167,74,.3);
    border-radius:50%;
    color:#e4c875;
    font-family:"Playfair Display",serif;
}

.matchmakers-step h3{
    margin:0 0 8px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:24px;
}

.matchmakers-step p{
    max-width:650px;
    margin:0;
    color:#969087;
    font-size:13px;
    line-height:1.8;
}

.matchmakers-step-line{
    width:1px;
    height:35px;
    margin-left:32px;
    background:rgba(212,167,74,.2);
}

.matchmakers-for-you{
    padding:120px 0;
    background:#090806;
}

.matchmakers-for-you-grid{
    display:grid;
    grid-template-columns:1fr .8fr;
    align-items:center;
    gap:90px;
}

.matchmakers-for-you-content h2{
    max-width:620px;
    margin:0 0 20px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:clamp(38px,5vw,55px);
    font-weight:600;
    line-height:1.1;
}

.matchmakers-for-you-content>p{
    max-width:580px;
    margin:0 0 30px;
    color:#aaa398;
    font-size:15px;
    line-height:1.8;
}

.matchmakers-check-list{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin:0;
    padding:0;
    list-style:none;
}

.matchmakers-check-list li{
    display:flex;
    align-items:center;
    gap:12px;
    color:#c3bdb2;
    font-size:13px;
}

.matchmakers-check-list span{
    display:flex;
    width:22px;
    height:22px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(212,167,74,.3);
    border-radius:50%;
    color:#e4c875;
    font-size:10px;
}

.matchmakers-highlight-card{
    padding:50px 40px;
    border:1px solid rgba(212,167,74,.25);
    background:
    radial-gradient(circle at 80% 10%,rgba(212,167,74,.12),transparent 35%),
    #15120d;
}

.matchmakers-highlight-icon{
    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    border:1px solid rgba(212,167,74,.3);
    border-radius:50%;
    color:#e4c875;
    font-size:25px;
}

.matchmakers-highlight-card>span{
    color:#d4a74a;
    font-size:10px;
    font-weight:700;
    letter-spacing:2px;
}

.matchmakers-highlight-card h3{
    margin:15px 0;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:32px;
}

.matchmakers-highlight-card p{
    margin:0;
    color:#969087;
    font-size:13px;
    line-height:1.9;
}

.matchmakers-cta{
    padding:100px 0;
    background:#100e0a;
}

.matchmakers-cta-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    padding:55px;
    border:1px solid rgba(212,167,74,.25);
    background:
    radial-gradient(circle at 90% 50%,rgba(212,167,74,.12),transparent 35%),
    #15120d;
}

.matchmakers-cta-box h2{
    max-width:700px;
    margin:0 0 15px;
    color:#f8f3e9;
    font-family:"Playfair Display",serif;
    font-size:clamp(32px,4vw,48px);
    font-weight:600;
    line-height:1.1;
}

.matchmakers-cta-box p{
    max-width:650px;
    margin:0;
    color:#aaa398;
    font-size:14px;
}

@media(max-width:1050px){

    .matchmakers-benefits{
        grid-template-columns:repeat(2,1fr);
    }

    .matchmakers-hero-grid{
        grid-template-columns:1fr;
        gap:60px;
    }

    .matchmakers-hero-content{
        text-align:center;
    }

    .matchmakers-hero-content>p{
        margin-left:auto;
        margin-right:auto;
    }

    .matchmakers-hero-buttons{
        justify-content:center;
    }

    .matchmakers-trust{
        justify-content:center;
    }

    .matchmakers-directory-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .matchmakers-for-you-grid{
        grid-template-columns:1fr;
        gap:55px;
    }
}

@media(max-width:768px){

    .matchmakers-container{
        width:min(100% - 30px,1180px);
    }

    .matchmakers-hero{
        padding:80px 0;
    }

    .matchmakers-hero-content h1{
        font-size:46px;
    }

    .matchmakers-hero-visual{
        min-height:430px;
    }

    .matchmakers-ring-one{
        width:340px;
        height:340px;
    }

    .matchmakers-ring-two{
        width:240px;
        height:240px;
    }

    .matchmakers-floating-one{
        right:0;
    }

    .matchmakers-floating-two{
        left:0;
    }

    .matchmakers-intro,
    .matchmakers-directory,
    .matchmakers-how,
    .matchmakers-for-you{
        padding:80px 0;
    }

    .matchmakers-benefits{
        grid-template-columns:1fr;
    }

    .matchmakers-directory-grid{
        grid-template-columns:1fr;
    }

    .matchmakers-cta{
        padding:70px 0;
    }

    .matchmakers-cta-box{
        flex-direction:column;
        align-items:flex-start;
        padding:35px 25px;
    }
}

@media(max-width:520px){

    .matchmakers-hero-content h1{
        font-size:39px;
    }

    .matchmakers-hero-content>p{
        font-size:15px;
    }

    .matchmakers-btn{
        width:100%;
    }

    .matchmakers-hero-buttons{
        width:100%;
    }

    .matchmakers-hero-visual{
        min-height:380px;
        transform:scale(.85);
        margin:-20px -35px;
    }

    .matchmakers-main-card{
        width:260px;
    }

    .matchmakers-floating-card{
        padding:10px 13px;
    }

    .matchmakers-floating-one{
        top:35px;
    }

    .matchmakers-floating-two{
        bottom:35px;
    }

    .matchmakers-step{
        grid-template-columns:60px 1fr;
        gap:18px;
    }

    .matchmakers-step-number{
        width:52px;
        height:52px;
        font-size:12px;
    }

    .matchmakers-step-line{
        margin-left:25px;
    }

    .matchmakers-highlight-card{
        padding:35px 25px;
    }

    .matchmakers-cta-box .matchmakers-btn{
        width:100%;
    }
}









/* ==============================
   HELP CENTER PAGE
============================== */

.help-hero{
    background:linear-gradient(135deg,#1b1626 0%,#2a2238 100%);
    padding:120px 0 90px;
    text-align:center;
}

.help-hero-content{
    max-width:760px;
    margin:auto;
}

.help-hero h1{
    color:#ffffff;
    font-size:60px;
    line-height:1.1;
    margin:20px 0;
    font-family:"Playfair Display",serif;
}

.help-hero h1 span{
    color:#d9b56d;
}

.help-hero p{
    color:#d8d8d8;
    font-size:18px;
    line-height:1.8;
    margin-bottom:40px;
}

.help-search{
    display:flex;
    max-width:620px;
    margin:auto;
    background:#ffffff;
    border-radius:60px;
    overflow:hidden;
}

.help-search input{
    flex:1;
    border:none;
    padding:18px 24px;
    font-size:16px;
    outline:none;
    background:transparent;
}

.help-search button{
    border:none;
    background:#d9b56d;
    color:#1b1626;
    padding:0 30px;
    font-weight:600;
    cursor:pointer;
}

/* Categories */

.help-categories{
    padding:100px 0;
    background:#faf8f4;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.category-card{
    background:#ffffff;
    padding:35px 30px;
    border-radius:16px;
    text-align:center;
    transition:.3s;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.category-card:hover{
    transform:translateY(-6px);
}

.category-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#fff5e5;
    color:#d9b56d;
    font-size:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
}

.category-card h3{
    font-size:24px;
    margin-bottom:12px;
    color:#1b1626;
    font-family:"Playfair Display",serif;
}

.category-card p{
    color:#666;
    line-height:1.7;
    font-size:15px;
}

/* Articles */

.help-articles{
    padding:100px 0;
}

.article-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.article-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:16px;
    padding:30px;
    transition:.3s;
}

.article-card:hover{
    border-color:#d9b56d;
    transform:translateY(-5px);
}

.article-card span{
    display:inline-block;
    color:#b88a2d;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:15px;
}

.article-card h3{
    font-size:24px;
    margin-bottom:15px;
    line-height:1.4;
    color:#1b1626;
    font-family:"Playfair Display",serif;
}

.article-card p{
    color:#666;
    line-height:1.7;
    margin-bottom:20px;
}

.article-card a{
    color:#d9b56d;
    font-weight:600;
    text-decoration:none;
}

/* FAQ */

.help-faq{
    background:#faf8f4;
    padding:100px 0;
}

.faq-wrapper{
    max-width:850px;
    margin:auto;
}

.faq-item{
    background:#ffffff;
    border-radius:14px;
    padding:22px 28px;
    margin-bottom:18px;
    border:1px solid #eee;
}

.faq-item summary{
    list-style:none;
    cursor:pointer;
    font-size:18px;
    font-weight:600;
    color:#1b1626;
    position:relative;
    padding-right:30px;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary::after{
    content:"+";
    position:absolute;
    right:0;
    top:0;
    color:#d9b56d;
    font-size:22px;
}

.faq-item[open] summary::after{
    content:"−";
}

.faq-item p{
    margin-top:16px;
    color:#666;
    line-height:1.8;
}

/* Support */

.help-support{
    padding:100px 0;
}

.support-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.support-card{
    background:#fff;
    border-radius:16px;
    padding:40px 30px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.support-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#fff5e5;
    color:#d9b56d;
    font-size:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
}

.support-card h3{
    font-size:24px;
    margin-bottom:12px;
    color:#1b1626;
    font-family:"Playfair Display",serif;
}

.support-card p{
    color:#666;
    line-height:1.7;
}

/* CTA */

.help-cta{
    background:linear-gradient(135deg,#1b1626 0%,#2a2238 100%);
    padding:110px 0;
    text-align:center;
}

.help-cta-content{
    max-width:700px;
    margin:auto;
}

.help-cta h2{
    color:#ffffff;
    font-size:52px;
    margin:20px 0;
    line-height:1.2;
    font-family:"Playfair Display",serif;
}

.help-cta h2 span{
    color:#d9b56d;
}

.help-cta p{
    color:#d8d8d8;
    line-height:1.8;
    margin-bottom:35px;
}

.cta-urdu{
    margin-top:30px;
    color:#d9b56d;
    font-size:26px;
    direction:rtl;
    font-family:"Playfair Display",serif;
}

/* Responsive */

@media(max-width:992px){

    .category-grid,
    .article-grid,
    .support-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .help-hero h1{
        font-size:48px;
    }

    .help-cta h2{
        font-size:42px;
    }

}

@media(max-width:768px){

    .help-hero{
        padding:90px 0 70px;
    }

    .help-hero h1{
        font-size:38px;
    }

    .help-search{
        flex-direction:column;
        border-radius:16px;
    }

    .help-search input{
        width:100%;
    }

    .help-search button{
        width:100%;
        padding:16px;
    }

    .category-grid,
    .article-grid,
    .support-grid{
        grid-template-columns:1fr;
    }

    .help-categories,
    .help-articles,
    .help-faq,
    .help-support{
        padding:70px 0;
    }

    .help-cta{
        padding:80px 0;
    }

    .help-cta h2{
        font-size:34px;
    }

}











/* ====================================
   SAFETY TIP PAGE - NIKAHNAMAH
==================================== */

.safety-hero{
    background:linear-gradient(135deg,#171321 0%,#2a2038 100%);
    padding:120px 0 90px;
    text-align:center;
}

.safety-hero-content{
    max-width:760px;
    margin:0 auto;
}

.safety-hero h1{
    color:#ffffff;
    font-size:60px;
    line-height:1.1;
    margin:20px 0;
    font-family:"Playfair Display",serif;
}

.safety-hero h1 span{
    color:#d9b56d;
}

.safety-hero p{
    color:#d8d8d8;
    font-size:18px;
    line-height:1.8;
}

/* Intro Section */

.safety-intro{
    padding:100px 0;
    background:#faf8f4;
}

/* Safety Tips */

.safety-tips{
    padding:100px 0;
    background:#ffffff;
}

.tips-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.tip-card{
    background:#ffffff;
    border:1px solid #ece7df;
    border-radius:16px;
    padding:35px 30px;
    transition:.3s ease;
    box-shadow:0 10px 25px rgba(0,0,0,.04);
}

.tip-card:hover{
    transform:translateY(-6px);
    border-color:#d9b56d;
    box-shadow:0 20px 35px rgba(0,0,0,.08);
}

.tip-number{
    width:55px;
    height:55px;
    background:#d9b56d;
    color:#1b1626;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:18px;
    margin-bottom:20px;
}

.tip-card h3{
    color:#1b1626;
    font-size:26px;
    margin-bottom:15px;
    font-family:"Playfair Display",serif;
}

.tip-card p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/* Warning Signs */

.warning-signs{
    padding:100px 0;
    background:#faf8f4;
}

.warning-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.warning-card{
    background:#fff;
    padding:30px;
    border-left:5px solid #d9b56d;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.warning-card h3{
    color:#1b1626;
    margin-bottom:12px;
    font-size:24px;
    font-family:"Playfair Display",serif;
}

.warning-card p{
    color:#666;
    line-height:1.7;
}

/* Privacy Guidelines */

.privacy-guidelines{
    padding:100px 0;
    background:#ffffff;
}

.privacy-list{
    max-width:850px;
    margin:0 auto;
}

.privacy-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:20px 0;
    border-bottom:1px solid #ece7df;
}

.privacy-item:last-child{
    border-bottom:none;
}

.privacy-item span{
    color:#d9b56d;
    font-size:22px;
    font-weight:700;
}

.privacy-item p{
    margin:0;
    color:#555;
    line-height:1.8;
}

/* Report Help */

.report-help{
    padding:110px 0;
    background:#faf8f4;
}

.report-content{
    background:linear-gradient(135deg,#1c1528,#2c223a);
    border-radius:20px;
    padding:60px;
    text-align:center;
}

.report-content h2{
    color:#fff;
    font-size:46px;
    margin:18px 0;
    line-height:1.2;
    font-family:"Playfair Display",serif;
}

.report-content h2 span{
    color:#d9b56d;
}

.report-content p{
    color:#eee;
    max-width:680px;
    margin:0 auto 35px;
    line-height:1.8;
}

/* Best Practices */

.best-practices{
    padding:100px 0;
    background:#ffffff;
}

.practice-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.practice-card{
    background:#fffdf8;
    border:1px solid #efe7d5;
    border-radius:16px;
    padding:30px;
    transition:.3s ease;
}

.practice-card:hover{
    border-color:#d9b56d;
    transform:translateY(-5px);
}

.practice-card h3{
    color:#1b1626;
    font-size:24px;
    margin-bottom:12px;
    font-family:"Playfair Display",serif;
}

.practice-card p{
    color:#666;
    line-height:1.7;
}

/* CTA */

.safety-cta{
    background:linear-gradient(135deg,#171321 0%,#2a2038 100%);
    padding:110px 0;
    text-align:center;
}

.safety-cta-content{
    max-width:720px;
    margin:0 auto;
}

.safety-cta h2{
    color:#fff;
    font-size:54px;
    line-height:1.2;
    margin:20px 0;
    font-family:"Playfair Display",serif;
}

.safety-cta h2 span{
    color:#d9b56d;
}

.safety-cta p{
    color:#d8d8d8;
    line-height:1.8;
    margin-bottom:35px;
}

.cta-urdu{
    margin-top:30px;
    color:#d9b56d;
    font-size:26px;
    direction:rtl;
    font-family:"Playfair Display",serif;
}

/* Responsive */

@media(max-width:992px){

    .tips-grid,
    .warning-grid,
    .practice-grid{
        grid-template-columns:1fr;
    }

    .safety-hero h1{
        font-size:48px;
    }

    .report-content{
        padding:45px;
    }

    .report-content h2,
    .safety-cta h2{
        font-size:40px;
    }

}

@media(max-width:768px){

    .safety-hero{
        padding:90px 0 70px;
    }

    .safety-hero h1{
        font-size:38px;
    }

    .safety-intro,
    .safety-tips,
    .warning-signs,
    .privacy-guidelines,
    .best-practices{
        padding:70px 0;
    }

    .report-help,
    .safety-cta{
        padding:80px 0;
    }

    .report-content{
        padding:35px 25px;
    }

    .report-content h2,
    .safety-cta h2{
        font-size:34px;
    }

    .tip-card,
    .warning-card,
    .practice-card{
        padding:25px;
    }

}

@media(max-width:480px){

    .safety-hero h1{
        font-size:32px;
    }

    .tip-card h3,
    .warning-card h3,
    .practice-card h3{
        font-size:22px;
    }

    .report-content h2,
    .safety-cta h2{
        font-size:30px;
    }

    .cta-urdu{
        font-size:22px;
    }

}












/* ========================================
   CONTACT US PAGE - NIKAHNAMAH
======================================== */

.contact-hero{
    background:linear-gradient(135deg,#171321 0%,#2b2138 100%);
    padding:120px 0 90px;
    text-align:center;
}

.contact-hero-content{
    max-width:760px;
    margin:0 auto;
}

.contact-hero h1{
    color:#fff;
    font-size:60px;
    line-height:1.1;
    margin:20px 0;
    font-family:"Playfair Display",serif;
}

.contact-hero h1 span{
    color:#d9b56d;
}

.contact-hero p{
    color:#d8d8d8;
    font-size:18px;
    line-height:1.8;
}

/* Contact Info */

.contact-info{
    padding:100px 0;
    background:#faf8f4;
}

.contact-info-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.contact-card{
    background:#fff;
    padding:35px 25px;
    border-radius:16px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    transition:.3s;
}

.contact-card:hover{
    transform:translateY(-6px);
}

.contact-icon{
    width:70px;
    height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#fff5e5;
    color:#d9b56d;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
}

.contact-card h3{
    font-size:24px;
    margin-bottom:10px;
    color:#1b1626;
    font-family:"Playfair Display",serif;
}

.contact-card p,
.contact-card span{
    color:#666;
    line-height:1.7;
    font-size:15px;
}

.contact-card a{
    display:inline-block;
    margin-top:15px;
    color:#d9b56d;
    font-weight:600;
    text-decoration:none;
}

/* Contact Form */

.contact-form-section{
    padding:100px 0;
    background:#fff;
}

.contact-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:start;
}

.contact-content h2{
    font-size:46px;
    margin:20px 0;
    font-family:"Playfair Display",serif;
}

.contact-content h2 span{
    color:#d9b56d;
}

.contact-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:30px;
}

.contact-feature-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.contact-feature{
    display:flex;
    align-items:center;
    gap:12px;
}

.contact-feature span{
    color:#d9b56d;
    font-size:18px;
    font-weight:700;
}

.contact-feature p{
    margin:0;
    color:#444;
}

.contact-form-card{
    background:#faf8f4;
    padding:35px;
    border-radius:18px;
}

.form-group{
    margin-bottom:22px;
}

.form-group label{
    display:block;
    margin-bottom:8px;
    color:#1b1626;
    font-weight:600;
}

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    padding:15px 18px;
    border:1px solid #ddd;
    border-radius:10px;
    font-size:15px;
    background:#fff;
    outline:none;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
    border-color:#d9b56d;
}

.contact-form-card .btn-gold{
    width:100%;
    justify-content:center;
}

/* Support Types */

.contact-support-types{
    padding:100px 0;
    background:#faf8f4;
}

.support-types-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.support-type-card{
    background:#fff;
    padding:35px 25px;
    border-radius:16px;
    text-align:center;
    transition:.3s;
}

.support-type-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,0,0,.06);
}

.support-type-icon{
    width:70px;
    height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#fff5e5;
    color:#d9b56d;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
}

.support-type-card h3{
    font-size:22px;
    margin-bottom:12px;
    color:#1b1626;
    font-family:"Playfair Display",serif;
}

.support-type-card p{
    color:#666;
    line-height:1.7;
}

/* FAQ */

.contact-faq{
    padding:100px 0;
    background:#fff;
}

.contact-faq-list{
    max-width:850px;
    margin:0 auto;
}

.faq-item{
    background:#faf8f4;
    border:1px solid #eee;
    border-radius:12px;
    padding:22px 25px;
    margin-bottom:18px;
}

.faq-item summary{
    list-style:none;
    cursor:pointer;
    position:relative;
    padding-right:30px;
    color:#1b1626;
    font-weight:600;
    font-size:18px;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary::after{
    content:"+";
    position:absolute;
    right:0;
    top:0;
    color:#d9b56d;
    font-size:22px;
}

.faq-item[open] summary::after{
    content:"−";
}

.faq-item p{
    margin-top:15px;
    color:#666;
    line-height:1.8;
}

/* CTA */

.contact-cta{
    background:linear-gradient(135deg,#171321 0%,#2b2138 100%);
    padding:110px 0;
    text-align:center;
}

.contact-cta-content{
    max-width:720px;
    margin:0 auto;
}

.contact-cta h2{
    color:#fff;
    font-size:54px;
    margin:20px 0;
    line-height:1.2;
    font-family:"Playfair Display",serif;
}

.contact-cta h2 span{
    color:#d9b56d;
}

.contact-cta p{
    color:#d8d8d8;
    line-height:1.8;
    margin-bottom:35px;
}

.contact-cta .cta-urdu{
    margin-top:30px;
    color:#d9b56d;
    font-size:26px;
    direction:rtl;
    font-family:"Playfair Display",serif;
}

/* Responsive */

@media(max-width:992px){

    .contact-info-grid,
    .support-types-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .contact-form-grid{
        grid-template-columns:1fr;
    }

    .contact-hero h1{
        font-size:48px;
    }

    .contact-content h2,
    .contact-cta h2{
        font-size:40px;
    }

}

@media(max-width:768px){

    .contact-hero{
        padding:90px 0 70px;
    }

    .contact-hero h1{
        font-size:38px;
    }

    .contact-info,
    .contact-form-section,
    .contact-support-types,
    .contact-faq{
        padding:70px 0;
    }

    .contact-cta{
        padding:80px 0;
    }

    .contact-info-grid,
    .support-types-grid{
        grid-template-columns:1fr;
    }

    .contact-form-card{
        padding:25px;
    }

    .contact-cta h2{
        font-size:34px;
    }

}

@media(max-width:480px){

    .contact-hero h1{
        font-size:32px;
    }

    .contact-content h2,
    .contact-cta h2{
        font-size:30px;
    }

    .contact-card,
    .support-type-card{
        padding:30px 20px;
    }

}











/* ========================================
   REPORT ISSUE PAGE - NIKAHNAMAH
======================================== */

.report-hero{
    background:linear-gradient(135deg,#171321 0%,#2b2138 100%);
    padding:120px 0 90px;
    text-align:center;
}

.report-hero-content{
    max-width:760px;
    margin:0 auto;
}

.report-hero h1{
    color:#ffffff;
    font-size:60px;
    line-height:1.1;
    margin:20px 0;
    font-family:"Playfair Display",serif;
}

.report-hero h1 span{
    color:#d9b56d;
}

.report-hero p{
    color:#d8d8d8;
    font-size:18px;
    line-height:1.8;
}

/* Issue Categories */

.issue-categories{
    padding:100px 0;
    background:#faf8f4;
}

.issue-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.issue-card{
    background:#ffffff;
    padding:35px 25px;
    border-radius:16px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    transition:.3s ease;
}

.issue-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 35px rgba(0,0,0,.08);
}

.issue-icon{
    width:70px;
    height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#fff5e5;
    color:#d9b56d;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
}

.issue-card h3{
    color:#1b1626;
    font-size:22px;
    margin-bottom:12px;
    font-family:"Playfair Display",serif;
}

.issue-card p{
    color:#666;
    line-height:1.7;
}

/* Report Form */

.report-form-section{
    padding:100px 0;
    background:#ffffff;
}

.report-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:start;
}

.report-content h2{
    font-size:46px;
    margin:20px 0;
    color:#1b1626;
    font-family:"Playfair Display",serif;
}

.report-content h2 span{
    color:#d9b56d;
}

.report-content p{
    color:#bfbfbf;
    line-height:1.8;
    margin-bottom:30px;
}

.report-note-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.report-note{
    display:flex;
    align-items:center;
    gap:12px;
}

.report-note span{
    color:#d9b56d;
    font-size:18px;
    font-weight:700;
}

.report-note p{
    margin:0;
}

.report-form-card{
    background:#faf8f4;
    padding:35px;
    border-radius:18px;
}

.form-group{
    margin-bottom:22px;
}

.form-group label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
    color:#1b1626;
}

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    padding:15px 18px;
    border:1px solid #ddd;
    border-radius:10px;
    background:#ffffff;
    font-size:15px;
    outline:none;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
    border-color:#d9b56d;
}

.report-form-card .btn-gold{
    width:100%;
    justify-content:center;
}

/* Safety Reminder */

.report-safety{
    padding:100px 0;
    background:#faf8f4;
}

.safety-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.safety-card{
    background:#ffffff;
    padding:35px 30px;
    border-radius:16px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.safety-card h3{
    color:#1b1626;
    margin-bottom:12px;
    font-size:24px;
    font-family:"Playfair Display",serif;
}

.safety-card p{
    color:#666;
    line-height:1.7;
}

/* CTA */

.report-cta{
    background:linear-gradient(135deg,#171321 0%,#2b2138 100%);
    padding:110px 0;
    text-align:center;
}

.report-cta-content{
    max-width:720px;
    margin:0 auto;
}

.report-cta h2{
    color:#ffffff;
    font-size:54px;
    margin:20px 0;
    line-height:1.2;
    font-family:"Playfair Display",serif;
}

.report-cta h2 span{
    color:#d9b56d;
}

.report-cta p{
    color:#d8d8d8;
    line-height:1.8;
    margin-bottom:35px;
}

.report-cta .cta-urdu{
    margin-top:30px;
    color:#d9b56d;
    font-size:26px;
    direction:rtl;
    font-family:"Playfair Display",serif;
}

/* Responsive */

@media(max-width:992px){

    .issue-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .report-form-grid{
        grid-template-columns:1fr;
    }

    .safety-grid{
        grid-template-columns:1fr;
    }

    .report-hero h1{
        font-size:48px;
    }

    .report-content h2,
    .report-cta h2{
        font-size:40px;
    }

}

@media(max-width:768px){

    .report-hero{
        padding:90px 0 70px;
    }

    .report-hero h1{
        font-size:38px;
    }

    .issue-grid{
        grid-template-columns:1fr;
    }

    .issue-categories,
    .report-form-section,
    .report-safety{
        padding:70px 0;
    }

    .report-cta{
        padding:80px 0;
    }

    .report-form-card{
        padding:25px;
    }

    .report-cta h2{
        font-size:34px;
    }

}

@media(max-width:480px){

    .report-hero h1{
        font-size:32px;
    }

    .report-content h2,
    .report-cta h2{
        font-size:30px;
    }

    .issue-card,
    .safety-card{
        padding:30px 20px;
    }

}







/* ========================================
   ISLAMIC FAQ PAGE - NIKAHNAMAH
======================================== */

.islamic-faq-hero{
    background:linear-gradient(135deg,#171321 0%,#2b2138 100%);
    padding:120px 0 90px;
    text-align:center;
}

.islamic-faq-hero-content{
    max-width:760px;
    margin:0 auto;
}

.islamic-faq-hero h1{
    color:#ffffff;
    font-size:60px;
    line-height:1.1;
    margin:20px 0;
    font-family:"Playfair Display",serif;
}

.islamic-faq-hero h1 span{
    color:#d9b56d;
}

.islamic-faq-hero p{
    color:#d8d8d8;
    font-size:18px;
    line-height:1.8;
}

.islamic-faq-intro{
    padding:100px 0;
    background:#faf8f4;
}

/* FAQ Categories */

.faq-category-section{
    padding:100px 0;
    background:#ffffff;
}

.faq-category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.faq-category-card{
    background:#faf8f4;
    padding:35px 25px;
    border-radius:16px;
    text-align:center;
    transition:.3s ease;
}

.faq-category-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,0,0,.06);
}

.faq-category-icon{
    width:70px;
    height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#fff5e5;
    color:#d9b56d;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
}

.faq-category-card h3{
    color:#1b1626;
    font-size:22px;
    margin-bottom:12px;
    font-family:"Playfair Display",serif;
}

.faq-category-card p{
    color:#666;
    line-height:1.7;
}

/* FAQ List */

.islamic-faq-section{
    padding:100px 0;
    background:#faf8f4;
}

.faq-list{
    max-width:900px;
    margin:0 auto;
}

.faq-item{
    background:#ffffff;
    border-radius:14px;
    border:1px solid #ece7df;
    padding:22px 28px;
    margin-bottom:18px;
}

.faq-item summary{
    list-style:none;
    cursor:pointer;
    position:relative;
    padding-right:30px;
    color:#1b1626;
    font-size:18px;
    font-weight:600;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary::after{
    content:"+";
    position:absolute;
    right:0;
    top:0;
    color:#d9b56d;
    font-size:22px;
}

.faq-item[open] summary::after{
    content:"−";
}

.faq-item p{
    margin-top:16px;
    color:#666;
    line-height:1.8;
}

/* Values */

.islamic-values{
    padding:100px 0;
    background:#ffffff;
}

.values-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.value-card{
    background:#faf8f4;
    padding:35px 25px;
    border-radius:16px;
    text-align:center;
    transition:.3s ease;
}

.value-card:hover{
    transform:translateY(-5px);
}

.value-icon{
    width:70px;
    height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#fff5e5;
    color:#d9b56d;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
}

.value-card h3{
    color:#1b1626;
    margin-bottom:12px;
    font-size:22px;
    font-family:"Playfair Display",serif;
}

.value-card p{
    color:#666;
    line-height:1.7;
}

/* Resources */

.islamic-resources{
    padding:100px 0;
    background:#faf8f4;
}

.resource-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.resource-card{
    background:#ffffff;
    padding:35px 30px;
    border-radius:16px;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.resource-card h3{
    color:#1b1626;
    margin-bottom:12px;
    font-size:24px;
    font-family:"Playfair Display",serif;
}

.resource-card p{
    color:#666;
    line-height:1.7;
    margin-bottom:18px;
}

.resource-card a{
    color:#d9b56d;
    text-decoration:none;
    font-weight:600;
}

/* CTA */

.islamic-faq-cta{
    background:linear-gradient(135deg,#171321 0%,#2b2138 100%);
    padding:110px 0;
    text-align:center;
}

.islamic-faq-cta-content{
    max-width:720px;
    margin:0 auto;
}

.islamic-faq-cta h2{
    color:#ffffff;
    font-size:54px;
    margin:20px 0;
    line-height:1.2;
    font-family:"Playfair Display",serif;
}

.islamic-faq-cta h2 span{
    color:#d9b56d;
}

.islamic-faq-cta p{
    color:#d8d8d8;
    line-height:1.8;
    margin-bottom:35px;
}

.islamic-faq-cta .cta-urdu{
    margin-top:30px;
    color:#d9b56d;
    font-size:26px;
    direction:rtl;
    font-family:"Playfair Display",serif;
}

/* Responsive */

@media(max-width:992px){

    .faq-category-grid,
    .values-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .resource-grid{
        grid-template-columns:1fr;
    }

    .islamic-faq-hero h1{
        font-size:48px;
    }

    .islamic-faq-cta h2{
        font-size:40px;
    }

}

@media(max-width:768px){

    .islamic-faq-hero{
        padding:90px 0 70px;
    }

    .islamic-faq-hero h1{
        font-size:38px;
    }

    .islamic-faq-intro,
    .faq-category-section,
    .islamic-faq-section,
    .islamic-values,
    .islamic-resources{
        padding:70px 0;
    }

    .faq-category-grid,
    .values-grid{
        grid-template-columns:1fr;
    }

    .islamic-faq-cta{
        padding:80px 0;
    }

    .islamic-faq-cta h2{
        font-size:34px;
    }

}

@media(max-width:480px){

    .islamic-faq-hero h1{
        font-size:32px;
    }

    .faq-category-card,
    .value-card,
    .resource-card{
        padding:30px 20px;
    }

    .islamic-faq-cta h2{
        font-size:30px;
    }

}









/*======================================
  LEGAL PAGES CSS (COMMON)
  Privacy • Terms • Cookie • Refund • Shariah
=======================================*/

.policy-hero{
    background:linear-gradient(135deg,#171321 0%,#2b2138 100%);
    padding:130px 0 90px;
    text-align:center;
}

.policy-hero-content{
    max-width:820px;
    margin:0 auto;
}

.policy-hero h1{
    color:#ffffff;
    font-family:"Playfair Display",serif;
    font-size:60px;
    line-height:1.1;
    margin:20px 0;
}

.policy-hero h1 span{
    color:#d9b56d;
}

.policy-hero p{
    color:#d6d6d6;
    font-size:18px;
    line-height:1.8;
    margin-bottom:30px;
}

.policy-updated{
    display:inline-block;
    padding:10px 22px;
    border:1px solid rgba(217,181,109,.35);
    border-radius:50px;
    background:rgba(217,181,109,.12);
    color:#d9b56d;
    font-size:14px;
    font-weight:600;
}

/*======================================
  POLICY CONTENT
=======================================*/

.policy-content{
    padding:100px 0;
    background:#faf8f4;
}

.policy-wrapper{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:40px;
    align-items:start;
}

/* Sidebar */

.policy-sidebar{
    position:sticky;
    top:120px;
    background:#ffffff;
    padding:30px;
    border-radius:18px;
    border:1px solid #ece7df;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.policy-sidebar h3{
    color:#1b1626;
    font-size:22px;
    margin-bottom:20px;
    font-family:"Playfair Display",serif;
}

.policy-sidebar ul{
    list-style:none;
    margin:0;
    padding:0;
}

.policy-sidebar li{
    margin-bottom:14px;
}

.policy-sidebar a{
    color:#555;
    text-decoration:none;
    font-size:15px;
    transition:.3s;
}

.policy-sidebar a:hover{
    color:#d9b56d;
    padding-left:5px;
}

/* Main Content */

.policy-main{
    background:#ffffff;
    padding:45px;
    border-radius:18px;
    border:1px solid #ece7df;
    box-shadow:0 10px 25px rgba(0,0,0,.04);
}

.policy-section{
    margin-bottom:45px;
}

.policy-section:last-child{
    margin-bottom:0;
}

.policy-section h2{
    color:#1b1626;
    font-size:20px;
    margin-bottom:18px;
    font-family:"Playfair Display",serif;
    position:relative;
    padding-bottom:12px;
}

.policy-section h2::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:70px;
    height:2px;
    background:#d9b56d;
}

.policy-section h3{
    color:#1b1626;
    font-size:24px;
    margin-bottom:15px;
    font-family:"Playfair Display",serif;
}

.policy-section p{
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
    font-size:16px;
}

.policy-section ul{
    margin:0;
    padding-left:20px;
}

.policy-section li{
    color:#555;
    margin-bottom:12px;
    line-height:1.8;
}

/* Contact Box */

.policy-contact-box{
    background:#fffaf1;
    border:1px solid rgba(217,181,109,.3);
    border-left:4px solid #d9b56d;
    padding:25px;
    border-radius:12px;
    margin-top:25px;
}

.policy-contact-box h3{
    color:#1b1626;
    margin-bottom:12px;
}

.policy-contact-box p{
    margin:8px 0;
}

/*======================================
  CTA SECTION
=======================================*/

.policy-cta{
    background:linear-gradient(135deg,#171321 0%,#2b2138 100%);
    padding:110px 0;
    text-align:center;
}

.policy-cta-content{
    max-width:760px;
    margin:0 auto;
}

.policy-cta h2{
    color:#ffffff;
    font-size:54px;
    line-height:1.2;
    margin:20px 0;
    font-family:"Playfair Display",serif;
}

.policy-cta h2 span{
    color:#d9b56d;
}

.policy-cta p{
    color:#d8d8d8;
    line-height:1.8;
    margin-bottom:35px;
}

.policy-cta .cta-urdu{
    margin-top:30px;
    color:#d9b56d;
    font-size:26px;
    direction:rtl;
    font-family:"Playfair Display",serif;
}

/*======================================
  RESPONSIVE
=======================================*/

@media(max-width:992px){

    .policy-wrapper{
        grid-template-columns:1fr;
    }

    .policy-sidebar{
        position:relative;
        top:0;
    }

    .policy-hero h1{
        font-size:48px;
    }

    .policy-cta h2{
        font-size:42px;
    }

}

@media(max-width:768px){

    .policy-hero{
        padding:100px 0 70px;
    }

    .policy-content{
        padding:70px 0;
    }

    .policy-main{
        padding:30px 25px;
    }

    .policy-sidebar{
        padding:25px;
    }

    .policy-hero h1{
        font-size:38px;
    }

    .policy-section h2{
        font-size:28px;
    }

    .policy-section h3{
        font-size:22px;
    }

    .policy-cta{
        padding:80px 0;
    }

    .policy-cta h2{
        font-size:34px;
    }

}

@media(max-width:480px){

    .policy-hero h1{
        font-size:32px;
    }

    .policy-main{
        padding:25px 20px;
    }

    .policy-sidebar{
        padding:20px;
    }

    .policy-section h2{
        font-size:24px;
    }

    .policy-cta h2{
        font-size:30px;
    }

    .policy-updated{
        font-size:13px;
        padding:8px 18px;
    }

    .policy-cta .cta-urdu{
        font-size:22px;
    }

}