@charset "utf-8";
/* CSS Document */
:root{
  --bg:       #07080c;
  --bg2:      #0d0f16;
  --bg3:      #12151e;
  --bg4:      #181c28;
  --border:   rgba(255,255,255,0.06);
  --border2:  rgba(255,255,255,0.11);
  --border3:  rgba(255,255,255,0.20);
  --text: 	  #F1F5F9;
  --text2:    #94A3B8;
  --text3:    #64748B;
  --teal:     #00d4aa;
  --teal2:    #00f0c0;
  --teal-dim: rgba(0,212,170,0.08);
  --teal-bdr: rgba(0,212,170,0.22);
  --red:      #ff5555;
  --red-dim:  rgba(255,85,85,0.08);
  --red-bdr:  rgba(255,85,85,0.20);
  --amber:    #f59e0b;
  --amber-dim:rgba(245,158,11,0.10);
  --amber-bdr:rgba(245,158,11,0.28);
  --purple:   #a78bfa;
  --purple-dim:rgba(167,139,250,0.09);
  --purple-bdr:rgba(167,139,250,0.25);
  --serif:'DM Serif Display',Georgia,serif;
  --sans:'DM Sans',system-ui,sans-serif;
  --display:'Syne',sans-serif;
}
/* ── HERO ── */
.hero{
  padding:6rem 2rem 5rem;
  text-align:center;
  position:relative;overflow:hidden;
}
.hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 50% at 50% -10%, rgba(0,212,170,0.10) 0%, transparent 65%),
    radial-gradient(ellipse 40% 40% at 20% 80%, rgba(167,139,250,0.05) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 80% 80%, rgba(255,85,85,0.04) 0%, transparent 60%);
}
/* subtle grid lines */
.hero::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 100%);
}
.hero-inner{max-width:820px;margin:0 auto;position:relative;}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--amber-dim);border:1px solid var(--amber-bdr);
  color:var(--amber);font-size:.72rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
  padding:.3rem .9rem;border-radius:20px;margin-bottom:1.75rem;
}
.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.7);}}

.hero h1{
  font-family:var(--display);
  font-size:clamp(2.5rem,6vw,5rem);
  font-weight:800;line-height:1.0;
  letter-spacing:-0.03em;color:var(--text);
  margin-bottom:1.5rem;
}
.hero h1 .line-teal{color:var(--teal);}
.hero h1 .line-dim{
  color:transparent;
  -webkit-text-stroke: 1px rgba(0,212,170,0.5);
}
.hero-sub{
  font-size:1.125rem;color:var(--text2);font-weight:300;
  line-height:1.8;max-width:600px;margin:0 auto 2.5rem;
}
.hero-sub strong{color:var(--text);font-weight:500;}
.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;}
.btn-primary{background:var(--teal);color:#07080c;padding:.8rem 2rem;border-radius:4px;font-weight:600;font-size:.9375rem;transition:opacity .15s,transform .1s;display:inline-block;}
.btn-primary:hover{opacity:.88;transform:translateY(-1px);}
.btn-outline{color:var(--text2);border:1px solid var(--border2);padding:.8rem 1.75rem;border-radius:4px;font-size:.9375rem;transition:border-color .15s,color .15s;display:inline-block;}
.btn-outline:hover{border-color:var(--border3);color:var(--text);}

/* HERO SCORES */
.hero-scores{
  display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;
}
.score-pill{
  display:flex;align-items:center;gap:.65rem;
  background:var(--bg2);border:1px solid var(--border2);
  padding:.55rem 1.1rem;border-radius:8px;
}
.score-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.score-dot.green{background:var(--teal);}
.score-dot.red{background:var(--red);}
.score-label{font-size:.8125rem;color:var(--text2);}
.score-val{font-family:var(--display);font-size:1rem;font-weight:700;}
.score-val.green{color:var(--teal);}
.score-val.red{color:var(--red);}

/* ── SECTION ── */
.section{max-width:1100px;margin:0 auto;padding:4.5rem 2rem;}
.section-narrow{max-width:820px;}
.section-rule{border-top:1px solid var(--border);}
.section-label{font-size:.7rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--teal);margin-bottom:.75rem;}
.section-title{font-family:var(--display);font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;line-height:1.1;letter-spacing:-0.02em;color:var(--text);margin-bottom:1rem;}
.section-title em{font-style:italic;font-family:var(--serif);font-weight:400;color:var(--teal);}
.section-body{font-size:1rem;color:var(--text2);font-weight:300;line-height:1.8;max-width:580px;}

