.ai-hero{background:linear-gradient(90deg,#f5fbffbd,#eaf6ff78),url('design-e/office.webp') center/cover;padding:75px 0 65px}.ai-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.ai-hero h1{font-size:clamp(38px,4vw,62px)}.ai-hero .btn{margin-top:20px}.ai-art{height:400px;position:relative}.ai-window{position:absolute;background:#fffffff2;border:1px solid #d1e8fc;box-shadow:0 20px 45px #12385e22;border-radius:16px;padding:22px;width:235px}.ai-audio{left:0;top:20px;background:#102b46;color:white;transform:rotate(-5deg)}.ai-flow{left:23%;top:85px;transform:rotate(2deg)}.ai-coverage{right:-5%;top:180px;transform:rotate(-3deg)}.ai-window strong{font-size:14px}.ai-window small,.ai-window span{font-size:12px}.ai-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:110px}.ai-wave i{width:4px;height:var(--h);background:linear-gradient(#96d3ff,#267cdb);border-radius:3px}.ai-node{background:#e2f2ff;border:1px solid #beddf6;padding:10px;text-align:center;border-radius:12px;font-size:12px;margin:14px auto;width:max-content;color:#102b46}.ai-stem{height:18px;width:1px;background:#6cafe2;margin:-10px auto}.ai-branches{display:flex;justify-content:center;gap:8px;border-top:1px solid #a7d2f3;padding-top:15px}.ai-branches span{padding:8px;background:#e7f4ff;border-radius:8px;font-size:11px}.ai-heat{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:20px 0}.ai-heat i{height:19px;background:#348fe7}.ai-centered{text-align:center}.ai-tools{margin-top:35px}.ai-tool-art{height:160px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.ai-tool-art .ai-node{margin-bottom:0}.ai-tool-art .ai-branches{width:100%}.ai-included{margin:30px 0 0}.ai-bars{display:flex;gap:9px;justify-content:center;align-items:flex-end;height:115px;padding:15px}.ai-bars i{display:block;width:30px;height:45px;background:linear-gradient(#b1ddff,#59a7ed);border-radius:5px}.ai-bars i:nth-child(2){height:75px}.ai-bars i:nth-child(3){height:55px}.ai-bars i:nth-child(4){height:90px}.ai-bars i:nth-child(5){height:65px}.ai-engage{background:linear-gradient(90deg,#10273ff5,#10273fe0),url('design-e/office.webp') center/cover;color:white;padding:60px 0}.ai-engage p{color:#deebf6}.ai-badge{border:1px solid #8dc8ed;border-radius:25px;padding:6px 15px;font-size:13px;display:inline-block;margin-bottom:20px}.ai-engage h2{font-size:44px}.ai-conversation{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center}.ai-engage-mark{grid-row:span 3;text-align:center}.ai-engage-mark img{border-radius:50%;max-width:100%;height:auto}.ai-bubble{background:#f5fbff;color:#112b44;padding:22px;border-radius:18px 18px 18px 0;box-shadow:0 12px 28px #0002}.ai-reply{margin-left:35px;background:#d9eeff;border-radius:18px 18px 0 18px}.ai-conversation small{text-align:right;color:#c5d9e9}.ai-billing{padding:45px;border-radius:22px;background:linear-gradient(120deg,#eef8ff,#dff1ff)}.ai-billing h2{font-size:36px}.ai-blocks>div{padding:20px;border-radius:15px;background:white;text-align:center}.ai-billing .small{font-size:13px}.header nav{gap:15px;font-size:13px}
@media(max-width:1100px){.ai-split{gap:25px}.ai-window{width:195px;padding:16px}.ai-coverage{right:0}.header nav{gap:10px;font-size:12px}.header .brand img{width:170px}}
@media(max-width:850px){.ai-split{grid-template-columns:1fr}.ai-art{max-width:550px;width:100%;margin:auto}.ai-tools,.ai-blocks{grid-template-columns:1fr}.ai-hero{padding:45px 0}.ai-billing{padding:25px}.ai-engage h2{font-size:36px}.ai-billing h2{font-size:30px}.ai-conversation{grid-template-columns:85px 1fr}.ai-window{width:190px}.ai-flow{left:20%}.ai-coverage{top:215px}.ai-art{height:430px}.ai-engage-mark .ai-wave{gap:2px}.ai-engage-mark .ai-wave i{width:3px}.header nav{font-size:16px}}
@media(max-width:850px){.header .menu{display:block;background:white;border:1px solid var(--line);padding:10px;border-radius:5px;min-height:44px;margin-left:auto}.header nav{display:none;position:absolute;top:80px;left:0;right:0;padding:20px 6vw;flex-direction:column;align-items:start}.header nav.open{display:flex}.header nav a{padding:8px}}
.engage-demo{margin-top:35px;background:#f5fbff;color:#102b46;border:1px solid #bad8ee;border-radius:24px;padding:30px}.engage-choices{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.engage-choices button,.engage-demo-foot button{border:1px solid #b5d3e9;border-radius:24px;background:white;color:#102b46;padding:12px 20px;cursor:pointer;font:inherit}.engage-choices button[aria-pressed=true]{background:#102b46;color:white}.engage-route{display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr;align-items:center;margin:35px 0}.engage-stop{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;border:2px solid transparent;border-radius:20px;padding:20px 10px;transition:background .4s,border-color .4s}.engage-stop.is-active{background:#deefff;border-color:#72b6ee}.engage-stop small{color:#42617a}.engage-stop img{object-fit:contain;border-radius:50%}.engage-symbol{font-size:40px;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#d4eaff;color:#174d79}.engage-track{height:3px;background:repeating-linear-gradient(90deg,#9fc9e9 0 8px,transparent 8px 14px);position:relative;overflow:hidden}.engage-track:after{content:'';position:absolute;height:7px;width:14px;background:#278ee1;top:-2px;border-radius:10px;animation:engage-travel 2s linear infinite}@keyframes engage-travel{from{left:-15px}to{left:100%}}.engage-stage{background:white;border-radius:18px;padding:28px;min-height:260px;border:1px solid #d8e7f3}.engage-step{font-size:11px;letter-spacing:2px;color:#58758d;margin-bottom:12px}.engage-step span{float:right}.engage-stage h3{font-size:25px}.engage-dialogue p{color:#153d5c;background:#eaf5ff;border-radius:14px;padding:18px;margin:15px 0}.engage-dialogue b{display:block;font-size:12px;margin-bottom:7px;color:#42617a}.engage-result{font-size:14px;color:#42617a}.engage-demo-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px;font-size:12px;color:#58758d}@media(max-width:700px){.engage-demo{padding:18px}.engage-route{grid-template-columns:1fr 18px 1fr 18px 1fr;gap:0;margin:24px 0}.engage-stop{padding:12px 3px;font-size:12px}.engage-stop small{display:none}.engage-symbol,.engage-stop img{width:48px;height:48px;font-size:28px}.engage-stage{padding:18px;min-height:285px}.engage-stage h3{font-size:22px}.engage-demo-foot{align-items:start;flex-direction:column}.engage-choices button{font-size:12px;padding:10px 12px}}@media(prefers-reduced-motion:reduce){.engage-track:after{animation:none}.engage-stop{transition:none}}

/* Decorative suite illustrations: fixed layout, six-second cycles with a rest. */
:is(.ai-tools,.ai-art) .ai-wave i{animation:ai-greeting-wave 6s ease-in-out infinite}
:is(.ai-tools,.ai-art) .ai-wave i:nth-child(3n+1){animation-delay:-.22s}
:is(.ai-tools,.ai-art) .ai-wave i:nth-child(3n+2){animation-delay:-.44s}
:is(.ai-tools,.ai-art) .ai-wave i:nth-child(5n){animation-delay:-.66s}
@keyframes ai-greeting-wave{0%,65%,100%{transform:scaleY(.72)}10%,32%,52%{transform:scaleY(1)}20%,42%{transform:scaleY(.3)}}
.ai-tools .ai-bars{height:160px;padding-bottom:30px}
.ai-tools .ai-bars i{transform-origin:center bottom;animation:ai-insight-bars 6s ease-in-out infinite}
.ai-tools .ai-bars i:nth-child(2n){animation-delay:-.35s}
.ai-tools .ai-bars i:nth-child(3n){animation-delay:-.7s}
@keyframes ai-insight-bars{0%,100%{transform:scaleY(.42)}18%{transform:scaleY(1)}34%{transform:scaleY(.68)}52%{transform:scaleY(.9)}65%,85%{transform:scaleY(1)}}
.ai-tools .ai-routing-art{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;gap:0}
.ai-routing-art .ai-node{margin:0 auto;padding:10px 16px}
.ai-routing-lines{display:block;width:100%;height:45px;overflow:visible;flex-shrink:0;fill:none;stroke:#badcf5;stroke-width:1.5}
.ai-route-pulses{stroke:#267cdb;stroke-width:3;stroke-linecap:round}
.ai-route-pulses path{stroke-dasharray:14 100;stroke-dashoffset:14;animation:ai-routing-pulse 6s linear infinite;opacity:0}
.ai-route-pulses path:nth-child(2){animation-delay:1.5s}
.ai-route-pulses path:nth-child(3){animation-delay:3s}
@keyframes ai-routing-pulse{0%{stroke-dashoffset:14;opacity:0}2%{opacity:1}18%{stroke-dashoffset:-100;opacity:1}20%,100%{stroke-dashoffset:-100;opacity:0}}
.ai-routing-art .ai-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:0;padding:0;width:100%;text-align:center}
.ai-routing-art .ai-branches span{justify-self:center;animation:ai-department-glow 6s ease-in-out infinite}
.ai-routing-art .ai-branches span:nth-child(2){animation-delay:1.5s}
.ai-routing-art .ai-branches span:nth-child(3){animation-delay:3s}
@keyframes ai-department-glow{0%,15%,40%,100%{background:#e7f4ff;color:#102b46;box-shadow:0 0 0 0 #b8def800}22%,30%{background:#c5e7ff;color:#082444;box-shadow:0 0 0 4px #b8def866}}
@media(prefers-reduced-motion:reduce){:is(.ai-tools,.ai-art) .ai-wave i,.ai-tools .ai-bars i,.ai-route-pulses path,.ai-routing-art .ai-branches span{animation:none}.ai-route-pulses{display:none}}

/* Hero artwork motion stays inside the original stationary panels. */
.ai-art .ai-heat i{opacity:var(--level);animation:ai-coverage-shift 6s ease-in-out infinite;animation-delay:var(--delay)}
@keyframes ai-coverage-shift{0%,65%,100%{opacity:var(--level)}22%{opacity:1}42%{opacity:.25}}
.ai-art .ai-flow .ai-node{margin-bottom:0}
.ai-art .ai-flow .ai-stem{margin:0 auto;position:relative;overflow:hidden}
.ai-art .ai-flow .ai-stem:after{content:'';position:absolute;left:0;top:-8px;width:1px;height:8px;background:#267cdb;animation:ai-hero-stem 2s ease-in-out infinite}
@keyframes ai-hero-stem{0%{transform:translateY(0);opacity:0}12%{opacity:1}70%{transform:translateY(28px);opacity:1}80%,100%{transform:translateY(28px);opacity:0}}
.ai-art .ai-flow .ai-stem+.ai-node{margin-top:0}
.ai-art .ai-routing-lines{height:24px}
.ai-art .ai-flow .ai-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:0;border:0;text-align:center}
.ai-art .ai-flow .ai-branches span{justify-self:center;animation:ai-department-glow 6s ease-in-out infinite}
.ai-art .ai-flow .ai-branches span:nth-child(2){animation-delay:1.5s}
.ai-art .ai-flow .ai-branches span:nth-child(3){animation-delay:3s}
@media(prefers-reduced-motion:reduce){.ai-art .ai-heat i,.ai-art .ai-flow .ai-branches span,.ai-art .ai-flow .ai-stem:after{animation:none}.ai-art .ai-flow .ai-stem:after{display:none}}