/* ── RESET & ROOT ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --v:#6B21A8;--vd:#4C1672;--vm:#9333EA;--vl:#F3E8FF;--vll:#FAF5FF;
  --r:#BE123C;--rl:#FFF1F2;
  --g:linear-gradient(135deg,#6B21A8 0%,#BE123C 100%);
  --gs:linear-gradient(135deg,rgba(107,33,168,.07) 0%,rgba(190,18,60,.07) 100%);
  --ink:#0F0A1A;--mid:#4B4464;--soft:#8B7FA8;--line:#EDE9F4;
  --white:#FEFEFE;--cream:#FAF8FC;
}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Inter',sans-serif;background:var(--white);color:var(--ink);line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%}
a{text-decoration:none}

/* ── UTILITIES ── */
.wrap{max-width:1120px;margin:0 auto;padding:0 6%}
.pad{padding:7rem 0}
.gt{background:var(--g);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--r);margin-bottom:.75rem}
.sec-h{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin-bottom:1.1rem}
.sec-p{font-size:1rem;color:var(--mid);line-height:1.8;max-width:560px;font-weight:300}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Inter',sans-serif;font-weight:600;font-size:.9rem;padding:.8rem 1.8rem;border-radius:100px;border:none;cursor:pointer;transition:opacity .2s,transform .15s;text-decoration:none}
.btn:hover{opacity:.87;transform:translateY(-1px)}
.btn-g{background:var(--g);color:#fff}
.btn-o{background:transparent;border:2px solid rgba(107,33,168,.25);color:var(--v)}
.btn-o:hover{border-color:var(--v)}
.btn-w{background:#fff;color:var(--v);font-weight:700}

/* ── BRAND LOGO ── */
.logo{
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  white-space:nowrap;
  text-decoration:none;
}
.logo img{
  width:50px;
  height:50px;
  border-radius:0;
  border:none;
  background:transparent;
  object-fit:contain;
  flex-shrink:0;
}
.logo span{
  font-family:'Playfair Display',serif;
  font-size:1.45rem;
  font-weight:700;
  letter-spacing:-.01em;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:none !important;
  filter:none !important;
  white-space:nowrap;
  transition:color .3s ease, -webkit-text-fill-color .3s ease;
}

/* ── NAV DEFAULT (DARK HERO STATE) ── */
#nav{position:fixed;top:0;left:0;right:0;z-index:300;transition:background .3s,box-shadow .3s,backdrop-filter .3s,border-bottom .3s}
.nav-i{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:1120px;margin:0 auto;padding:0 6%}

.nav-links{display:flex;align-items:center;gap:.15rem;list-style:none}
.nav-links a{font-size:.83rem;font-weight:500;color:rgba(255,255,255,.8);padding:.4rem .8rem;border-radius:100px;transition:all .2s}
.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.12);color:#fff}
.nav-links .np{background:var(--g);color:#fff!important;padding:.4rem 1.1rem}
.nav-links .np:hover{opacity:.88;background:var(--g)}

.hbg{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-direction:column;gap:5px}
.hbg span{display:block;width:22px;height:2px;background:#ffffff;border-radius:2px;transition:all .3s}

.mob{display:none;flex-direction:column;background:var(--ink);border-top:1px solid rgba(255,255,255,.1);padding:1rem 6%}
.mob a{color:rgba(255,255,255,.8);font-weight:500;font-size:.95rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.mob a:last-child{border:none}
.mob .mp{background:var(--g);color:#fff;text-align:center;padding:.75rem;border-radius:100px;margin-top:.5rem;font-weight:600}
.mob.open{display:flex}

/* ── OPTION 2: WHITE SCROLLED STATE (#nav.s) ── */
#nav.s {
  background: rgba(254, 254, 254, 0.96) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 20px rgba(107, 33, 168, 0.08);
  border-bottom: 1px solid var(--line);
}

/* Switch Logo Text to Dark Ink on Scroll */
#nav.s .logo span {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}

/* Switch Nav Links to Dark Ink/Purple on Scroll */
#nav.s .nav-links a {
  color: var(--mid) !important;
}

#nav.s .nav-links a:hover,
#nav.s .nav-links a.active {
  background: var(--vl) !important;
  color: var(--v) !important;
}

/* Keep 'Get Support' CTA Button Crisp on Scroll */
#nav.s .nav-links .np {
  background: var(--g) !important;
  color: #ffffff !important;
}

/* Mobile Hamburger Icon for White Background */
#nav.s .hbg span {
  background: var(--ink) !important;
}