/* ── THE ARGUMENT ── */
.argument-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem;align-items:start;}
.argument-text{}
.argument-text p{font-size:1rem;color:var(--text2);font-weight:300;line-height:1.85;margin-bottom:1.25rem;}
.argument-text p strong{color:var(--text);font-weight:500;}
.pull-quote{
  font-family:var(--serif);font-size:1.5rem;font-style:italic;
  color:var(--text);line-height:1.4;
  border-left:3px solid var(--teal);padding-left:1.25rem;
  margin:2rem 0;
}
.ai-reality-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;}
.ai-reality-list li{
  display:flex;align-items:flex-start;gap:.75rem;
  font-size:.9rem;color:var(--text2);font-weight:300;line-height:1.6;
  padding:.75rem;background:var(--red-dim);border:1px solid var(--red-bdr);border-radius:6px;
}
.ai-reality-list li .ri{font-size:1rem;flex-shrink:0;margin-top:1px;}
.ai-reality-list li strong{color:var(--text);font-weight:500;display:block;margin-bottom:2px;}

/* ── FAILURE SHOWCASE ── */
.failure-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.failure-inner{max-width:1100px;margin:0 auto;padding:4.5rem 2rem;}
.failure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem;}
.failure-card{
  background:var(--bg3);border:1px solid var(--border);
  border-radius:8px;overflow:hidden;
}
.failure-visual{
  height:150px;display:flex;align-items:center;justify-content:center;
  position:relative;font-size:3.5rem;
  border-bottom:1px solid var(--border);
}
.failure-visual.bad{background:linear-gradient(135deg,rgba(255,85,85,0.06),rgba(255,85,85,0.02));}
.failure-visual.good{background:linear-gradient(135deg,rgba(0,212,170,0.06),rgba(0,212,170,0.02));}
.fail-badge{
  position:absolute;top:.6rem;left:.6rem;
  font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:.2rem .6rem;border-radius:3px;
}
.fail-badge.ai{background:var(--red-dim);border:1px solid var(--red-bdr);color:var(--red);}
.fail-badge.human{background:var(--teal-dim);border:1px solid var(--teal-bdr);color:var(--teal);}
.failure-body{padding:1.1rem;}
.failure-title{font-weight:600;font-size:.9rem;color:var(--text);margin-bottom:.4rem;}
.failure-desc{font-size:.8rem;color:var(--text2);line-height:1.6;font-weight:300;}
.failure-verdict{
  display:inline-flex;align-items:center;gap:5px;
  margin-top:.65rem;font-size:.72rem;font-weight:600;
  padding:.2rem .55rem;border-radius:3px;
}
.failure-verdict.bad{background:var(--red-dim);color:var(--red);}
.failure-verdict.good{background:var(--teal-dim);color:var(--teal);}

/* ANNOTATION MARKS on visuals */
.ai-artifact{
  position:absolute;
  width:28px;height:28px;border-radius:50%;
  border:2px solid var(--red);background:rgba(255,85,85,0.15);
  display:flex;align-items:center;justify-content:center;
  font-size:.65rem;font-weight:700;color:var(--red);
}

