.ai-intro-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(34px,7vw,100px);align-items:end;padding:42px 0 50px}
.ai-intro-heading h1{margin:12px 0 0;font-size:clamp(64px,8vw,108px);line-height:1.05}
.ai-intro-copy{padding-bottom:8px}
.ai-intro-deck{max-width:18em;font-size:22px;line-height:1.85}
.ai-intro-copy>p:last-child{max-width:36em;margin-top:16px;color:var(--l2-muted);font-size:15px;line-height:2.05}
.ai-intro-visual{margin:0 0 42px}
.ai-intro-visual picture,.ai-intro-visual img{display:block;width:100%}
.ai-intro-visual img{height:auto;background:#243830}
.ai-intro-visual figcaption{display:flex;justify-content:space-between;gap:20px;padding:11px 2px 0;color:var(--l2-muted);font-size:12px}
.ai-intro-reading{border-top:1px solid var(--l2-line);padding:32px 0 42px}
.ai-intro-section-head{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1.58fr);gap:30px;align-items:baseline;margin-bottom:24px}
.ai-intro-section-head h2{font-size:27px;line-height:1.5}
.ai-intro-list{border-top:0}
.ai-intro-list>a{position:relative;display:grid;grid-template-columns:minmax(125px,.38fr) minmax(260px,.9fr) minmax(300px,1.12fr) 28px;gap:clamp(18px,3vw,46px);align-items:center;min-height:118px;padding:22px 4px;border-bottom:1px solid var(--l2-line);color:var(--l2-ink)}
.ai-intro-list>a>span{color:var(--l2-muted);font-size:12px}
.ai-intro-list h3{font-size:23px;line-height:1.55}
.ai-intro-list p{color:var(--l2-muted);font-size:14px;line-height:1.9}
.ai-intro-list b{color:var(--l2-red);font-size:24px;font-weight:400;transition:transform .25s ease}
.ai-intro-list>a:hover b,.ai-intro-list>a:focus-visible b{transform:translateX(6px)}
.ai-intro-note{display:grid;grid-template-columns:minmax(150px,.55fr) 1.45fr;gap:30px;margin:6px 0 40px;padding:25px 30px;border-left:4px solid var(--l2-red);background:var(--l2-card)}
.ai-intro-note h2{font-size:19px;font-weight:600}
.ai-intro-note p{max-width:66em;color:var(--l2-muted);font-size:14px;line-height:2}
@media(max-width:900px){.ai-intro-list>a{grid-template-columns:110px minmax(220px,.9fr) minmax(0,1.1fr) 24px;gap:18px}}
@media(max-width:760px){
  .ai-intro-hero{grid-template-columns:1fr;gap:20px;padding:24px 0 32px}
  .ai-intro-heading h1{margin-top:8px;font-size:54px}
  .ai-intro-copy{padding-bottom:0}
  .ai-intro-deck{font-size:18px;line-height:1.85}
  .ai-intro-copy>p:last-child{margin-top:10px;font-size:14px;line-height:1.95}
  .ai-intro-visual{margin-bottom:30px}
  .ai-intro-visual figcaption{padding-top:9px;font-size:11px}
  .ai-intro-reading{padding:25px 0 31px}
  .ai-intro-section-head{grid-template-columns:1fr;gap:6px;margin-bottom:18px}
  .ai-intro-section-head h2{font-size:23px}
  .ai-intro-list>a{grid-template-columns:minmax(0,1fr) 22px;gap:6px 14px;min-height:0;padding:19px 2px}
  .ai-intro-list>a>span,.ai-intro-list h3,.ai-intro-list p{grid-column:1}
  .ai-intro-list>a>span{font-size:11px}
  .ai-intro-list h3{font-size:20px;line-height:1.55}
  .ai-intro-list p{font-size:14px;line-height:1.8}
  .ai-intro-list b{grid-column:2;grid-row:1/4;align-self:center;font-size:21px}
  .ai-intro-note{grid-template-columns:1fr;gap:9px;margin-bottom:25px;padding:19px 17px}
  .ai-intro-note h2{font-size:18px}
  .ai-intro-note p{font-size:14px;line-height:1.9}
}