/* ================= Gold365 — SAFFRON LEDGER =================
   Bespoke light theme for gold365id.com. Class prefix: gl-
   ============================================================ */
:root{
  --paper:#FFF8F2; --paper-2:#FDEFE2; --card:#FFFFFF;
  --ink:#24170E; --ink-dim:#6B5A4E; --ink-soft:#8A7566;
  --orange:#E8590C; --orange-d:#C4470A; --amber:#FB8C00; --gold:#F5A623;
  --line:#F0E2D6; --line-2:#EAD6C4;
  --cta:#25D366; --cta-d:#128C3E; --cta-ink:#04250F;
  --radius:14px; --radius-s:10px; --shadow:0 8px 26px rgba(120,60,10,.10);
  --shadow-s:0 3px 12px rgba(120,60,10,.08);
  --wrap:1120px; --hdr-h:64px;
  --f-head:"Baloo 2","Segoe UI",system-ui,sans-serif;
  --f-body:"Mulish","Segoe UI",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:clip;max-width:100%;margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--f-body);font-size:17px;line-height:1.72;font-weight:400}
img{max-width:100%;height:auto;display:block}
a{color:var(--orange-d);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--f-head);line-height:1.18;color:var(--ink);font-weight:800;margin:0 0 .5em}
h1{font-size:clamp(1.7rem,4.4vw,2.55rem);letter-spacing:-.01em}
h2{font-size:clamp(1.35rem,3vw,1.9rem)}
h3{font-size:clamp(1.12rem,2.2vw,1.32rem)}
p{margin:0 0 1.05em}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.skip-link{position:absolute;left:-9999px;top:0;background:var(--orange);color:#fff;padding:10px 16px;z-index:200;border-radius:0 0 8px 0}
.skip-link:focus{left:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
main{max-width:100%;overflow-x:clip;display:block}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:100;width:100%;max-width:100vw;
  background:rgba(255,248,242,.92);backdrop-filter:blur(9px);
  border-bottom:1px solid var(--line-2)}
.hdr-in{display:flex;align-items:center;gap:16px;height:var(--hdr-h);max-width:var(--wrap);margin:0 auto;padding:0 20px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{height:34px;width:auto}
.nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav a{color:var(--ink);font-weight:700;font-size:.95rem;padding:9px 12px;border-radius:8px;font-family:var(--f-head)}
.nav a:hover{background:var(--paper-2);text-decoration:none}
.nav a[aria-current="page"]{color:var(--orange-d);background:var(--paper-2)}
.hdr-cta{background:var(--cta)!important;color:var(--cta-ink)!important;font-weight:800;
  padding:10px 18px;border-radius:999px;font-family:var(--f-head);min-height:44px;display:inline-flex;align-items:center}
.hdr-cta:hover{background:var(--cta-d)!important;color:#fff!important;text-decoration:none}
.burger{display:none;margin-left:auto;background:var(--card);border:1px solid var(--line-2);
  width:46px;height:46px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}
.burger span,.burger span::before,.burger span::after{content:"";display:block;width:22px;height:2.4px;background:var(--ink);border-radius:2px;position:relative;transition:.2s}
.burger span::before{position:absolute;top:-7px}.burger span::after{position:absolute;top:7px}
#mnav{position:absolute;top:100%;left:0;right:0;background:var(--card);border-bottom:1px solid var(--line-2);
  box-shadow:var(--shadow);flex-direction:column;padding:10px 20px 16px;gap:2px;display:none}
#mnav.open{display:flex}
#mnav a{padding:12px 8px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:700;font-family:var(--f-head)}
#mnav .hdr-cta{margin-top:10px;justify-content:center}
@media(max-width:860px){
  .nav{display:none}.burger{display:flex}
}

/* ---------- buttons ---------- */
.btn,.gl-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;
  padding:13px 26px;border-radius:999px;font-family:var(--f-head);font-weight:800;font-size:1.02rem;
  background:var(--cta)!important;color:var(--cta-ink)!important;border:0;cursor:pointer;transition:.18s}
.btn:hover,.gl-go:hover{background:var(--cta-d)!important;color:#fff!important;text-decoration:none;transform:translateY(-1px)}
.btn-gold{background:var(--gold)!important;color:#2A1A00!important}
.btn-gold:hover{background:#E0930E!important;color:#2A1A00!important}
.btn-ghost{background:transparent!important;color:var(--orange-d)!important;border:2px solid var(--orange)!important;min-height:44px}
.btn-ghost:hover{background:var(--orange)!important;color:#fff!important}

/* ---------- generic blocks ---------- */
section{position:relative}
.pad{padding:52px 0}
.pad-s{padding:34px 0}
.lead{font-size:1.12rem;color:var(--ink-dim)}
.eyebrow{display:inline-block;font-family:var(--f-head);font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  font-size:.76rem;color:var(--orange-d);background:var(--paper-2);padding:5px 12px;border-radius:999px;margin-bottom:12px}
.crumbs{font-size:.83rem;color:var(--ink-soft);padding:14px 0 2px}
.crumbs a{color:var(--ink-soft)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-s);padding:22px}
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.g2,.g3,.g4{grid-template-columns:1fr}}

/* ---------- hero ---------- */
.hero{background:
   radial-gradient(1100px 380px at 88% -10%,rgba(251,140,0,.16),transparent 60%),
   radial-gradient(700px 300px at 5% 0%,rgba(232,89,12,.10),transparent 55%),
   var(--paper);
  overflow:hidden;border-bottom:1px solid var(--line)}
.hero .wrap{padding-top:40px;padding-bottom:44px}

/* ---------- sign-in / access card (per-page design overrides inline) ---------- */
.acard{background:var(--card);border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow);
  padding:24px;max-width:430px}
.acard .cardttl{font-family:var(--f-head);font-weight:800;font-size:1.15rem;margin:0 0 4px}
.fld{display:block;width:100%;min-height:48px;background:var(--paper);border:1px solid var(--line-2);
  border-radius:10px;padding:12px 14px;margin:8px 0;color:var(--ink-dim);font-family:var(--f-body)}
.addrbar{display:flex;align-items:center;gap:8px;background:var(--paper-2);border:1px solid var(--line-2);
  border-radius:999px;padding:8px 14px;font-size:.86rem;color:var(--ink-dim);margin-bottom:14px}
.addrbar b{color:var(--orange-d)}

/* ---------- banner figure ---------- */
.shot{margin:26px auto;max-width:860px;width:100%}
.shot img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line-2);box-shadow:var(--shadow-s)}
.shot figcaption{margin-top:9px;font-size:.85rem;color:var(--ink-soft);text-align:center}

