.infrastructure{background:rgba(255,255,255,.94)}
.infrastructure .section-top>p{max-width:380px;margin-bottom:0}
.infrastructure h2 em{color:#7348c6}
.ai-network{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:36px;align-items:center;position:relative}
.ai-network-side{display:grid;gap:24px;position:relative}
.ai-node{padding:28px 24px;border:1px solid #e3ddec;border-radius:10px;background:rgba(255,255,255,.96);position:relative}
.ai-node:after{content:"";position:absolute;top:50%;height:1px;width:36px;background:linear-gradient(90deg,#d8c6ef,#9862d8);right:-37px}
.ai-network-side:last-child .ai-node:after{right:auto;left:-37px;background:linear-gradient(90deg,#9862d8,#d8c6ef)}
.ai-node>span{font-size:9px;letter-spacing:1.2px;color:#8061aa;font-weight:600;line-height:1.5}
.ai-node h3{font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.4px;margin:18px 0 13px}
.ai-node p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.ai-hub{padding:36px 25px;text-align:center;border:1px solid #b994e4;border-radius:18px;background:radial-gradient(ellipse at 50% 30%,#ead8ff 0%,#f6efff 50%,#fff 100%);box-shadow:0 18px 55px #7950ac16;position:relative}
.ai-hub-label{font-size:9px;letter-spacing:1.4px;line-height:1.6;color:#755096;font-weight:700}
.ai-hub-mark{width:136px;height:136px;margin:32px auto 26px;border:1px solid #bf94ea;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 11px #cdb0ed22,0 0 0 23px #d9bfed11;background:linear-gradient(145deg,#fff9,#dfc8fa88)}
.ai-hub-mark>span{width:106px;height:106px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8b51d6,#5322a3);color:white;font-size:49px;font-weight:600;letter-spacing:-2px;box-shadow:0 8px 24px #633aa838}
.ai-hub h3{font-size:35px;font-weight:500;letter-spacing:-1px;margin:0 0 9px;color:#4e2384}
.ai-hub-subtitle{font-size:8px;letter-spacing:1.2px;color:#8061aa;line-height:1.6}
.ai-hub p{font-size:15px;line-height:1.8;color:#695875;margin:24px 0}
.ai-hub-functions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.ai-hub-functions span{font-size:10px;padding:7px 9px;border:1px solid #d7bde9;border-radius:4px;color:#71469a;background:#fff8}
.infrastructure-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:45px}
.infrastructure-principles article{display:flex;gap:16px;border-top:1px solid #e4deed;padding-top:25px}
.infrastructure-principles article>span{font-size:11px;color:#947ab8;padding-top:4px}
.infrastructure-principles h3{font-size:18px;line-height:1.4;font-weight:500;margin:0 0 12px}
.infrastructure-principles p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:1000px){.ai-network{gap:22px;grid-template-columns:1fr 1.1fr 1fr}.ai-node{padding:23px 18px}.ai-node:after{width:22px;right:-23px}.ai-network-side:last-child .ai-node:after{left:-23px}.ai-node h3{font-size:20px}.ai-hub{padding:30px 18px}.infrastructure-principles{gap:22px}}
@media(max-width:750px){.ai-network{grid-template-columns:1fr;gap:26px}.ai-hub{grid-row:1;padding:32px 28px}.ai-network-side{grid-template-columns:1fr 1fr;gap:18px}.ai-node:after{display:none}.infrastructure-principles{grid-template-columns:1fr;gap:24px}.infrastructure .section-top{display:block}.infrastructure .section-top>p{max-width:none;margin-top:24px}}
@media(max-width:480px){.ai-network-side{grid-template-columns:1fr}.ai-node{padding:25px}}

/* Understated intelligence at the center of the infrastructure. */
.infrastructure h2 em{color:#7b6d88}.ai-hub{background:#faf8fc;border-color:#dcd3e5;box-shadow:none;padding-block:42px}.ai-hub h3{font-size:27px;color:#695477;margin-top:24px}.ai-hub-label{font-size:8px;letter-spacing:1px;color:#9a8ba5}.ai-hub-functions span{border-color:#e2d8ea;color:#8b779a}.ai-node:after{background:#ddd2e7}.ai-network-side:last-child .ai-node:after{background:#ddd2e7}