.platform-world{display:block;position:relative;min-width:0;color:var(--ds-ink);font-family:var(--ds-font-sans)}.platform-visual{position:relative;height:440px}.platform-canvas{display:block;width:100%;height:100%;opacity:0;touch-action:pan-y}.platform-world[data-graphics=ready] .platform-canvas{opacity:1}.platform-world[data-graphics=ready] .platform-fallback{visibility:hidden}.platform-fallback{position:absolute;inset:24px 24px 65%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--ds-body)}.platform-controls{position:absolute;inset:42% 16px auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;border:0;min-width:0;z-index:2}.platform-controls label{position:relative;cursor:pointer}.platform-controls input{position:absolute;width:1px;height:1px;opacity:0}.platform-controls label>span{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border-radius:var(--ds-radius-control);background:var(--ds-paper);color:var(--ds-ink);font-size:13px;font-weight:600;white-space:nowrap;transition:background .18s,color .18s,transform .18s cubic-bezier(.2,.8,.2,1)}.platform-controls label:active>span{transform:scale(.96)}.platform-controls label:hover>span{background:var(--ds-field)}.platform-controls input:checked+span{background:var(--ds-purple-surface);color:var(--ds-paper)}.platform-controls input:focus-visible+span{outline:3px solid var(--ds-purple);outline-offset:3px}.platform-world[data-graphics=ready] .platform-controls{inset:0;display:block;pointer-events:none}.platform-world[data-graphics=ready] .platform-controls label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}.platform-panels{display:grid;margin:24px 24px 0;min-height:144px}.platform-panel{grid-area:1 / 1;visibility:hidden;pointer-events:none}.platform-world:has(input[value=automate]:checked) [data-area=automate],.platform-world:has(input[value=manage]:checked) [data-area=manage],.platform-world:has(input[value=performance]:checked) [data-area=performance],.platform-world:has(input[value=change]:checked) [data-area=change],.platform-world:has(input[value=data]:checked) [data-area=data]{visibility:visible;pointer-events:auto}.platform-panel h3{font-size:var(--ds-text-subhead);font-weight:800;line-height:1.3;letter-spacing:-.022em}.platform-panel>p{color:var(--ds-body);font-size:14px;line-height:1.5;margin:8px 0!important;max-width:60ch}.platform-panel ul{display:flex;flex-wrap:wrap;-moz-column-gap:20px;column-gap:20px}.platform-panel a{display:inline-flex;align-items:center;min-height:40px;color:var(--ds-purple)!important;font-size:14px;font-weight:600;text-decoration:none}.platform-panel a:hover{color:var(--ds-display-violet)!important}.platform-panel a span[aria-hidden]{display:inline-block;transition:transform .18s ease}.platform-panel a:is(:hover,:focus-visible) span[aria-hidden]{transform:translate(2px,-2px)}@media (prefers-reduced-motion: no-preference){.platform-world:has(input[value=automate]:checked) [data-area=automate],.platform-world:has(input[value=manage]:checked) [data-area=manage],.platform-world:has(input[value=performance]:checked) [data-area=performance],.platform-world:has(input[value=change]:checked) [data-area=change],.platform-world:has(input[value=data]:checked) [data-area=data]{animation:platform-detail-arrive .18s cubic-bezier(.2,.8,.2,1)}@keyframes platform-detail-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}.platform-graphics-status{position:absolute;bottom:16px;left:16px;right:16px;text-align:center;color:var(--ds-body);font-size:13px}.platform-retry{position:absolute;z-index:3;bottom:8px;left:50%;transform:translate(-50%);min-height:40px;padding:8px 16px;border:0;border-radius:var(--ds-radius-control);background:var(--ds-purple-surface);color:var(--ds-paper);font:600 14px var(--ds-font-sans);cursor:pointer}.platform-retry[hidden]{display:none}.platform-retry:disabled{opacity:.6;cursor:wait}.platform-world[data-graphics=unavailable] .platform-graphics-status,.platform-world[data-graphics=loading]:has(.platform-retry:not([hidden])) .platform-graphics-status{bottom:56px}.platform-world:not([data-graphics=ready]) .platform-controls label{left:auto!important;top:auto!important}.platform-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0!important;margin:-1px!important}@media (max-width: 1100px) and (min-width: 941px){.platform-visual{height:360px}.platform-panels{margin-inline:8px}}@media (max-width: 600px){.platform-visual{height:270px}.platform-controls label>span{font-size:13px;padding:6px 8px;min-height:36px}.platform-panels{margin:24px 0 0;min-height:180px}.platform-panel ul{-moz-column-gap:16px;column-gap:16px}.platform-world:not([data-graphics=ready]) .platform-visual{height:360px}.platform-world:not([data-graphics=ready]) .platform-controls{top:32%}}@media (prefers-reduced-motion: reduce){.platform-world *{transition:none!important}.platform-controls label:active>span,.platform-panel a:is(:hover,:focus-visible) span[aria-hidden]{transform:none}}