.ai-page { --ai: #6558ee; --ai-soft: #9d90ff; --ai-glow: #d7ff63; --accent: var(--ai); }

.ai-hero { min-height: 800px; padding-block: 72px 86px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 54px; position: relative; }
.ai-hero::before { content: ""; position: absolute; z-index: 0; width: 520px; height: 520px; left: -360px; top: 80px; border-radius: 50%; background: rgba(101,88,238,.1); filter: blur(60px); }
.ai-hero-copy, .ai-control-map { position: relative; z-index: 1; }
.ai-hero-copy h1 { max-width: 760px; margin: 0; font-size: clamp(56px,5.7vw,88px); font-weight: 780; letter-spacing: -.069em; line-height: .92; }
.ai-hero-copy h1 span { color: var(--ai); }
.ai-hero-copy > p { max-width: 690px; margin: 30px 0 0; color: #484c55; font-size: clamp(16px,1.25vw,20px); line-height: 1.62; letter-spacing: -.018em; }
.ai-hero-copy > small { display: block; margin-top: 30px; color: var(--muted); font-size: 8px; font-weight: 750; line-height: 1.6; letter-spacing: .09em; text-transform: uppercase; }

.ai-control-map { min-width: 0; overflow: hidden; color: white; background: radial-gradient(circle at 58% 24%,rgba(101,88,238,.36),transparent 30%),linear-gradient(145deg,#151a28,#080a10 78%); border: 1px solid rgba(255,255,255,.15); border-radius: 27px; box-shadow: 0 40px 110px rgba(24,29,71,.28); }
.ai-control-map::before { content: ""; position: absolute; inset: 0; opacity: .11; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(black,transparent 90%); }
.ai-map-top { min-height: 55px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; border-bottom: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.58); font-size: 7px; font-weight: 800; letter-spacing: .13em; }
.ai-map-top span { display: flex; align-items: center; gap: 9px; }
.ai-map-top i { width: 6px; height: 6px; border-radius: 50%; background: var(--ai-glow); box-shadow: 0 0 15px var(--ai-glow); }
.ai-map-top b { color: var(--ai-glow); font-size: 7px; text-transform: uppercase; }

.ai-map-customer { margin: 16px 16px 0; padding: 14px; display: grid; grid-template-columns: 1.2fr repeat(3,1fr); align-items: center; gap: 7px; position: relative; z-index: 1; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.035); }
.ai-map-customer > span { color: rgba(255,255,255,.5); font-size: 7px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.ai-map-customer > div { min-height: 38px; padding: 7px; display: flex; align-items: center; gap: 7px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: rgba(255,255,255,.045); color: rgba(255,255,255,.8); font-size: 7px; }
.ai-map-person,.ai-map-app,.ai-map-agent { width: 19px; height: 19px; flex: 0 0 19px; position: relative; border: 1px solid rgba(255,255,255,.18); border-radius: 6px; }
.ai-map-person::before { content: ""; position: absolute; width: 5px; height: 5px; left: 6px; top: 3px; border-radius: 50%; background: var(--ai-soft); }
.ai-map-person::after { content: ""; position: absolute; width: 9px; height: 5px; left: 4px; bottom: 3px; border: 1px solid var(--ai-soft); border-bottom: 0; border-radius: 7px 7px 0 0; }
.ai-map-app::before { content: ""; position: absolute; inset: 4px; border: 1px solid var(--ai-soft); border-radius: 2px; box-shadow: inset 0 3px rgba(157,144,255,.18); }
.ai-map-agent::before { content: ""; position: absolute; width: 4px; height: 4px; left: 7px; top: 7px; border-radius: 50%; background: var(--ai-glow); box-shadow: -5px -4px 0 -1px var(--ai-soft),5px -4px 0 -1px var(--ai-soft),-5px 5px 0 -1px var(--ai-soft),5px 5px 0 -1px var(--ai-soft); }

.ai-map-flow { height: 34px; display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; z-index: 1; color: rgba(255,255,255,.42); font-size: 6px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.ai-map-flow i { width: 32px; height: 1px; background: linear-gradient(90deg,transparent,var(--ai-soft)); }
.ai-map-flow i:last-child { background: linear-gradient(90deg,var(--ai-soft),transparent); }

.ai-tenant { margin: 0 16px; padding: 14px; position: relative; z-index: 2; border: 1px solid rgba(157,144,255,.65); border-radius: 18px; background: linear-gradient(145deg,rgba(101,88,238,.14),rgba(255,255,255,.025)); box-shadow: inset 0 0 42px rgba(101,88,238,.08); }
.ai-tenant-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: rgba(255,255,255,.6); font-size: 6px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ai-tenant-heading b { color: var(--ai-glow); }
.ai-gateway-core { min-height: 112px; margin-top: 12px; padding: 18px; display: grid; place-items: center; text-align: center; border: 1px solid rgba(255,255,255,.32); border-radius: 16px; background: linear-gradient(145deg,#7164f3,#2c42c2); box-shadow: 0 20px 55px rgba(43,59,194,.42),inset 0 1px rgba(255,255,255,.25); }
.ai-gateway-core small { color: var(--ai-glow); font-size: 6px; font-weight: 850; letter-spacing: .18em; }
.ai-gateway-core strong { font-size: 28px; letter-spacing: -.055em; line-height: 1; }
.ai-gateway-core span { color: rgba(255,255,255,.66); font-size: 6px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ai-policy-row { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; margin-top: 8px; }
.ai-policy-row span { min-height: 27px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; background: rgba(7,9,15,.55); color: rgba(255,255,255,.58); font-size: 6px; font-weight: 750; text-transform: uppercase; }

.ai-destinations { margin: 10px 16px 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; position: relative; z-index: 1; }
.ai-destinations article { min-height: 124px; padding: 13px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.11); border-radius: 13px; background: rgba(255,255,255,.045); }
.ai-destinations article > span { color: var(--ai-glow); font-size: 5.5px; font-weight: 850; letter-spacing: .13em; }
.ai-destinations article > strong { margin-top: 8px; font-size: 13px; letter-spacing: -.025em; }
.ai-destinations article > small { margin-top: auto; color: rgba(255,255,255,.46); font-size: 6px; }
.ai-public-destination > div { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 5px; }
.ai-public-destination b { padding: 5px 7px; border: 1px solid rgba(255,255,255,.1); border-radius: 6px; color: rgba(255,255,255,.68); font-size: 6px; }
.ai-private-destination { background: linear-gradient(145deg,rgba(101,88,238,.14),rgba(255,255,255,.035)) !important; }
.ai-private-mark { width: 52px; height: 34px; margin: 9px 0 4px; display: flex; align-items: end; gap: 4px; }
.ai-private-mark i { width: 14px; border: 1px solid var(--ai-soft); border-radius: 4px 4px 2px 2px; background: rgba(157,144,255,.12); }
.ai-private-mark i:nth-child(1) { height: 18px; }.ai-private-mark i:nth-child(2) { height: 27px; border-color: var(--ai-glow); }.ai-private-mark i:nth-child(3) { height: 22px; }
.ai-map-foundation { display: grid; grid-template-columns: repeat(3,1fr); position: relative; z-index: 2; border-top: 1px solid rgba(255,255,255,.11); background: rgba(5,7,12,.58); }
.ai-map-foundation span { min-height: 42px; padding: 8px; display: grid; place-items: center; text-align: center; border-right: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.43); font-size: 5.7px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.ai-map-foundation span:last-child { border-right: 0; }

.ai-highlights .landing-highlight-track strong { font-size: 20px; }
.ai-intro h2 { max-width: 650px; }
.ai-control-grid article { position: relative; overflow: hidden; }
.ai-control-top { display: flex; justify-content: space-between; align-items: flex-start; }
.ai-control-top > span { color: var(--ai); font-size: 8px; font-weight: 800; }
.ai-control-icon { width: 52px; height: 52px; display: block; position: relative; border: 1px solid rgba(101,88,238,.2); border-radius: 14px; background: linear-gradient(145deg,rgba(101,88,238,.08),white); }
.ai-control-icon::before,.ai-control-icon::after { content: ""; position: absolute; box-sizing: border-box; }
.ai-control-icon-access::before { width: 12px; height: 12px; left: 19px; top: 11px; border: 2px solid var(--ai); border-radius: 50%; }
.ai-control-icon-access::after { width: 26px; height: 16px; left: 12px; bottom: 9px; border: 2px solid var(--ai); border-bottom: 0; border-radius: 17px 17px 4px 4px; }
.ai-control-icon-choice::before { inset: 13px; border: 2px solid var(--ai); border-radius: 6px; transform: rotate(45deg); }
.ai-control-icon-choice::after { width: 14px; height: 14px; right: 8px; top: 8px; border: 1px solid var(--ai-soft); border-radius: 4px; transform: rotate(45deg); background: rgba(255,255,255,.8); }
.ai-control-icon-cost::before { content: "€"; inset: 9px; display: grid; place-items: center; border: 2px solid var(--ai); border-radius: 50%; color: var(--ai); font-size: 18px; font-weight: 760; }
.ai-control-icon-policy::before { width: 27px; height: 31px; left: 12px; top: 9px; background: linear-gradient(145deg,var(--ai),var(--ai-soft)); clip-path: polygon(50% 0,100% 17%,88% 76%,50% 100%,12% 76%,0 17%); }
.ai-control-icon-policy::after { width: 12px; height: 6px; left: 21px; top: 21px; border-left: 2px solid white; border-bottom: 2px solid white; transform: rotate(-45deg); }
.ai-control-icon-audit::before { inset: 10px; border: 2px solid var(--ai); border-radius: 50%; }
.ai-control-icon-audit::after { width: 9px; height: 10px; left: 25px; top: 18px; border-left: 2px solid var(--ai); border-bottom: 2px solid var(--ai); transform: rotate(-12deg); }
.ai-control-icon-operations::before { inset: 10px; border: 2px solid var(--ai); border-radius: 50%; box-shadow: inset 0 0 0 7px white; }
.ai-control-icon-operations::after { width: 7px; height: 7px; left: 22px; top: 22px; border-radius: 50%; background: var(--ai); }

.ai-tile-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ai-tile-head > span { color: var(--ai); font-size: 8px; font-weight: 850; letter-spacing: .11em; }
.ai-tile-icon { width: 50px; height: 50px; display: block; flex: 0 0 50px; position: relative; border: 1px solid rgba(101,88,238,.2); border-radius: 14px; background: linear-gradient(145deg,rgba(101,88,238,.08),rgba(255,255,255,.9)); }
.ai-tile-icon::before,.ai-tile-icon::after { content: ""; position: absolute; box-sizing: border-box; }
.ai-tile-icon-gateway::before { inset: 12px; border: 2px solid var(--ai); border-radius: 7px; transform: rotate(45deg); }
.ai-tile-icon-gateway::after { width: 6px; height: 6px; left: 21px; top: 21px; border-radius: 50%; background: var(--ai); box-shadow: -10px -9px 0 -2px var(--ai-soft),10px -9px 0 -2px var(--ai-soft),-10px 9px 0 -2px var(--ai-soft),10px 9px 0 -2px var(--ai-soft); }
.ai-tile-icon-dedicated::before { width: 9px; height: 18px; left: 10px; bottom: 10px; border: 1px solid var(--ai-soft); border-radius: 3px; box-shadow: 10px -8px 0 -1px white,10px -8px 0 0 var(--ai),20px -3px 0 -1px white,20px -3px 0 0 var(--ai-soft); }
.ai-tile-icon-dedicated::after { width: 5px; height: 5px; right: 8px; top: 8px; border-radius: 50%; background: var(--ai); box-shadow: 0 0 12px var(--ai-soft); }
.ai-tile-icon-platform::before { inset: 11px; border: 2px solid var(--ai); clip-path: polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%); }
.ai-tile-icon-platform::after { width: 7px; height: 7px; left: 21px; top: 21px; border-radius: 50%; background: var(--ai); box-shadow: 0 -10px 0 -2px var(--ai-soft),9px 5px 0 -2px var(--ai-soft),-9px 5px 0 -2px var(--ai-soft); }
.ai-tile-icon-lifecycle::before { inset: 11px; border: 2px solid var(--ai); border-left-color: transparent; border-radius: 50%; }
.ai-tile-icon-lifecycle::after { width: 9px; height: 9px; right: 9px; top: 10px; border-top: 2px solid var(--ai); border-right: 2px solid var(--ai); transform: rotate(20deg); }
.ai-tile-icon-monitor::before { width: 30px; height: 20px; left: 9px; top: 12px; border: 2px solid var(--ai); border-radius: 5px; }
.ai-tile-icon-monitor::after { width: 25px; height: 11px; left: 12px; top: 17px; border-left: 2px solid var(--ai-soft); border-bottom: 2px solid var(--ai-soft); clip-path: polygon(0 55%,25% 55%,36% 0,52% 100%,65% 38%,100% 38%,100% 65%,70% 65%,52% 100%,36% 25%,29% 75%,0 75%); background: var(--ai-soft); }
.ai-tile-icon-controls::before { width: 27px; height: 2px; left: 11px; top: 15px; background: var(--ai); box-shadow: 0 9px var(--ai),0 18px var(--ai); }
.ai-tile-icon-controls::after { width: 7px; height: 7px; left: 18px; top: 12px; border-radius: 50%; background: white; border: 2px solid var(--ai); box-shadow: 10px 9px 0 -1px white,10px 9px 0 1px var(--ai),-5px 18px 0 -1px white,-5px 18px 0 1px var(--ai); }
.ai-tile-icon-expertise::before { width: 12px; height: 12px; left: 18px; top: 10px; border: 2px solid var(--ai); border-radius: 50%; }
.ai-tile-icon-expertise::after { width: 28px; height: 17px; left: 10px; bottom: 8px; border: 2px solid var(--ai); border-bottom: 0; border-radius: 17px 17px 5px 5px; box-shadow: 0 0 0 5px rgba(101,88,238,.05); }
.ai-tile-icon-scale::before { width: 8px; height: 10px; left: 9px; bottom: 9px; border: 1px solid var(--ai-soft); border-radius: 2px; box-shadow: 10px -7px 0 -1px white,10px -7px 0 0 var(--ai),20px -15px 0 -1px white,20px -15px 0 0 var(--ai); }
.ai-tile-icon-scale::after { width: 12px; height: 12px; right: 7px; top: 7px; border-top: 2px solid var(--ai); border-right: 2px solid var(--ai); }
.ai-tile-icon-sovereign-control::before { width: 27px; height: 31px; left: 11px; top: 8px; background: linear-gradient(145deg,var(--ai),var(--ai-soft)); clip-path: polygon(50% 0,100% 17%,88% 76%,50% 100%,12% 76%,0 17%); }
.ai-tile-icon-sovereign-control::after { width: 12px; height: 6px; left: 20px; top: 20px; border-left: 2px solid white; border-bottom: 2px solid white; transform: rotate(-45deg); }
.ai-tile-icon-sovereign-processing::before { inset: 9px; border: 2px solid var(--ai); border-radius: 50%; box-shadow: inset 0 0 0 6px white,inset 0 0 0 7px var(--ai-soft); }
.ai-tile-icon-sovereign-processing::after { width: 7px; height: 7px; left: 21px; top: 21px; border-radius: 50%; background: var(--ai); }
.ai-entry-card .ai-tile-icon,.ai-path-grid .ai-tile-icon { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.06); }
.ai-entry-card .ai-tile-head > span,.ai-path-grid .ai-tile-head > span { color: var(--ai-glow); }
.ai-entry-card .ai-tile-icon::before,.ai-entry-card .ai-tile-icon::after,.ai-path-grid .ai-tile-icon::before,.ai-path-grid .ai-tile-icon::after { filter: brightness(2.2); }

.ai-entry-section { padding-block: 120px; color: white; background: radial-gradient(circle at 18% 15%,rgba(101,88,238,.42),transparent 29%),radial-gradient(circle at 85% 80%,rgba(52,87,245,.3),transparent 31%),var(--ink); }
.ai-entry-heading { display: grid; grid-template-columns: 1.55fr .65fr; gap: 70px; align-items: start; }
.ai-entry-heading > p { margin-top: 34px; }
.ai-entry-heading .eyebrow { color: rgba(255,255,255,.55); }.ai-entry-heading .eyebrow::before { background: var(--ai-glow); }
.ai-entry-heading h2 { margin: 0; font-size: clamp(48px,5vw,74px); line-height: .95; letter-spacing: -.06em; }.ai-entry-heading h2 span { color: var(--ai-soft); }
.ai-entry-heading > p { margin: 0; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.65; }
.ai-entry-grid { margin-top: 60px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ai-entry-card { min-height: 470px; padding: 30px; display: flex; flex-direction: column; border: 1px solid var(--line-dark); border-radius: 21px; background: rgba(255,255,255,.045); }
.ai-entry-managed { background: linear-gradient(145deg,rgba(101,88,238,.27),rgba(255,255,255,.04)); }.ai-entry-dedicated { background: linear-gradient(145deg,rgba(52,87,245,.22),rgba(255,255,255,.04)); }
.ai-entry-card h3 { max-width: 560px; margin: auto 0 18px; font-size: clamp(34px,3.4vw,51px); line-height: .98; letter-spacing: -.052em; }
.ai-entry-card > p { max-width: 590px; margin: 0 0 26px; color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.6; }
.ai-entry-card ul,.ai-path-grid ul { margin: 0; padding: 20px 0 0; list-style: none; border-top: 1px solid rgba(255,255,255,.13); }
.ai-entry-card li,.ai-path-grid li { padding: 8px 0 8px 18px; position: relative; color: rgba(255,255,255,.72); font-size: 10px; line-height: 1.45; }
.ai-entry-card li::before,.ai-path-grid li::before { content: ""; width: 5px; height: 5px; position: absolute; left: 0; top: 12px; border-radius: 50%; background: var(--ai-glow); }
.ai-isolation-note { max-width: 980px; margin: 24px 0 0; color: rgba(255,255,255,.52); font-size: 11px; line-height: 1.65; }.ai-isolation-note strong { color: white; }

.ai-included { grid-template-columns: .78fr 1.22fr; padding-bottom: 56px; }
.ai-license-note { grid-column: 2; margin: 0; padding: 18px 20px; color: #636773; background: rgba(101,88,238,.07); border: 1px solid rgba(101,88,238,.16); border-radius: 12px; font-size: 11px; line-height: 1.6; }.ai-license-note strong { color: var(--ink); }
.ai-value-section { padding-block: 75px 120px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; }
.ai-value-copy h2 { margin: 0; font-size: clamp(43px,4.3vw,65px); line-height: .97; letter-spacing: -.058em; }.ai-value-copy > p:last-child { margin: 24px 0 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.ai-value-grid { display: grid; grid-template-columns: 1fr 1fr; }
.ai-value-grid > div { min-height: 135px; padding: 18px; display: grid; align-content: space-between; border-top: 1px solid var(--line); border-right: 1px solid var(--line); }
.ai-value-grid strong { font-size: 16px; }.ai-value-grid small { color: var(--muted); font-size: 9px; }

.ai-sovereignty-section { padding-block: 100px; background: white; border-block: 1px solid var(--line); }
.ai-sovereignty-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }
.ai-sovereignty-grid > div { padding-right: 50px; }.ai-sovereignty-grid h2 { margin: 0; font-size: clamp(40px,4vw,61px); line-height: .98; letter-spacing: -.057em; }
.ai-sovereignty-grid article { min-height: 310px; padding: 26px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 18px; background: var(--paper); }
.ai-sovereignty-grid article h3 { margin: auto 0 16px; font-size: 30px; letter-spacing: -.045em; }.ai-sovereignty-grid article p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }

.ai-path-section { background: radial-gradient(circle at 16% 15%,rgba(101,88,238,.4),transparent 29%),radial-gradient(circle at 84% 80%,rgba(52,87,245,.28),transparent 30%),var(--ink); }
.ai-path-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.ai-path-grid article { min-height: 460px; padding: 26px; display: flex; flex-direction: column; border: 1px solid var(--line-dark); border-radius: 18px; background: rgba(255,255,255,.04); }
.ai-path-grid h3 { margin: auto 0 16px; font-size: 31px; line-height: 1; letter-spacing: -.048em; }.ai-path-grid p { margin: 0 0 24px; color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.6; }
.ai-k8s-option { margin-block: 95px; padding: 44px; display: grid; grid-template-columns: 1fr auto; gap: 60px; align-items: end; border: 1px solid var(--line); border-radius: 22px; background: white; box-shadow: var(--shadow); }
.ai-k8s-option h2 { margin: 0; font-size: clamp(42px,4.2vw,64px); line-height: .97; letter-spacing: -.058em; }.ai-k8s-option p:last-child { max-width: 800px; margin: 22px 0 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.ai-k8s-option > a { min-width: 210px; padding-bottom: 8px; display: flex; justify-content: space-between; gap: 28px; border-bottom: 1px solid var(--ink); font-size: 11px; font-weight: 800; }

@media (max-width: 1100px) {
  .ai-hero { grid-template-columns: 1fr; }
  .ai-control-map { width: min(760px,100%); justify-self: center; }
}
@media (max-width: 980px) {
  .ai-entry-heading,.ai-value-section { grid-template-columns: 1fr; gap: 36px; }
  .ai-entry-heading > p { margin-top: 0; }
  .ai-sovereignty-grid { grid-template-columns: 1fr 1fr; }.ai-sovereignty-grid > div { grid-column: 1 / -1; }
  .ai-included { grid-template-columns: 1fr; }.ai-license-note { grid-column: 1; }
}
@media (max-width: 680px) {
  .ai-hero { min-height: 0; padding-block: 52px 68px; }
  .ai-hero-copy h1 { font-size: clamp(50px,14vw,67px); }
  .ai-map-customer { grid-template-columns: 1fr 1fr 1fr; }.ai-map-customer > span { grid-column: 1 / -1; }
  .ai-destinations,.ai-entry-grid,.ai-sovereignty-grid,.ai-path-grid,.ai-value-grid { grid-template-columns: 1fr; }
  .ai-policy-row { grid-template-columns: 1fr 1fr; }
  .ai-map-foundation { grid-template-columns: 1fr; }.ai-map-foundation span { min-height: 28px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); }
  .ai-entry-section { padding-block: 82px; }.ai-entry-card { min-height: 420px; padding: 24px; }
  .ai-sovereignty-grid > div { grid-column: auto; padding-right: 0; }.ai-sovereignty-grid article { min-height: 270px; }
  .ai-k8s-option { margin-block: 72px; padding: 28px 23px; grid-template-columns: 1fr; gap: 34px; }.ai-k8s-option > a { min-width: 0; }
}

/* Aligned hero gateway map */
.ai-hero{min-height:735px;padding-block:76px 92px;grid-template-columns:1.12fr .88fr;align-items:start;gap:64px}
.ai-control-map{height:540px;min-height:540px;display:flex;flex-direction:column;color:var(--ink);background:radial-gradient(circle at 55% 39%,#6558ee1f,transparent 32%),radial-gradient(circle at 15% 76%,#3457f512,transparent 34%),transparent;border-color:transparent;border-radius:24px;box-shadow:none}
.ai-control-map:before{opacity:.36;background-image:linear-gradient(#3457f517 1px,transparent 1px),linear-gradient(90deg,#3457f517 1px,transparent 1px);mask-image:radial-gradient(ellipse at center,#000 0 28%,transparent 78%)}
.ai-map-top{min-height:55px;color:#4548519e;border-bottom-color:var(--line)}.ai-map-top b{color:var(--ai)}
.ai-gateway-map{flex:1;padding:26px 17px 20px;display:grid;grid-template-columns:96px 28px 148px 28px minmax(108px,1fr);align-items:center;gap:7px;position:relative;z-index:1}
.ai-map-sources,.ai-map-targets{display:grid;gap:7px}.ai-map-sources>small,.ai-map-targets>small{margin-bottom:3px;color:#4548518f;font-size:5.8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.ai-map-sources>span,.ai-map-targets>span{min-height:45px;padding:8px 9px;display:flex;align-items:center;gap:7px;color:#4d515b;background:#ffffffd1;border:1px solid #45485121;border-radius:10px;box-shadow:0 9px 22px #1c22460e;font-size:7.5px;font-weight:750}
.ai-map-sources .ai-map-person,.ai-map-sources .ai-map-app,.ai-map-sources .ai-map-agent{display:block;border-color:#6558ee33;background:#6558ee0e}
.ai-map-connector{height:1px;position:relative;background:linear-gradient(90deg,#45485133,var(--ai))}.ai-map-connector:after{content:"";width:7px;height:7px;position:absolute;right:0;top:-3px;border-top:1px solid var(--ai);border-right:1px solid var(--ai);transform:rotate(45deg)}.ai-map-connector i{width:6px;height:6px;position:absolute;left:42%;top:-3px;border-radius:50%;background:var(--ai);box-shadow:0 0 0 4px #6558ee1a,0 0 15px #6558ee75}.ai-map-connector-out{background:linear-gradient(90deg,var(--ai),#45485133)}
.ai-gateway-zone{height:218px;padding:20px 10px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #6558ee47;border-radius:28px;background:#ffffff59;box-shadow:inset 0 0 36px #6558ee0b}.ai-gateway-zone>small{color:#4548518a;font-size:5.3px;font-weight:850;letter-spacing:.12em;text-align:center}
.ai-gateway-orb{width:126px;height:126px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;text-align:center;background:radial-gradient(circle at 30% 22%,#97a3ffc2,transparent 28%),linear-gradient(145deg,#625af0,#2b40bf 64%,#111b68);border:1px solid #ffffff8f;border-radius:50%;box-shadow:0 24px 58px #2d3db24d,0 0 0 9px #6558ee0e}.ai-gateway-orb span{color:#ffffffa6;font-size:5.5px;font-weight:850;letter-spacing:.16em}.ai-gateway-orb strong{font-size:19px;line-height:.9;letter-spacing:-.045em}.ai-gateway-orb em{padding:3px 7px;color:#292b36;background:var(--ai-glow);border-radius:999px;font-size:5.3px;font-style:normal;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.ai-map-targets>span{min-height:65px;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.2}.ai-map-targets b{color:var(--ai);font-size:5.3px;letter-spacing:.12em}
.ai-map-controls{margin:0 17px 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;position:relative;z-index:1}.ai-map-controls span{min-height:35px;padding:7px 5px;display:grid;place-items:center;text-align:center;color:#575b66;background:#ffffffc2;border:1px solid #6558ee24;border-radius:8px;font-size:6px;font-weight:780}.ai-map-controls span:before{content:"";width:5px;height:5px;margin-bottom:4px;border-radius:50%;background:var(--ai);box-shadow:0 0 0 3px #6558ee14}
.ai-map-foundation{grid-template-columns:1fr 1fr;border-top-color:var(--line);background:#ffffff6b}.ai-map-foundation span{min-height:45px;color:#45485194;border-right-color:var(--line);font-size:5.7px}
@media(max-width:680px){.ai-gateway-map{padding:20px 10px 16px;grid-template-columns:70px 18px 108px 18px minmax(88px,1fr);gap:4px}.ai-map-sources>span{min-height:39px;padding:6px;font-size:6.5px}.ai-map-sources>small,.ai-map-targets>small{font-size:5px}.ai-map-sources .ai-map-person,.ai-map-sources .ai-map-app,.ai-map-sources .ai-map-agent{width:16px;height:16px;flex-basis:16px}.ai-gateway-zone{height:190px;padding-inline:6px}.ai-gateway-orb{width:96px;height:96px}.ai-gateway-orb strong{font-size:16px}.ai-map-targets>span{min-height:60px;padding:7px;font-size:6.3px}.ai-map-controls{margin-inline:10px;gap:4px}.ai-map-controls span{font-size:5.3px}}
@media(max-width:1100px){.ai-hero{grid-template-columns:1fr}.ai-control-map{width:min(760px,100%);justify-self:center}}
@media(max-width:680px){.ai-hero{min-height:0;padding-block:52px 68px}}

/* Offer panel, matched to the VMware Exit page */
.ai-control-map{height:auto;min-height:540px;padding:30px;overflow:hidden}.ai-control-map:before{display:none}.ai-control-map>p{margin:0 0 12px;color:var(--ai);font-size:8px;font-weight:800;letter-spacing:.15em}.ai-control-map h2{max-width:420px;margin:0;font-size:clamp(32px,3vw,46px);line-height:.99;letter-spacing:-.052em}.ai-control-map ul{list-style:none;margin:auto 0 0;padding:0}.ai-control-map li{padding:12px 0;color:#4e535e;border-top:1px solid var(--line);font-size:11px;font-weight:650}.ai-control-map li:before{content:"↗";margin-right:11px;color:var(--ai)}
.ai-gateway-visual{height:208px;flex:0 0 208px;margin:-30px -30px 30px;padding:20px 18px;display:grid;grid-template-columns:88px 34px 100px 34px minmax(110px,1fr);align-items:center;gap:7px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 53% 52%,#6558ee24,transparent 32%),linear-gradient(#3457f512 1px,transparent 1px),linear-gradient(90deg,#3457f512 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}.ai-gateway-visual:before,.ai-gateway-visual:after{display:none}
.ai-visual-source{width:80px;height:80px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:#5e626c;background:#ffffffc2;border:1px solid #4548512e;border-radius:50%;box-shadow:0 14px 32px #1c224612}.ai-visual-source small,.ai-visual-gateway small{font-size:5.4px;font-weight:850;letter-spacing:.12em}.ai-visual-source strong{font-size:9px;line-height:1.25}
.ai-visual-route{height:42px;position:relative;display:flex;align-items:center}.ai-visual-route:before{content:"";width:100%;height:1px;background:linear-gradient(90deg,#45485138,var(--ai))}.ai-visual-route:after{content:"";width:7px;height:7px;position:absolute;right:0;border-top:1px solid var(--ai);border-right:1px solid var(--ai);transform:rotate(45deg)}.ai-visual-route span{position:absolute;left:50%;top:3px;translate:-50% 0;color:#6c7079;font-size:5px;font-weight:850;letter-spacing:.1em;white-space:nowrap}.ai-gateway-visual .ai-visual-route i{width:6px;height:6px;position:absolute;left:42%;top:18px;border:0;border-radius:50%;background:var(--ai);box-shadow:0 0 0 4px #6558ee1a,0 0 16px #6558ee80}.ai-visual-route-out:before{background:linear-gradient(90deg,var(--ai),#45485138)}
.ai-visual-gateway{width:100px;height:100px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;text-align:center;background:radial-gradient(circle at 30% 22%,#97a3ffc7,transparent 28%),linear-gradient(145deg,#625af0,#2b40bf 64%,#111b68);border:1px solid #ffffff94;border-radius:50%;box-shadow:0 22px 52px #2d3db247,0 0 0 9px #6558ee0e}.ai-visual-gateway small{color:#ffffffa8}.ai-visual-gateway strong{font-size:15px;line-height:.9;letter-spacing:-.04em}.ai-visual-gateway em{padding:3px 6px;color:#292b36;background:var(--ai-glow);border-radius:999px;font-size:5px;font-style:normal;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.ai-visual-models{display:grid;gap:7px}.ai-visual-models span{min-height:57px;padding:8px 9px 8px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px;color:#4d515b;background:#ffffffd1;border:1px solid #45485121;border-radius:9px;box-shadow:0 9px 22px #1c22460e;font-size:7px;font-weight:750;line-height:1.15}.ai-visual-models b{color:var(--ai);font-size:5.2px;letter-spacing:.12em}
@media(max-width:680px){.ai-control-map{padding:22px}.ai-gateway-visual{margin:-22px -22px 26px;padding:16px 10px;grid-template-columns:70px 24px 86px 24px minmax(94px,1fr);gap:4px}.ai-visual-source{width:68px;height:68px}.ai-visual-gateway{width:86px;height:86px;padding:8px}.ai-visual-gateway strong{font-size:13px}.ai-visual-models{gap:5px}.ai-visual-models span{min-height:52px;padding:6px;font-size:6.2px}}