/* Page styles: faq - loaded after common.css */

:root {
  --gold:#C9A227;
  --gold-2:#E3C766;
  --gold-soft:#F7EFD8;
  --gold-line:#E8D9A8;
  --ink:#14130F;
  --ink-2:#1E1C16;
  --cream:#FAF7F0;
  --cream-2:#F2EEE3;
  --paper:#FFFFFF;
  --text:#1B1A16;
  --muted:#6E6A60;
  --line:#E7E2D6;
  --r-sm:8px;
  --r-md:14px;
  --r-lg:22px;
  --r-pill:999px;
  --shell:1240px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

.icon-btn:hover {
  background:var(--gold-soft);
  border-color:var(--gold-line);
}
.hero {
  background:var(--ink);
  color:#fff;
  position:relative;
  overflow:hidden;
  padding:70px 0 96px;
  text-align:center;
}
.hero::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 62% 60% at 50% 0%,rgba(201,162,39,.2),transparent 70%);
}
.hero::after {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 72% 72% at 50% 40%,#000,transparent);
}
.hero__in {
  position:relative;
  z-index:3;
  max-width:820px;
  margin-inline:auto;
}
.blob {
  position:absolute;
  z-index:2;
  border-radius:50%;
  background:radial-gradient(circle at 32% 28%,var(--gold-2),var(--gold) 58%,#9c7c19);
  display:grid;
  place-items:center;
  color:#171307;
  font-family:'Fraunces',serif;
  font-weight:600;
  letter-spacing:.06em;
  box-shadow:0 0 48px rgba(201,162,39,.5);
  animation:float 6.5s ease-in-out infinite;
}
.blob--a {
  --rot:-14deg;
}
.blob--b {
  --rot:12deg;
}
@keyframes float {0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-14px) rotate(var(--rot,0deg))}}
.hero__badge {
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(201,162,39,.4);
  background:rgba(201,162,39,.1);
  color:var(--gold-2);
  border-radius:var(--r-pill);
  padding:7px 20px;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:20px;
}
.hero h1 {
  font-size:clamp(2.2rem,5.6vw,3.6rem);
  color:#fff;
  margin-bottom:14px;
}
.hero h1 em {
  font-style:italic;
  font-weight:400;
  color:var(--gold-2);
}
.hero__sub {
  color:rgba(255,255,255,.6);
  max-width:54ch;
  margin:0 auto 30px;
  font-size:.92rem;
}
.big {
  display:flex;
  align-items:center;
  gap:10px;
  max-width:640px;
  margin:0 auto 24px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(201,162,39,.45);
  border-radius:var(--r-pill);
  padding:7px 7px 7px 22px;
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.big:focus-within {
  border-color:var(--gold-2);
  box-shadow:0 0 0 4px rgba(201,162,39,.15);
}
.big svg {
  width:16px;
  height:16px;
  color:rgba(255,255,255,.45);
  flex-shrink:0;
}
.big input {
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  background:none;
  color:#fff;
  font-size:.88rem;
  padding:10px 0;
}
.big input::placeholder {
  color:rgba(255,255,255,.38);
}
.big button {
  border:0;
  border-radius:var(--r-pill);
  background:#0B0A07;
  color:#fff;
  padding:11px 26px;
  font-size:.82rem;
  font-weight:600;
  flex-shrink:0;
  transition:background .3s var(--ease),color .3s var(--ease);
}
.big button:hover {
  background:var(--gold);
  color:#171307;
}
.quick {
  display:flex;
  gap:9px;
  justify-content:center;
  flex-wrap:wrap;
}
.quick button {
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);
  border-radius:var(--r-pill);
  padding:8px 18px;
  font-size:.77rem;
  color:rgba(255,255,255,.85);
  transition:border-color .3s var(--ease),background .3s var(--ease);
}
.quick button:hover {
  border-color:rgba(201,162,39,.55);
  background:rgba(201,162,39,.12);
}
.quick svg {
  width:13px;
  height:13px;
  color:var(--gold);
}
.stats {
  margin-top:-52px;
  position:relative;
  z-index:5;
}
.stats__card {
  background:var(--paper);
  border-radius:var(--r-lg);
  box-shadow:0 22px 50px rgba(20,19,15,.12);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  max-width:1000px;
  margin-inline:auto;
  overflow:hidden;
}
.stat {
  padding:26px 18px;
  text-align:center;
  position:relative;
}
.stat+.stat::before {
  content:"";
  position:absolute;
  left:0;
  top:22%;
  height:56%;
  width:1px;
  background:var(--line);
}
.stat b {
  display:block;
  font-family:'Fraunces',serif;
  font-size:clamp(1.3rem,2.4vw,1.75rem);
  font-weight:600;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.stat span {
  display:block;
  font-size:.64rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--muted);
  margin-top:8px;
}
.topics {
  padding:66px 0 20px;
  text-align:center;
}
.eyebrow {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:14px;
}
.eyebrow::before,.eyebrow::after {
  content:"";
  width:22px;
  height:2px;
  background:var(--gold);
  border-radius:2px;
}
.topics h2 {
  font-size:clamp(1.7rem,3.4vw,2.4rem);
  margin-bottom:10px;
}
.topics h2 em {
  font-style:italic;
  font-weight:400;
  color:var(--gold);
}
.topics p {
  color:var(--muted);
  font-size:.88rem;
}
.accs {
  padding:14px 0 60px;
  max-width:940px;
  margin-inline:auto;
}
.acc {
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  margin-bottom:16px;
  overflow:hidden;
  transition:box-shadow .4s var(--ease),border-color .4s var(--ease);
}
.acc.is-open {
  box-shadow:0 20px 44px rgba(20,19,15,.1);
  border-color:var(--gold-line);
}
.acc__head {
  width:100%;
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px 22px;
  background:none;
  border:0;
  text-align:left;
}
.acc__ic {
  width:46px;
  height:46px;
  flex-shrink:0;
  border-radius:12px;
  background:linear-gradient(150deg,var(--gold-2),var(--gold));
  color:#171307;
  display:grid;
  place-items:center;
  transition:transform .4s var(--ease);
}
.acc.is-open .acc__ic {
  transform:scale(1.06) rotate(-4deg);
}
.acc__ic svg {
  width:21px;
  height:21px;
}
.acc__txt {
  flex:1;
  min-width:0;
}
.acc__txt h3 {
  font-family:'Inter',sans-serif;
  font-size:1rem;
  font-weight:600;
  margin-bottom:2px;
}
.acc__txt p {
  font-size:.78rem;
  color:var(--muted);
}
.acc__n {
  flex-shrink:0;
  font-size:.68rem;
  font-weight:600;
  color:var(--gold);
  background:var(--gold-soft);
  border:1px solid var(--gold-line);
  border-radius:var(--r-pill);
  padding:5px 14px;
}
.acc__chev {
  width:34px;
  height:34px;
  flex-shrink:0;
  border-radius:50%;
  background:var(--cream-2);
  color:var(--text);
  display:grid;
  place-items:center;
  transition:background .35s var(--ease),color .35s var(--ease),transform .4s var(--ease);
}
.acc.is-open .acc__chev {
  background:var(--ink);
  color:#fff;
  transform:rotate(180deg);
}
.acc__chev svg {
  width:14px;
  height:14px;
}
.acc__body {
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .45s var(--ease);
}
.acc.is-open>.acc__body {
  grid-template-rows:1fr;
}
.acc__inner {
  overflow:hidden;
  min-height:0;
}
.acc__pad {
  padding:0 22px 20px;
}
.qa {
  border:1px solid var(--line);
  border-radius:var(--r-md);
  margin-bottom:10px;
  background:var(--cream);
  overflow:hidden;
  transition:border-color .3s var(--ease),background .3s var(--ease);
}
.qa:last-child {
  margin-bottom:0;
}
.qa.is-open {
  border-color:var(--gold-line);
  background:var(--paper);
}
.qa__btn {
  width:100%;
  display:flex;
  align-items:center;
  gap:14px;
  padding:15px 18px;
  background:none;
  border:0;
  text-align:left;
}
.qa__n {
  font-size:.7rem;
  font-weight:700;
  color:var(--gold);
  font-variant-numeric:tabular-nums;
  flex-shrink:0;
}
.qa__q {
  flex:1;
  font-size:.87rem;
  font-weight:600;
  min-width:0;
}
.qa__sign {
  width:20px;
  height:20px;
  flex-shrink:0;
  position:relative;
}
.qa__sign::before,.qa__sign::after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:var(--muted);
  transform:translate(-50%,-50%);
  transition:.4s var(--ease);
}
.qa__sign::before {
  width:11px;
  height:1.5px;
}
.qa__sign::after {
  width:1.5px;
  height:11px;
}
.qa.is-open .qa__sign::after {
  transform:translate(-50%,-50%) rotate(90deg);
  opacity:0;
}
.qa.is-open .qa__sign::before {
  background:var(--gold);
}
.qa__body {
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .4s var(--ease);
}
.qa.is-open>.qa__body {
  grid-template-rows:1fr;
}
.qa__inner {
  overflow:hidden;
  min-height:0;
}
.qa__inner p {
  padding:0 18px 16px 46px;
  font-size:.83rem;
  color:var(--muted);
  max-width:74ch;
}
mark {
  background:var(--gold-soft);
  color:inherit;
  border-radius:3px;
  padding:0 2px;
}
.noHits {
  text-align:center;
  padding:50px 20px;
  color:var(--muted);
}
.noHits h3 {
  font-size:1.15rem;
  color:var(--text);
  margin-bottom:8px;
}
.bottom {
  padding:0 0 80px;
}
.bottom__grid {
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:18px;
  max-width:940px;
  margin-inline:auto;
}
.helpBox {
  background:var(--ink);
  border-radius:var(--r-lg);
  padding:32px;
  position:relative;
  overflow:hidden;
}
.helpBox::after {
  content:"";
  position:absolute;
  right:-14%;
  top:-70%;
  width:60%;
  height:240%;
  background:radial-gradient(ellipse,rgba(201,162,39,.18),transparent 62%);
  pointer-events:none;
}
.helpBox__in {
  position:relative;
  z-index:2;
}
.helpBox h3 {
  font-size:1.4rem;
  color:#fff;
  margin-bottom:10px;
}
.helpBox p {
  color:rgba(255,255,255,.58);
  font-size:.85rem;
  max-width:44ch;
  margin-bottom:22px;
}
.helpBox__row {
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.helpBox__row a {
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  border-radius:var(--r-pill);
  padding:10px 18px;
  font-size:.79rem;
  color:rgba(255,255,255,.9);
  transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease);
}
.helpBox__row a:hover {
  background:rgba(201,162,39,.14);
  border-color:rgba(201,162,39,.5);
  color:#fff;
  transform:translateY(-2px);
}
.helpBox__row svg {
  width:14px;
  height:14px;
  color:var(--gold);
}
.trust {
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:26px;
}
.trust h4 {
  font-family:'Inter',sans-serif;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:16px;
}
.trust__grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.trust__grid span {
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  padding:9px 11px;
  font-size:.72rem;
  font-weight:500;
  background:var(--cream);
  transition:border-color .3s var(--ease);
}
.trust__grid span:hover {
  border-color:var(--gold-line);
}
.trust__grid svg {
  width:13px;
  height:13px;
  color:var(--gold);
  flex-shrink:0;
}
.contact li {
  display:flex;
  gap:9px;
  align-items:flex-start;
}
.contact li::before {
  content:"◦";
  color:var(--gold);
}

/* ============================================================
   RESPONSIVE - widest breakpoint first, so narrower ones win
   ============================================================ */
@media (max-width:1100px) {
  .blob--a {
    right:2%;
  }
  .blob--b {
    left:2%;
  }
}
@media (max-width:900px) {
  .stats__card {
    grid-template-columns:repeat(2,1fr);
  }
  .stat:nth-child(3)::before {
    display:none;
  }
  .bottom__grid {
    grid-template-columns:1fr;
  }
  .blob {
    display:none;
  }
}
@media (max-width:640px) {
  .hero {
    padding:52px 0 78px;
  }
  .big {
    flex-wrap:wrap;
    border-radius:var(--r-lg);
    padding:12px;
  }
  .big input {
    width:100%;
    flex:1 1 100%;
  }
  .big button {
    width:100%;
  }
  .acc__head {
    flex-wrap:wrap;
    gap:12px;
  }
  .acc__n {
    order:3;
    margin-left:62px;
  }
  .foot__grid {
    grid-template-columns:1fr;
  }
  .foot__bar {
    flex-direction:column;
  }
}