/* Shared typography and spacing, then the connected tool story. */
body.redesign.edition{font-family:Onest,Manrope,Arial,sans-serif}
body.edition :is(h1,h2,h3,h4){font-family:Onest,Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-.025em}
body.edition .engine-message h1{font-weight:750;letter-spacing:-.04em;text-shadow:0 1px 0 #fff1,0 8px 26px #02091728}
body.edition .engine-kicker{font-size:14px!important;font-weight:650;line-height:1.6}
body.edition .engine-status{font-size:13px;line-height:1.6}
body.edition .v-eyebrow{font-size:12px!important;line-height:1.6;letter-spacing:.08em;max-width:100%;overflow-wrap:anywhere}
body.edition .footer-grid :is(a,p){font-size:15px;line-height:1.7;overflow-wrap:anywhere}
body.edition .engine-actions>a>span[aria-hidden]{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;border:1px solid #ffffff55;background:#ffffff12;box-shadow:inset 0 1px 0 #ffffff28}
body.edition .engine-actions .engine-secondary>span[aria-hidden]{border-color:#59351055;background:#6036000a}
body.edition .engine-actions span svg{display:block;width:17px;height:17px}
body.edition .engine-architecture-link>span svg{display:block;width:18px;height:18px}
body.edition .edition-module-list .air-card>span{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
body.edition .air-card>b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #8499b377;background:#ffffff18;box-shadow:inset 0 1px 0 #ffffff40,0 3px 8px #07122018}
body.edition .air-card>b svg{display:block;width:20px;height:20px}
body.edition .module-card-link>span svg{width:20px;height:20px}
.visual-stack{position:relative;z-index:1;isolation:isolate;background:#101e30;max-width:1360px;margin:auto;padding:clamp(56px,7vw,96px) clamp(22px,4vw,64px);color:#edf4ff}
.visual-stack-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.visual-stack-heading>div{min-width:0;max-width:850px}
.stack-kicker{margin:0 0 16px;color:#a9c7ff;font-size:14px;font-weight:650;line-height:1.6}
.visual-stack h2{font-size:clamp(32px,4vw,56px);line-height:1.12;margin:0 0 24px;letter-spacing:-.04em;text-wrap:balance;text-shadow:0 1px 0 #fff1,0 8px 30px #030a1d44}
.visual-stack-heading p:not(.stack-kicker){font-size:18px;line-height:1.75;color:#c3d4e9;margin:0;max-width:75ch}
body.edition .visual-stack .stack-pause{position:static;flex:none;min-height:44px;max-width:190px;border:1px solid #758daf;border-radius:12px;padding:10px 16px;background:linear-gradient(145deg,#243956,#15253d);color:#edf5ff!important;font:inherit;font-size:14px;line-height:1.5;box-shadow:inset 0 1px 0 #ffffff33,0 4px 12px #02091730;cursor:pointer}
.stack-ribbon-window{overflow:hidden;border-radius:20px;border:1px solid #48668c;background:linear-gradient(115deg,#182c47,#282242 48%,#183646);box-shadow:inset 0 1px 0 #ffffff25,0 15px 40px #02091728}
.stack-ribbon-track{display:flex;width:max-content;animation:stack-travel 36s linear infinite}.stack-ribbon-group{display:flex;flex:none}
.stack-brand{display:flex;align-items:center;gap:16px;padding:24px 28px;min-width:240px;max-width:330px;border-right:1px solid #7390b033;color:#f4f7ff!important;text-decoration:none!important}
.stack-brand-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:15px;border:1px solid #beacff88;background:linear-gradient(145deg,#5e4386,#302948);color:#eee6ff;box-shadow:inset 0 1px 0 #ffffff55,0 5px 13px #0004}
.stack-brand-cloud .stack-brand-icon{background:linear-gradient(145deg,#b8682c,#663d29);color:#fff0db;border-color:#ffbc7d99}.stack-brand-cube .stack-brand-icon{background:linear-gradient(145deg,#346685,#203e56);color:#d2f6ff;border-color:#93ddf099}.stack-brand-film .stack-brand-icon{background:linear-gradient(145deg,#3158a5,#233b65);color:#dbe8ff;border-color:#a1c1ff99}.stack-brand-chain .stack-brand-icon{background:linear-gradient(145deg,#214fac,#1a376b);color:#e2edff;border-color:#7ca8ff99}.stack-brand-contract .stack-brand-icon{background:linear-gradient(145deg,#3e726d,#244743);color:#ddfff3;border-color:#91d4bd99}
.stack-brand strong{display:block;font-size:22px;font-weight:750;line-height:1.3;letter-spacing:-.025em}.stack-brand small{display:block;margin-top:7px;font-size:13px;line-height:1.55;color:#c0d2e9}.stack-brand>svg{flex:none;width:18px;height:18px;margin-left:auto;color:#a2bedf}
.stack-ribbon-window :focus-visible{outline-offset:-4px}
.stack-ribbon-window:hover .stack-ribbon-track,.stack-ribbon-window:focus-within .stack-ribbon-track,.motion-paused .stack-ribbon-track{animation-play-state:paused}
.stack-stories{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;margin-top:32px}
.stack-stories>article{min-width:0;border-radius:24px;border:1px solid #7b6caa77;padding:clamp(24px,3vw,36px);box-shadow:inset 0 1px 0 #ffffff22,0 14px 32px #01091630;overflow:hidden}
.stack-memory{background:radial-gradient(ellipse at 20% 100%,#61388a44,transparent 65%),linear-gradient(135deg,#242040,#171e35)}.stack-cloud{background:radial-gradient(ellipse at 100% 20%,#27648655,transparent 70%),linear-gradient(145deg,#153247,#14213a);border-color:#6488a077!important}
.stack-stories h3{font-size:clamp(24px,2.4vw,32px);line-height:1.23;margin:0 0 20px;text-wrap:balance;color:#f1f5ff}
.stack-stories p{font-size:17px;line-height:1.8;color:#d0dbed;margin:0 0 24px}
.stack-stories a{display:inline-flex;align-items:center;gap:14px;min-height:44px;max-width:100%;font-size:16px;font-weight:650;line-height:1.5;color:#c5d8ff;text-decoration:none;overflow-wrap:anywhere}
.stack-stories a svg{flex:none}.stack-stories a:hover{text-decoration:underline;text-underline-offset:5px}.visual-stack :focus-visible{outline:3px solid #b8d8ff;outline-offset:4px}
.stack-graph{margin:28px 0 0}.stack-graph-stage{position:relative;height:240px;isolation:isolate;max-width:100%}.stack-graph-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.stack-graph-lines path{fill:none;stroke:#b89bfc80;stroke-width:1.4;stroke-dasharray:7 6;animation:stack-links 15s linear infinite}
.stack-graph-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid #d4c5ff;border-radius:22px;background:linear-gradient(145deg,#7864b3,#343054);font-size:32px;font-weight:800;color:#eee7ff;box-shadow:inset 0 1px 0 #fff8,0 10px 24px #02061555,0 0 30px #a57fff30}
.stack-graph-node{position:absolute;display:flex;align-items:center;gap:8px;max-width:40%;padding:10px 12px;border-radius:12px;border:1px solid #b0a1db66;background:#2d2948;color:#e3dbfa;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;box-shadow:inset 0 1px 0 #ffffff18,0 5px 13px #080d1f40}
.stack-graph-node i{flex:none;width:6px;height:6px;border-radius:50%;background:#c4abff;box-shadow:0 0 10px #b9a0ff99}.graph-node-0{left:0;top:10%}.graph-node-1{right:0;top:12%}.graph-node-2{left:8%;bottom:4%}.graph-node-3{right:0;bottom:5%}
.stack-graph figcaption{font-size:14px;line-height:1.7;color:#c3b7df;margin-top:18px}
.stack-cloud-symbol{position:relative;display:grid;place-items:center;width:100px;height:100px;margin:0 0 24px;border:1px solid #9cc9df77;border-radius:27px;background:linear-gradient(145deg,#325b73,#18394f);color:#ffb977;box-shadow:inset 0 1px 0 #ffffff44,0 10px 25px #02132233}.stack-cloud-symbol>svg{width:56px;height:56px}.stack-cloud-symbol i{position:absolute;right:-5px;width:7px;height:7px;border-radius:50%;background:#ffc07d;box-shadow:0 0 10px #ffb76a77;animation:stack-pulse 3s ease-in-out infinite}.stack-cloud-symbol i:nth-of-type(1){top:20%}.stack-cloud-symbol i:nth-of-type(2){top:50%;animation-delay:-1s}.stack-cloud-symbol i:nth-of-type(3){top:80%;animation-delay:-2s}
.stack-cloud-services{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.stack-cloud-services span{padding:10px 15px;border:1px solid #93adc177;border-radius:10px;background:#163247;color:#e6f2ff;font-size:14px;font-weight:650;box-shadow:inset 0 1px 0 #ffffff18}
.motion-paused .stack-graph-lines path,.motion-paused .stack-cloud-symbol i{animation-play-state:paused}
@keyframes stack-travel{to{transform:translateX(-50%)}}@keyframes stack-links{to{stroke-dashoffset:-130}}@keyframes stack-pulse{50%{opacity:.45;transform:scale(.8)}}
@media(max-width:800px){.visual-stack-heading{align-items:flex-start;flex-direction:column}.stack-stories{grid-template-columns:minmax(0,1fr)}.stack-cloud-symbol{float:right;margin:0 0 18px 18px;width:78px;height:78px}.stack-cloud-symbol>svg{width:42px;height:42px}.stack-cloud h3{min-width:0}.stack-cloud-services{clear:both}.stack-brand{min-width:240px;padding:22px 24px}.visual-stack-heading p:not(.stack-kicker){font-size:17px}}
@media(max-width:520px){body.edition .value-inputs{grid-template-columns:minmax(0,1fr)}body.edition .value-inputs article{padding:20px}body.edition .value-result{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px}body.edition .value-result .value-preview{grid-row:auto;width:100%;max-width:100%;height:145px}body.edition .value-result :is(h4,p){min-width:0;max-width:100%;overflow-wrap:anywhere}body.edition .value-tools>div{padding:16px}body.edition .value-tools strong{margin:0;font-weight:650!important}body.edition .integration-directory{padding-inline:22px!important;box-sizing:border-box}body.edition .technology-brands-heading{padding-inline:22px}body.edition .application-page>.document-links{padding:20px 22px;box-sizing:border-box}.stack-cloud-symbol{float:none;margin:0 0 24px}.stack-graph-stage{height:240px}.stack-graph-node{max-width:46%;padding:9px 10px;font-size:12px}.stack-graph-core{width:54px;height:54px;font-size:28px}.stack-stories p{font-size:16px}}
@media(max-width:420px){body.edition .value-tools{grid-template-columns:minmax(0,1fr)}body.edition .value-tools>div{display:flex;align-items:center;gap:14px}.stack-graph-stage{height:270px}.graph-node-2{left:0}.stack-graph-node{max-width:47%}}
@media(prefers-reduced-motion:reduce){body.edition .visual-stack .stack-pause{display:none}.stack-ribbon-track,.stack-graph-lines path,.stack-cloud-symbol i{animation:none!important}.stack-ribbon-window{overflow-x:auto}.stack-ribbon-group[aria-hidden]{display:none}}
