.ai-page { --ai-dark: #102a30; --ai-dark-2: #0c2026; --ai-teal-light: #91e1d5; }

.ai-hero {
  position: relative;
  overflow: hidden;
  padding: 70px 0 58px;
  background: linear-gradient(135deg, #f7f5ef 0%, #eef6f2 100%);
}
.ai-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .5;
  background-image: linear-gradient(rgba(17,124,121,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(17,124,121,.045) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, black, transparent 78%);
}
.ai-hero::after {
  content: "";
  position: absolute;
  right: -180px;
  top: -180px;
  width: 540px;
  height: 540px;
  border: 1px solid rgba(17,124,121,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(17,124,121,.035), 0 0 0 76px rgba(17,124,121,.025);
  pointer-events: none;
}
.ai-hero__grid { position: relative; z-index: 1; display: grid; gap: 42px; align-items: center; }
.ai-hero__copy { max-width: 720px; }
.ai-hero h1 { max-width: 760px; margin-bottom: 22px; font-size: clamp(2.55rem, 9vw, 5.35rem); }
.ai-hero h1 span { display: block; color: var(--teal-dark); }
.ai-hero .lead { max-width: 650px; }
.ai-hero__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.ai-hero__tags span { padding: 6px 10px; border: 1px solid rgba(17,124,121,.2); border-radius: 999px; color: var(--teal-dark); background: rgba(255,255,255,.5); font-size: .68rem; font-weight: 850; letter-spacing: .04em; }

.ai-hero-map {
  position: relative;
  min-height: 370px;
  overflow: hidden;
  border: 1px solid rgba(121,211,198,.28);
  border-radius: 28px;
  color: #fff;
  background: radial-gradient(circle at 50% 50%, rgba(121,211,198,.16), transparent 11rem), #102a30;
  box-shadow: 0 26px 70px rgba(16,42,48,.2);
}
.ai-hero-map::before, .ai-agent-map::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .5;
  background-image: linear-gradient(rgba(145,225,213,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(145,225,213,.08) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}
.ai-hero-map__top { position: absolute; z-index: 2; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 10px; padding: 16px 18px; border-bottom: 1px solid rgba(255,255,255,.1); color: #b9c9c8; font-size: .61rem; font-weight: 800; letter-spacing: .11em; }
.ai-hero-map__top strong { margin-left: auto; color: #91e1d5; font-size: .55rem; }
.ai-signal { display: inline-flex; gap: 3px; align-items: end; height: 12px; }
.ai-signal i { display: block; width: 3px; border-radius: 3px; background: #91e1d5; }
.ai-signal i:nth-child(1) { height: 5px; opacity: .5; }.ai-signal i:nth-child(2) { height: 9px; opacity: .75; }.ai-signal i:nth-child(3) { height: 12px; }
.ai-hero-map__core { position: absolute; z-index: 2; left: 50%; top: 52%; display: grid; width: 132px; height: 132px; place-items: center; align-content: center; border: 1px solid rgba(145,225,213,.55); border-radius: 50%; background: #174348; text-align: center; transform: translate(-50%, -50%); box-shadow: 0 0 0 14px rgba(121,211,198,.07), 0 0 45px rgba(121,211,198,.16); }
.ai-hero-map__core::before { content: ""; position: absolute; inset: 10px; border: 1px dashed rgba(145,225,213,.5); border-radius: 50%; }
.ai-hero-map__core span, .ai-hero-map__core strong, .ai-hero-map__core small { position: relative; }.ai-hero-map__core span { color: #79d3c6; font-size: .55rem; letter-spacing: .15em; }.ai-hero-map__core strong { margin: 4px 0; font-size: .9rem; line-height: 1.05; }.ai-hero-map__core small { color: #b9e8df; font-size: .6rem; }
.ai-hero-map__node { position: absolute; z-index: 2; display: grid; gap: 2px; width: 118px; padding: 11px 12px; border: 1px solid rgba(145,225,213,.28); border-radius: 12px; background: rgba(255,255,255,.07); box-shadow: 0 8px 20px rgba(0,0,0,.13); }
.ai-hero-map__node small { color: #79d3c6; font-size: .52rem; font-weight: 900; letter-spacing: .11em; }.ai-hero-map__node strong { font-size: .82rem; }.ai-hero-map__node--ap { left: 8%; top: 27%; }.ai-hero-map__node--infra { left: 8%; bottom: 18%; }.ai-hero-map__node--security { right: 8%; top: 27%; border-color: rgba(239,207,132,.38); }.ai-hero-map__node--security small { color: #efcf84; }.ai-hero-map__node--governance { right: 8%; bottom: 18%; border-color: rgba(145,225,213,.4); }
.ai-hero-map__line { display: none; position: absolute; z-index: 1; left: 28%; width: 23%; height: 1px; background: linear-gradient(90deg, rgba(121,211,198,.12), #79d3c6, rgba(121,211,198,.12)); transform-origin: left center; }.ai-hero-map__line--one { top: 40%; transform: rotate(18deg); }.ai-hero-map__line--two { top: 59%; transform: rotate(-17deg); }.ai-hero-map__line--three { left: 50%; top: 40%; width: 23%; transform: rotate(162deg); }.ai-hero-map__line--four { left: 50%; top: 59%; width: 23%; transform: rotate(198deg); }
.ai-hero-map__bottom { position: absolute; right: 18px; bottom: 14px; left: 18px; display: flex; justify-content: space-between; gap: 10px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.1); color: #8ea9ad; font-size: .53rem; letter-spacing: .1em; }

.ai-dark { color: #fff; background: var(--ai-dark); }
.ai-dark .eyebrow { color: #79d3c6; }
.ai-dark .lead, .ai-dark .section-title p:last-child { color: #b9c9c8; }
.ai-pain { color: #fff; background: var(--ai-dark); }
.ai-pain .eyebrow { color: #79d3c6; }
.ai-pain .lead { color: #b9c9c8; }
.ai-pain-grid { display: grid; gap: 12px; }
.ai-pain-card { position: relative; min-height: 154px; padding: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.055); }
.ai-pain-card::after { content: ""; position: absolute; right: -38px; bottom: -54px; width: 140px; height: 140px; border: 24px solid rgba(121,211,198,.08); border-radius: 50%; }
.ai-pain-card span { display: block; margin-bottom: 20px; color: #79d3c6; font-size: .72rem; font-weight: 900; letter-spacing: .14em; }.ai-pain-card strong { position: relative; z-index: 1; display: block; max-width: 310px; font-size: 1.04rem; line-height: 1.5; }
.ai-pain__statement { display: grid; gap: 8px; margin-top: 24px; padding: 22px 0 0; border-top: 1px solid rgba(255,255,255,.16); }.ai-pain__statement span { color: #efcf84; font-size: .65rem; font-weight: 900; letter-spacing: .16em; }.ai-pain__statement strong { font-size: clamp(1.25rem, 3vw, 1.75rem); }

.ai-pillar-grid { display: grid; gap: 14px; }.ai-pillar-card { position: relative; display: flex; min-height: 390px; padding: 26px; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.72); }.ai-pillar-card::after { content: ""; position: absolute; right: -58px; top: -62px; width: 170px; height: 170px; border: 30px solid rgba(17,124,121,.06); border-radius: 50%; }.ai-card-number { position: relative; z-index: 1; display: grid; width: 38px; height: 38px; margin-bottom: 24px; place-items: center; border-radius: 50%; color: var(--teal-dark); background: var(--mint); font-weight: 900; }.ai-card-label { position: relative; z-index: 1; margin: 0 0 8px; color: var(--teal-dark); font-size: .65rem; font-weight: 900; letter-spacing: .12em; }.ai-pillar-card h3 { position: relative; z-index: 1; margin-bottom: 10px; font-size: 1.55rem; }.ai-pillar-card > p:not(.ai-card-label) { position: relative; z-index: 1; margin: 0 0 16px; color: var(--muted); font-size: .9rem; }.ai-pillar-card ul { position: relative; z-index: 1; display: grid; gap: 9px; margin: auto 0 0; padding: 16px 0 0 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: .82rem; }.ai-pillar-card li::marker { color: var(--teal); }

.ai-architecture { overflow: hidden; }.ai-architecture__layout { display: grid; gap: 42px; align-items: center; }.ai-architecture h2 { max-width: 660px; }.ai-architecture__notes { display: grid; gap: 0; max-width: 620px; margin-top: 32px; }.ai-architecture__notes > div { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; padding: 14px 0; border-top: 1px solid rgba(255,255,255,.14); }.ai-architecture__notes span { grid-row: span 2; color: #79d3c6; font-size: .7rem; font-weight: 900; letter-spacing: .1em; }.ai-architecture__notes strong { font-size: .9rem; }.ai-architecture__notes small { color: #b9c9c8; font-size: .75rem; }
.ai-agent-map { position: relative; min-height: 465px; overflow: hidden; border: 1px solid rgba(121,211,198,.24); border-radius: 24px; background: radial-gradient(circle at 50% 47%, rgba(121,211,198,.17), transparent 11rem), #0c2026; box-shadow: 0 24px 70px rgba(0,0,0,.2); }.ai-agent-map__label { position: absolute; z-index: 2; top: 18px; left: 20px; color: #79d3c6; font-size: .59rem; font-weight: 900; letter-spacing: .13em; }.ai-agent-map__context { position: absolute; z-index: 2; top: 52px; right: 18px; left: 18px; display: flex; justify-content: center; gap: 8px; }.ai-agent-map__context span { padding: 6px 9px; border: 1px solid rgba(145,225,213,.25); border-radius: 7px; color: #dff2ed; background: rgba(255,255,255,.06); font-size: .6rem; }.ai-agent-map__hub { position: absolute; z-index: 2; left: 50%; top: 49%; display: grid; width: 150px; height: 150px; place-items: center; align-content: center; border: 1px solid rgba(145,225,213,.55); border-radius: 50%; background: #174348; text-align: center; transform: translate(-50%, -50%); box-shadow: 0 0 0 14px rgba(121,211,198,.07), 0 0 48px rgba(121,211,198,.18); }.ai-agent-map__hub::before { content: ""; position: absolute; inset: 11px; border: 1px dashed rgba(145,225,213,.45); border-radius: 50%; }.ai-agent-map__hub > * { position: relative; }.ai-agent-map__hub small { color: #79d3c6; font-size: .56rem; letter-spacing: .13em; }.ai-agent-map__hub strong { margin: 6px 0; font-size: .98rem; line-height: 1.12; }.ai-agent-map__hub span { color: #b9e8df; font-size: .64rem; }
.ai-agent-map__branch { position: absolute; z-index: 2; display: grid; gap: 2px; width: 135px; padding: 13px; border: 1px solid rgba(145,225,213,.26); border-radius: 12px; background: rgba(255,255,255,.06); }.ai-agent-map__branch small { color: #79d3c6; font-size: .55rem; font-weight: 900; letter-spacing: .12em; }.ai-agent-map__branch strong { font-size: .9rem; }.ai-agent-map__branch span { color: #b9c9c8; font-size: .62rem; }.ai-agent-map__branch--one { left: 8%; top: 31%; }.ai-agent-map__branch--two { right: 8%; top: 31%; border-color: rgba(239,207,132,.38); }.ai-agent-map__branch--two small { color: #efcf84; }.ai-agent-map__branch--three { left: 50%; bottom: 11%; border-color: rgba(145,225,213,.4); transform: translateX(-50%); }.ai-agent-map__stem { position: absolute; z-index: 1; left: 50%; width: 1px; background: linear-gradient(180deg, rgba(121,211,198,.1), #79d3c6, rgba(121,211,198,.1)); transform-origin: top center; }.ai-agent-map__stem--one { top: 21%; height: 22%; transform: rotate(-61deg); }.ai-agent-map__stem--two { top: 21%; height: 22%; transform: rotate(61deg); }.ai-agent-map__stem--three { top: 63%; height: 16%; transform: rotate(180deg); }.ai-agent-map__footer { position: absolute; right: 18px; bottom: 14px; left: 18px; display: flex; justify-content: space-between; gap: 10px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.1); color: #8ea9ad; font-size: .52rem; letter-spacing: .08em; }

.ai-workflow-panel { padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: var(--shadow); }
.ai-workflow-map { display: grid; gap: 28px; max-width: 1040px; margin: 0 auto; }
.ai-workflow-map__start, .ai-workflow-map__lane, .ai-workflow-map__verify, .ai-workflow-map__feedback, .ai-workflow-map__finish { min-width: 0; border-radius: 18px; }
.ai-workflow-map__start { position: relative; display: grid; gap: 10px; align-items: center; padding: 22px; border: 1px solid #b8dbd2; background: linear-gradient(120deg, #edf8f4, #f8fcfa); }
.ai-workflow-map__step { display: inline-block; color: var(--teal-dark); font-size: .64rem; font-weight: 900; letter-spacing: .1em; white-space: nowrap; }
.ai-workflow-map h3 { margin: 5px 0 6px; font-size: 1.2rem; line-height: 1.35; }
.ai-workflow-map p { margin: 0; color: var(--muted); font-size: .83rem; line-height: 1.65; }
.ai-workflow-map__artifact { justify-self: start; padding: 9px 12px; border: 1px solid #b8dbd2; border-radius: 10px; color: var(--teal-dark); background: #fff; font-size: .74rem; white-space: nowrap; }
.ai-workflow-map__start::after, .ai-workflow-map__parallel::after, .ai-workflow-map__validation::after { content: "↓"; position: absolute; bottom: -29px; left: 50%; z-index: 1; color: var(--teal); font-size: 1.3rem; font-weight: 900; line-height: 1; transform: translateX(-50%); }
.ai-workflow-map__parallel { position: relative; display: grid; gap: 12px; }
.ai-workflow-map .ai-workflow-map__parallel-label { padding-left: 2px; color: var(--teal-dark); font-size: .72rem; font-weight: 850; letter-spacing: .03em; }
.ai-workflow-map__lane { display: flex; min-height: 170px; padding: 20px; flex-direction: column; align-items: flex-start; border: 1px solid var(--line); }
.ai-workflow-map__lane--pg { background: #fbfaf5; }
.ai-workflow-map__lane--qa { border-color: #b8dbd2; background: #f0faf8; }
.ai-workflow-map__lane strong { margin-top: auto; padding-top: 14px; color: var(--teal-dark); font-size: .72rem; }
.ai-workflow-map__validation { position: relative; display: grid; gap: 12px; }
.ai-workflow-map__verify { display: grid; gap: 18px; align-items: center; padding: 23px; color: #fff; background: var(--ai-dark); }
.ai-workflow-map__verify .ai-workflow-map__step { color: #91e1d5; }
.ai-workflow-map__verify p { color: #c4d6d4; }
.ai-workflow-map__sources { display: grid; gap: 6px; }
.ai-workflow-map__sources span { padding: 8px 10px; border: 1px solid rgba(145,225,213,.28); border-radius: 8px; color: #e7f6f1; background: rgba(255,255,255,.07); font-size: .7rem; font-weight: 800; text-align: center; }
.ai-workflow-map__sources strong { padding-top: 3px; color: #91e1d5; font-size: .72rem; text-align: center; }
.ai-workflow-map__feedback { display: grid; gap: 10px; padding: 20px; border: 1px solid #e7ca89; background: #fff8e8; }
.ai-workflow-map__feedback > strong { color: #74531e; font-size: .82rem; }
.ai-workflow-map__feedback > div { display: grid; gap: 8px; }
.ai-workflow-map__feedback span { display: block; padding-top: 8px; border-top: 1px solid #ead9ad; color: #654e25; font-size: .73rem; line-height: 1.5; }
.ai-workflow-map__finish { display: grid; gap: 12px; align-items: center; padding: 22px; border: 1px solid #b8dbd2; background: #f3faf7; }
.ai-workflow-map__finish > strong { justify-self: start; padding: 11px 14px; border-radius: 10px; color: #fff; background: var(--teal-dark); font-size: .75rem; white-space: nowrap; }
.ai-workflow__guardrails { display: grid; gap: 22px; margin-top: 28px; padding: 24px; border-radius: 18px; color: #fff; background: var(--ai-dark); }
.ai-workflow__guardrails .eyebrow { color: #79d3c6; }
.ai-workflow__guardrails h3 { margin-bottom: 8px; }
.ai-workflow__guardrails p:not(.eyebrow) { margin: 0; color: #b9c9c8; font-size: .88rem; }
.ai-workflow__guardrails ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; color: #dff2ed; font-size: .8rem; }
.ai-workflow__guardrails li { padding-left: 18px; }
.ai-workflow__guardrails li::before { content: "✓"; margin-left: -18px; margin-right: 8px; color: #91e1d5; font-weight: 900; }

.ai-path-grid { display: grid; gap: 16px; }.ai-path-card { display: flex; padding: 28px; flex-direction: column; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: var(--shadow); }.ai-path-card--accent { border-color: rgba(17,124,121,.35); background: linear-gradient(145deg, #fff, #edf8f4); }.ai-path-card__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }.ai-path-card__head span { color: var(--teal-dark); font-size: .72rem; font-weight: 900; letter-spacing: .13em; }.ai-path-card__head small { color: var(--muted); font-size: .76rem; }.ai-path-card h3 { margin: 24px 0 10px; font-size: 1.7rem; }.ai-path-card > p { margin: 0; color: var(--muted); font-size: .9rem; }.ai-path-card ul { display: grid; gap: 8px; margin: 20px 0 0; padding-left: 20px; color: var(--muted); font-size: .86rem; }.ai-path-card li::marker { color: var(--teal); }.ai-path-card__flow { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 22px 0; color: var(--teal-dark); font-size: .68rem; font-weight: 850; }.ai-path-card__flow span { padding: 6px 8px; border-radius: 6px; background: var(--mint); }.ai-path-card__flow b { color: var(--teal); }.ai-fit { margin-top: auto !important; padding-top: 20px; }.ai-fit strong { color: var(--ink); }.ai-path-card .text-link { display: inline-block; margin-top: 18px; font-size: .84rem; }.ai-quote { margin-top: auto !important; padding-top: 22px; color: var(--teal-dark) !important; font-size: 1.12rem !important; font-weight: 850; }

.ai-coaching { overflow: hidden; }.ai-coaching-grid { display: grid; gap: 12px; }.ai-coaching-grid article { min-height: 275px; padding: 22px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.055); }.ai-coaching-grid article > span { display: grid; width: 34px; height: 34px; margin-bottom: 24px; place-items: center; border-radius: 50%; color: #91e1d5; background: rgba(121,211,198,.14); font-size: .7rem; font-weight: 900; }.ai-coaching-grid small { color: #79d3c6; font-size: .58rem; font-weight: 900; letter-spacing: .12em; }.ai-coaching-grid h3 { margin: 8px 0; font-size: 1.3rem; }.ai-coaching-grid p { margin: 0; color: #b9c9c8; font-size: .82rem; }

.ai-smb { background: #fff; }.ai-smb__layout { display: grid; gap: 42px; align-items: center; }.ai-smb h2 { max-width: 650px; }.ai-smb .lead { max-width: 660px; }.ai-smb__fit { display: grid; gap: 8px; margin-top: 28px; }.ai-smb__fit span { display: block; padding: 10px 14px; border-left: 3px solid var(--teal); color: var(--muted); background: #f6faf8; font-size: .82rem; }.ai-security-stack { display: grid; gap: 8px; }.ai-security-stack__item { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: #f8fbf9; }.ai-security-stack__item > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: var(--teal-dark); background: var(--mint); font-size: .66rem; font-weight: 900; }.ai-security-stack__item small { display: block; color: var(--teal-dark); font-size: .58rem; font-weight: 900; letter-spacing: .12em; }.ai-security-stack__item strong { display: block; margin-top: 3px; font-size: 1.02rem; }.ai-security-stack__item p { margin: 3px 0 0; color: var(--muted); font-size: .76rem; }.ai-security-stack__item--key { border-color: rgba(214,168,79,.65); background: #fffaf0; }.ai-security-stack__item--key > span { color: #74531e; background: #f7e5b7; }.ai-security-stack__item--key small { color: #74531e; }.ai-security-stack__connector { color: var(--amber); font-size: 1.2rem; font-weight: 900; line-height: 1; text-align: center; }

.ai-results { overflow: hidden; }.ai-results__layout { display: grid; gap: 42px; align-items: start; }.ai-results h2 { max-width: 620px; }.ai-results .lead { max-width: 620px; }.ai-deliverables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; margin-top: 28px; }.ai-deliverables span { padding: 9px 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; color: #dff2ed; background: rgba(255,255,255,.055); font-size: .74rem; }.ai-deliverables span::before { content: "↗"; margin-right: 6px; color: #79d3c6; }.ai-kpi-card { padding: 26px; border: 1px solid rgba(239,207,132,.5); border-radius: 22px; background: rgba(239,207,132,.08); }.ai-kpi-card .eyebrow { color: #efcf84; }.ai-kpi-card h3 { margin-bottom: 10px; font-size: 1.45rem; }.ai-kpi-card > p:not(.eyebrow) { color: #b9c9c8; font-size: .86rem; }.ai-kpi-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 22px; }.ai-kpi-grid span { padding: 10px; border-top: 1px solid rgba(255,255,255,.16); color: #dff2ed; font-size: .74rem; }

.ai-start { background: #edf5f1; }.ai-scenarios { display: grid; gap: 12px; }.ai-scenarios blockquote { margin: 0; padding: 22px; border-left: 3px solid var(--amber); border-radius: 0 16px 16px 0; color: var(--ink); background: #fff; box-shadow: 0 10px 30px rgba(16,42,48,.06); font-size: 1rem; font-weight: 750; }.ai-start__line { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; justify-content: center; margin-top: 30px; color: var(--teal-dark); font-size: .8rem; font-weight: 850; text-align: center; }.ai-start__line span, .ai-start__line strong { padding: 8px 11px; border-radius: 999px; background: rgba(255,255,255,.75); }.ai-start__line strong { color: #74531e; background: #fff7df; }.ai-start__line b { color: var(--teal); }
.ai-cta { padding-bottom: 72px; }.ai-cta .cta-box { background: linear-gradient(135deg, #0b5f5d, #153c42); }.ai-cta .cta-box::before { content: "AI"; position: absolute; right: 42px; top: -30px; color: rgba(255,255,255,.04); font-size: 13rem; font-weight: 900; letter-spacing: -.12em; }.ai-cta .cta-box > * { position: relative; z-index: 1; }.ai-cta .cta-box .eyebrow { color: #91e1d5; }

@media (max-width: 759px) {
  .ai-hero-map { min-height: 350px; }.ai-hero-map__node { width: 105px; padding: 9px; }.ai-hero-map__node--ap { left: 5%; top: 27%; }.ai-hero-map__node--infra { left: 5%; bottom: 19%; }.ai-hero-map__node--security { right: 5%; top: 27%; }.ai-hero-map__node--governance { right: 5%; bottom: 19%; }.ai-hero-map__bottom { font-size: .46rem; }.ai-agent-map { min-height: 450px; }.ai-agent-map__branch { width: 120px; padding: 10px; }.ai-agent-map__branch--one { left: 4%; }.ai-agent-map__branch--two { right: 4%; }.ai-agent-map__branch--three { bottom: 9%; }.ai-workflow-panel { padding: 16px; }.ai-workflow__guardrails { padding: 20px; }.ai-deliverables { gap: 7px; }.ai-deliverables span { font-size: .68rem; }
  .ai-workflow-map__start, .ai-workflow-map__lane, .ai-workflow-map__verify, .ai-workflow-map__feedback, .ai-workflow-map__finish { padding: 18px; }
}

@media (min-width: 760px) {
  .ai-hero { padding-top: 104px; }.ai-hero__grid { grid-template-columns: 1.05fr .95fr; gap: 60px; }.ai-pain-grid { grid-template-columns: repeat(3, 1fr); }.ai-pain-card:nth-child(4) { grid-column: 1 / span 1; }.ai-pain-card:nth-child(5) { grid-column: 2 / span 1; }.ai-pillar-grid { grid-template-columns: repeat(2, 1fr); }.ai-architecture__layout { grid-template-columns: 1fr 1fr; gap: 60px; }.ai-workflow__guardrails { grid-template-columns: 1.1fr .9fr; gap: 50px; align-items: center; }.ai-path-grid { grid-template-columns: repeat(2, 1fr); }.ai-coaching-grid { grid-template-columns: repeat(2, 1fr); }.ai-smb__layout { grid-template-columns: 1.05fr .95fr; gap: 60px; }.ai-results__layout { grid-template-columns: 1.05fr .95fr; gap: 60px; }.ai-scenarios { grid-template-columns: repeat(2, 1fr); }
  .ai-workflow-map__start { grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; }
  .ai-workflow-map__parallel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-workflow-map__parallel-label { grid-column: 1 / -1; }
  .ai-workflow-map__verify { grid-template-columns: minmax(0, 1.5fr) minmax(135px, .65fr); }
  .ai-workflow-map__finish { grid-template-columns: minmax(0, 1fr) auto; gap: 18px; }
}

@media (min-width: 980px) {
  .ai-pain-grid { grid-template-columns: repeat(5, 1fr); }.ai-pain-card:nth-child(4), .ai-pain-card:nth-child(5) { grid-column: auto; }.ai-pain-card { min-height: 230px; }.ai-pillar-grid { grid-template-columns: repeat(4, 1fr); }.ai-coaching-grid { grid-template-columns: repeat(5, 1fr); }.ai-coaching-grid article { min-height: 300px; }.ai-workflow-panel { padding: 34px; }
  .ai-workflow-map__validation { grid-template-columns: minmax(0, 1.65fr) minmax(245px, .85fr); }
}

@media (prefers-reduced-motion: reduce) {
  .ai-hero-map, .ai-agent-map { box-shadow: none; }
}