/* Gold Loan page. Self-contained (.gl-*): vault green + rich gold. Gold-bar hero, value estimator with ingot,
   three panels, ticket-stub documents, question cards, myth vs fact. Distinct from the other product pages. */
.gl{--vault:#0E2B27;--vault-2:#15403A;--gold:#C9962E;--gold-2:#E9C46A;--gold-3:#F6E3A8;--cream:#FBF6EA;--ink:#1B1A17;--muted:#5B5A52;--line:#E8E0C9;color:var(--ink)}
.gl h1,.gl h2,.gl h3{font-family:'Manrope',Arial,sans-serif;margin:0;color:var(--ink)}
.gl :where(p){margin:0;color:var(--muted);line-height:1.65}
.gl [id]{scroll-margin-top:96px}
.gl [hidden]{display:none!important}

/* Buttons */
.gl-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:12px;font-weight:800;font-size:15px;text-decoration:none;border:2px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.gl-btn:hover{transform:translateY(-2px)}
.gl-btn-gold{background:linear-gradient(135deg,#F1CF7A,#C9962E);color:#2A1D05;box-shadow:0 10px 24px rgba(201,150,46,.35)}
.gl-btn-gold:hover{box-shadow:0 14px 30px rgba(201,150,46,.5)}
.gl-btn-line{border-color:rgba(246,227,168,.55);color:var(--gold-3)}
.gl-btn-line:hover{border-color:var(--gold-2);background:rgba(246,227,168,.1)}

/* Hero */
.gl-hero{padding:52px 0 0;color:#fff;background:radial-gradient(760px 420px at 85% 30%,rgba(233,196,106,.2),transparent 65%),linear-gradient(135deg,var(--vault),var(--vault-2))}
.gl-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.gl-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(233,196,106,.5);color:var(--gold-2);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:16px}
.gl-hero h1{color:#fff;font-size:clamp(34px,4.2vw,52px);line-height:1.07;letter-spacing:-.035em;font-weight:800}
.gl-hero .theme-emphasis{background:linear-gradient(90deg,#F6E3A8,#E9C46A,#C9962E);-webkit-background-clip:text;background-clip:text;color:transparent}
.gl-hero-copy>p{color:rgba(255,255,255,.78);font-size:17px;margin-top:16px;max-width:540px}
.gl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.gl-art{max-width:520px;margin-left:auto;width:100%}
.gl-art svg{display:block;width:100%;height:auto}
.gl-facts{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;transform:translateY(50%)}
.gl-facts li{display:flex;gap:12px;align-items:center;padding:14px 16px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:14px;box-shadow:0 14px 30px rgba(14,43,39,.16)}
.gl-facts li>span{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#FBEAB4,#E9C46A);color:#6B4A0C}
.gl-facts b{display:block;font-size:14.5px;color:var(--ink)}
.gl-facts small{display:block;font-size:12px;color:var(--muted);line-height:1.35;margin-top:1px}
.gl-hero+.gl-section{padding-top:104px}

/* Sections */
.gl-section{padding:56px 0}
.gl-cream{background:var(--cream)}
.gl-head{max-width:680px;margin-bottom:28px}
.gl-center{margin-left:auto;margin-right:auto;text-align:center}
.gl-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--gold);margin-bottom:8px}
.gl-head h2{font-size:clamp(25px,2.7vw,35px);line-height:1.15;letter-spacing:-.03em;font-weight:800}
.gl-head p{margin-top:10px;font-size:16px}

/* Estimator */
.gl-calcwrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}
.gl-calcwrap .gl-head{margin-bottom:0}
.gl-uses{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0}
.gl-uses li{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:var(--cream);border:1px solid var(--line);font-size:13px;font-weight:700;color:#5C4610}
.gl-uses svg{color:var(--gold)}
.gl-calc{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 24px 54px rgba(14,43,39,.14)}
.gl-inputs{padding:26px 26px;display:grid;gap:18px;align-content:start}
.gl-field{display:grid;gap:8px;min-width:0}
.gl-lab{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13.5px;font-weight:700}
.gl-lab b{font-size:18px;letter-spacing:-.02em;color:#7A5210}
.gl-lab em{font-style:normal;font-weight:500;font-size:12px;color:var(--muted)}
.gl-field small{font-size:12px;color:var(--muted)}
.gl-seg{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:12px;background:var(--cream);border:1px solid var(--line)}
.gl-seg button{all:unset;box-sizing:border-box;text-align:center;padding:10px 0;border-radius:9px;font-weight:800;font-size:15px;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}
.gl-seg button[aria-checked=true]{background:linear-gradient(135deg,#F1CF7A,#C9962E);color:#2A1D05;box-shadow:0 4px 10px rgba(201,150,46,.35)}
.gl-seg button:focus-visible{outline:3px solid rgba(201,150,46,.5);outline-offset:1px}
.gl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;padding:0;margin:0;border:0;border-radius:99px;outline:0;cursor:pointer;background:linear-gradient(90deg,var(--gold) var(--fill,30%),#EFE7D0 var(--fill,30%))}
.gl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--gold);box-shadow:0 3px 9px rgba(122,82,16,.35)}
.gl input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--gold)}
.gl input[type=range]:focus-visible{outline:3px solid rgba(201,150,46,.4);outline-offset:6px}
.gl-rate{display:flex;align-items:center;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--cream);overflow:hidden}
.gl-rate:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,150,46,.16);background:#fff}
.gl-rate i{font-style:normal;font-weight:800;padding:0 4px 0 14px;color:#7A5210}
.gl .gl-rate input{flex:1;min-width:0;height:100%;border:0;padding:0 14px 0 4px;background:transparent;font:inherit;font-size:16px;font-weight:700;color:var(--ink);outline:0;box-shadow:none}

.gl-result{background:linear-gradient(160deg,var(--vault),var(--vault-2));color:#fff;padding:26px;display:grid;gap:18px;align-content:center}
.gl-ingot-body{position:relative;height:64px;background:rgba(255,255,255,.1);border-radius:8px 8px 14px 14px;overflow:hidden;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);display:grid;place-items:center}
.gl-ingot-body i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#FBEAB4,#E9C46A 45%,#C58F27);transition:width .2s ease}
.gl-ingot-body span{position:relative;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#4D3508;mix-blend-mode:normal;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.gl-ingot-scale{display:flex;justify-content:space-between;margin-top:6px;font-size:11.5px;color:rgba(255,255,255,.6)}
.gl-ingot-scale span:nth-child(2){color:var(--gold-2);font-weight:800}
.gl-rows{display:grid;gap:10px}
.gl-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;color:rgba(255,255,255,.8);padding-bottom:10px;border-bottom:1px dashed rgba(255,255,255,.2)}
.gl-rows b{font-size:20px;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.gl-rows .gl-main{border-bottom:0;padding-bottom:0}
.gl-rows .gl-main span{font-weight:800;color:var(--gold-2)}
.gl-rows .gl-main b{font-size:clamp(26px,2.8vw,34px);background:linear-gradient(90deg,#F6E3A8,#E9C46A);-webkit-background-clip:text;background-clip:text;color:transparent}
.gl .gl-result>p{color:rgba(255,255,255,.65);font-size:12px;line-height:1.5}

/* Panels */
.gl-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gl-panels article{position:relative;background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:6px 6px 20px 20px;padding:38px 24px 24px;box-shadow:0 12px 26px rgba(14,43,39,.07)}
.gl-medal{position:absolute;top:-26px;left:24px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#FBEAB4,#E9C46A 55%,#C58F27);color:#5A3E08;box-shadow:0 8px 18px rgba(201,150,46,.4),inset 0 0 0 3px rgba(255,255,255,.5)}
.gl-panels small{position:absolute;top:14px;right:20px;font-size:34px;font-weight:800;letter-spacing:-.04em;color:rgba(201,150,46,.22)}
.gl-panels h3{font-size:19px;font-weight:800;margin-bottom:6px}
.gl-panels p{font-size:14.5px;line-height:1.6}

/* Ticket-stub documents */
.gl-docwrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.gl-docwrap .gl-head{margin-bottom:0}
.gl-ticket{display:grid;grid-template-columns:1.1fr .9fr;filter:drop-shadow(0 14px 26px rgba(14,43,39,.1))}
.gl-stub{background:#fff;border:1px solid var(--line);padding:26px 28px}
.gl-stub.s1{border-radius:18px 0 0 18px;border-right:2px dashed #D9CDA6;position:relative}
.gl-stub.s1::before,.gl-stub.s1::after{content:"";position:absolute;right:-13px;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--line)}
.gl-stub.s1::before{top:-13px;clip-path:inset(50% 0 0 0)}
.gl-stub.s1::after{bottom:-13px;clip-path:inset(0 0 50% 0)}
.gl-stub.s2{border-radius:0 18px 18px 0;border-left:0;background:linear-gradient(160deg,#FFF9E6,#FBEFC8)}
.gl-stub header{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.gl-stub header svg{color:var(--gold)}
.gl-stub header b{font-size:17px;font-weight:800}
.gl-stub ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.gl-stub li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45}
.gl-stub li svg{color:#2E8B57;margin-top:3px;flex:none}

/* Ask your lender */
.gl-vault{background:radial-gradient(600px 260px at 15% 0,rgba(233,196,106,.16),transparent 70%),linear-gradient(135deg,var(--vault),var(--vault-2));padding:52px 0;color:#fff}
.gl-vault-head{max-width:640px;margin-bottom:26px}
.gl-vault-head small{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--gold-2)}
.gl-vault-head h2{color:#fff;font-size:clamp(24px,2.7vw,34px);line-height:1.15;letter-spacing:-.03em;margin:8px 0 8px}
.gl .gl-vault-head p{color:rgba(255,255,255,.75)}
.gl-ask{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gl-ask article{padding:22px 20px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(246,227,168,.22);transition:background .2s ease,transform .2s ease}
.gl-ask article:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.gl-ask b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#F6E3A8,#C9962E);color:#3A2806;font-size:18px;margin-bottom:12px}
.gl-ask h3{color:#fff;font-size:16.5px;line-height:1.3;font-weight:800;margin-bottom:6px}
.gl .gl-ask p{color:rgba(255,255,255,.72);font-size:14px;line-height:1.55}

/* Myth vs fact */
.gl-myths-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:44px;align-items:start}
.gl-myths-wrap .gl-head{margin-bottom:0}
.gl .gl-note{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--cream);border:1px solid var(--line);font-size:13.5px!important;line-height:1.55!important}
.gl-note svg{color:var(--gold);flex:none;margin-top:2px}
.gl-myths{display:grid;gap:12px}
.gl-row{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff}
.gl-row>div{padding:16px 18px;position:relative}
.gl-row .myth{background:#FFF1EC}
.gl-row .fact{background:#EEF7EF}
.gl-row em{display:inline-block;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.14em;padding:3px 8px;border-radius:99px;margin-bottom:6px}
.gl-row .myth em{background:#F3C9BA;color:#8C3A1F}
.gl-row .fact em{background:#BFE3C8;color:#1F6B3B}
.gl .gl-row p{font-size:14.5px;line-height:1.5;color:#33322D}
.gl-row .myth p{font-weight:700;text-decoration:line-through;text-decoration-color:rgba(140,58,31,.4)}

/* CTA + related */
.gl-cta{background:linear-gradient(135deg,#C9962E,#A67818);padding:34px 0}
.gl-cta .container{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.gl-cta small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.14em;color:rgba(42,29,5,.7);margin-bottom:6px}
.gl-cta h2{color:#231803;font-size:clamp(21px,2.4vw,29px);max-width:640px;line-height:1.22;letter-spacing:-.02em}
.gl-cta .gl-btn-gold{background:var(--vault);color:var(--gold-3);box-shadow:none}
.gl-cta .gl-btn-gold:hover{background:#000}
.gl-related{padding:32px 0 48px}

/* Tablet & mobile */
@media (max-width:1024px){
  .gl-facts{grid-template-columns:repeat(2,1fr);transform:translateY(40%)}
  .gl-hero+.gl-section{padding-top:150px}
  .gl-ask{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .gl-calcwrap,.gl-myths-wrap,.gl-docwrap{grid-template-columns:1fr;gap:28px}
  .gl-calc{grid-template-columns:1fr}
}
@media (max-width:820px){
  .gl-hero{padding-top:36px}
  .gl-hero-grid{grid-template-columns:1fr;gap:20px}
  .gl-art{margin:0 auto;max-width:400px}
  .gl-section{padding:44px 0}
  .gl-panels{grid-template-columns:1fr;gap:38px}
  .gl-ticket{grid-template-columns:1fr}
  .gl-stub.s1{border-radius:18px 18px 0 0;border-right:1px solid var(--line);border-bottom:2px dashed #D9CDA6}
  .gl-stub.s1::before,.gl-stub.s1::after{display:none}
  .gl-stub.s2{border-radius:0 0 18px 18px;border-left:1px solid var(--line)}
}
@media (max-width:560px){
  .gl-facts{grid-template-columns:1fr;transform:translateY(30%)}
  .gl-hero+.gl-section{padding-top:290px}
  .gl-ask,.gl-row{grid-template-columns:1fr}
  .gl-actions .gl-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.gl *{transition:none!important}}