.ai-sky{background:radial-gradient(ellipse at 70% 65%,var(--white-a70),transparent 65%),linear-gradient(180deg,var(--sky-1),var(--sky-2))}
.ai-intro{padding-top:56px;padding-bottom:36px;text-align:center}
.ai-intro h1{margin:22px auto 0;letter-spacing:-.02em;line-height:1.14}
.ai-key{color:var(--accent)}
.ai-lede{max-width:680px;margin:24px auto 0;color:var(--muted);font-size:20px}
.ai-trust{margin:24px 0 0;font-size:var(--small-size);color:var(--muted)}
.ai-route{display:flex;align-items:center;gap:56px;max-width:760px;margin:40px auto 0;padding:28px 32px;border:1px solid var(--white-a88);border-radius:var(--r-card);background:var(--panel-glass);box-shadow:var(--highlight),var(--shadow);text-align:left}
.ai-route-start{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;color:var(--teal-ink)}
.ai-route-branches{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;flex:1;min-width:0}
.ai-route-branches::before{content:'';position:absolute;left:-40px;right:24px;top:50%;height:2px;background:var(--teal)}
.ai-route-stop{position:relative;min-width:0;padding:16px 12px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--highlight)}
.ai-route-stop:nth-child(2){border-color:var(--teal)}
.ai-route-stop:nth-child(3){background:var(--butter-soft)}
.ai-route-stop p{margin:10px 0 0;font-size:var(--small-size);line-height:1.6}
.ai-scope{margin:20px auto 0;max-width:680px;color:var(--muted);font-size:var(--small-size);overflow-wrap:anywhere}
.ai-guide{padding-top:24px}
.ai-section-heading{max-width:780px}
.ai-section-heading h2{margin-top:20px}
.ai-note h3{margin-top:0;font-size:22px}
.ai-note p:last-child{margin-bottom:0}
.ai-note-lilac{background:linear-gradient(150deg,var(--panel),var(--lilac-mid))}
.ai-note-teal{background:linear-gradient(150deg,var(--panel),var(--teal-soft))}
.ai-note-orange{background:linear-gradient(150deg,var(--panel),var(--orange-soft))}
.ai-caption{margin:20px 0 0;font-size:var(--small-size);color:var(--muted)}
.ai-reading-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:28px}
.ai-reading-pair>*{min-width:0}
.ai-reading-pair h3{margin-top:0}
.ai-reading-pair p:last-child{margin-bottom:0}
.ai-dev-list{display:grid;gap:20px;margin:28px 0}
.ai-dev-list .panel{display:block}
.ai-dev-list h3{margin:16px 0}
.ai-dev-list p{max-width:960px;margin-bottom:0}
.ai-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.ai-selection>*{min-width:0}
.ai-selection h3{margin-top:0}
.ai-selection p:last-child{margin-bottom:0}
.ai-next-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}
@media(max-width:768px){
  .ai-intro{padding-top:36px;padding-bottom:24px}
  .ai-lede{font-size:18px}
  .ai-route{gap:30px;padding:24px 20px}
  .ai-route-branches{grid-template-columns:1fr;gap:12px}
  .ai-route-branches::before{left:-18px;right:auto;top:24px;bottom:24px;width:2px;height:auto}
  .ai-route-stop::before{content:'';position:absolute;left:-18px;top:50%;width:18px;height:2px;background:var(--teal)}
  .ai-route-stop{padding:12px 16px}
  .ai-route-stop p{margin-top:6px}
  .ai-reading-pair,.ai-selection{grid-template-columns:1fr;gap:28px}
  .ai-trust{font-size:13px}
}
@media(max-width:400px){
  .ai-route{gap:24px;padding:20px 16px}
  .ai-route-start{font-size:var(--small-size)}
  .ai-route-stop{padding:12px}
  .ai-next-links{flex-direction:column;align-items:flex-start}
}