.ai-intro{
  position:relative;
  overflow-x:clip;
  max-width:100%;
  padding-top:72px;
  padding-bottom:72px;
  background:linear-gradient(180deg,var(--c-hero-top),var(--c-hero-bottom));
}
.ai-intro::before{
  content:"";
  position:absolute;
  inset:0 0 8% 48%;
  background:radial-gradient(ellipse at 72% 24%,var(--c-accent-10),var(--c-clear) 72%);
  pointer-events:none;
}
.ai-intro__layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.ai-intro__layout>*{min-width:0}
.ai-intro__copy h1{
  margin:24px 0;
  font-size:var(--text-h1);
  line-height:1.12;
  font-weight:var(--weight-normal);
}
.ai-intro__lead{
  max-width:560px;
  font-size:var(--text-lead);
  color:var(--c-muted);
}
.ai-intro__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:20px;
}
.ai-intro__trust{
  margin:0;
  font-size:var(--text-small);
  color:var(--c-muted);
}
.ai-intro__window{position:relative;top:auto}
.ai-path{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:32px;
  padding:32px;
}
.ai-path::before{
  content:"";
  position:absolute;
  top:52px;
  bottom:52px;
  left:51px;
  border-left:1px dashed var(--c-accent-40);
}
.ai-path__row{
  position:relative;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:20px;
  align-items:center;
}
.ai-path__row>div{min-width:0}
.ai-path__row strong{font-weight:var(--weight-medium)}
.ai-path__row p{
  margin:4px 0 0;
  font-size:var(--text-small);
  color:var(--c-muted);
}
.ai-path__mark{
  position:relative;
  display:block;
  filter:drop-shadow(0 8px 12px var(--c-accent-24));
}
.ai-path__note{
  margin:0;
  padding:16px 32px;
  border-top:1px solid var(--c-border-60);
  background:var(--c-accent-05);
  color:var(--c-muted);
  font-size:var(--text-small);
}
.ai-reading{max-width:1120px}
.ai-chapter+.ai-chapter{margin-top:80px}
.ai-chapter .prose{max-width:860px}
.ai-chapter .grid-two{margin-bottom:32px}
.ai-chapter .panel p{color:var(--c-muted)}
.ai-chapter .panel p:last-child{margin-bottom:0}
.ai-chapter__lead{color:var(--c-muted)}
.ai-chapter .faq-item:last-child{margin-bottom:32px}
.ai-reading__links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
  margin-top:32px;
}
@media(max-width:1000px){
  .ai-intro__layout{gap:32px}
}
@media(max-width:768px){
  .ai-intro{padding-top:40px;padding-bottom:48px}
  .ai-intro__layout{grid-template-columns:minmax(0,1fr);gap:40px}
  .ai-intro__copy h1{font-size:38px;line-height:1.18}
  .ai-intro__lead{font-size:var(--text-lead)}
  .ai-chapter+.ai-chapter{margin-top:56px}
}
@media(max-width:480px){
  .ai-path{padding:24px;gap:28px}
  .ai-path::before{left:43px;top:44px;bottom:44px}
  .ai-path__row{gap:16px}
  .ai-path__note{padding:16px 24px}
}