.jsPS4W_system{background:var(--foreground);color:var(--inverse-foreground);scroll-margin-top:var(--navigation-height);position:relative}.jsPS4W_stage{padding:24px 2.033cqw}.jsPS4W_panel{border:2px solid var(--inverse-border);border-radius:16px;padding:80px;overflow:clip}.jsPS4W_intro{flex-shrink:0;margin-left:0}.jsPS4W_intro h2{color:var(--primary);text-transform:uppercase;font-family:var(--display);align-items:center;gap:.35em;margin-bottom:24px;font-size:clamp(14px,1.3cqw,22px);font-weight:600;display:flex}.jsPS4W_intro h2 img{width:.8em;height:.8em}.jsPS4W_intro p{font-size:clamp(28px,2.7cqw,46px);line-height:1.22}.jsPS4W_intro p>span{display:block}.jsPS4W_cards{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:3.04cqw;margin:64px 0 0;padding:0;list-style:none;display:grid}.jsPS4W_card{border:1px solid color-mix(in srgb, var(--inverse-accent) 50%, transparent);background:color-mix(in srgb, var(--inverse-border) 15%, var(--foreground));min-width:0;height:460px;min-height:0;box-shadow:inset 0 0 18px color-mix(in srgb, var(--inverse-accent) 6%, transparent);transform-origin:bottom;border-radius:26px;flex-direction:column;padding:22px 24px;display:flex;position:relative;overflow:clip}.jsPS4W_card h3{font-family:var(--display);color:var(--step-accent);font-size:clamp(24px,2cqw,34px);font-weight:600;line-height:1.25}.jsPS4W_card>p{margin-top:24px;font-size:clamp(13px,1.02cqw,17px);line-height:1.4}.jsPS4W_illustration{pointer-events:none;flex:1;min-height:200px;margin-top:32px;position:relative;container-type:inline-size}.jsPS4W_animation{border:0;width:100%;height:240px;display:block}.jsPS4W_glassStar{width:auto;height:48%;transform:translate(-50%,-50%) rotate(var(--star-turn,180deg));filter:drop-shadow(0 8px 12px color-mix(in srgb, var(--inverse-background) 30%, transparent));position:absolute;top:50%;left:50%}.jsPS4W_orbit{position:absolute;inset:0;overflow:clip}.jsPS4W_integration{left:var(--connector-x,50%);top:var(--connector-y,50%);aspect-ratio:1;background:var(--card);width:clamp(32px,11%,48px);box-shadow:0 4px 12px color-mix(in srgb, var(--inverse-background) 24%, transparent);border-radius:13px;padding:8px;position:absolute;transform:translate(-50%,-50%)}.jsPS4W_integration img{object-fit:contain;filter:url(/marketing/system/logo-tint.svg#terracotta);width:100%;height:100%}.jsPS4W_lock{width:100%;height:100%;color:var(--inverse-foreground);position:absolute;inset:0}.jsPS4W_lockAnimation{object-fit:contain;width:auto;max-width:100%;height:90%;margin:auto;display:block}.jsPS4W_shackle{width:100%;height:100%;display:block;overflow:visible}.jsPS4W_illustration[data-step=act]{margin-bottom:20px}.jsPS4W_flow{font-size:clamp(9px,2.9cqw,13px);line-height:1.3;position:absolute;inset:0}.jsPS4W_wires{width:100%;height:100%;stroke:var(--inverse-accent);stroke-width:1.6px;position:absolute}.jsPS4W_wires path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--reveal,1));opacity:.65}.jsPS4W_workflow{width:43%;opacity:var(--reveal,1);transform:translateY(calc((1 - var(--reveal,1)) * 12px));position:absolute}.jsPS4W_workflow[data-stage=planning]{width:37%;top:37%;left:2%}.jsPS4W_workflow[data-stage=operations]{top:5%;left:54%}.jsPS4W_workflow[data-stage=distribution]{top:61%;left:54%}.jsPS4W_workflowTitle{font-family:var(--display);color:var(--inverse-foreground);background:var(--inverse-border);border-radius:6px;padding:.45em .55em;font-size:clamp(12px,3.6cqw,16px);font-weight:600;display:inline-block}.jsPS4W_workflow ul{gap:9px;margin:10px 0 0;padding:0;list-style:none;display:grid}.jsPS4W_workflow li{align-items:flex-start;gap:6px;display:flex}.jsPS4W_check{background:color-mix(in srgb, var(--inverse-accent) 16%, transparent);width:15px;height:15px;color:var(--inverse-accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.jsPS4W_check svg{width:11px;height:11px;opacity:var(--reveal,1);transform:scale(var(--reveal,1))}.jsPS4W_system[data-pinned=true]{height:650svh}.jsPS4W_system[data-pinned=true] .jsPS4W_stage{top:min(var(--navigation-height), calc(100svh - 900px));height:max(calc(100svh - var(--navigation-height)), 900px);position:sticky}.jsPS4W_system[data-pinned=true] .jsPS4W_panel{flex-direction:column;height:100%;display:flex}.jsPS4W_system[data-pinned=true] .jsPS4W_cards{flex:1 1 0;height:0;min-height:400px;max-height:520px}.jsPS4W_system[data-pinned=true] .jsPS4W_card{will-change:transform, opacity;height:auto}@media (max-width:900px){.jsPS4W_panel{padding:40px}.jsPS4W_stage{padding:20px}.jsPS4W_intro{margin-left:0}.jsPS4W_intro p{font-size:32px}.jsPS4W_intro p>span{display:inline}.jsPS4W_intro p>span+span:before{content:" "}.jsPS4W_cards{grid-template-columns:1fr;gap:64px}.jsPS4W_card{width:100%;max-width:460px;height:490px;margin-inline:auto}.jsPS4W_card>p{font-size:16px}}@media (max-width:600px){.jsPS4W_panel{padding:28px 18px}.jsPS4W_intro h2{margin-bottom:20px}.jsPS4W_cards{gap:24px;margin-top:32px}.jsPS4W_stage{padding:16px 14px}.jsPS4W_intro p{font-size:27px}.jsPS4W_card{height:auto;padding:22px 20px}.jsPS4W_card>p{margin-top:16px}.jsPS4W_illustration{flex:none;min-height:0;margin-top:6px}.jsPS4W_illustration[data-step=act]{margin-bottom:0}.jsPS4W_illustration[data-step=act] .jsPS4W_animation{height:150px}.jsPS4W_animation{height:210px}.jsPS4W_illustration[data-step=frame] .jsPS4W_animation{max-width:280px;margin-inline:auto}.jsPS4W_integration{border-radius:9px;padding:5px}}.jsPS4W_system[data-pinned=true][data-compact=true] .jsPS4W_intro p{font-size:clamp(20px,3svh,28px)}.jsPS4W_system[data-pinned=true][data-compact=true] .jsPS4W_cards{margin-top:40px;display:block;position:relative}.jsPS4W_system[data-pinned=true][data-compact=true] .jsPS4W_card{max-width:460px;height:100%;margin-inline:auto;padding:18px 20px;position:absolute;inset:0}.jsPS4W_system[data-pinned=true][data-compact=true] .jsPS4W_card h3{font-size:26px}.jsPS4W_system[data-pinned=true][data-compact=true] .jsPS4W_card>p{font-size:14px}