.ai-hero{
  position:relative;
  max-width:100%;
  padding-top:clamp(64px,8vw,112px);
  padding-bottom:clamp(72px,9vw,128px);
  background:
    radial-gradient(560px 420px at 12% 16%,var(--color-glow-green),transparent 72%),
    radial-gradient(680px 520px at 88% 82%,var(--color-glow-sky),transparent 72%),
    linear-gradient(180deg,var(--color-bg-top),var(--color-bg));
  overflow-x:clip;
}
.ai-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(var(--color-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);
  background-size:40px 40px;
  -webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 46%,var(--color-text) 22%,transparent 100%);
  mask-image:radial-gradient(ellipse 80% 90% at 50% 46%,var(--color-text) 22%,transparent 100%);
}
.ai-hero-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);
  align-items:center;
  gap:clamp(42px,7vw,96px);
}
.ai-hero-copy{
  min-width:0;
}
.ai-hero-badge{
  margin-bottom:24px;
}
.ai-hero h1{
  max-width:680px;
  margin-bottom:24px;
}
.ai-hero-lede{
  max-width:680px;
  margin-bottom:30px;
  color:var(--color-muted);
  font-size:19px;
}
.ai-hero-actions{
  margin-bottom:28px;
}
.ai-trust-list{
  display:flex;
  align-items:center;
  gap:13px 20px;
  flex-wrap:wrap;
  list-style:none;
  color:var(--color-muted);
  font-size:14px;
  font-weight:650;
}
.ai-trust-list li{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.ai-signal-board{
  min-width:0;
  padding:28px;
  border:1px solid var(--color-border-soft);
  border-radius:var(--radius-xl);
  background:var(--color-panel);
  box-shadow:var(--shadow-panel);
}
.ai-board-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:26px;
}
.ai-board-title{
  font-family:var(--font-display);
  font-size:20px;
  font-weight:800;
}
.ai-tool-cloud{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:26px;
}
.ai-tool-chip{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:48px;
  padding:8px 10px;
  border:1px solid var(--color-border-soft);
  border-radius:var(--radius-md);
  color:var(--color-text);
  font-weight:750;
  box-shadow:inset 0 1px 0 var(--color-highlight);
}
.ai-tool-chip.is-lavender{background:var(--color-lavender)}
.ai-tool-chip.is-mint{background:var(--color-mint)}
.ai-tool-chip.is-butter{background:var(--color-butter)}
.ai-tool-chip.is-sky{background:var(--color-sky)}
.ai-route-flow{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:18px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  background:var(--color-panel-deep);
}
.ai-route-node{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid var(--color-border-soft);
  border-radius:var(--radius-md);
  background:var(--color-panel);
}
.ai-node-mark{
  display:grid;
  width:36px;
  height:36px;
  flex-shrink:0;
  place-items:center;
  border-radius:var(--radius-sm);
  background:var(--color-mint);
  color:var(--color-accent-dark);
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:800;
}
.ai-route-node strong,
.ai-route-node small{
  display:block;
}
.ai-route-node strong{
  font-size:13px;
}
.ai-route-node small{
  margin-top:3px;
  color:var(--color-muted);
  font-size:10px;
  line-height:1.35;
}
.ai-route-arrow{
  color:var(--color-accent-dark);
  font-family:var(--font-mono);
  font-weight:800;
}
.ai-board-note{
  margin:20px 0 0;
  color:var(--color-muted);
  font-size:14px;
}
.ai-article{
  padding-bottom:var(--section-space);
}
.ai-article>.toc-tabs{
  margin-top:32px;
}
.ai-section{
  overflow:visible;
}
.ai-requirement-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.ai-requirement-card{
  min-width:0;
  padding:30px;
  border:1px solid var(--color-border-soft);
  border-radius:var(--radius-lg);
  background:var(--color-panel);
  box-shadow:var(--shadow-panel);
}
.ai-requirement-card:nth-child(1){background:linear-gradient(145deg,var(--color-lavender),var(--color-panel) 46%)}
.ai-requirement-card:nth-child(2){background:linear-gradient(145deg,var(--color-mint),var(--color-panel) 46%)}
.ai-requirement-card:nth-child(3){background:linear-gradient(145deg,var(--color-butter),var(--color-panel) 46%)}
.ai-requirement-card:nth-child(4){background:linear-gradient(145deg,var(--color-sky),var(--color-panel) 46%)}
.ai-card-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  margin-bottom:18px;
  padding:4px 12px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-pill);
  background:var(--color-panel);
  color:var(--color-accent-dark);
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}
.ai-requirement-card h3{
  margin-bottom:14px;
  font-size:25px;
}
.ai-requirement-card p{
  color:var(--color-muted);
}
.ai-requirement-card p:last-child{
  margin-bottom:0;
}
.ai-split-heading{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  align-items:end;
  gap:48px;
  margin-bottom:42px;
}
.ai-split-heading p{
  margin:0;
  color:var(--color-muted);
  font-size:18px;
}
.ai-process-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.ai-process-card{
  min-width:0;
  padding:28px;
  border:1px solid var(--color-border-soft);
  border-radius:var(--radius-lg);
  background:var(--color-panel);
  box-shadow:var(--shadow-small);
}
.ai-process-label{
  display:inline-flex;
  margin-bottom:16px;
  padding:4px 11px;
  border-radius:var(--radius-pill);
  background:var(--color-sky);
  color:var(--color-text);
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:800;
}
.ai-process-card h3{
  margin-bottom:12px;
  font-size:23px;
}
.ai-process-card p{
  margin:0;
  color:var(--color-muted);
}
.ai-dual-panel{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  background:var(--color-border);
  box-shadow:var(--shadow-panel);
  overflow:hidden;
}
.ai-dual-panel article{
  min-width:0;
  padding:34px;
  background:var(--color-panel);
}
.ai-dual-panel article:first-child{
  background:linear-gradient(145deg,var(--color-butter),var(--color-panel) 40%);
}
.ai-dual-panel article:last-child{
  background:linear-gradient(145deg,var(--color-mint),var(--color-panel) 40%);
}
.ai-dual-panel h3{
  margin:20px 0 14px;
}
.ai-dual-panel p{
  color:var(--color-muted);
}
.ai-dual-panel p:last-child{
  margin-bottom:0;
}
.ai-note-panel{
  margin-top:22px;
  padding:28px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  background:var(--color-panel-deep);
}
.ai-note-panel h3{
  margin-bottom:10px;
  font-size:22px;
}
.ai-note-panel p{
  margin:0;
  color:var(--color-muted);
}
.ai-dev-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.ai-dev-card{
  min-width:0;
  padding:28px;
  border:1px solid var(--color-border-soft);
  border-radius:var(--radius-lg);
  background:var(--color-panel);
  box-shadow:var(--shadow-panel);
}
.ai-dev-card:nth-child(1){border-top-color:var(--color-lavender)}
.ai-dev-card:nth-child(2){border-top-color:var(--color-mint)}
.ai-dev-card:nth-child(3){border-top-color:var(--color-sky)}
.ai-dev-top{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.ai-dev-icon{
  display:grid;
  width:48px;
  height:48px;
  flex-shrink:0;
  place-items:center;
  border-radius:var(--radius-md);
  background:var(--color-panel-deep);
  color:var(--color-accent-dark);
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:800;
}
.ai-dev-card h3{
  font-size:23px;
}
.ai-dev-card p,
.ai-dev-card li{
  color:var(--color-muted);
}
.ai-dev-card ul{
  margin:20px 0 0;
  padding-left:20px;
}
.ai-dev-card li+li{
  margin-top:8px;
}
.ai-selection-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);
  align-items:start;
  gap:40px;
}
.ai-selection-copy{
  min-width:0;
}
.ai-selection-copy h3{
  margin:0 0 10px;
  font-size:24px;
}
.ai-selection-copy p{
  margin-bottom:30px;
  color:var(--color-muted);
}
.ai-fact-card{
  position:sticky;
  top:84px;
  min-width:0;
  padding:30px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  background:linear-gradient(145deg,var(--color-mint),var(--color-panel) 44%);
  box-shadow:var(--shadow-panel);
}
.ai-fact-card h3{
  margin-bottom:22px;
}
.ai-facts{
  display:grid;
  gap:0;
  margin:0;
}
.ai-facts div{
  display:grid;
  grid-template-columns:minmax(88px,.48fr) minmax(0,1fr);
  gap:16px;
  padding:13px 0;
  border-bottom:1px solid var(--color-border-soft);
}
.ai-facts dt{
  color:var(--color-muted);
  font-size:13px;
  font-weight:700;
}
.ai-facts dd{
  min-width:0;
  margin:0;
  font-weight:700;
  overflow-wrap:anywhere;
}
.ai-fact-actions{
  margin-top:24px;
}
.ai-next-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:56px;
}
.ai-next-link{
  display:block;
  min-width:0;
  padding:28px;
  border:1px solid var(--color-border-soft);
  border-radius:var(--radius-lg);
  background:var(--color-panel);
  box-shadow:var(--shadow-small);
  transition:transform .18s ease,box-shadow .18s ease;
}
.ai-next-link:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-panel);
}
.ai-next-link strong{
  display:block;
  font-family:var(--font-display);
  font-size:24px;
  line-height:1.3;
}
.ai-next-link p{
  margin:12px 0 14px;
  color:var(--color-muted);
}
@media (max-width:1080px){
  .ai-hero-layout{
    grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
    gap:38px;
  }
  .ai-route-flow{
    grid-template-columns:1fr;
  }
  .ai-route-arrow{
    transform:rotate(90deg);
    text-align:center;
  }
  .ai-dev-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:860px){
  .ai-hero-layout{
    grid-template-columns:1fr;
  }
  .ai-hero-copy{
    text-align:center;
  }
  .ai-hero h1,
  .ai-hero-lede{
    margin-inline:auto;
  }
  .ai-hero-actions,
  .ai-trust-list{
    justify-content:center;
  }
  .ai-signal-board{
    max-width:680px;
    margin-inline:auto;
  }
  .ai-requirement-grid,
  .ai-process-grid,
  .ai-dual-panel,
  .ai-selection-layout{
    grid-template-columns:1fr;
  }
  .ai-split-heading{
    grid-template-columns:1fr;
    gap:18px;
  }
  .ai-fact-card{
    position:static;
  }
}
@media (max-width:640px){
  .ai-hero{
    padding-top:56px;
    padding-bottom:64px;
  }
  .ai-hero-copy{
    text-align:left;
  }
  .ai-hero-actions,
  .ai-trust-list{
    justify-content:flex-start;
  }
  .ai-hero-lede{
    font-size:16px;
  }
  .ai-signal-board{
    padding:20px;
    border-radius:var(--radius-lg);
  }
  .ai-board-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .ai-tool-cloud{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ai-requirement-card,
  .ai-process-card,
  .ai-dual-panel article,
  .ai-dev-card,
  .ai-fact-card,
  .ai-next-link{
    padding:22px;
  }
  .ai-requirement-card h3{
    font-size:23px;
  }
  .ai-next-links{
    grid-template-columns:1fr;
  }
  .ai-facts div{
    grid-template-columns:1fr;
    gap:4px;
  }
}