/* apex-landing.css - generic on-brand restyle for bespoke landing pages whose
   original inline CSS was lost in the nav rebuild (no backup had it). Pattern-based
   (attribute selectors) so it covers ~130 bespoke classes without enumerating each.
   Design V2 tokens, restrained orange. Loaded per-page via $page_css. 2026-06-14. */
:root{
  --al-navy:var(--navy,#16284d); --al-acc:var(--orange,#b8893f); --al-acc-d:var(--orange-d,#9c7234);
  --al-ink:var(--g900,#16284d); --al-body:var(--g700,#3a3a3a); --al-muted:var(--g500,#5f5f5d);
  --al-line:var(--g100,#eceae4); --al-soft:var(--g50,#f7f4ed); --al-font:var(--font,'Figtree',-apple-system,sans-serif);
}
.gold-buying-page,.niche-page,.real-estate-page,.seo-content{font-family:var(--al-font);color:var(--al-body)}
.gold-buying-page h1,.gold-buying-page h2,.gold-buying-page h3,
.niche-page h1,.niche-page h2,.niche-page h3,
.real-estate-page h1,.real-estate-page h2,.real-estate-page h3,
.seo-content h2,.seo-content h3{font-family:var(--al-font);color:var(--al-ink);letter-spacing:-.02em;line-height:1.18}

/* sections + heads */
[class$="-section"]{padding:72px 24px;font-family:var(--al-font)}
[class$="-section"]>*{max-width:1180px;margin-left:auto;margin-right:auto}
[class$="-head"],.how-head,.pricing-head,.region-head,.zone-head,.dist-head{max-width:780px;margin:0 auto 36px;text-align:center}
[class$="-head"] h2,.how-head h2,.pricing-head h2{font-size:clamp(24px,3.2vw,34px);margin:0 0 12px}
[class$="-head"] p,.how-head p,.pricing-head p{font-size:17px;color:var(--al-muted);margin:0}

/* hero */
.hero-section{padding:78px 24px;background:var(--al-soft)}
.hero-content,.hero-top,.hero-bottom,.hero-left,.hero-right-col{max-width:1180px;margin:0 auto}
.hero-kicker,.hero-proof{font-size:12.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--al-acc);margin-bottom:14px;display:inline-block}
.hero-section h1{font-size:clamp(30px,4.4vw,50px);margin:0 0 18px;color:var(--al-ink)}
.hero-desc,.lead{font-size:18px;line-height:1.6;color:var(--al-body);max-width:700px}
.hero-btns,.cta-btns,.cta-buttons,.cta-group{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.hero-stats,.hstats{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-stat,.hstat{background:#fcfbf8;border:1px solid var(--al-line);border-radius:14px;padding:18px 22px}
.hstat-n,.g-big,.result-number,.for-num{font-size:26px;font-weight:800;color:var(--al-navy);line-height:1;display:block}
.hstat-l{font-size:13px;color:var(--al-muted);margin-top:6px}

/* grids */
[class$="-grid"],.zones,.regions,.cards,.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1180px;margin:0 auto}
.faq-grid{display:block;max-width:820px}

/* cards */
[class$="-card"],.card,.story-box,.guarantee-box,.region-block,.zone,.problem-card,.result-card,.service-card,.for-card,.city-card,.country-card,.state-card{
  background:#fcfbf8;border:1px solid var(--al-line);border-radius:14px;padding:24px;font-family:var(--al-font)}
[class$="-card"] h3,.card h3,.problem-card h3,.story-box h3,.guarantee-box h3{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--al-ink)}
[class$="-card"] p,.card p,.problem-card p,.zone p,.region-block p{margin:0;font-size:15px;line-height:1.6;color:var(--al-body)}
.for-icon,.how-note-icon{font-size:24px;margin-bottom:10px;display:block}
.guarantee-box{border-color:rgba(184,137,63,.4);background:rgba(184,137,63,.05)}

/* CTA band */
.cta-section,.cta{background:var(--al-navy);color:#fcfbf8;text-align:center}
.cta-section h2,.cta-h2{color:#fcfbf8;font-size:clamp(22px,3vw,30px)}
.cta-p,.cta-section p{color:rgba(255,255,255,.8)}
.cta-inner{max-width:760px;margin:0 auto}
.cta-fine{font-size:13px;color:rgba(255,255,255,.6);margin-top:14px}
.cta-trust{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.ct-item{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.82);font-size:13.5px}
.ct-check{color:var(--al-acc);font-weight:700}

/* buttons */
.cta-primary,.btn-gold{display:inline-flex;align-items:center;gap:8px;background:var(--al-acc);color:#fcfbf8;font-weight:700;font-size:15px;padding:13px 26px;border-radius:10px;text-decoration:none;border:none;cursor:pointer}
.cta-primary:hover,.btn-gold:hover{background:var(--al-acc-d)}
.cta-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fcfbf8;border:1px solid rgba(255,255,255,.4);font-weight:600;font-size:15px;padding:12px 24px;border-radius:10px;text-decoration:none}

/* faq */
.faq-section{padding:72px 24px}
.faq-item{border-bottom:1px solid var(--al-line);padding:18px 0}
.faq-item h3,.faq-item summary,.faq-item strong{font-size:16.5px;font-weight:600;color:var(--al-ink)}
.faq-item p{margin:10px 0 0;font-size:15px;line-height:1.65;color:var(--al-body)}
.faq-left h2{font-size:clamp(22px,3vw,30px);margin:0 0 10px}

/* badges / pills / status */
.badge,.flag,.tag-you,.pos-pill,.b-live,.b-soon,.live,.soon{display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:4px 11px;background:var(--al-soft);border:1px solid var(--al-line);color:var(--al-navy)}
.b-live,.live{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.4);color:#15803d}
.b-soon,.soon{background:rgba(184,137,63,.12);border-color:rgba(184,137,63,.4);color:var(--al-acc-d)}
.highlight{color:var(--al-acc);font-weight:700}

/* text helpers */
.desc,.meta{color:var(--al-muted);font-size:15px;line-height:1.6}
.g-title{font-size:20px;font-weight:700;color:var(--al-ink);margin:0 0 10px}
.g-desc,.g-text{color:var(--al-body);font-size:15.5px;line-height:1.65}
.g-promise{color:var(--al-acc);font-weight:700}
.name{font-weight:700;color:var(--al-ink)}

/* positioning / distribution / regions specifics */
.pos-left{max-width:560px}
.dist-item,.region-block,.zone{margin-bottom:0}
.dist-dot{width:10px;height:10px;border-radius:50%;background:var(--al-acc);display:inline-block;margin-right:8px}
.dist-name{font-weight:600;color:var(--al-ink)}

/* marquee strip -> static styled band */
.marquee-strip{background:var(--al-navy);color:#fcfbf8;padding:12px 0;overflow:hidden;white-space:nowrap}
.marquee-t,.mq-item{display:inline-block;color:rgba(255,255,255,.85);font-size:14px;font-weight:600;margin-right:28px}

/* pricing table */
.pricing-table{width:100%;border-collapse:collapse;max-width:1000px;margin:0 auto}
.pricing-table th,.pricing-table td{border:1px solid var(--al-line);padding:12px 14px;text-align:left;font-size:14.5px}
.pricing-table th{background:var(--al-navy);color:#fcfbf8}
.pricing-note{font-size:13px;color:var(--al-muted);margin-top:12px;text-align:center}

/* misc */
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.authority-links{padding:24px 0;border-top:1px solid var(--al-line);margin-top:32px}
.step-num{font-size:14px;font-weight:800;color:var(--al-acc);margin-bottom:8px}
.how-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;max-width:1180px;margin:0 auto}
.how-note{max-width:760px;margin:24px auto 0;display:flex;gap:12px;align-items:flex-start;background:var(--al-soft);border:1px solid var(--al-line);border-radius:12px;padding:16px}
.reveal{opacity:1!important;transform:none!important}