/* Only the AI introduction and its human workflow. Existing site controls stay scoped out. */
.presentation .ai-first-hero { display:block; max-width:1964px; padding-inline:32px; padding-block:48px 0; }
.ai-hero-intro { display:grid; grid-template-columns:1.35fr 1fr; gap:64px; align-items:center; max-width:1440px; margin:0 auto 40px; }
.ai-first-hero .hero-copy > .eyebrow { max-width:none; font-size:12px; color:#b4bdc5; }
.ai-first-hero h1 { font-size:clamp(44px,4.3vw,76px); line-height:1.08; margin-top:18px; letter-spacing:-.055em; }
.ai-first-hero h1 span { color:#87bff0; margin-top:.07em; }
.ai-hero-summary > p { color:#c2ccd5; font-size:19px; line-height:1.65; max-width:47ch; }
.ai-hero-summary > p + p { margin-top:14px; font-size:16px; color:#a6b4bf; }
.ai-first-hero .hero-actions { flex-direction:row; align-items:center; flex-wrap:wrap; gap:24px; margin-top:25px; }
.ai-hero-workspace { display:block; }
.ai-first-hero .ai-product-view { min-width:0; max-width:1520px; margin:0 auto; }
.ai-first-hero .ai-product-view { border:1px solid #42515e; border-radius:10px; overflow:hidden; background:#10181e; }
.ai-first-hero .ai-product-view > img { display:block; width:100%; height:auto; }
.ai-first-hero .ai-context-invitation { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 64px; align-items:start; max-width:1200px; margin:36px auto 0; padding-bottom:32px; border-bottom:1px solid #303c46; }
.ai-context-invitation .suite-ai-invitation-cue { align-items:flex-start; gap:16px; margin:0; }
.ai-context-invitation .suite-ai-invitation-icon { margin-top:3px; }
.ai-first-hero .ai-context-invitation h2 { font-size:30px; line-height:1.2; }
.ai-first-hero .ai-context-invitation > p { margin:0; font-size:16px; line-height:1.75; color:#bac2cb; }
.ai-context-invitation .ai-human-note { margin:0; font-size:15px; line-height:1.7; color:#a8b7c4; }
.ai-context-invitation .ai-human-note strong { color:#e4edf5; font-weight:550; }
.ai-hero-foundation { grid-column:1 / -1; display:flex; justify-content:space-between; gap:28px; align-items:center; }
.ai-hero-foundation .platforms { display:flex; align-items:center; gap:22px; }
.presentation .ai-hero-foundation .platforms-label { font-size:12px; margin:0; }
.ai-hero-foundation .platform-list { gap:12px; }
.ai-hero-foundation .platform { min-width:42px; gap:5px; }
.ai-hero-foundation .platform-icon { width:37px; height:37px; border-radius:9px; }
.ai-hero-foundation .platform-icon svg { width:25px; height:25px; }
.ai-hero-foundation .platform-name { font-size:11px; }
.presentation .ai-workflow { padding-block:72px 65px; max-width:1280px; }
.ai-workflow-heading { display:grid; grid-template-columns:1fr 1fr; column-gap:64px; align-items:end; }
.ai-workflow-heading .eyebrow { grid-column:1/-1; color:#91c6f4; margin-bottom:16px; }
.presentation .ai-workflow h2 { max-width:none; font-size:clamp(31px,3.4vw,44px); }
.ai-workflow-heading > p:last-child { color:#b0bec9; font-size:16px; line-height:1.8; max-width:54ch; }
.ai-workflow-steps { list-style:none; padding:0; margin:42px 0 0; }
.ai-workflow-steps > li { display:grid; grid-template-columns:40px 1fr 1.35fr; gap:28px; border-top:1px solid #303c46; padding-block:27px; align-items:start; }
.ai-step-number { font-size:13px; font-variant-numeric:tabular-nums; color:#92c9f6; padding-top:5px; }
.ai-workflow-steps h3 { font-size:22px; line-height:1.35; font-weight:550; letter-spacing:-.025em; }
.ai-workflow-steps .ai-step-question { color:#8fbeE6; font-size:14px; line-height:1.6; margin-top:9px; }
.ai-workflow-steps > li > p { color:#b1bec9; font-size:15px; line-height:1.8; }
.ai-workflow .ai-prompt-note { color:#a3b2be; font-size:12px; line-height:1.7; margin-block:0 24px; }
.ai-workflow-details { border-block:1px solid #33404c; padding-block:5px; }
.ai-workflow-details > summary { color:#c8e3fa; cursor:pointer; padding-block:18px; line-height:1.6; font-size:15px; }
.ai-workflow-details .steps { margin-top:12px; }
.ai-workflow-details .local-control { margin-bottom:24px; }
.ai-human-design { margin-top:68px; padding-top:45px; border-top:1px solid #303c46; }
.ai-design-heading { display:grid; grid-template-columns:1.15fr 1fr; column-gap:50px; align-items:end; }
.ai-design-heading .eyebrow { grid-column:1/-1; color:#91c6f4; margin-bottom:16px; }
.ai-design-heading > p:last-child { color:#b0bec9; font-size:16px; line-height:1.8; }
.ai-design-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; margin-top:34px; }
.ai-design-principles article { border-top:2px solid #46647b; padding-top:18px; }
.ai-design-principles h3 { font-weight:550; font-size:18px; line-height:1.4; }
.ai-design-principles p { margin-top:12px; font-size:15px; line-height:1.8; color:#b0bec9; }
.ai-provider-choice { display:grid; grid-template-columns:1fr 1.4fr; gap:56px; margin-top:55px; padding-top:35px; border-top:1px solid #303c46; }
.ai-provider-choice .eyebrow { color:#91c6f4; margin-bottom:16px; }
.presentation .ai-provider-choice h2 { font-size:30px; }
.ai-provider-copy p { color:#b0bec9; font-size:15px; line-height:1.8; }
.ai-provider-copy p + p { margin-top:18px; }
.ai-provider-copy strong { color:#e0e8f0; font-weight:550; }
.ai-workflow summary:focus-visible { outline:2px solid #f9c20f; outline-offset:4px; }
@media (max-width:1100px) {
  .presentation .ai-first-hero { padding-top:44px; }
  .ai-hero-intro { gap:40px; }
  .ai-hero-intro { grid-template-columns:1.2fr 1fr; }
  .ai-first-hero h1 { font-size:clamp(39px,4.3vw,48px); }
  .ai-first-hero .ai-context-invitation { column-gap:32px; }
  .ai-first-hero .ai-context-invitation h2 { font-size:27px; }
  .ai-first-hero .ai-context-invitation > p { font-size:15px; }

  .ai-workflow-heading { gap:20px 32px; }
  .ai-design-heading { gap:20px 32px; }
}
@media (max-width:760px) {
  .presentation .ai-first-hero { padding-top:28px; padding-inline:20px; }
  .ai-hero-intro { grid-template-columns:1fr; gap:23px; margin-bottom:30px; }
  .ai-first-hero h1 { font-size:clamp(34px,6.1vw,46px); }
  .ai-hero-summary > p { font-size:18px; }
  .ai-first-hero .hero-actions { gap:20px; }
  .ai-first-hero .ai-context-invitation { grid-template-columns:minmax(0,1fr); gap:20px; margin-top:26px; padding-bottom:28px; }
  .ai-first-hero .ai-context-invitation > p { font-size:16px; max-width:65ch; }
  .ai-hero-foundation { flex-direction:column; align-items:flex-start; gap:20px; }
  .ai-hero-foundation .platforms { gap:15px; flex-wrap:wrap; }
  .presentation .ai-workflow { padding-block:44px; }
  .ai-workflow-heading, .ai-design-heading { grid-template-columns:1fr; gap:16px; }
  .ai-workflow-heading .eyebrow, .ai-design-heading .eyebrow { margin-bottom:0; }
  .ai-workflow-steps { margin-top:28px; }
  .ai-workflow-steps > li { grid-template-columns:28px 1fr; gap:10px 13px; padding-block:23px; }
  .ai-workflow-steps > li > p { grid-column:2; }
  .ai-workflow-steps h3 { font-size:21px; }
  .ai-workflow-steps .ai-step-question { margin-top:6px; }
  .ai-human-design { margin-top:40px; padding-top:30px; }
  .ai-design-principles { grid-template-columns:1fr; gap:23px; margin-top:25px; }
  .ai-provider-choice { grid-template-columns:1fr; gap:22px; margin-top:35px; padding-top:28px; }
}
@media (max-width:380px) {
  .ai-first-hero h1 { font-size:32px; }
  .ai-hero-foundation .platforms { display:block; }
  .presentation .ai-hero-foundation .platforms-label { margin-bottom:12px; }
}