.compute-architecture.ac-deck .architecture-layer{animation:none!important;transform:none!important;opacity:1!important;transition:none!important;overflow:hidden;background:#fff}
.compute-architecture.ac-deck .architecture-layer:before,.compute-architecture.ac-deck .architecture-stack:before{display:none}
.ac-visual{margin:18px 0 0;grid-column:1/-1;background:#f7f5fa;border:1px solid #eee9f4;border-radius:20px;color:#627cad;display:grid;place-items:center;min-height:160px;overflow:hidden}.ac-visual svg{width:100%;max-height:300px}.ac-glow{fill:#ece3fc}.ac-flow{stroke-dasharray:9 8;animation:ac-stream 4s linear infinite}.ac-pulse{fill:#d6c3f6;animation:ac-light 3s ease-in-out infinite}.architecture-layer:not(.ac-visible) .ac-visual *{animation-play-state:paused}.ac-controls{display:flex;align-items:center;gap:18px;margin-top:28px;color:#211B7A;font-size:14px}.ac-controls button{border:1px solid #d9cce8;border-radius:50%;width:42px;height:42px;background:#fff;color:#211B7A;font-size:23px;cursor:pointer}.ac-controls button:disabled{opacity:.3;cursor:default}
@keyframes ac-stream{to{stroke-dashoffset:-68}}@keyframes ac-light{50%{opacity:.35}}
@media(min-width:900px){.compute-architecture.ac-deck .architecture-layout{align-items:start}.compute-architecture.ac-deck .architecture-copy{position:sticky;top:140px;padding-top:22px}.compute-architecture.ac-deck .architecture-stack{display:block;height:clamp(480px,72dvh,650px);overflow-y:auto;overscroll-behavior-y:auto;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none;border-radius:28px;box-shadow:0 15px 45px #34204715;isolation:isolate}.compute-architecture.ac-deck .architecture-stack::-webkit-scrollbar{display:none}.compute-architecture.ac-deck .architecture-layer{position:sticky;top:0;z-index:var(--ac-index);height:100%;min-height:100%;box-sizing:border-box;margin:0;padding:28px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto minmax(0,1fr);gap:12px 16px;align-items:start;scroll-snap-align:none;scroll-snap-stop:normal;border:1px solid #eee8f3;border-radius:28px}.compute-architecture.ac-deck .architecture-icon{border-radius:50%;background:#7544df;color:#fff;width:48px;height:48px}.compute-architecture.ac-deck .architecture-layer h3{font-size:24px}.compute-architecture.ac-deck .architecture-layer p{font-size:15px}.compute-architecture.ac-deck .ac-visual{height:100%;min-height:0;margin:0}.compute-architecture.ac-deck .architecture-copy h2{font-size:clamp(36px,3.5vw,58px)}}
@media(max-width:899px){.compute-architecture.ac-deck .architecture-layout{grid-template-columns:1fr}.compute-architecture.ac-deck .architecture-layer{display:grid;grid-template-columns:40px 1fr}.ac-controls{display:none}.ac-visual svg{max-height:220px}}
@media(prefers-reduced-motion:reduce){.ac-visual *{animation:none!important}}
@media print{.compute-architecture.ac-deck .architecture-stack{height:auto;overflow:visible}.compute-architecture.ac-deck .architecture-layer{position:static;height:auto}.ac-controls{display:none}}
/* Keep the following card visible below the active card while it waits to rise. */
@media(min-width:900px){
.compute-architecture.ac-deck .architecture-stack{height:clamp(540px,80dvh,760px);border-radius:28px;box-shadow:none;background:transparent}
.compute-architecture.ac-deck .architecture-layer{height:calc(100% - 100px);min-height:calc(100% - 100px);margin-bottom:24px;box-shadow:0 8px 0 -1px #f5f3f7,0 17px 0 -3px #edeaf0,0 22px 28px #30213e0c}
.compute-architecture.ac-deck .architecture-layer:last-child{margin-bottom:100px}
.compute-architecture.ac-deck .architecture-layer h3{font-size:22px}
}
/* Pin the whole section while document scrolling advances the cards. */
@media(min-width:900px){
.compute-architecture.ac-deck.ac-page-scroll{position:relative;overflow:visible;padding:0;height:var(--ac-runway);margin-block:30px 70px}
.compute-architecture.ac-deck.ac-page-scroll .architecture-layout{position:sticky;top:110px;padding-block:16px;align-items:start}
.compute-architecture.ac-deck.ac-page-scroll .architecture-copy{position:static}
.compute-architecture.ac-deck.ac-page-scroll .architecture-stack{height:clamp(440px,calc(100dvh - 150px),760px);overflow:hidden;scroll-behavior:auto}
}
/* Detailed metallic devices and bolder strokes. */
.ac-visual{background:radial-gradient(ellipse at 50% 45%,#fff,#edeaf2);box-shadow:inset 0 1px 0 #fff}.ac-visual svg{filter:drop-shadow(0 10px 9px #26324715)}.ac-fan{transform-box:fill-box;transform-origin:center;animation:ac-fan-spin 7s linear infinite}.ac-visual .ac-flow{stroke-dasharray:14 6;animation-duration:7s}.ac-visual .ac-pulse{animation-duration:4s}
@keyframes ac-fan-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ac-visual *{animation:none!important}}
/* Light business-interface illustrations. Values are illustrative, not live data. */
.compute-architecture.ac-deck .ac-visual{background:#f8f9fb;color:#626975;padding:16px;box-shadow:none;align-items:stretch}.ac-ui{width:100%;align-self:center;background:#fff;border:1px solid #edf0f4;border-radius:14px;padding:18px;font-family:inherit;font-size:12px;overflow:hidden;box-shadow:0 5px 20px #32426204}.ac-ui-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #f0f1f5}.ac-ui-bar b{font-size:14px;color:#535a65}.ac-ui-bar>span{color:#a3a9b2;font-size:10px}.ac-workspace{display:grid;grid-template-columns:90px 1fr;gap:15px;margin-top:15px}.ac-workspace aside{display:flex;flex-direction:column;gap:14px;border-right:1px solid #f0f1f5;padding-right:10px;font-size:10px;color:#9399a3}.ac-workspace aside>b{color:#627cad}.ac-workspace .selected{background:#f1ebfb;padding:8px;border-radius:7px;color:#627cad}.ac-chat{display:flex;flex-direction:column;gap:12px}.ac-message{padding:12px;border-radius:10px;line-height:1.6;font-size:11px}.ac-message.user{align-self:flex-end;background:#f2ecfc;color:#627cad}.ac-message.assistant{background:#f8f9fb;animation:ac-reply 6s ease-in-out infinite}.ac-message p{color:#a0a6af;font-size:10px;margin:6px 0}.ac-input{border:1px solid #edeef3;border-radius:8px;padding:10px;color:#b0b5be;font-size:10px;display:flex;justify-content:space-between}.ac-input span{color:#627cad}.ac-skeleton{height:6px;margin-top:9px;border-radius:4px;background:linear-gradient(90deg,#e9ebf0,#f7f7fa,#e9ebf0);background-size:200% 100%;animation:ac-shimmer 4s linear infinite}.ac-skeleton.short{width:65%}.ac-job-head{display:flex;align-items:center;gap:12px;padding:18px 0}.ac-ui-icon{display:grid;place-items:center;background:#f1ebfc;color:#627cad;border-radius:12px;width:39px;height:39px;font-size:22px}.ac-job-head small{display:block;margin-top:5px;color:#b0b3bb;font-size:10px}.ac-job-head em{margin-left:auto;color:#627cad;background:#f5f0fc;font-style:normal;border-radius:20px;padding:5px 8px;font-size:10px}.ac-steps{display:flex;justify-content:space-between;font-size:10px;color:#a3adb0;gap:5px}.ac-working{color:#627cad;animation:ac-status 3s ease-in-out infinite}.ac-result{padding:14px;background:#fafbfc;border-radius:10px;margin-top:16px;font-size:11px}.ac-progress{height:4px;background:#eeebf4;border-radius:4px;margin-top:18px;overflow:hidden}.ac-progress i{display:block;width:70%;height:100%;background:#c7b1e6;animation:ac-progressing 6s ease-in-out infinite;transform-origin:left}.ac-ui-footer{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#b3b8c0;border-top:1px solid #f1f2f5;margin-top:14px;padding-top:12px}.ac-ui-footer span{color:#9bb5aa}.ac-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.ac-metrics>div{background:#fafbfc;border-radius:9px;padding:12px}.ac-metrics small{display:block;font-size:9px;color:#a1a8b2}.ac-metrics b{display:block;margin-top:8px;font-size:23px;color:#6b7080;font-weight:500}.ac-metrics b small{display:inline;font-size:11px}.ac-metrics .ac-green{font-size:18px;color:#93b4a2}.ac-chart-title{display:flex;justify-content:space-between;font-size:10px;color:#8a92a0}.ac-chart-title span{color:#b2b7c0}.ac-bars{height:90px;display:flex;align-items:end;gap:9px;padding:12px 8px 0;border-bottom:1px solid #eceef3;background:repeating-linear-gradient(to top,transparent 0 29px,#f2f3f7 29px 30px)}.ac-bars i{flex:1;height:var(--bar);background:linear-gradient(#c4b3de,#e8e0f3);border-radius:4px 4px 0 0;transform-origin:bottom;animation:ac-bar-breathe 6s ease-in-out var(--delay) infinite}.ac-table-head,.ac-node{display:grid;grid-template-columns:1.3fr .7fr 1fr;align-items:center;gap:12px}.ac-table-head{padding:18px 0 10px;color:#afb5be;font-size:10px}.ac-node{padding:16px 0;border-top:1px solid #f3f4f7;font-size:10px}.ac-node>div:first-child{display:flex;align-items:center;gap:8px}.ac-node b{font-weight:500}.ac-node-icon{background:#f2eef8;padding:7px;border-radius:7px;color:#627cad;font-size:16px}.ac-online{color:#94ac9f;display:flex;align-items:center;gap:5px}.ac-online i{width:5px;height:5px;border-radius:50%;background:#95bb9f;animation:ac-status 3s ease-in-out infinite}.ac-node-load{display:flex;align-items:center;gap:6px}.ac-node-load>span{height:5px;background:#f1eef6;border-radius:5px;flex:1;overflow:hidden}.ac-node-load i{display:block;height:100%;background:#c4b0e0;transform-origin:left;animation:ac-bar-breathe 5s ease-in-out infinite}.ac-node-load small{font-size:9px;color:#adb3bd}.architecture-layer:not(.ac-visible) .ac-ui *{animation-play-state:paused}
@keyframes ac-reply{0%,100%{opacity:.65;transform:translateY(3px)}25%,80%{opacity:1;transform:translateY(0)}}@keyframes ac-shimmer{to{background-position:-200% 0}}@keyframes ac-status{50%{opacity:.4}}@keyframes ac-progressing{0%,100%{transform:scaleX(.4)}70%{transform:scaleX(1)}}@keyframes ac-bar-breathe{50%{transform:scaleY(.75)}}
@media(prefers-reduced-motion:reduce){.ac-ui *{animation:none!important}}@media(max-width:600px){.ac-ui{padding:12px}.ac-workspace{grid-template-columns:65px 1fr;gap:8px}.ac-bars{gap:5px}.ac-table-head,.ac-node{gap:6px}.compute-architecture.ac-deck .ac-visual{padding:10px}}
/* Stronger, practical console styling with legible operational detail. */
.compute-architecture.ac-deck .ac-visual{background:#edf0f5;border-color:#d9dfe8;color:#263449;padding:16px}.ac-ui{border:1px solid #cbd4e1;box-shadow:0 6px 18px #1d304610;color:#344258;border-radius:10px}.ac-ui-bar{border-color:#dce3ec;padding-bottom:12px}.ac-ui-bar b{color:#192c45;font-weight:650;font-size:14px}.ac-ui-bar>span{color:#6d7889;background:#eef1f5;padding:4px 7px;border-radius:4px;font-size:10px}.ac-workspace aside{color:#5d6c80;border-color:#dce2ea;gap:12px}.ac-workspace aside>b{color:#211B7A}.ac-workspace .selected{background:#e6dbfb;color:#211B7A;font-weight:600}.ac-message.user{background:#e6ddf8;color:#211B7A}.ac-message.assistant{background:#f0f3f7;animation:none;color:#28374b;border:1px solid #e1e6ee}.ac-message p{color:#526077}.ac-message .ac-real-answer{color:#26364e;line-height:1.8;font-size:11px;margin:8px 0}.ac-source{display:inline-block;padding:4px 6px;background:#fff;border:1px solid #d5dde8;border-radius:4px;font-size:9px;color:#211B7A}.ac-input{color:#768397;border-color:#ced7e4;background:#fff}.ac-input span{background:#7140c3;color:#fff;width:17px;height:17px;text-align:center;border-radius:4px}.ac-job-head b{color:#2e3c52}.ac-job-head small{color:#64738a;font:9px/1.6 Consolas,monospace}.ac-ui-icon{background:#e6dcf8;color:#211B7A}.ac-job-head em{background:#e8dff8;color:#211B7A;border:1px solid #d6c2f0}.ac-steps{color:#307557}.ac-working{color:#211B7A;animation:none}.ac-result{background:#f3f5f9;border:1px solid #e0e5ed;color:#33435b}.ac-response-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e1e6ef;padding:7px 0;font-size:10px;color:#67768b}.ac-response-line strong{font:10px Consolas,monospace;color:#344259}.ac-response-line:first-of-type strong{color:#238151}.ac-progress{background:#ddd6e9}.ac-progress i{background:#895acb;animation-duration:10s}.ac-ui-footer{color:#6e7d91;border-color:#dce3ec}.ac-ui-footer span{color:#2b8058}.ac-metrics>div{background:#f1f4f8;border:1px solid #dce3ed;border-radius:6px}.ac-metrics small{color:#65748a}.ac-metrics b{color:#24364e;font-variant-numeric:tabular-nums;font-weight:600}.ac-metrics .ac-green{color:#2c875d}.ac-chart-title{color:#44546c}.ac-chart-title span{color:#768499}.ac-bars{border-color:#cad5e3;background:repeating-linear-gradient(to top,transparent 0 29px,#e0e6ef 29px 30px)}.ac-bars i{background:linear-gradient(#7540c9,#a47bdc);border-radius:3px 3px 0 0;animation:none}.ac-bars i:nth-child(3n){background:linear-gradient(#476a9d,#88a2c5)}.ac-table-head{color:#69798e;background:#f3f5f8;margin-top:10px;padding:9px 6px;border-block:1px solid #dce3ec}.ac-node{border-color:#e0e5ec;font-size:10px;padding:15px 4px}.ac-node b{color:#33445c;font:10px Consolas,monospace}.ac-node-icon{background:#e7e0f3;color:#211B7A}.ac-online{color:#287d53}.ac-online i{background:#2ca46b}.ac-node-load>span{background:#e3e8f1}.ac-node-load i{background:#8253c3;animation:none}.ac-node-load small{color:#465a73;font:10px Consolas,monospace}
/* Visible activity tied to each business view rather than decorative blinking. */
.ac-ui .ac-real-answer{overflow:hidden;animation:ac-answer-reveal 7s steps(28,end) infinite}.ac-ui .ac-source{animation:ac-source-reveal 7s ease-in-out infinite}.ac-ui .ac-working{animation:ac-task-active 2s ease-in-out infinite}.ac-ui .ac-response-line{animation:ac-response-arrive 6s ease-in-out infinite}.ac-ui .ac-response-line:nth-of-type(2){animation-delay:.3s}.ac-ui .ac-response-line:nth-of-type(3){animation-delay:.6s}.ac-ui .ac-progress i{animation:ac-progressing 7s ease-in-out infinite}.ac-ui .ac-bars i{animation:ac-live-bar 4s ease-in-out var(--delay) infinite;transform-origin:bottom}.ac-ui .ac-node-load i{animation:ac-live-load 5s ease-in-out infinite;transform-origin:left}.ac-ui .ac-node:nth-of-type(3) .ac-node-load i{animation-delay:-1.6s}.ac-ui .ac-node:nth-of-type(4) .ac-node-load i{animation-delay:-3.2s}.ac-ui .ac-online i{box-shadow:0 0 0 0 #2ca46b35;animation:ac-heartbeat 2.4s ease-out infinite}.architecture-layer:not(.ac-visible) .ac-ui *{animation-play-state:paused}
@keyframes ac-answer-reveal{0%{clip-path:inset(0 100% 0 0)}40%,85%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes ac-source-reveal{0%,35%{opacity:0;transform:translateY(4px)}50%,85%{opacity:1;transform:translateY(0)}100%{opacity:0}}
@keyframes ac-task-active{50%{color:#627cad;text-shadow:0 0 8px #a577e540}}
@keyframes ac-response-arrive{0%,100%{opacity:.4;transform:translateY(4px)}25%,85%{opacity:1;transform:translateY(0)}}
@keyframes ac-live-bar{0%,100%{transform:scaleY(.65)}35%{transform:scaleY(1)}70%{transform:scaleY(.82)}}
@keyframes ac-live-load{0%,100%{transform:scaleX(.65)}45%{transform:scaleX(1)}75%{transform:scaleX(.8)}}
@keyframes ac-heartbeat{0%{box-shadow:0 0 0 0 #2ca46b55}70%,100%{box-shadow:0 0 0 5px #2ca46b00}}
@media(prefers-reduced-motion:reduce){.ac-ui *{animation:none!important;clip-path:none!important;transform:none!important}}
/* Keep the service heading dominant over its supporting app preview. */
.compute-architecture.ac-deck .architecture-layer:first-child .ac-ui{max-width:440px;margin:auto;padding:14px;box-shadow:0 3px 12px #21334c08}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-ui-bar b{font-size:11px;font-weight:600;color:#526075}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-ui-bar>span{font-size:8px;padding:3px 5px}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-workspace{grid-template-columns:74px 1fr;gap:12px;margin-top:12px}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-workspace aside{font-size:9px;gap:10px;font-weight:400}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-message{font-size:9px;padding:9px;line-height:1.6}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-message b{font-size:9px;font-weight:500}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-message p{font-size:9px;line-height:1.7}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-source{font-size:8px;padding:3px 5px}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-input{font-size:9px;padding:8px}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-chat{gap:9px}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-real-answer{animation:ac-natural-reply 9s ease-in-out infinite;clip-path:none}
.compute-architecture.ac-deck .architecture-layer>div>h3{color:#233147;font-weight:650;letter-spacing:0}
/* Animate the title icons themselves, retaining a stable title and icon container. */
.compute-architecture.ac-deck .architecture-icon svg{overflow:visible;transform-origin:center;animation:ac-icon-float 4s ease-in-out infinite}
.compute-architecture.ac-deck .architecture-layer:nth-child(2) .architecture-icon svg{animation:ac-icon-spark 3.8s ease-in-out infinite}
.compute-architecture.ac-deck .architecture-layer:nth-child(3) .architecture-icon svg{animation:ac-icon-link 4.5s ease-in-out infinite}
.compute-architecture.ac-deck .architecture-layer:nth-child(4) .architecture-icon svg{animation:ac-icon-chip 3.5s ease-in-out infinite}
.compute-architecture.ac-deck .architecture-layer:not(.ac-visible) .architecture-icon svg{animation-play-state:paused}
@keyframes ac-natural-reply{0%,12%{opacity:.2;transform:translateY(3px)}28%,90%{opacity:1;transform:translateY(0)}100%{opacity:.2;transform:translateY(3px)}}
@keyframes ac-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes ac-icon-spark{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(12deg)}}
@keyframes ac-icon-link{0%,100%{transform:translate(0,0)}35%{transform:translate(2px,-2px)}70%{transform:translate(-1px,1px)}}
@keyframes ac-icon-chip{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.7}}
@media(prefers-reduced-motion:reduce){.compute-architecture.ac-deck .architecture-icon svg,.compute-architecture.ac-deck .architecture-layer:first-child .ac-real-answer{animation:none!important}}
/* Match the prompt text and reveal each answer line separately. */
.compute-architecture.ac-deck .architecture-layer:first-child .ac-message.user,
.compute-architecture.ac-deck .architecture-layer:first-child .ac-message.assistant .ac-answer-line{font-size:9px!important;font-weight:400;line-height:1.7;letter-spacing:normal}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-real-answer{animation:none!important;opacity:1;transform:none;clip-path:none;margin:0}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-answer-line{margin:6px 0;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-line-1{animation-name:ac-line-one}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-line-2{animation-name:ac-line-two}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-line-3{animation-name:ac-line-three}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-source{animation:ac-lines-source 10s linear infinite}
@keyframes ac-line-one{0%,7%{opacity:0;clip-path:inset(0 100% 0 0)}22%,94%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes ac-line-two{0%,25%{opacity:0;clip-path:inset(0 100% 0 0)}43%,94%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes ac-line-three{0%,46%{opacity:0;clip-path:inset(0 100% 0 0)}64%,94%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes ac-lines-source{0%,66%{opacity:0}74%,94%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.compute-architecture.ac-deck .architecture-layer:first-child .ac-answer-line,.compute-architecture.ac-deck .architecture-layer:first-child .ac-source{animation:none!important;opacity:1;clip-path:none}}
/* Faster line-by-line output, followed by a readable hold. */
.compute-architecture.ac-deck .architecture-layer:first-child .ac-answer-line{animation-duration:7s}
.compute-architecture.ac-deck .architecture-layer:first-child .ac-source{animation-duration:7s}
@keyframes ac-line-one{0%,2%{opacity:0;clip-path:inset(0 100% 0 0)}12%,94%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes ac-line-two{0%,14%{opacity:0;clip-path:inset(0 100% 0 0)}26%,94%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes ac-line-three{0%,28%{opacity:0;clip-path:inset(0 100% 0 0)}40%,94%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes ac-lines-source{0%,42%{opacity:0}48%,94%{opacity:1}100%{opacity:0}}