.pc-architecture{color:#f6f3fa;font-family:var(--font-google-sans), sans-serif;background:#0b0c0e}.pc-architecture-frame{width:calc(100% - 2 * var(--page-rail,20px));max-width:var(--page-frame,1440px);padding:104px var(--frame-pad,32px) 0;margin:auto}.pc-architecture-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:48px;display:grid}.pc-architecture-copy{padding-bottom:42px}.pc-architecture-eyebrow{color:#a59eae;margin-bottom:24px;font-size:15px;line-height:1.5}.prod-page .pc-architecture h2{letter-spacing:-.04em;font-size:clamp(36px,3.7vw,51px);font-weight:400;line-height:1.12}.pc-architecture h2 span{color:#96919d}.pc-architecture-copy>p:not(.pc-architecture-eyebrow){color:#aaa3b3;max-width:40ch;margin-top:28px;font-size:19px;line-height:1.75}.pc-architecture-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.pc-architecture .pc-architecture-actions a{border-radius:var(--button-radius,12px);color:#fff;border:1px solid #33343c;justify-content:space-between;align-items:center;gap:16px;width:fit-content;min-height:44px;margin:0;padding:12px 16px;font-size:15px;line-height:1.4;text-decoration:none;transition:background .18s,border-color .18s;display:inline-flex}.pc-architecture .pc-architecture-actions .pc-architecture-cta{background:#4528c5;border-color:#4528c5}.pc-architecture .pc-architecture-actions .pc-architecture-link{background:0 0}.pc-architecture-actions svg{flex-shrink:0}.pc-architecture :is(a,button):focus-visible{outline-offset:5px;outline:2px solid #d2c5ff}.pc-architecture-figure{min-width:0;margin:-25px -20px 0 0}.pc-rack-drawing{width:100%;height:auto;display:block;overflow:visible}.pc-rack-drawing :is(path,polyline,polygon,rect,circle){vector-effect:non-scaling-stroke;stroke-width:.8px}.pc-rack-construction{stroke:#a29cae;opacity:.15}.pc-rack-unit-body,.pc-rack-unit rect{transition:stroke .26s,fill .26s}.pc-rack-unit .pc-rack-handle{stroke:#8e869b;fill:none}.pc-rack-unit:not([data-selected=true]) .pc-rack-light{fill:#585360}.pc-rack-unit[data-selected=true] .pc-rack-unit-body{stroke:#dedbe5;fill:#232228}.pc-rack-unit[data-selected=true] .pc-rack-handle{stroke:#ece8f2}.pc-rack-unit[data-selected=true] .pc-rack-light{fill:#7adca0}.pc-rack-connections polyline{opacity:.18;stroke-width:1.1px;transition:opacity .26s}.pc-rack-connections polyline[data-selected=true]{opacity:.95}.pc-rack-annotations>g{color:#88818f;opacity:.7;transition:color .26s,opacity .26s}.pc-rack-annotations>g[data-selected=true]{color:#e8e4ee;opacity:1}.pc-rack-annotations polyline,.pc-rack-annotations circle{stroke:currentColor}.pc-rack-annotations text{fill:currentColor;font-family:var(--font-google-sans), sans-serif;font-size:12px}.pc-architecture-figure figcaption{margin:0 20px 0 34px}.pc-architecture-layers{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.pc-architecture-layers button{border-radius:var(--button-radius,12px);color:#ddd8e5;cursor:pointer;background:0 0;border:1px solid #33343c;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:46px;padding:12px 14px;font-family:inherit;font-size:14px;transition:color .18s,border-color .18s,background .18s;display:flex}.pc-architecture-layers button[aria-pressed=true]{color:#ffd43b;background:#ffffff05;border-color:#ffffff40}.pc-architecture-layers button>span{background:#65606e;border-radius:50%;flex-shrink:0;width:4px;height:4px}.pc-architecture-layers button[aria-pressed=true]>span{background:#7adca0}.pc-architecture-detail{color:#b4acbf;max-width:49ch;min-height:43px;margin-top:19px;font-size:15px;line-height:1.65}.pc-architecture-note{color:#87808f;margin-top:11px;font-size:13px;line-height:1.5;display:block}.pc-architecture-process{margin:70px calc(-1 * var(--frame-pad,32px)) 0;border-top:1px solid var(--grid-rule,#39303f);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.pc-architecture-process>li{padding:32px var(--frame-pad,32px) 40px;gap:18px;display:flex}.pc-architecture-process>li+li{border-left:1px solid var(--grid-rule,#39303f)}.pc-architecture-process>li>span{color:#928a9c;padding-top:4px;font-size:14px}.pc-architecture-process h3{font-size:18px;font-weight:500;line-height:1.4}.pc-architecture-process p{color:#a59eae;max-width:36ch;margin-top:11px;font-size:15px;line-height:1.7}@media (hover:hover) and (pointer:fine){.pc-architecture .pc-architecture-actions .pc-architecture-cta:hover{background:#5236d1;border-color:#5236d1}.pc-architecture .pc-architecture-actions .pc-architecture-link:hover{background:#ffffff07;border-color:#54535e}.pc-architecture-layers button:hover{color:#ffd43b;background:#ffffff05;border-color:#ffffff40}}@media (max-width:1050px){.pc-architecture-layout{gap:24px}.pc-architecture-figure{margin-right:-12px}.pc-architecture-figure figcaption{margin-left:12px;margin-right:12px}.pc-architecture-copy>p:not(.pc-architecture-eyebrow){font-size:17px}.pc-architecture-layers{gap:7px}.pc-architecture-layers button{gap:8px;padding-inline:10px;font-size:13px}.pc-architecture-process>li{gap:12px}}@media (max-width:767px){.pc-architecture-frame{padding-top:65px}.pc-architecture-layout{grid-template-columns:minmax(0,1fr);gap:34px}.pc-architecture-copy{padding:0}.prod-page .pc-architecture h2{font-size:clamp(34px,8.5vw,46px)}.pc-architecture-eyebrow{margin-bottom:20px}.pc-architecture-copy>p:not(.pc-architecture-eyebrow){max-width:47ch;margin-top:23px}.pc-architecture-figure,.pc-architecture-figure figcaption{margin:0}.pc-rack-annotations text{display:none}.pc-architecture-layers{gap:7px}.pc-architecture-layers button{gap:7px;min-height:46px;padding:12px 10px}.pc-architecture-detail{min-height:65px}.pc-architecture-process{grid-template-columns:1fr;margin-top:38px}.pc-architecture-process>li{gap:18px;padding-block:26px}.pc-architecture-process>li+li{border-left:0;border-top:1px solid var(--grid-rule,#39303f)}.pc-architecture-process p{max-width:50ch}}@media (max-width:400px){.pc-architecture-actions{flex-direction:column}.pc-architecture .pc-architecture-actions a{width:100%}.pc-architecture-layers button{gap:5px;padding-inline:8px}}@media (prefers-reduced-motion:reduce){.pc-architecture *,.pc-architecture :after{transition:none!important}.pc-architecture a:hover svg{transform:none}}