/* =========================================================================
   Nancy AI — Results page (results.html) specific styles.
   Loaded only by results.html. Shared components (.hero, .samples, .sample,
   .panel, .bars, .radar, .heat-leg …) live in main.css and are reused as-is;
   this file only adds page-specific bands and small overrides.
   ========================================================================= */

/* ───────── PROOF STRIP ───────── */
.proof{background:var(--bg-ink);color:#fff;padding:72px 0;position:relative;overflow:hidden;}
.proof::before{content:"";position:absolute;inset:0;background:var(--grad-aurora);opacity:.5;pointer-events:none;}
.proof-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.proof-item{text-align:center;padding:0 8px;}
.proof-num{font:800 62px/0.95 var(--font-display);letter-spacing:-.035em;color:#fff;margin-bottom:10px;}
.proof-num span{color:var(--v400);}
.proof-label{font:500 14px/1.45 var(--font-body);color:rgba(255,255,255,.7);}

/* ───────── CASE STUDIES — overrides on shared .samples/.sample ───────── */
.sample-head-r.cols-3{grid-template-columns:repeat(3,1fr);}
.sample-body.solo{display:flex;justify-content:center;}
.sample-body.solo .panel{width:100%;max-width:560px;}
.sample-outcome{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 40px 34px;border-top:1px solid var(--line);background:#fff;}
.sample-outcome p{font:600 15px/1.5 var(--font-body);color:var(--ink-900);margin:0;max-width:520px;}
.sample-outcome-link{font:600 14px/1 var(--font-body);color:var(--v600);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:color .15s;}
.sample-outcome-link:hover{color:var(--v700);}
.sample-outcome-link:focus-visible{outline:2px solid var(--v500);outline-offset:3px;border-radius:2px;}
.sample-outcome-link .arr{display:inline-block;transition:transform .2s;}
.sample-outcome-link:hover .arr{transform:translateX(4px);}

/* ───────── AUDIT STRIP ───────── */
.auditband{padding:72px 0;background:var(--bg-soft-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.auditband-inner{max-width:720px;text-align:center;margin:0 auto;}
.auditband .eyebrow{margin-bottom:14px;}
.auditband h2{margin-bottom:16px;}
.auditband p{font:400 17px/1.55 var(--font-body);color:var(--ink-600);margin-bottom:24px;}
.auditband .btn:focus-visible{outline:2px solid var(--v500);outline-offset:3px;}

/* ───────── FAQ ───────── */
.faq{padding:120px 0;background:#fff;}
.faq-head{text-align:center;max-width:720px;margin:0 auto 56px;}
.faq-head .eyebrow{margin-bottom:14px;}
.faq-list{max-width:820px;margin:0 auto;}
.faq-item{padding:28px 0;border-bottom:1px solid var(--line);}
.faq-item:first-child{border-top:1px solid var(--line);}
.faq-item h3{font:700 19px/1.35 var(--font-display);color:var(--ink-900);margin-bottom:12px;}
.faq-item p{font:400 15px/1.6 var(--font-body);color:var(--ink-600);}

/* ───────── CTA BAND ───────── */
.ctaband{padding:120px 0;background:var(--bg-ink);color:#fff;position:relative;overflow:hidden;text-align:center;}
.ctaband::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 50% 20%, rgba(91,63,228,0.42) 0%, rgba(91,63,228,0) 65%);pointer-events:none;}
.ctaband-inner{position:relative;max-width:720px;margin:0 auto;}
.ctaband .eyebrow{color:var(--v300);margin-bottom:18px;}
.ctaband h2{color:#fff;margin-bottom:20px;}
.ctaband p{color:rgba(255,255,255,.78);font:400 18px/1.55 var(--font-body);max-width:540px;margin:0 auto 32px;}
.ctaband-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.ctaband-cta .btn{min-height:48px;}
.ctaband-cta .btn:focus-visible{outline:2px solid #fff;outline-offset:3px;}

/* ───────── RESPONSIVE ───────── */
@media (max-width:1100px){
  .proof-grid{grid-template-columns:repeat(2,1fr);gap:36px 24px;}
}
@media (max-width:900px){
  .proof, .faq, .ctaband{padding:88px 0;}
  .auditband{padding:56px 0;}
}
@media (max-width:720px){
  .proof, .faq, .ctaband{padding:64px 0;}
  .proof-num{font-size:48px;}
  .ctaband p{font-size:16px;}
  .ctaband-cta .btn{width:100%;justify-content:center;}
  .sample-outcome{padding:22px 22px 28px;}
  .sample-outcome p{max-width:100%;}
}
@media (max-width:480px){
  .proof-grid{grid-template-columns:1fr;gap:28px;}
  .proof, .faq, .ctaband{padding:52px 0;}
  .auditband h2{font-size:24px;}
}