
/* ── v561 guides-hub gold card (shared design with /track-record/) ── */
.page-hero:has(.qa-vc){overflow:hidden}.qa-vc,.qa-vc *{box-sizing:border-box}
.qa-vc{position:relative;width:100%;max-width:1200px;margin:28px auto 0;perspective:1600px;text-align:left}.qa-vc-in{width:100%}
.qa-vc-in{position:relative;border-radius:26px;overflow:hidden;color:#1a1200;transform-style:preserve-3d;transition:transform .12s;background:linear-gradient(120deg,#ffe9a8 0%,#f5c542 30%,#f0b429 55%,#c98f12 100%);box-shadow:0 60px 120px -40px rgba(240,180,41,.75),0 30px 50px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(80,50,0,.4)}
.qa-vc-in::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 320px at var(--mx,70%) var(--my,30%),rgba(255,255,255,.45),transparent 60%);mix-blend-mode:soft-light;pointer-events:none}
.qa-vc-in::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,0) 0 6px,rgba(255,255,255,.05) 6px 7px);pointer-events:none}
.qa-vc-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:0;min-height:320px}
.qa-vc-l{padding:36px 40px 34px}
.qa-vc-r{position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:34px 34px 34px 0}
.qa-vc-tag{display:inline-flex;align-items:center;gap:9px;font-family:Syne,'Syne Fallback',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#1a1200;background:rgba(26,18,0,.1);border:1px solid rgba(26,18,0,.22);padding:7px 13px;border-radius:999px}
.qa-vc-tag i{width:7px;height:7px;border-radius:50%;background:#1a1200;animation:vcPulse 1.8s infinite}
@keyframes vcPulse{0%{box-shadow:0 0 0 0 rgba(26,18,0,.45)}70%{box-shadow:0 0 0 8px rgba(26,18,0,0)}100%{box-shadow:0 0 0 0 rgba(26,18,0,0)}}
.qa-vc-h{font-family:Syne,'Syne Fallback',sans-serif;font-weight:800;font-size:clamp(24px,2.7vw,36px);line-height:1.06;letter-spacing:-1.3px;margin:18px 0 12px;color:#1a1200}
.qa-vc-p{font-family:'DM Sans','DM Sans Fallback',sans-serif;font-size:15.5px;line-height:1.7;color:rgba(26,18,0,.82);margin:0;max-width:640px}
.qa-vc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.qa-vc-chips span,.qa-vc-chips a{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;background:#1a1200;color:#ffd76a;border-radius:999px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.4px;font-weight:600;box-shadow:0 8px 18px -8px rgba(0,0,0,.6);text-decoration:none}
.qa-vc-chips a:hover{background:#2a1e05}
.qa-vc-stat{position:relative;border-radius:16px;background:rgba(26,18,0,.94);color:#fff;padding:16px 20px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 40px -18px rgba(0,0,0,.9);transform:translateZ(var(--z,90px));animation:vcBob 5s ease-in-out infinite;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.qa-vc-stat:nth-child(1){--z:110px;animation-delay:-1s}.qa-vc-stat:nth-child(2){--z:130px;animation-delay:-2.5s}.qa-vc-stat:nth-child(3){--z:100px;animation-delay:-4s}
@keyframes vcBob{0%,100%{transform:translateZ(var(--z,90px)) translateY(0)}50%{transform:translateZ(var(--z,90px)) translateY(-7px)}}
.qa-vc-stat b{font-family:'DM Sans','DM Sans Fallback',sans-serif;font-weight:500;font-size:30px;letter-spacing:-.8px;line-height:1;background:linear-gradient(92deg,#ffe9a8,#f0b429 60%,#c98f12);-webkit-background-clip:text;background-clip:text;color:transparent}
.qa-vc-stat small{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.55)}
.qa-vc-mk{margin-top:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:rgba(26,18,0,.6)}
@media(prefers-reduced-motion:reduce){.qa-vc-stat,.qa-vc-tag i{animation:none}}
@media(max-width:1000px){.qa-vc-grid{grid-template-columns:minmax(0,1fr)}.qa-vc-l,.qa-vc-r{min-width:0}.qa-vc-r{padding:0 34px 30px}}
@media(max-width:600px){.page-hero:has(.qa-vc){padding-left:16px;padding-right:16px}.qa-vc{margin:20px 0 0}.qa-vc-in{border-radius:20px}.qa-vc-l{padding:26px 22px 22px}.qa-vc-r{padding:0 22px 24px;gap:10px}.qa-vc-stat{padding:14px 16px 12px}.qa-vc-stat b{font-size:26px}}