/* ---------- steps / timeline ---------- */
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:14px}
.steps li{position:relative;padding:16px 18px 16px 58px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:14px;top:14px;width:32px;height:32px;
  background:var(--orange);color:#fff;font-family:var(--f-head);font-weight:800;border-radius:9px;display:flex;align-items:center;justify-content:center}

/* ---------- data table ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:.96rem;background:var(--card);border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.tbl th,.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
.tbl th{background:var(--paper-2);font-family:var(--f-head);font-weight:800;color:var(--ink)}
.tbl tr:last-child td{border-bottom:0}

/* ---------- FAQ ---------- */
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px 18px;margin-bottom:12px}
.faq summary{cursor:pointer;font-family:var(--f-head);font-weight:800;padding:14px 0;list-style:none;font-size:1.04rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--orange-d);font-size:1.4rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq p{padding:12px 0 4px}

/* ---------- callout ---------- */
.note{background:var(--paper-2);border-left:4px solid var(--amber);border-radius:0 10px 10px 0;padding:14px 18px;margin:18px 0}
.note.warn{border-left-color:var(--orange)}

/* ---------- seo box + chips ---------- */
.seo-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 22px;margin:30px 0;max-height:280px;overflow-y:auto;font-size:.95rem;color:var(--ink-dim)}
.seo-box h2,.seo-box h3{color:var(--ink)}
.seo-box .kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px}
.seo-box .kv dt{font-weight:800;color:var(--ink);font-family:var(--f-head)}
.seo-box .two{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}
@media(max-width:600px){.seo-box .two{grid-template-columns:1fr}}
.also-search{margin:26px 0 8px}
.also-search h2{font-size:1.15rem}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.chips a{background:var(--card);border:1px solid var(--line-2);border-radius:999px;padding:8px 15px;
  font-size:.86rem;color:var(--ink-dim);min-height:38px;display:inline-flex;align-items:center}
.chips a:hover{border-color:var(--orange);color:var(--orange-d);text-decoration:none}

/* ---------- footer ---------- */
.ft{background:#2A1B10;color:#E9D8C8;margin-top:40px;padding:44px 0 22px}
.ft a{color:#F3D9BE}
.ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px}
@media(max-width:760px){.ft-grid{grid-template-columns:1fr;gap:22px}}
.ft-brand img{height:40px;margin-bottom:12px}
.ft-blurb{font-size:.92rem;color:#C9B3A0;line-height:1.7}
.ft h3{color:#fff;font-size:.95rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em;font-family:var(--f-head)}
.ft ul{list-style:none;padding:0;margin:0}
.ft li{margin-bottom:7px}
.ft li a{font-size:.92rem}
.socials{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.socials a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.socials a:hover{background:var(--orange)}
.socials svg{width:20px;height:20px;fill:#F3D9BE}
.socials a:hover svg{fill:#fff}
.tp-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:8px;padding:8px 12px;margin-top:14px;font-size:.85rem;color:#E9D8C8}
.tp-badge svg{width:18px;height:18px}
.ft-legal{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:.82rem;color:#B49C89;text-align:center}
.age{display:inline-block;border:1px solid #B0674B;color:#F0C6A8;border-radius:6px;padding:1px 7px;font-weight:800;margin-right:6px}

/* ---------- whatsapp float ---------- */
.wafloat{position:fixed;right:18px;bottom:18px;width:60px;height:60px;border-radius:50%;background:var(--cta);
  display:flex;align-items:center;justify-content:center;z-index:120;box-shadow:0 8px 22px rgba(18,140,62,.5);animation:pulse 2.2s infinite}
.wafloat svg{width:33px;height:33px;fill:#fff}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* ---------- utility ---------- */
.center{text-align:center}
.mt0{margin-top:0}.mb0{margin-bottom:0}
.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.pill{background:var(--paper-2);border:1px solid var(--line-2);border-radius:999px;padding:7px 14px;font-size:.88rem;font-weight:700;color:var(--orange-d)}
.stat{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}
.stat .s{flex:1;min-width:130px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.stat .s b{display:block;font-family:var(--f-head);font-size:1.55rem;color:var(--orange-d)}
.stat .s span{font-size:.85rem;color:var(--ink-dim)}