/* ── PAGE HERO ── */
.page-hero{background:var(--ink);padding:140px 0 80px;position:relative;overflow:hidden}
.page-hero-bg{position:absolute;inset:0;opacity:.15;background-size:cover;background-position:center}
.page-hero-glow{position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(107,33,168,.3) 0%,transparent 65%);pointer-events:none}
.page-hero-i{position:relative;z-index:2}
.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,4vw,3.5rem);color:#fff;line-height:1.1;letter-spacing:-.025em;margin-bottom:1.25rem}
.page-hero p{color:rgba(255,255,255,.6);font-size:1.05rem;max-width:540px;line-height:1.8;font-weight:300}

/* ── FOOTER ── */
footer{background:#080412;padding:5rem 0 2.5rem}
.foot-i{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3.5rem}
.foot-brand .logo{margin-bottom:1.1rem}
.foot-brand p{font-size:.82rem;color:rgba(255,255,255,.35);line-height:1.75;max-width:270px;font-weight:300}

/* Footer Social Icon Images Style */
.foot-socials{display:flex;gap:.6rem;align-items:center;margin-top:1.5rem}
.fsoc-img-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);transition:background .2s,transform .2s;text-decoration:none}
.fsoc-img-link:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}
.fsoc-img-link img{width:20px;height:20px;object-fit:contain}

.foot-col h5{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:1.25rem}
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.foot-col ul li a{font-size:.83rem;color:rgba(255,255,255,.35);transition:color .2s;font-weight:300}
.foot-col ul li a:hover{color:#fff}
.foot-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.foot-bottom span{font-size:.78rem;color:rgba(255,255,255,.25);font-weight:300}

/* ── FORMS ── */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.form-grid input,.form-grid select,.form-grid textarea{background:var(--cream);border:1.5px solid transparent;border-radius:10px;padding:.82rem 1rem;color:var(--ink);font-family:'Inter',sans-serif;font-size:.88rem;outline:none;width:100%;transition:border-color .2s,background .2s;font-weight:300}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:var(--soft)}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--v);background:#fff}
.form-grid textarea{grid-column:1/-1;min-height:120px;resize:vertical}
.form-grid .btn-g{grid-column:1/-1;width:100%;justify-content:center}

/* Dark Form Styles */
.dark-form input,.dark-form select,.dark-form textarea{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff}
.dark-form input::placeholder,.dark-form textarea::placeholder{color:rgba(255,255,255,.35)}
.dark-form input:focus,.dark-form select:focus,.dark-form textarea:focus{background:rgba(255,255,255,.14) !important;border-color:var(--vm) !important;color:#fff !important;outline:none}
.dark-form select option{background:#1a0f2e;color:#fff}

/* ── TRUST BAR ── */
.trust{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.75rem 0}
.trust-i{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:.6rem;color:var(--soft);font-size:.82rem;font-weight:500}
.trust-item::before{content:'✓';background:var(--g);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1rem}

/* ── RESPONSIVE ── */
@media(max-width:860px){
  .nav-links{display:none}
  .hbg{display:flex}
  .foot-i{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .form-grid .btn-g{grid-column:1}
}
@media(max-width:600px){
  .foot-i{grid-template-columns:1fr}
  .trust-i{gap:1.25rem}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;transform:none!important}}