.ai-hero{min-height:710px;padding-bottom:112px}
.ai-hero .hero-copy{max-width:900px}
.ai-hero-lead{max-width:680px;margin:18px 0 0;color:var(--text-muted);font-size:19px;line-height:1.6}
.ai-hero .route-panel{margin-top:28px}
.ai-hero .hero-desc{margin-bottom:0}
.ai-hero .fc-left{top:310px}
.ai-hero .fc-right{top:510px}
.ai-hero .fc-title,.ai-hero .fc-sub{display:block}
.ai-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:center;gap:clamp(28px,6vw,80px)}
.ai-intro h2,.ai-section-head h2,.ai-reading h2,.ai-ending h2{margin:14px 0 22px}
.ai-intro-copy>p,.ai-ending-copy>p{max-width:720px;color:var(--text-muted);line-height:1.9}
.ai-check{padding:28px}
.ai-check ol{counter-reset:ai-check;list-style:none;margin:22px 0 0;padding:0}
.ai-check li{counter-increment:ai-check;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;padding:17px 0;border-top:1px solid var(--border-soft)}
.ai-check li::before{content:counter(ai-check);grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--amber-soft);color:var(--warn);font:700 14px var(--font-mono)}
.ai-check li strong{line-height:1.3}
.ai-check li span{color:var(--text-muted);font-size:14px;line-height:1.6}
.ai-matrix,.ai-faults{padding-top:24px}
.ai-section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:26px}
.ai-section-head h2{margin-bottom:0}
.ai-section-head>p{max-width:420px;margin:0 0 5px;color:var(--text-muted);line-height:1.7}
.ai-matrix .table-scroll{box-shadow:0 22px 50px -30px var(--shadow-tint)}
.ai-matrix th:nth-child(1),.ai-matrix td:nth-child(1){min-width:128px}
.ai-matrix th:nth-child(2),.ai-matrix td:nth-child(2){min-width:235px}
.ai-matrix th:nth-child(3),.ai-matrix td:nth-child(3){min-width:330px}
.ai-matrix th:nth-child(4),.ai-matrix td:nth-child(4){min-width:335px}
.ai-matrix td{vertical-align:top;line-height:1.65}
.ai-table-note{margin:18px 0 0;color:var(--text-muted);font-size:14px}
.ai-detail{padding-top:32px}
.ai-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ai-tool-card{min-width:0;padding:26px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:0 18px 38px -30px var(--shadow-tint),inset 0 1px 0 var(--surface)}
.ai-tool-kind{display:inline-block;padding:5px 10px;border-radius:var(--radius-pill);background:var(--bg-panel2);color:var(--accent-dark);font-size:12px;font-weight:700}
.ai-tool-card h3{margin:17px 0 10px;font-size:23px}
.ai-tool-card p,.ai-fault-card p{margin:0;color:var(--text-muted);line-height:1.8}
.ai-reading{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:52px}
.ai-reading-main{max-width:none}
.ai-reading-main h2:first-child{margin-top:0}
.ai-reading-main h2:not(:first-child){margin-top:1.8em}
.ai-reading-side{position:sticky;top:24px;padding-top:8px}
.ai-reading-side .window-row:last-child{border-bottom:0}
.ai-reading-side .window-row{color:var(--text-muted);line-height:1.7}
.ai-reading-side .window-row strong{color:var(--text)}
.ai-fault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ai-fault-card{padding:26px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--surface)}
.ai-fault-card h3{margin:0 0 12px;font-size:21px}
.ai-ending{padding-top:24px}
.ai-ending-copy{padding:38px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:0 24px 60px -32px var(--shadow-tint),inset 0 1px 0 var(--surface)}
.ai-ending-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
@media(max-width:1050px){
  .ai-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-reading{grid-template-columns:minmax(0,1fr) 255px;gap:28px}
}
@media(max-width:768px){
  .ai-hero{padding-bottom:110px}
  .ai-hero-lead{font-size:17px}
  .ai-intro,.ai-reading{grid-template-columns:1fr}
  .ai-reading-side{position:static;max-width:520px;padding-top:0}
  .ai-section-head{display:block}
  .ai-section-head>p{max-width:720px;margin-top:15px}
}
@media(max-width:640px){
  .ai-hero{padding-bottom:98px}
  .ai-hero-lead{font-size:15px}
  .ai-hero .rp-dest{overflow-wrap:anywhere}
  .ai-intro{gap:24px}
  .ai-check{padding:20px}
  .ai-tool-grid,.ai-fault-grid{grid-template-columns:1fr}
  .ai-tool-card,.ai-fault-card{padding:21px}
  .ai-ending-copy{padding:22px}
}