/* ── COMPARISON TABLE ── */
.compare-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.compare-inner{max-width:1100px;margin:0 auto;padding:4.5rem 2rem;}
.compare-table-wrap{margin-top:2.5rem;border:1px solid var(--border2);border-radius:10px;overflow:hidden;}
.col-headers{display:grid;grid-template-columns:1.8fr 1fr 1fr;border-bottom:1px solid var(--border);}
.col-head{padding:.875rem 1.25rem;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;}
.col-head.feat-head{color:var(--text3);}
.col-head.digi5-head{background:var(--teal-dim);border-left:2px solid var(--teal);color:var(--teal);display:flex;align-items:center;gap:6px;}
.col-head.ai-head{color:var(--text3);border-left:1px solid var(--border);}
.rows{display:flex;flex-direction:column;}
.row{display:grid;grid-template-columns:1.8fr 1fr 1fr;border-bottom:1px solid var(--border);transition:background .15s;}
.row:last-child{border-bottom:none;}
.row:hover{background:rgba(255,255,255,0.015);}
.cell{padding:.9rem 1.25rem;display:flex;align-items:center;gap:.6rem;font-size:.875rem;}
.cell.feat{flex-direction:column;align-items:flex-start;gap:.12rem;}
.cell.feat .fn{color:var(--text);font-weight:500;font-size:.875rem;}
.cell.feat .fs{color:var(--text3);font-size:.72rem;font-weight:300;}
.cell.digi5{background:rgba(0,212,170,0.04);border-left:2px solid var(--teal);color:var(--teal);font-weight:500;}
.cell.ai{border-left:1px solid var(--border);color:var(--text2);font-weight:300;}
.ic{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.68rem;}
.ic.ok{background:rgba(0,212,170,0.15);border:1px solid var(--teal-bdr);color:var(--teal);}
.ic.no{background:var(--red-dim);border:1px solid var(--red-bdr);color:var(--red);}
.ic.meh{background:var(--amber-dim);border:1px solid var(--amber-bdr);color:var(--amber);}
.vrd{display:inline-flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:3px;background:var(--teal-dim);border:1px solid var(--teal-bdr);color:var(--teal);}

/* ── COST OF AI MISTAKES ── */
.cost-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:2.5rem;}
.cost-card{
  background:var(--bg2);border:1px solid var(--border);border-radius:8px;
  padding:1.5rem;display:grid;grid-template-columns:48px 1fr;gap:1rem;align-items:start;
}
.cost-num{
  font-family:var(--display);font-size:2rem;font-weight:800;
  color:var(--border2);line-height:1;
}
.cost-title{font-weight:600;font-size:.9375rem;color:var(--text);margin-bottom:.4rem;}
.cost-body{font-size:.8125rem;color:var(--text2);line-height:1.7;font-weight:300;}
.cost-impact{
  display:inline-flex;align-items:center;gap:5px;
  margin-top:.6rem;font-size:.72rem;font-weight:600;
  padding:.2rem .55rem;border-radius:3px;
  background:var(--red-dim);border:1px solid var(--red-bdr);color:var(--red);
}

/* ── WHY STILL HUMAN ── */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem;}
.why-card{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:8px;padding:1.5rem;
  transition:border-color .2s,transform .2s;
}
.why-card:hover{border-color:var(--teal-bdr);transform:translateY(-2px);}
.why-icon{
  width:42px;height:42px;border-radius:6px;
  background:var(--teal-dim);
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;margin-bottom:1rem;
}
.why-title{font-weight:600;font-size:.9375rem;color:var(--text);margin-bottom:.4rem;}
.why-body{font-size:.8125rem;color:var(--text2);line-height:1.65;font-weight:300;}

/* ── INDUSTRY BREAKDOWN ── */
.industry-tabs{display:flex;gap:.5rem;margin-top:2rem;flex-wrap:wrap;}
.itab{
  padding:.4rem 1rem;border:1px solid var(--border2);border-radius:20px;
  font-size:.8125rem;color:var(--text2);cursor:pointer;
  transition:all .15s;background:transparent;font-family:var(--sans);
}
.itab.active,.itab:hover{background:var(--teal-dim);border-color:var(--teal-bdr);color:var(--teal);}
.industry-panels{margin-top:1.5rem;}
.industry-panel{display:none;}
.industry-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;}
.ip-visual{
  background:var(--bg2);border:1px solid var(--border2);border-radius:8px;
  padding:2rem;display:flex;flex-direction:column;gap:1rem;
}
.ip-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}
.ip-box{
  background:var(--bg3);border:1px solid var(--border);border-radius:6px;
  padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;
  min-height:100px;justify-content:center;text-align:center;
}
.ip-emoji{font-size:2.5rem;}
.ip-box-label{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;}
.ip-box.bad .ip-box-label{color:var(--red);}
.ip-box.good .ip-box-label{color:var(--teal);}
.ip-box.bad{background:var(--red-dim);border-color:var(--red-bdr);}
.ip-box.good{background:var(--teal-dim);border-color:var(--teal-bdr);}
.ip-box-desc{font-size:.72rem;color:var(--text3);line-height:1.4;}
.ip-content{}
.ip-content h3{font-family:var(--display);font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:.75rem;}
.ip-content p{font-size:.9rem;color:var(--text2);font-weight:300;line-height:1.8;margin-bottom:.875rem;}
.ip-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;}
.ip-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.8125rem;color:var(--text2);font-weight:300;}
.ip-list li::before{content:'✓';color:var(--teal);flex-shrink:0;font-weight:600;margin-top:1px;}

