:root{--header-height:100px;--section-nav-height:0px}
html{scroll-padding-top:calc(var(--header-height) + var(--section-nav-height) + 24px)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);box-shadow:0 3px 16px #030c4408;backdrop-filter:blur(14px)}
.cx-subnav{position:sticky;top:var(--header-height);z-index:40;background:rgba(255,255,255,.97);backdrop-filter:blur(14px)}
.cx-subnav a[aria-current=location]{color:var(--blue);border-bottom-color:var(--blue)}
.title-accent{color:var(--blue)}
.cx-architecture .title-accent{color:var(--cyan)}
.cx-cta .title-accent{color:var(--cyan)}
.solution-design-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-10px 0 26px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.solution-design-control>span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-right:14px}
.solution-design-control button{font-size:11px;min-height:44px;padding:10px 16px;border:1px solid #c9d0de;transition:background .2s,color .2s}
.solution-design-control button[aria-pressed=true]{color:white;background:var(--navy);border-color:var(--navy)}
#solutions[data-design=editorial] .cx-solutions{grid-template-columns:1fr}
#solutions[data-design=editorial] .cx-solution{display:grid;grid-template-columns:1fr 1.3fr;gap:0 60px;border-top:0;padding:40px}
#solutions[data-design=editorial] .cx-solution-header{grid-column:1;grid-row:1/3;align-self:start}
#solutions[data-design=editorial] .cx-solution>p{grid-column:1;grid-row:3/5;align-self:start;margin-top:5px}
#solutions[data-design=editorial] .cx-solution>h4{grid-column:2;grid-row:1}
#solutions[data-design=editorial] .cx-solution>ul{grid-column:2;grid-row:2/5}
#solutions[data-design=editorial] .cx-outcome{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;margin-top:10px}
#solutions[data-design=editorial] .cx-outcome p+p{margin:0}
#solutions[data-design=stacked] .cx-solutions{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
#solutions[data-design=stacked] .cx-solution{display:grid;grid-template-columns:.9fr 1.3fr 1fr;gap:0 40px;background:white;color:var(--navy);padding:40px 0;border:0;border-bottom:1px solid var(--line)}
#solutions[data-design=stacked] .cx-solution-header{grid-column:1;grid-row:1/4}
#solutions[data-design=stacked] .cx-symbol{color:var(--blue)}
#solutions[data-design=stacked] .cx-solution h3{font-size:34px}
#solutions[data-design=stacked] .cx-solution>p{grid-column:2;grid-row:1}
#solutions[data-design=stacked] .cx-solution>h4{grid-column:2;grid-row:2}
#solutions[data-design=stacked] .cx-solution>ul{grid-column:2;grid-row:3;margin:0}
#solutions[data-design=stacked] .cx-solution li{border-color:var(--line)}
#solutions[data-design=stacked] .cx-outcome{grid-column:3;grid-row:1/4;background:#edf1ff;border:0;padding:24px;align-self:start;margin:0}
/* Shared content remains in DOM for all design options. */
.cx-layer-grid{gap:30px;border:0;position:relative}
.cx-layer{position:relative;border:1px solid #ffffff33!important;background:#101944;transition:background .3s,border-color .3s}
.cx-layer:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.cx-layer.is-flow-active,.cx-layer:hover,.cx-layer:focus{background:#192c69;border-color:#00ecff99!important}
.layer-connector{position:absolute;left:100%;top:62px;width:31px;display:flex;align-items:center;z-index:1;color:var(--cyan)}
.layer-connector i{height:1px;flex:1;background:#00ecff77}
.layer-connector b{font:400 22px/1 Inter,sans-serif;margin-left:-2px}
.cx-flow-legend{margin-top:26px;padding-top:22px;border-top:1px solid #ffffff33}
.cx-flow-legend p{font-size:12px;display:flex;gap:20px;flex-wrap:wrap;color:var(--mist)}
.cx-flow-legend span{color:var(--cyan)}
@media(max-width:1199px){#solutions[data-design=stacked] .cx-solution{grid-template-columns:1fr 1.5fr}#solutions[data-design=stacked] .cx-outcome{grid-column:1/-1;grid-row:auto;margin-top:25px}.cx-layer-grid{gap:24px}.layer-connector{width:25px}}
@media(max-width:1023px){:root{--header-height:84px}.cx-layer-grid{grid-template-columns:1fr}.cx-layer{display:grid;grid-template-columns:64px 1fr;gap:0 25px;padding:25px}.cx-layer .layer-glyph{grid-column:1;grid-row:1/3}.cx-layer h3{grid-column:2;min-height:0;margin:0 0 15px}.cx-layer ul{grid-column:2}.layer-connector{left:50%;top:100%;height:25px;width:1px;flex-direction:column}.layer-connector i{width:1px;height:auto}.layer-connector b{transform:rotate(90deg);margin:0;line-height:.8}.cx-flow-legend p{gap:12px}}
@media(max-width:767px){:root{--header-height:76px}#solutions[data-design=editorial] .cx-solution,#solutions[data-design=stacked] .cx-solution{display:flex;flex-direction:column;padding:27px}#solutions[data-design=stacked] .cx-solution{padding-inline:0}#solutions[data-design=editorial] .cx-outcome{display:block}#solutions[data-design=editorial] .cx-outcome p+p{margin-top:17px}.solution-design-control{gap:6px}.solution-design-control>span{width:100%;margin-bottom:5px}.solution-design-control button{padding:10px 12px}.cx-layer{grid-template-columns:1fr;gap:20px}.cx-layer .layer-glyph,.cx-layer h3,.cx-layer ul{grid-column:1;grid-row:auto}.cx-layer h3{margin:0}.cx-flow-legend p{font-size:10px;gap:7px}}
@media(prefers-reduced-motion:reduce){.cx-layer{transition:none}}
@media print{.site-header,.cx-subnav,.solution-design-control{display:none}.cx-layer{break-inside:avoid}}
@media(max-width:1023px){.site-header .header-inner nav.is-open{max-height:calc(100dvh - 84px);overflow-y:auto}}
@media(max-width:767px){.site-header .header-inner nav.is-open{max-height:calc(100dvh - 76px)}}