/* ══════════════════════════════════════════════════
   STOBOX — investors.css
   For Investors page styles
   ══════════════════════════════════════════════════ */

/* ── 1. Hero — full viewport, centered, cinematic ── */
.inv-hero{
  background:var(--ink);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:120px 80px 100px;
  position:relative;
  overflow:hidden;
}
.inv-hero-inner{max-width:800px;position:relative;z-index:1;}
.inv-hero h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(40px,5.5vw,68px);
  font-weight:400;
  color:#fff;
  line-height:1.08;
  letter-spacing:-.025em;
  margin-bottom:20px;
}
.inv-hero h1 em{font-style:italic;color:rgba(255,255,255,.4);}
.inv-hero-sub{font-size:18px;color:rgba(255,255,255,.52);margin-bottom:48px;line-height:1.6;}
.inv-hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn-inv-p{
  background:#fff;color:var(--ink);
  font-size:15px;font-weight:500;
  padding:16px 32px;border-radius:0;
  text-decoration:none;transition:.18s;
  display:inline-flex;align-items:center;gap:8px;
}
.btn-inv-p:hover{background:var(--blue);color:#fff;}
.btn-inv-s{
  background:transparent;color:rgba(255,255,255,.5);
  font-size:15px;font-weight:400;
  padding:16px 32px;border-radius:0;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.15);
  transition:.18s;
}
.btn-inv-s:hover{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06);}

/* ── 2. Context — two columns, pull quote left ── */
.inv-context{padding-top:120px;padding-bottom:120px;}
.inv-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.inv-pullquote p{
  font-family:'Playfair Display',serif;
  font-size:clamp(22px,2.5vw,30px);
  font-weight:400;
  color:var(--ink);
  line-height:1.35;
  margin-bottom:8px;
}
.inv-pullquote-accent{color:var(--blue) !important;margin-top:16px !important;}
.inv-context-body p{font-size:16px;color:var(--mid);line-height:1.75;margin-bottom:18px;}
.inv-context-body p:last-child{margin-bottom:0;}
.inv-context-body strong{color:var(--ink);}

/* ── 3. Position — dark band, stats ── */
.inv-position{text-align:center;padding-top:100px;padding-bottom:100px;}
.inv-pos-statement{
  font-family:'Playfair Display',serif;
  font-size:clamp(26px,3.2vw,40px);
  font-weight:400;
  color:#fff;
  line-height:1.2;
  max-width:700px;
  margin:0 auto 56px;
}
.inv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:800px;margin:0 auto 40px;}
.inv-stat{padding:32px 20px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);}
.inv-stat-num{
  font-family:'Playfair Display',serif;
  font-size:clamp(32px,4vw,48px);
  font-weight:500;
  color:var(--blue3);
  line-height:1;
  margin-bottom:8px;
}
.inv-stat-label{font-size:13px;color:rgba(255,255,255,.35);line-height:1.4;}
.inv-pos-note{font-size:14px;color:rgba(255,255,255,.42);max-width:600px;margin:0 auto;}