/* ── TESTIMONIALS ── */
.testi-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem;}
.testi-card{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:1.5rem;}
.testi-stars{color:var(--amber);font-size:.875rem;margin-bottom:.65rem;letter-spacing:2px;}
.testi-text{font-size:.875rem;color:var(--text2);line-height:1.75;font-style:italic;font-weight:300;margin-bottom:1rem;}
.testi-author{display:flex;align-items:center;gap:.75rem;}
.t-avatar{width:34px;height:34px;border-radius:50%;background:var(--bg4);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--text3);flex-shrink:0;}
.t-name{font-size:.8125rem;font-weight:500;color:var(--text);}
.t-loc{font-size:.72rem;color:var(--text3);}
.testi-tag{display:inline-flex;margin-bottom:.75rem;font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:.2rem .55rem;border-radius:3px;background:var(--purple-dim);border:1px solid var(--purple-bdr);color:var(--purple);}

/* ── TRUST STRIP ── */
.trust-strip{
  max-width:1100px;margin:0 auto;
  padding:3rem 2rem;
  display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;
  text-align:center;
  border-top:1px solid var(--border);
}
.ts-num{font-family:var(--display);font-size:2.25rem;font-weight:800;color:var(--teal);margin-bottom:.25rem;}
.ts-label{font-size:.78rem;color:var(--text3);}

/* ── MANIFESTO ── */
.manifesto{
  background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  padding:4.5rem 2rem;
}
.manifesto-inner{max-width:760px;margin:0 auto;text-align:center;}
.manifesto h2{font-family:var(--display);font-size:clamp(1.75rem,4vw,3rem);font-weight:800;letter-spacing:-0.02em;color:var(--text);margin-bottom:1.5rem;line-height:1.1;}
.manifesto h2 em{font-style:italic;font-family:var(--serif);font-weight:400;color:var(--teal);}
.manifesto-body{font-size:1.0625rem;color:var(--text2);font-weight:300;line-height:1.9;max-width:640px;margin:0 auto;}
.manifesto-body p{margin-bottom:1.25rem;}
.manifesto-body strong{color:var(--text);font-weight:500;}

/* ── CTA ── */
.cta-section{text-align:center;padding:5rem 2rem;}
.cta-inner{max-width:620px;margin:0 auto;}
.cta-inner h2{font-family:var(--display);font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-0.02em;color:var(--text);line-height:1.1;margin-bottom:1rem;}
.cta-inner h2 em{font-style:italic;font-family:var(--serif);font-weight:400;color:var(--teal);}
.cta-inner p{color:var(--text2);font-size:1rem;margin-bottom:2rem;font-weight:300;line-height:1.75;}
.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.cta-note{margin-top:1.25rem;font-size:.8rem;color:var(--text3);}


/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.anim{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease;}
.anim.vis{opacity:1;transform:translateY(0);}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .argument-grid{grid-template-columns:1fr;}
  .failure-grid{grid-template-columns:1fr 1fr;}
  .why-grid{grid-template-columns:1fr 1fr;}
  .cost-grid{grid-template-columns:1fr;}
  .industry-panel.active{grid-template-columns:1fr;}
  .testi-grid{grid-template-columns:1fr;}
  .trust-strip{grid-template-columns:repeat(2,1fr);}
  .nav-links a{display:none;}
}
@media(max-width:600px){
  .failure-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:1fr;}
  .col-headers,.row{grid-template-columns:1fr 1fr;}
  .col-head.feat-head,.cell.feat{display:none;}
  .col-head.digi5-head,.col-head.ai-head{font-size:.65rem;}
  .cell{padding:.7rem .875rem;}
  .vrd{display:none;}
  .sb-text{display:none;}
}