/* DiGoR Goldback / Credit Card concept page — builds on crowdfunding.css (same tokens, Montserrat / Rajdhani, cards, buttons, reveal). Only page-specific parts live here. */
.cf-h2 em{font-style:normal;color:var(--gold);text-transform:none}
.cf-noscript{max-width:60ch;margin:0 auto;text-align:center;color:var(--ink-2)}
.gb-hero{margin-bottom:clamp(20px,3vw,36px)}
.gb-sec{scroll-margin-top:24px}
.gb-head--c{justify-items:center;text-align:center}
.gb-head--c .cf-sub{margin-left:auto;margin-right:auto}
.gb-p{margin:0;max-width:70ch;font-size:clamp(14px,1.2vw,16px);line-height:1.7;color:var(--ink-2)}
.gb-intro{display:grid;gap:14px}
.gb-note{margin:clamp(14px,2vw,22px) 0 0;max-width:70ch;padding:14px 18px;border-left:2px solid var(--gold);background:rgba(217,163,35,.07);border-radius:0 12px 12px 0;font-size:14px;line-height:1.6;color:var(--ink-2)}
/* the card — shared front/back texture on a thin CSS 3D object (behaviour unchanged from the former subdomain) */
.gb-visual{display:grid;justify-items:center;width:100%}
.gb-stage{width:100%;height:clamp(250px,31vw,420px);display:grid;place-items:center;perspective:1200px;touch-action:pan-y}
.gb-rotor{position:relative;width:88%;max-width:490px;aspect-ratio:1.586;transform-style:preserve-3d;transform:rotateX(10deg) rotateY(-18deg) rotateZ(-7deg)}
.gb-face,.gb-edge{position:absolute;inset:0;border-radius:5%;border:1px solid #b79a5a}
.gb-face{background-image:url(assets/goldback/card-faces.webp);background-size:100% 200%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.gb-front{background-position:center top;transform:translateZ(2px)}
.gb-back{background-position:center bottom;transform:rotateY(180deg) translateZ(2px)}
.gb-edge{background:#aa8b50;transform:translateZ(var(--depth))}
.gb-ready .gb-rotor{animation:gb-turn 22s linear infinite}
.gb-paused .gb-rotor,.gb-offscreen .gb-rotor{animation-play-state:paused}
@keyframes gb-turn{from{transform:rotateX(10deg) rotateY(-18deg) rotateZ(-7deg)}to{transform:rotateX(10deg) rotateY(342deg) rotateZ(-7deg)}}
@media (hover:hover){.gb-stage:hover .gb-rotor{animation-play-state:paused}}
@media (max-width:720px){.gb-stage{height:clamp(220px,62vw,380px)}.gb-rotor{width:83%;max-width:450px}}
@media (prefers-reduced-motion:reduce){.gb-ready .gb-rotor{animation:none!important;transform:rotateX(6deg) rotateY(-12deg) rotateZ(-5deg)}}
.gb-ctl{margin-top:10px}
.gb-cap{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:18px 0 0;font-size:12px;color:var(--ink-3)}
.gb-cap span:first-child{font-family:var(--font-label);font-weight:700;letter-spacing:.2em;color:var(--gold)}
/* strip */
.gb-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;padding:16px clamp(16px,2.4vw,30px)}
.gb-strip span,.gb-strip a{font-family:var(--font-label);font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase}
.gb-strip span:first-child{color:var(--ink-2)}.gb-strip b{color:var(--gold);padding:0 .3em}
.gb-strip span:nth-child(2){color:var(--gold-hi)}
@media (max-width:760px){.gb-strip{justify-content:center;text-align:center}}
/* steps */
.gb-tag{display:inline-block;margin-top:14px;font-family:var(--font-label);font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--gold)}
/* world list */
.gb-link{font-family:var(--font-label);font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase}
/* faq */
.gb-faq{display:grid;gap:12px}
.gb-q{padding:0}
.gb-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px clamp(18px,2.4vw,30px);font-family:var(--font-heading);font-weight:600;font-size:clamp(15px,1.4vw,18px);line-height:1.3;letter-spacing:.02em}
.gb-q summary::-webkit-details-marker{display:none}
.gb-q summary::after{content:"+";flex:none;font:700 22px/1 var(--font-label);color:var(--gold);transition:transform .25s ease}
.gb-q[open] summary::after{transform:rotate(45deg)}
.gb-q summary:focus-visible{outline:2px solid var(--gold-hi);outline-offset:-2px;border-radius:18px}
.gb-q p{padding:0 clamp(18px,2.4vw,30px) clamp(16px,2vw,24px);max-width:75ch}
/* closing */
.gb-close{display:grid;justify-items:center;gap:clamp(12px,1.8vw,20px);text-align:center}
.gb-disc{margin:clamp(24px,3vw,40px) auto 0;max-width:80ch;font-family:var(--font-label);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;line-height:1.6;color:var(--ink-3);text-align:center}