/* ─── CSS Variables ──────────────────────────────────── */
:root {
  --gold:        #C8960C;
  --gold-2:      #E8A800;
  --gold-3:      #F5C330;
  --gold-light:  #FFF3CC;
  --gold-pale:   #FFFBEF;
  --gold-border: rgba(200,150,12,.18);
  --gold-grad:   linear-gradient(135deg,#C8960C 0%,#F5C330 55%,#E8A800 100%);
  --gold-grad-h: linear-gradient(135deg,#E8A800 0%,#F5C330 55%,#C8960C 100%);
  --white:  #FFFFFF;
  --soft:   #F8F6F1;
  --ink:    #1A1200;
  --ink-2:  #3D2E00;
  --muted:  #7A6020;
  --light:  #B89840;
  --border: rgba(200,150,12,.12);
  --shadow: 0 4px 32px rgba(200,150,12,.10);
  --shadow-md: 0 12px 48px rgba(200,150,12,.14);
  --shadow-lg: 0 24px 72px rgba(200,150,12,.18);
  --radius: 20px;
  --radius-sm: 12px;
}

/* ─── Base ───────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden;}
body {
  font-family: 'Google Sans', 'Google Sans', sans-serif;
  background: var(--white);
  color: var(--ink);
  overflow-x: hidden;
}

/* ─── Typography helpers ─────────────────────────────── */
.display-font { font-family: 'Google Sans', sans-serif; font-weight: 900; letter-spacing: -1.5px; line-height: 1.08; }
h1,h2,h3,h4,h5 { font-family: 'Google Sans', sans-serif; font-weight: 800; }
.gold-text { background: var(--gold-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.section-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 12px; font-weight: 800; letter-spacing: 2.5px;
  text-transform: uppercase; color: var(--gold);
  margin-bottom: 12px;
}
.section-eyebrow::before { content:''; width:26px; height:2px; background:var(--gold-grad); border-radius:2px; flex-shrink:0; }
.center-eyebrow { justify-content: center; }
.center-eyebrow::before { display: none; }

/* ─── Buttons ────────────────────────────────────────── */
.btn-kynex {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 28px; background: var(--gold-grad);
  border: none; border-radius: 50px;
  font-family: 'Google Sans', sans-serif;
  font-size: 15px; font-weight: 700; color: #fff;
  text-decoration: none; cursor: pointer;
  box-shadow: 0 6px 24px rgba(200,150,12,.32);
  transition: transform .22s, box-shadow .22s;
}
.btn-kynex:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgba(200,150,12,.42); color: #fff; }
.btn-kynex-sm { padding: 10px 22px; font-size: 14px; }
.btn-kynex-lg { padding: 16px 36px; font-size: 17px; }
.btn-outline-kynex {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 28px; border-radius: 50px;
  border: 1.5px solid rgba(200,150,12,.35);
  font-family: 'Google Sans', sans-serif;
  font-size: 15px; font-weight: 700; color: var(--gold);
  background: transparent; text-decoration: none; cursor: pointer;
  transition: all .22s;
}
.btn-outline-kynex:hover { background: var(--gold-light); border-color: var(--gold); color: var(--gold); }
.btn-dark-store {
  display: inline-flex; align-items: center; gap: 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  text-decoration: none; color: #fff;
  transition: all .22s;
}
.btn-dark-store:hover { background: rgba(255,255,255,.12); border-color: rgba(200,150,12,.5); color: #fff; }

/* ─── NAV ────────────────────────────────────────────── */
#mainNav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  height: 68px;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--border);
  transition: box-shadow .3s;
}
#mainNav.scrolled { box-shadow: 0 2px 28px rgba(200,150,12,.1); }
.nav-logo {
  font-family: 'Google Sans', sans-serif; font-size: 24px; font-weight: 900;
  color: var(--ink); text-decoration: none; letter-spacing: -0.5px;
}
.nav-logo span { background: var(--gold-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.nav-link-item {
  font-size: 15px; font-weight: 600; color: var(--muted);
  text-decoration: none; padding: 6px 0;
  transition: color .2s; position: relative;
}
.nav-link-item::after { content:''; position:absolute; bottom:-2px; left:0; right:0; height:2px; background:var(--gold-grad); transform:scaleX(0); transition:transform .2s; }
.nav-link-item:hover { color: var(--gold); }
.nav-link-item:hover::after { transform: scaleX(1); }
.nav-partner-btn {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 20px; border-radius: 50px;
  border: 1.5px solid rgba(200,150,12,.3);
  font-size: 14px; font-weight: 700; color: var(--gold);
  background: transparent; text-decoration: none;
  transition: all .2s;
}
.nav-partner-btn:hover { background: var(--gold-light); border-color: var(--gold); color: var(--gold); }

/* ─── HERO ───────────────────────────────────────────── */
.hero-section {
  min-height: 100vh;
  padding-top: 68px;
  background: var(--white);
  position: relative; overflow: hidden;
}
.hero-bg-blob {
  position: absolute; right: 0; top: 0; bottom: 0; width: 52%;
  background: linear-gradient(150deg,#FFFBEF 0%,#FFF3CC 45%,#FFEAA0 100%);
  clip-path: ellipse(88% 100% at 100% 50%);
  z-index: 0;
}
.hero-glow {
  position: absolute; right: 6%; top: 12%;
  width: 320px; height: 320px; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,195,48,.22) 0%, transparent 65%);
  z-index: 0;
}
.hero-content { position: relative; z-index: 2; }

/* ─── Phone Mockup ───────────────────────────────────── */
.phone-mockup-scene { position: relative; height: 560px; display: flex; align-items: center; justify-content: center; }
/* .phone-shell {
  width: 248px; background: #fff;
  border-radius: 44px; border: 8px solid var(--ink);
  box-shadow: 0 48px 96px rgba(26,18,0,.2), 20px 20px 0 rgba(200,150,12,.14);
  overflow: hidden; position: relative; z-index: 5;
} */
.phone-top-bar { background: var(--ink); height: 28px; display: flex; align-items: center; justify-content: center; }
.phone-notch { width: 84px; height: 14px; background: var(--ink); border-radius: 0 0 14px 14px; }
.phone-screen { padding: 12px 12px 16px; background: #F8F6F1; }
.app-topbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.app-logo-mini { font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 900; color: var(--ink); }
.app-logo-mini span { background: var(--gold-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.app-avatar { width: 28px; height: 28px; border-radius: 50%; background: var(--gold-grad); }
.app-searchbar {
  background: #fff; border: 1px solid var(--border); border-radius: 10px;
  padding: 7px 11px; display: flex; align-items: center; gap: 6px;
  margin-bottom: 11px; font-size: 11px; color: var(--light);
}
.app-cat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; margin-bottom: 11px; }
.app-cat-item { background: #fff; border-radius: 10px; padding: 7px 3px; text-align: center; border: 1px solid var(--border); font-size: 16px; }
.app-cat-lbl { font-size: 8px; color: var(--muted); margin-top: 2px; }
.app-promo { background: var(--gold-grad); border-radius: 11px; padding: 10px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px; }
.app-promo-title { font-size: 10px; font-weight: 800; color: #fff; }
.app-promo-sub { font-size: 8px; color: rgba(255,255,255,.8); margin-top: 2px; }
.app-promo-icon { font-size: 20px; }
.app-recent-lbl { font-size: 9px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 7px; }
.app-order-row { background: #fff; border-radius: 9px; padding: 8px 10px; display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--border); margin-bottom: 5px; }
.app-order-nm { font-size: 10px; font-weight: 700; color: var(--ink); }
.app-order-sub { font-size: 8px; color: var(--muted); margin-top: 1px; }
.badge-gold-sm { background: rgba(200,150,12,.12); color: var(--gold); font-size: 8px; font-weight: 700; padding: 3px 7px; border-radius: 20px; }
.badge-green-sm { background: rgba(25,135,84,.1); color: #146c43; font-size: 8px; font-weight: 700; padding: 3px 7px; border-radius: 20px; }

/* float chips */
.float-chip {
  position: absolute; background: #fff;
  border-radius: 16px; padding: 12px 16px;
  box-shadow: 0 8px 32px rgba(26,18,0,.1);
  border: 1px solid rgba(200,150,12,.15);
  z-index: 10;
}
.fc-left { left: 0; top: 90px; animation: fl1 4s ease-in-out infinite; }
.fc-right { right: 0; bottom: 100px; animation: fl2 5s ease-in-out infinite; }
@keyframes fl1 { 0%,100%{transform:translateY(0) rotate(-2deg)} 50%{transform:translateY(-10px) rotate(-2deg)} }
@keyframes fl2 { 0%,100%{transform:translateY(0) rotate(3deg)} 50%{transform:translateY(9px) rotate(3deg)} }
.fc-lbl { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--muted); }
.fc-val { font-size: 22px; font-weight: 900; background: var(--gold-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.fc-sub { font-size: 10px; color: var(--muted); margin-top: 2px; }
.fc-stars { color: var(--gold-2); font-size: 11px; margin-top: 5px; letter-spacing: 1px; }

/* hero proof */
.proof-faces { display: flex; }
.proof-faces span {
  width: 36px; height: 36px; border-radius: 50%;
  border: 2.5px solid #fff; background: var(--gold-grad);
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 13px; color: #fff;
  margin-left: -10px;
}
.proof-faces span:first-child { margin-left: 0; }

@keyframes fadeUp { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } }
.anim-1 { animation: fadeUp .7s ease .1s both; }
.anim-2 { animation: fadeUp .7s ease .25s both; }
.anim-3 { animation: fadeUp .7s ease .4s both; }
.anim-4 { animation: fadeUp .7s ease .55s both; }
.anim-5 { animation: fadeUp .7s ease .7s both; }

/* ─── TICKER STRIP ───────────────────────────────────── */
.ticker-strip { background: var(--ink); padding: 14px 0; overflow: hidden; }
.ticker-inner { display: flex; animation: ticker 28s linear infinite; white-space: nowrap; }
.ticker-item { display: inline-flex; align-items: center; gap: 9px; padding: 0 28px; font-size: 14px; font-weight: 600; color: rgba(255,255,255,.45); border-right: 1px solid rgba(255,255,255,.08); }
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ─── Section Backgrounds ────────────────────────────── */
.bg-soft { background: var(--soft); }
.bg-pale { background: var(--gold-pale); }

/* ─── Section Spacing ────────────────────────────────── */
.section-py { padding: 100px 0; }
.section-py-sm { padding: 72px 0; }

/* ─── Cards ──────────────────────────────────────────── */
.kynex-card {
  background: #fff; border-radius: var(--radius);
  border: 1px solid var(--border);
  padding: 32px 28px;
  transition: all .3s ease;
  position: relative; overflow: hidden;
}
.kynex-card::after {
  content: ''; position: absolute; left: 0; bottom: 0; right: 0;
  height: 3px; background: var(--gold-grad);
  transform: scaleX(0); transform-origin: left; transition: transform .3s;
}
.kynex-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: rgba(200,150,12,.25); }
.kynex-card:hover::after { transform: scaleX(1); }
.card-icon {
  width: 54px; height: 54px;
  background: var(--gold-light); border: 1px solid rgba(200,150,12,.22);
  border-radius: 14px; display: flex; align-items: center; justify-content: center;
  font-size: 22px; margin-bottom: 18px;
}
.bg-soft .kynex-card { background: #fff; }

/* ─── STATS BAR ──────────────────────────────────────── */
.stats-bar {
  background: var(--ink); border-radius: 28px;
  padding: 52px 48px;
  position: relative; overflow: hidden;
}
.stats-bar::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at center, rgba(245,195,48,.08) 0%, transparent 70%);
}
.stat-block { text-align: center; }
.stat-block + .stat-block { border-left: 1px solid rgba(255,255,255,.08); }
.stat-num { font-size: clamp(36px,4vw,52px); font-weight: 900; background: var(--gold-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.stat-lbl { font-size: 14px; color: rgba(255,255,255,.45); margin-top: 4px; font-weight: 500; }

/* ─── ABOUT ──────────────────────────────────────────── */
.about-stats-card {
  background: var(--gold-pale);
  border: 1px solid rgba(200,150,12,.2); border-radius: var(--radius);
  padding: 32px; position: relative; overflow: hidden;
}
.about-stats-card::after {
  content: ''; position: absolute; top: -60px; right: -60px;
  width: 200px; height: 200px; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,195,48,.28) 0%, transparent 65%);
}
.mini-stat { background: #fff; border-radius: 14px; padding: 18px; border: 1px solid var(--border); text-align: center; }
.mini-stat-num { font-size: 28px; font-weight: 900; background: var(--gold-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.mini-stat-lbl { font-size: 12px; color: var(--muted); margin-top: 3px; font-weight: 600; }
.dark-mini { background: var(--ink); border-radius: 14px; padding: 18px 20px; display: flex; justify-content: space-between; align-items: center; }
.dark-mini-num { font-size: 24px; font-weight: 900; background: var(--gold-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.dark-mini-lbl { font-size: 11px; color: rgba(255,255,255,.45); }
.dark-mini-sub { font-size: 12px; color: rgba(255,255,255,.55); margin-top: 2px; }
.pill-tag { display: inline-flex; align-items: center; gap: 7px; padding: 7px 16px; background: #fff; border: 1px solid var(--border); border-radius: 50px; font-size: 13px; font-weight: 600; color: var(--ink); margin: 4px; }
.pill-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold-2); }

/* ─── HOW IT WORKS ───────────────────────────────────── */
.step-num-ring {
  width: 76px; height: 76px; border-radius: 50%;
  background: #fff; border: 2px solid rgba(200,150,12,.25);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 20px; position: relative; z-index: 2;
  transition: all .3s;
}
.step-num-ring:hover, .step-card:hover .step-num-ring {
  border-color: var(--gold);
  box-shadow: 0 0 0 7px rgba(200,150,12,.08);
  background: var(--gold-light);
}
.step-number { font-size: 26px; font-weight: 900; background: var(--gold-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.step-connector {
  position: absolute; top: 38px; left: calc(50% + 44px); right: calc(-50% + 44px);
  height: 1px;
  background: repeating-linear-gradient(90deg, var(--gold-border) 0, var(--gold-border) 6px, transparent 6px, transparent 14px);
}

/* ─── SERVICES GRID ──────────────────────────────────── */
.service-card {
  background: var(--soft); border-radius: var(--radius);
  border: 1px solid var(--border); padding: 28px 22px;
  transition: all .3s; cursor: default; text-align: center;
}
.service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); background: #fff; border-color: rgba(200,150,12,.3); }
.svc-icon { font-size: 32px; margin-bottom: 14px; }
.svc-tag { display: inline-block; margin-top: 12px; padding: 4px 12px; background: var(--gold-light); border-radius: 20px; font-size: 11px; font-weight: 700; color: var(--gold); }

/* ─── TESTIMONIALS ───────────────────────────────────── */
.testi-card {
  background: #fff; border-radius: var(--radius);
  border: 1px solid var(--border); padding: 28px;
  transition: all .3s; height: 100%;
}
.testi-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: rgba(200,150,12,.25); }
.testi-stars { color: var(--gold-2); font-size: 14px; letter-spacing: 1px; margin-bottom: 14px; }
.testi-text { font-size: 15px; line-height: 1.72; color: var(--muted); font-style: italic; margin-bottom: 20px; }
.testi-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--gold-grad); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; color: #fff; flex-shrink: 0; }

/* ─── PARTNER / DRIVER CTA ───────────────────────────── */
.partner-cta-card {
  border-radius: 28px; padding: 56px 52px;
  position: relative; overflow: hidden;
}
.partner-card-dark { background: var(--ink); }
.partner-card-gold { background: var(--gold-grad); }
.partner-deco {
  position: absolute; top: -80px; right: -80px;
  width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.08) 0%, transparent 65%);
}
.partner-deco-2 {
  position: absolute; bottom: -60px; left: 20%;
  width: 220px; height: 220px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.05) 0%, transparent 65%);
}
.partner-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 16px; border-radius: 50px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  font-size: 12px; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; color: rgba(255,255,255,.9);
  margin-bottom: 18px;
}

/* ─── FAQ ────────────────────────────────────────────── */
.faq-item {
  background: #fff; border-radius: var(--radius-sm);
  border: 1px solid var(--border); margin-bottom: 12px;
  overflow: hidden; transition: border-color .2s;
}
.faq-item:hover { border-color: rgba(200,150,12,.3); }
.faq-question {
  width: 100%; text-align: left; padding: 20px 24px;
  background: transparent; border: none;
  font-family: 'Google Sans', sans-serif;
  font-size: 16px; font-weight: 700; color: var(--ink);
  display: flex; justify-content: space-between; align-items: center;
  cursor: pointer; transition: color .2s;
}
.faq-question:hover, .faq-question.open { color: var(--gold); }
.faq-icon { font-size: 18px; transition: transform .3s; flex-shrink: 0; }
.faq-question.open .faq-icon { transform: rotate(45deg); }
.faq-answer { padding: 0 24px; max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .35s ease; }
.faq-answer.open { max-height: 300px; padding: 0 24px 20px; }
.faq-answer p { font-size: 15px; line-height: 1.7; color: var(--muted); }

/* ─── APP DOWNLOAD CTA ───────────────────────────────── */
.app-cta-section { background: var(--ink); position: relative; overflow: hidden; }
.app-cta-bg1 { position: absolute; top: -120px; right: -120px; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(245,195,48,.1) 0%, transparent 60%); }
.app-cta-bg2 { position: absolute; bottom: -80px; left: 10%; width: 350px; height: 350px; border-radius: 50%; background: radial-gradient(circle, rgba(200,150,12,.07) 0%, transparent 60%); }
.store-btn-sm { font-size: 13px; font-weight: 700; min-width: 175px; }
.store-icon { font-size: 26px; }
.store-sub-txt { font-size: 10px; color: rgba(255,255,255,.45); }
.store-name-txt { font-size: 15px; font-weight: 800; }

/* ─── FOOTER ─────────────────────────────────────────── */
.site-footer { background: var(--soft); border-top: 1px solid var(--border); padding: 36px 0 24px; }
.footer-logo { font-family: 'Google Sans', sans-serif; font-size: 22px; font-weight: 900; color: var(--ink); text-decoration: none; }
.footer-logo span { background: var(--gold-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.footer-nav a { font-size: 14px; font-weight: 600; color: var(--muted); text-decoration: none; transition: color .2s; }
.footer-nav a:hover { color: var(--gold); }
.soc-icon {
  width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid rgba(200,150,12,.22); background: #fff;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 15px; color: var(--muted); text-decoration: none;
  transition: all .2s;
}
.soc-icon:hover { border-color: var(--gold); background: var(--gold-light); color: var(--gold); }
.footer-divider { border-color: var(--border); }
.footer-copy { font-size: 13px; color: var(--light); }

/* ─── Scroll Reveal ──────────────────────────────────── */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; }
.reveal.in { opacity: 1; transform: none; }
.delay-1 { transition-delay: .1s; }
.delay-2 { transition-delay: .2s; }
.delay-3 { transition-delay: .3s; }
.delay-4 { transition-delay: .4s; }

.phone-shell .img-phone {max-width: 420px;}
.hero-section{background: url(background-pattern-one.jpg) no-repeat center center; background-size: cover;}
.hero-section .custom-container{min-height:calc(100vh - 68px); display:flex; align-items:center; padding-top:40px; padding-bottom:60px;}

.menu-btn{
    width:50px;
    height:50px;
    border-radius:18px;
    border:none;
    background:#FFBB28;
    border: 1px solid #dfdfdf;
    display:flex;
    align-items:center;
    justify-content:center;

    /* soft outer shadows */
    box-shadow:
        8px 8px 16px rgba(0,0,0,0.15),
        -8px -8px 16px rgba(255,255,255,0.9),

        /* inner soft border effect */
        inset 2px 2px 4px rgba(255,255,255,0.6),
        inset -2px -2px 4px rgba(0,0,0,0.08);

    transition:all 0.2s ease;
}
.menu-btn.btn:focus-visible,
.btn.menu-btn:active,
.btn.menu-btn:focus,
.btn.menu-btn:hover{
    background:#FFBB28;
    border: 1px solid #dfdfdf;
    color: #fff;
}

/* icon style */
.menu-btn i{
    font-size:26px;
    color:var(--gold);
}
.app-cta-section .btn-dark-store img{height: 65px;}

/* ─── Responsive Tweaks ──────────────────────────────── */
@media (max-width: 991px) {
/* .hero-right-col */
  .hero-bg-blob, .hero-glow { display: none !important; }
  .hero-section { text-align: center; }
  .hero-section .proof-wrapper { justify-content: center; }
  .section-py { padding: 72px 0; }
  .partner-cta-card { padding: 40px 28px; }
  .stats-bar { padding: 36px 24px; }
  .stat-block + .stat-block { border-left: none; border-top: 1px solid rgba(255,255,255,.08); padding-top: 24px; margin-top: 24px; }
  .step-connector { display: none; }
  .hero-section .custom-container{justify-content: center;}
}
@media (max-width: 767px) {
  .phone-shell .img-phone {max-width: 100%;}
  h1 { font-size: clamp(36px,9vw,54px) !important; }
  h2 { font-size: clamp(28px,7vw,40px) !important; }
  .partner-cta-card { padding: 32px 22px; text-align: center; }
  .nav-logo img{width: 55px;}
}







        .contact-card {
            position: relative;
            overflow: hidden;
            border-radius: 28px;
            padding: 45px;
            height: 100%;
            transition: .4s;
            display: flex;
            flex-direction: column;
        }

        .contact-card:hover {
            transform: translateY(-8px);
        }

        .dark-card {
            background: linear-gradient(135deg, #140d03 0%, #291a08 100%);
            color: #fff;
        }

        .gold-card {
            background: linear-gradient(135deg, #D89A17 0%, #FFC53D 100%);
            color: #fff;
        }

        .dark-card::before,
        .gold-card::before {
            content: "";
            position: absolute;
            width: 320px;
            height: 320px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 255, 255, .12), transparent 70%);
        }

        .dark-card::before {
            top: -120px;
            right: -120px;
        }

        .gold-card::before {
            left: -120px;
            bottom: -120px;
        }

        .badge-title {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            width: fit-content;
            padding: 10px 18px;
            border-radius: 50px;
            border: 1px solid rgba(255, 255, 255, .25);
            background: rgba(255, 255, 255, .08);
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .contact-card h2 {
            font-size: 42px;
            font-weight: 700;
            margin: 30px 0 20px;
            line-height: 1.2;
        }

        .dark-card h2 span {
            color: #FDBB2D;
        }

        .gold-card h2 span {
            color: #fff;
        }

        .contact-card p {
            font-size: 16px;
            line-height: 1.8;
            opacity: .92;
            margin-bottom: 35px;
        }

        .contact-info {
            font-size: 22px;
            font-weight: 600;
            line-height: 1.7;
            color: #fff !important;
            text-decoration: none;
            /*margin-bottom: 40px;*/
            word-break: break-word;
        }

        .contact-info.address {
            font-size: 17px;
            font-weight: 500;
        }

        .contact-btn {
            margin-top: auto;
            width: fit-content;
            padding: 15px 35px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 17px;
            transition: .3s;
        }

        .btn-gold {
            background: #FDBB2D;
            color: #fff;
            box-shadow: 0 12px 30px rgba(253, 187, 45, .35);
        }

        .btn-white {
            background: #fff;
            color: #B8860B;
            box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
        }

        .contact-btn:hover {
            transform: translateY(-4px);
            color: inherit;
        }