/* =========================================================================
   Nancy AI — Science page (science.html) specific styles.
   Loaded only by science.html. Shared components (buttons, eyebrow,
   display type, .stats/.stat-card, .method/.pipe, .science-bar) live in
   main.css and are reused as-is; this file only adds what's unique here.
   ========================================================================= */

/* ───────── HERO ───────── */
.sci-hero{position:relative;padding:120px 0 88px;background:var(--bg-ink);color:#fff;overflow:hidden;}
.sci-hero-aurora{position:absolute;inset:0;background:var(--grad-aurora);opacity:.55;pointer-events:none;}
.sci-hero-content{position:relative;max-width:760px;}
.sci-hero h1{color:#fff;margin-bottom:22px;}
.sci-hero .hero-sub{margin-bottom:36px;}
.sci-hero-badges{margin-top:44px;display:flex;flex-wrap:wrap;gap:10px 14px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14);cursor:pointer;}
.sci-hero-badges span{font:700 11px/1 var(--font-mono);letter-spacing:.08em;color:rgba(255,255,255,.68);}
.sci-hero-badges:hover span{color:#fff;}

/* ───────── EVIDENCE STRIP (extends shared .stats / .stat-card) ───────── */
.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.evidence-grid .stat-num{padding:32px 22px 16px;font-size:52px;}
.evidence-grid .stat-num sup{font-size:26px;}
.evidence-grid .stat-desc{padding:0 22px 20px;font-size:14px;}
.evidence-grid .stat-src{padding:0 22px 16px;font-size:10px;}

/* ───────── EXPLAINABLE AI / BIAS & FAIRNESS (shared "trust" component) ── */
.trust{padding:96px 0;background:#fff;}
.trust-bias{background:var(--bg-soft-2);}
.trust-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center;}
.trust-bias .trust-grid{grid-template-columns:1.15fr 1fr;}
.trust-text h2{margin-bottom:18px;}
.trust-text .lede{margin-bottom:0;}
.trust-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font:600 15px/1 var(--font-body);color:var(--ink-900);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px;}
.trust-link:hover{color:var(--v500);}
.trust-link:focus-visible{outline:2px solid var(--v500);outline-offset:3px;border-radius:2px;}
.trust-link .arr{display:inline-block;transition:transform .2s;}
.trust-link:hover .arr{transform:translateX(4px);}

.check-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.check-grid-3{grid-template-columns:1fr;gap:18px;}
.check-item{display:flex;gap:14px;align-items:flex-start;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;}
.trust-bias .check-item{background:#fff;}
.check-item .ico{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--v50);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B3FE4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>");background-size:14px;background-repeat:no-repeat;background-position:center;margin-top:2px;}
.check-item p{font:500 14px/1.5 var(--font-body);color:var(--ink-700);}
.check-item p strong{color:var(--ink-900);}

/* ───────── STANDARDS WALL (extends shared .science-bar / .science-item) ── */
.standards-grid{grid-template-columns:repeat(4,1fr);gap:28px 24px;}
.standards-grid .s-sub{font-size:12px;}

/* ───────── FAQ ───────── */
.faq{padding:120px 0;background:#fff;}
.faq-head{text-align:center;max-width:760px;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){
  .evidence-grid{grid-template-columns:repeat(2,1fr);}
  .trust-grid, .trust-bias .trust-grid{grid-template-columns:1fr;gap:36px;}
  .standards-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:900px){
  .sci-hero{padding:88px 0 64px;}
  .trust, .faq, .ctaband{padding:88px 0;}
}
@media (max-width:720px){
  .sci-hero{padding:64px 0 48px;}
  .trust, .faq, .ctaband{padding:64px 0;}
  .evidence-grid{grid-template-columns:1fr;}
  .check-grid{grid-template-columns:1fr;}
  .standards-grid{grid-template-columns:repeat(2,1fr);}
  .ctaband p{font-size:16px;}
  .ctaband-cta .btn{width:100%;justify-content:center;}
}
@media (max-width:480px){
  .standards-grid{grid-template-columns:1fr;}
}