/* ── 4. Investment cards — light vs dark ── */
.inv-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.inv-card{border-radius:16px;padding:40px 36px;display:flex;flex-direction:column;}
.inv-card--light{background:var(--white);border:1px solid var(--border);}
.inv-card--dark{background:var(--ink);color:#fff;border:1px solid rgba(255,255,255,.08);}
.inv-card-badge{
  font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--soft);margin-bottom:18px;
}
.inv-card-badge--accent{color:var(--blue3);}
.inv-card-title{
  font-family:'Playfair Display',serif;
  font-size:24px;font-weight:500;
  margin-bottom:16px;line-height:1.2;
}
.inv-card--dark .inv-card-title{color:#fff;}
.inv-card-desc{font-size:15px;line-height:1.7;margin-bottom:24px;flex:1;}
.inv-card--light .inv-card-desc{color:var(--mid);}
.inv-card--dark .inv-card-desc{color:rgba(255,255,255,.45);}
.inv-card-checks{list-style:none;margin-bottom:28px;display:flex;flex-direction:column;gap:10px;}
.inv-card-checks li{font-size:14px;padding-left:22px;position:relative;line-height:1.5;}
.inv-card-checks li::before{
  content:'\2713';position:absolute;left:0;
  font-weight:700;font-size:13px;
}
.inv-card--light .inv-card-checks li{color:var(--mid);}
.inv-card--light .inv-card-checks li::before{color:var(--blue);}
.inv-card--dark .inv-card-checks li{color:rgba(255,255,255,.5);}
.inv-card--dark .inv-card-checks li::before{color:var(--blue3);}
.inv-card-cta{
  font-size:15px;font-weight:500;
  padding:14px 28px;border-radius:0;
  text-decoration:none;text-align:center;
  transition:.18s;display:block;
  margin-top:auto;
}
.inv-card-cta--light{background:var(--ink);color:#fff;}
.inv-card-cta--light:hover{background:var(--blue);}
.inv-card-cta--dark{background:#fff;color:var(--ink);}
.inv-card-cta--dark:hover{background:var(--blue);color:#fff;}

/* ── 5. Comparison ── */
.inv-compare{max-width:900px;margin:0 auto;}
.inv-compare-head{
  display:grid;grid-template-columns:180px 1fr 1fr;gap:0;
  padding:14px 0;
  border-bottom:2px solid var(--border);
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);
}
.inv-compare-row{
  display:grid;grid-template-columns:180px 1fr 1fr;gap:0;
  padding:18px 0;
  border-bottom:1px solid var(--border);
}
.inv-compare-topic{font-size:13px;font-weight:600;color:var(--ink);padding-right:20px;}
.inv-compare-col{font-size:14px;color:var(--mid);line-height:1.5;padding-right:20px;}
.inv-compare-col--accent{color:var(--blue);font-weight:500;}
.inv-compare-note{
  text-align:center;
  font-size:13px;color:var(--soft);
  max-width:700px;margin:36px auto 0;
  line-height:1.65;
}

/* ── 6. Validation facts ── */
.inv-facts{display:flex;flex-direction:column;gap:24px;max-width:800px;}
.inv-fact{
  font-size:clamp(17px,1.8vw,20px);
  color:var(--ink);
  line-height:1.55;
  padding-left:24px;
  border-left:3px solid var(--blue);
  font-weight:400;
}

/* ── 7. Team ── */
.inv-team{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
.inv-team-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:32px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;}
.inv-team-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;}
.inv-team-avatar img{width:100%;height:100%;object-fit:cover;}
.inv-team-name{font-family:'Playfair Display',serif;font-size:18px;font-weight:500;color:var(--ink);margin-bottom:2px;}
.inv-team-role{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:10px;}
.inv-team-cred{font-size:13.5px;color:var(--mid);line-height:1.6;}

/* ── 8. Final CTA — cinematic dark band ── */
.inv-final-cta{
  background:var(--ink);
  padding:120px 80px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.inv-final-inner{max-width:760px;margin:0 auto;position:relative;z-index:1;}
.inv-final-cta h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(28px,3.5vw,44px);
  font-weight:400;
  color:#fff;
  line-height:1.2;
  margin-bottom:24px;
}
.inv-final-poem{
  font-family:'Playfair Display',serif;
  font-size:clamp(22px,2.8vw,34px);
  font-style:italic;
  color:rgba(255,255,255,.4);
  line-height:1.35;
  margin-bottom:48px;
}
.inv-final-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:48px;}
.inv-legal{font-size:11px;color:rgba(255,255,255,.2);max-width:600px;margin:0 auto;line-height:1.6;}

/* ── Responsive ── */
@media(max-width:1100px){
  .inv-hero{padding:100px 40px 80px;min-height:auto;}
  .inv-context-grid{grid-template-columns:1fr;gap:48px;}
  .inv-stats{grid-template-columns:repeat(3,1fr);gap:16px;}
  .inv-cards{grid-template-columns:1fr;}
  .inv-compare-head,.inv-compare-row{grid-template-columns:140px 1fr 1fr;}
  .inv-team{grid-template-columns:1fr 1fr;}
  .inv-final-cta{padding:80px 40px;}
}
@media(max-width:680px){
  .inv-hero{padding:80px 24px 64px;}
  .inv-stats{grid-template-columns:1fr;}
  .inv-compare-head,.inv-compare-row{grid-template-columns:1fr;gap:6px;}
  .inv-compare-head{display:none;}
  .inv-compare-row{padding:16px 0;}
  .inv-compare-topic{margin-bottom:4px;}
  .inv-compare-col{padding-left:0;padding-right:0;}
  .inv-compare-col::before{
    font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);
    display:block;margin-bottom:2px;
  }
  .inv-compare-row .inv-compare-col:nth-child(2)::before{content:'Traditional';}
  .inv-compare-row .inv-compare-col:nth-child(3)::before{content:'Tokenized';}
  .inv-team{grid-template-columns:1fr;}
  .inv-final-cta{padding:64px 24px;}
  .inv-card{padding:28px 24px;}
}