.painting-title{position:absolute;top:2%;left:20%;right:20%;text-align:center;color:#f6d58c;font:clamp(12px,2.5vw,44px) Georgia,serif;letter-spacing:.09em;text-shadow:0 2px 9px #000;pointer-events:none}.os-label{position:absolute;background:#071824e8;border:1px solid #e2bf7860;border-radius:5px;padding:7px 10px;font-size:clamp(8px,.9vw,15px);color:#f3dfb5;pointer-events:none}.server-os{right:5%;top:51%}.server-os span{font-size:.85em;color:#d9e9ea}.client-os{left:3%;top:61%}
main{max-width:2400px;padding-left:3vw;padding-right:3vw}.intro{padding-top:24px}.windows-strip{display:flex;gap:35px;padding:18px 22px;margin-bottom:22px;border:1px solid #e2bf7830;border-radius:10px;background:linear-gradient(100deg,#192b34,#101c24)}.windows-strip>div{flex:1}.windows-strip span{display:block;font-size:9px;letter-spacing:2px;color:var(--gold);margin-bottom:7px}.windows-strip strong{font:22px Georgia,serif}.windows-strip p{margin:6px 0 0;color:#c8d4d7;font-size:13px}.experience{grid-template-columns:minmax(0,1fr) 340px}.viewport{align-self:start;min-height:0;aspect-ratio:1672/941}.world{transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}.detail{padding:25px 24px}.detail h2{font-size:28px}.detail>p:not(.eyebrow){font-size:14px}.detail li{font-size:13px}.availability{color:#c5d5da!important}.hotspot{width:34px;height:34px}.hotspot span{font-size:11px}.hotspot[data-scene=protection]{left:65%;top:37%}.hotspot[data-scene=operations]{left:69%;top:64%}.hotspot[data-scene=endpoint]{left:25%;top:29%}.hotspot[data-scene=windows]{left:77%;top:43%}.hotspot[data-scene=portal]{left:50%;top:22%}.hotspot[data-scene=lifecycle]{left:58%;top:36%}.function-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.catalog-section{padding:30px 0}.catalog-section>h2{font:38px Georgia,serif;margin:12px 0}.catalog-intro{color:var(--muted);line-height:1.6}.function-card{padding:22px;border:1px solid #e2bf7825;border-radius:10px;background:#10212b;display:flex;flex-direction:column}.function-card h3{font:23px Georgia,serif;color:var(--gold);margin:0 0 10px}.function-card li{font-size:13px;line-height:1.65}.function-card button{margin-top:auto;background:none;border:0;border-top:1px solid #ffffff16;text-align:left;padding:14px 0 0;color:var(--cyan);font-size:12px}.release-note{padding:18px 0;border-top:1px solid #ffffff20;color:var(--muted);font-size:12px;line-height:1.7}.release-note summary{cursor:pointer;color:#c8d4d7}.release-note p{max-width:1100px}.experience.expanded{grid-template-columns:minmax(0,1fr)}.experience.expanded .detail{border-left:0;border-top:1px solid #ffffff20;display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}.experience.expanded .detail .eyebrow,.experience.expanded .detail h2{grid-column:1}.experience.expanded .detail .navigation{grid-column:1/-1}.experience.expanded .viewport{width:100%}.chapters button:hover{color:var(--gold);border-color:var(--gold)}
@media(min-width:1600px){.experience{grid-template-columns:minmax(0,1fr) 375px}.detail h2{font-size:32px}.detail>p:not(.eyebrow){font-size:16px}.detail li{font-size:14px}.detail{padding:32px}.hotspot{width:40px;height:40px}.hotspot span{font-size:12px}.toolbar button{font-size:14px}}
@media(max-width:1200px){.function-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.experience{grid-template-columns:1fr}.detail{min-height:0}.detail ul{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.detail li{max-width:none}.hotspot span{display:none}}
@media(max-width:760px){.function-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.windows-strip{gap:20px}.windows-strip strong{font-size:18px}.windows-strip p{font-size:11px}.experience.expanded .detail{display:flex}.preview{max-width:150px;text-align:right;font-size:8px}.hotspot{width:28px;height:28px;font-size:10px}}
@media(max-width:500px){.windows-strip{flex-direction:column;gap:15px;padding:16px}.windows-strip>div+div{border-top:1px solid #ffffff15;padding-top:14px}.windows-strip strong{font-size:21px}.windows-strip p{font-size:13px}.function-catalog{grid-template-columns:1fr}.function-card{padding:20px}.detail ul{display:block}.catalog-section>h2{font-size:30px}.hotspot{width:23px;height:23px;font-size:8px}.legend{font-size:7px}.toolbar{gap:7px}.toolbar button{font-size:10px}.detail>p:not(.eyebrow){font-size:14px}.hotspot[data-scene=lifecycle]{top:33%}.hotspot[data-scene=protection]{top:30%}.hotspot[data-scene=operations]{top:76%}}
@media(prefers-reduced-motion:reduce){.world{transition:none}}
.active-caption{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);padding:9px 13px;background:#071824ef;border:1px solid #e2bf7870;border-radius:6px;color:#ffe0a0;font-size:14px;pointer-events:none;z-index:5}.hotspot[aria-pressed=true] span,.hotspot.previewing span,.hotspot:focus-visible span,.hotspot:hover span{display:block!important;color:#fff0cc;background:#071824fa;border:1px solid var(--gold);font-size:12px;box-shadow:0 4px 12px #0008;z-index:6}.hotspot[aria-pressed=true],.hotspot.previewing,.hotspot:focus-visible,.hotspot:hover{z-index:6}.hotspot[data-scene=mfa] span,.hotspot[data-scene=tenants] span{left:auto;right:0;transform:none}.tenant-label{position:absolute;top:17%;padding:7px 10px;border:1px solid #e2bf7870;border-radius:5px;background:#071824e8;font-size:clamp(8px,.9vw,15px);color:#ffe0a0;pointer-events:none}.tenant-a{left:5%}.tenant-b{right:4%}.msp-overview{padding:35px 0 15px}.msp-overview h2{font:36px/1.2 Georgia,serif;margin:12px 0}.msp-overview>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7;max-width:1050px}.client-filters{display:flex;gap:10px;flex-wrap:wrap;padding:16px 0}.client-filters button{padding:10px 14px;border:1px solid #ffffff30;border-radius:6px;background:#112630;font-size:13px}.client-filters button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.risk-clients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.risk-client{padding:24px;border:1px solid #e2bf7840;border-radius:10px;background:#11232d}.risk-client h3{font:24px Georgia,serif;margin:0 0 20px;color:var(--gold)}.risk-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff12;padding:13px 0;margin:0;font-size:13px}.risk-row strong{font-weight:500;color:#d2dee2}.risk-row span{text-align:right}.risk{color:#ffb9a5}.warning{color:#eed195}.ok{color:#91dfc3}.info{color:#93d3ed}.msp-overview .demo-label{font-size:11px!important}.service-copy{border-left:2px solid var(--gold);padding:5px 18px}.risk-clients:has(>.risk-client:only-child){grid-template-columns:1fr}.risk-client:only-child{max-width:800px}
@media(max-width:600px){.active-caption{left:7px;top:7px;max-width:calc(100% - 14px);font-size:11px;padding:6px 9px}.hotspot[aria-pressed=true] span,.hotspot.previewing span,.hotspot:focus-visible span,.hotspot:hover span{font-size:10px;top:27px;max-width:125px;white-space:normal;min-width:65px}.risk-clients{grid-template-columns:1fr}.risk-client{padding:18px}.risk-row{font-size:12px}.msp-overview h2{font-size:28px}.tenant-label{top:22%;padding:4px}.tenant-a{left:3%}.tenant-b{right:3%}}