/* IT-Gladiator AI homepage — scoped under .itg-ai-home so it never
   affects the parent theme's nav, footer, or any other page. */

.itg-ai-home{
  --bg:#0A0D11;
  --bg-panel:#10151B;
  --bg-panel-alt:#141A21;
  --line:rgba(255,255,255,0.09);
  --line-strong:rgba(255,255,255,0.18);
  --text:#E7ECEF;
  --text-dim:#8D98A3;
  --text-faint:#5B6570;
  --amber:#F0A030;
  --teal:#49B8AA;
  --red:#D9634A;
  --sans:'IBM Plex Sans', -apple-system, sans-serif;
  --mono:'IBM Plex Mono', monospace;
  --maxw:1180px;

  background:var(--bg);
  color:var(--text);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.itg-ai-home *{box-sizing:border-box;}
.itg-ai-home img,.itg-ai-home svg{display:block; max-width:100%;}
.itg-ai-home a{color:inherit;}
.itg-ai-home .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}
.itg-ai-home .mono{font-family:var(--mono);}
@media (prefers-reduced-motion: reduce){
  .itg-ai-home *{animation-duration:0.01ms !important; transition-duration:0.01ms !important;}
}

.itg-ai-home .eyebrow{
  font-family:var(--mono); font-size:12px; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--amber); display:flex; align-items:center; gap:10px;
}
.itg-ai-home .eyebrow::before{content:""; width:18px; height:1px; background:var(--amber);}
.itg-ai-home h1,.itg-ai-home h2,.itg-ai-home h3{font-weight:600; letter-spacing:-0.01em;}
.itg-ai-home h2{font-size:clamp(28px,3.4vw,40px); line-height:1.15;}
.itg-ai-home .section-tag{font-family:var(--mono); font-size:12px; color:var(--text-faint); letter-spacing:.08em;}
.itg-ai-home .btn{
  display:inline-flex; align-items:center; gap:10px; font-family:var(--mono); font-size:13px;
  letter-spacing:.03em; padding:13px 22px; border:1px solid var(--line-strong);
  text-decoration:none; color:var(--text); transition:border-color .18s ease, background .18s ease, color .18s ease;
  background:transparent;
}
.itg-ai-home .btn:hover{border-color:var(--amber); color:var(--amber);}
.itg-ai-home .btn.primary{background:var(--amber); color:#12100B; border-color:var(--amber); font-weight:600;}
.itg-ai-home .btn.primary:hover{background:#ffb85c; color:#12100B;}

/* HERO */
.itg-ai-home .hero{padding:90px 0 70px; position:relative; border-bottom:1px solid var(--line); overflow:hidden;}
.itg-ai-home .hero-grid{
  position:absolute; inset:0; pointer-events:none; opacity:.5;
  background-image:linear-gradient(to right, var(--line) 1px, transparent 1px);
  background-size:120px 100%;
  mask-image:linear-gradient(to bottom, black, transparent 85%);
}
.itg-ai-home .hero-inner{position:relative; max-width:820px;}
.itg-ai-home .hero h1{font-size:clamp(34px,5vw,58px); line-height:1.08; margin:22px 0 24px; letter-spacing:-0.02em;}
.itg-ai-home .hero h1 em{font-style:normal; color:var(--amber);}
.itg-ai-home .hero p.lede{font-size:18px; color:var(--text-dim); max-width:640px; margin-bottom:36px;}
.itg-ai-home .hero-cta{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:56px;}
.itg-ai-home .stats{display:flex; gap:0; flex-wrap:wrap; border-top:1px solid var(--line);}
.itg-ai-home .stat{flex:1 1 200px; padding:22px 26px 4px 0; border-right:1px solid var(--line);}
.itg-ai-home .stat:last-child{border-right:none;}
.itg-ai-home .stat .num{font-family:var(--mono); font-size:30px; color:var(--amber); font-weight:600;}
.itg-ai-home .stat .label{font-size:12.5px; color:var(--text-dim); margin-top:4px;}

.itg-ai-home section{padding:88px 0;}
.itg-ai-home section.tight{padding:64px 0;}
.itg-ai-home .section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:44px; flex-wrap:wrap;}
.itg-ai-home .section-head h2{max-width:620px;}
.itg-ai-home .section-head p{color:var(--text-dim); max-width:340px; font-size:14.5px;}

/* MANIFESTO */
.itg-ai-home .manifesto{background:var(--bg-panel); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.itg-ai-home .manifesto blockquote{font-size:clamp(20px,2.6vw,28px); line-height:1.5; font-weight:500; max-width:900px; letter-spacing:-0.005em;}
.itg-ai-home .manifesto blockquote em{font-style:normal; color:var(--amber); font-weight:600;}
.itg-ai-home .manifesto cite{display:block; margin-top:22px; font-family:var(--mono); font-size:12.5px; color:var(--text-faint); font-style:normal;}

/* PHASES */
.itg-ai-home .phases{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
.itg-ai-home .phase{background:var(--bg); padding:32px 28px 30px;}
.itg-ai-home .phase .idx{font-family:var(--mono); font-size:12px; color:var(--text-faint); letter-spacing:.1em;}
.itg-ai-home .phase h3{font-size:21px; margin:14px 0 12px;}
.itg-ai-home .phase p{color:var(--text-dim); font-size:14.5px; margin-bottom:16px;}
.itg-ai-home .phase ul{list-style:none; font-size:13.5px; color:var(--text-dim); padding:0;}
.itg-ai-home .phase ul li{padding:6px 0 6px 16px; position:relative; border-top:1px solid var(--line);}
.itg-ai-home .phase ul li:first-child{border-top:none;}
.itg-ai-home .phase ul li::before{content:"→"; position:absolute; left:0; color:var(--amber);}
.itg-ai-home .phase.assist .idx{color:var(--teal);}
.itg-ai-home .phase.augment .idx{color:var(--amber);}
.itg-ai-home .phase.automate .idx{color:var(--red);}
@media (max-width:900px){ .itg-ai-home .phases{grid-template-columns:1fr;} }

/* KINGDOM / TRACE */
.itg-ai-home .kingdom{background:var(--bg-panel-alt);}
.itg-ai-home .kingdom-copy{max-width:640px; margin-bottom:52px;}
.itg-ai-home .kingdom-copy p{color:var(--text-dim); font-size:15.5px;}
.itg-ai-home .trace-wrap{overflow-x:auto; padding-bottom:8px;}
.itg-ai-home .trace{display:flex; align-items:stretch; min-width:920px; margin-bottom:14px;}
.itg-ai-home .node{flex:1; text-align:center; padding:0 6px;}
.itg-ai-home .node-box{
  border:1px solid var(--line-strong); background:var(--bg); padding:14px 8px 12px; font-family:var(--mono);
  display:flex; flex-direction:column; align-items:center; gap:6px; min-height:88px; justify-content:center;
}
.itg-ai-home .node-box .n{font-size:11px; color:var(--text-faint);}
.itg-ai-home .node-box .t{font-size:12px; color:var(--text); line-height:1.3;}
.itg-ai-home .node.gap .node-box{border-color:var(--amber); box-shadow:0 0 0 1px rgba(240,160,48,.15) inset;}
.itg-ai-home .connector{height:1px; background:var(--line-strong); flex:0 0 22px; align-self:center; margin-top:-22px;}
.itg-ai-home .connector.broken{background:repeating-linear-gradient(to right, var(--amber) 0 4px, transparent 4px 8px);}
.itg-ai-home .trace-caption{font-family:var(--mono); font-size:12px; color:var(--text-faint); display:flex; gap:22px; flex-wrap:wrap;}
.itg-ai-home .trace-caption b{color:var(--amber); font-weight:500;}
.itg-ai-home .maria{
  margin-top:56px; border:1px solid var(--line); background:var(--bg); padding:32px;
  display:grid; grid-template-columns:120px 1fr; gap:28px; align-items:start;
}
.itg-ai-home .maria .tag{font-family:var(--mono); font-size:12px; color:var(--amber); letter-spacing:.08em; writing-mode:vertical-rl; transform:rotate(180deg);}
.itg-ai-home .maria p{color:var(--text-dim); font-size:15px; margin-bottom:12px;}
.itg-ai-home .maria p:last-child{margin-bottom:0;}
.itg-ai-home .maria strong{color:var(--text);}
@media (max-width:640px){ .itg-ai-home .maria{grid-template-columns:1fr;} .itg-ai-home .maria .tag{writing-mode:horizontal-tb; transform:none;} }

/* LAYERS ET/OT/IT */
.itg-ai-home .layers{display:flex; flex-direction:column; border:1px solid var(--line);}
.itg-ai-home .layer{display:grid; grid-template-columns:180px 1fr 260px; border-top:1px solid var(--line);}
.itg-ai-home .layer:first-child{border-top:none;}
.itg-ai-home .layer-head{padding:28px 24px; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:center; gap:6px;}
.itg-ai-home .layer-head .code{font-family:var(--mono); font-size:26px; font-weight:600;}
.itg-ai-home .layer.et .layer-head .code{color:var(--teal);}
.itg-ai-home .layer.ot .layer-head .code{color:var(--amber);}
.itg-ai-home .layer.it .layer-head .code{color:var(--red);}
.itg-ai-home .layer-head .name{font-size:13px; color:var(--text-dim);}
.itg-ai-home .layer-body{padding:28px 24px; border-right:1px solid var(--line);}
.itg-ai-home .layer-body h4{font-size:16px; margin-bottom:6px;}
.itg-ai-home .layer-body .desc{color:var(--text-dim); font-size:13.5px; margin-bottom:14px;}
.itg-ai-home .layer-body ul{list-style:none; font-size:13.5px; color:var(--text-dim); columns:2; column-gap:24px; padding:0;}
.itg-ai-home .layer-body ul li{padding:4px 0 4px 14px; position:relative; break-inside:avoid;}
.itg-ai-home .layer-body ul li::before{content:"·"; position:absolute; left:0; color:var(--text-faint);}
.itg-ai-home .layer-ai{padding:28px 24px; background:var(--bg-panel);}
.itg-ai-home .layer-ai .lbl{font-family:var(--mono); font-size:11px; color:var(--text-faint); letter-spacing:.1em; margin-bottom:8px;}
.itg-ai-home .layer-ai p{font-size:13.5px; color:var(--text-dim);}
.itg-ai-home .layer-ai .impact{font-family:var(--mono); font-size:13px; color:var(--amber); margin-top:12px;}
@media (max-width:900px){
  .itg-ai-home .layer{grid-template-columns:1fr;}
  .itg-ai-home .layer-head,.itg-ai-home .layer-body,.itg-ai-home .layer-ai{border-right:none; border-bottom:1px solid var(--line);}
}

/* MAKE / INTEGRATE / RENT */
.itg-ai-home .source-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
.itg-ai-home .source-card{background:var(--bg); padding:30px 26px;}
.itg-ai-home .source-card .who{font-family:var(--mono); font-size:12px; color:var(--text-faint); letter-spacing:.08em; margin-bottom:10px;}
.itg-ai-home .source-card h3{font-size:19px; margin-bottom:10px;}
.itg-ai-home .source-card p{color:var(--text-dim); font-size:14px; margin-bottom:14px;}
.itg-ai-home .source-card .ex{font-family:var(--mono); font-size:12px; color:var(--text-faint); line-height:1.7;}
@media (max-width:900px){ .itg-ai-home .source-grid{grid-template-columns:1fr;} }

/* READINESS */
.itg-ai-home .checklist{border:1px solid var(--line);}
.itg-ai-home .check-row{display:grid; grid-template-columns:56px 1fr; border-top:1px solid var(--line);}
.itg-ai-home .check-row:first-child{border-top:none;}
.itg-ai-home .check-row .num{
  font-family:var(--mono); font-size:12px; color:var(--text-faint); padding:22px 0 20px 22px;
  border-right:1px solid var(--line); display:flex; align-items:flex-start;
}
.itg-ai-home .check-row .body{padding:20px 24px;}
.itg-ai-home .check-row .body h4{font-size:15px; margin-bottom:4px;}
.itg-ai-home .check-row .body p{color:var(--text-dim); font-size:13.5px;}

/* DIFFERENTIATORS */
.itg-ai-home .diff-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:40px;}
.itg-ai-home .diff-item .num{font-family:var(--mono); color:var(--amber); font-size:13px; margin-bottom:12px;}
.itg-ai-home .diff-item h3{font-size:17px; margin-bottom:10px;}
.itg-ai-home .diff-item p{color:var(--text-dim); font-size:14px;}
@media (max-width:860px){ .itg-ai-home .diff-grid{grid-template-columns:1fr; gap:36px;} }

.itg-ai-home .founder{border:1px solid var(--line); padding:36px; margin-top:56px; display:flex; gap:24px; align-items:flex-start; background:var(--bg-panel);}
.itg-ai-home .founder .q{font-size:16px; color:var(--text); line-height:1.6; font-style:italic;}
.itg-ai-home .founder .who{font-family:var(--mono); font-size:12.5px; color:var(--amber); margin-top:14px; font-style:normal;}

/* CTA */
.itg-ai-home .cta{border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--bg-panel); text-align:center;}
.itg-ai-home .cta h2{margin-bottom:16px;}
.itg-ai-home .cta p{color:var(--text-dim); max-width:560px; margin:0 auto 32px;}
.itg-ai-home .cta-inner{padding:80px 0; display:flex; flex-direction:column; align-items:center;}
.itg-ai-home .cta-contact{margin-top:28px; font-family:var(--mono); font-size:13px; color:var(--text-dim); display:flex; gap:22px; flex-wrap:wrap; justify-content:center;}
.itg-ai-home .cta-contact a{text-decoration:none; transition:color .18s ease;}
.itg-ai-home .cta-contact a:hover{color:var(--amber);}

.itg-ai-home .reveal{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease;}
.itg-ai-home .reveal.in{opacity:1; transform:none;}