.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}}
.pc-builds{color:#f6f3fa;background:#0b0c0e;scroll-margin-top:80px}.pc-build-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.pc-build-card{flex-direction:column;min-width:0;display:flex}.pc-build-preview,.pc-config-drawing{--g-hair:#ffffff28;--g-hair-strong:#aaa5b7;--g-ink-3:#97929f;--g-ink-2:#d8d3df;--yb-yellow:#ffd43b;--font-mono:var(--font-google-sans), sans-serif}.pc-build-preview{cursor:zoom-in;background:#19181f;border:1px solid #ffffff16;width:100%;padding:24px 16px;transition:background .18s,border-color .18s;position:relative}.yb.premium-shell button.pc-build-preview{border-radius:0}.pc-build-open{color:#d9d5df;border:1px solid #ffffff1c;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:14px;right:14px}.pc-build-copy{flex-direction:column;flex:1;align-items:start;padding-block:26px 36px;display:flex}.pc-build-label{color:#9e97a8;font-size:12px;line-height:1.5}.pc-build-label[data-production=true]{color:#a5c8b1}.pc-build-copy h3{letter-spacing:-.03em;margin-top:13px;font-size:26px;line-height:1.2}.pc-build-audience{color:#b4adbe;max-width:32ch;margin-top:14px;font-size:14px;line-height:1.6}.pc-build-copy ul{width:100%;margin:24px 0 28px;padding:0;list-style:none}.pc-build-copy li{color:#b4adbe;border-top:1px solid #ffffff17;padding-block:12px;font-size:13px;line-height:1.6}.pc-build-copy>button{margin-top:auto}.pc-builds-help{border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:28px;padding-block:28px 32px;display:flex}.pc-builds-help p{color:#a49dae;font-size:14px;line-height:1.6}.pc-config-overlay{z-index:80;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.pc-config-backdrop{background:#09080cce;position:absolute;inset:0}.pc-config-dialog{overscroll-behavior:contain;color:#f6f3fa;background:#16151b;border:1px solid #49434f;width:100%;max-width:1080px;max-height:90svh;position:relative;overflow-y:auto}.pc-config-close-row{z-index:1;justify-content:end;height:0;display:flex;position:sticky;top:0}.pc-config-close-row button{cursor:pointer;background:#211f27;border:1px solid #4c4655;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;margin:12px;display:grid}.pc-config-dialog-grid{grid-template-columns:.85fr 1.15fr;display:grid}.pc-config-drawing{background:#1b1921;border-right:1px solid #ffffff17;padding:56px 22px 32px}.pc-config-drawing svg{position:sticky;top:56px}.pc-config-details{padding:54px 36px 36px}.pc-config-details h3{letter-spacing:-.035em;margin-top:12px;font-size:32px;line-height:1.2}.pc-config-narrative{color:#b4adbe;margin-top:25px;font-size:15px;line-height:1.7}.pc-config-details dl{margin-top:28px}.pc-config-details dl>div{border-top:1px solid #ffffff17;grid-template-columns:105px 1fr;gap:16px;padding-block:14px;font-size:13px;line-height:1.6;display:grid}.pc-config-details dt{color:#98919f;text-transform:capitalize}.pc-config-details dd{color:#d5d0dc;margin:0}.pc-config-story{color:#d9d2e3;align-items:center;gap:16px;width:fit-content;margin-top:22px;font-size:14px;display:flex}.pc-config-details .premium-button{align-items:center;gap:28px;margin-top:28px;display:inline-flex}.pc-config-dialog :focus-visible,.pc-build-card :focus-visible{outline-offset:4px;outline:2px solid #d2c5ff}@media (hover:hover) and (pointer:fine){.pc-build-preview:hover{background:#211f27;border-color:#ffffff50}.pc-build-preview:hover .pc-build-open,.pc-config-close-row button:hover,.pc-config-story:hover svg{color:#ffd43b}}@media (max-width:1050px){.pc-build-grid{gap:20px}.pc-build-copy h3{font-size:23px}.pc-build-preview{padding-inline:8px}}@media (max-width:820px){.pc-build-grid{grid-template-columns:1fr;gap:0}.pc-build-card{border-top:1px solid #ffffff17;grid-template-columns:1fr 1fr;align-items:start;gap:32px;padding-block:32px;display:grid}.pc-build-copy{padding-block:0}.pc-build-copy h3{font-size:26px}.pc-config-dialog-grid{grid-template-columns:1fr}.pc-config-drawing{border-bottom:1px solid #ffffff17;border-right:0;padding-top:32px}.pc-config-drawing svg{max-width:360px;margin:auto;position:static}.pc-config-details{padding:28px}}@media (max-width:600px){.pc-build-card{border-top:0;gap:26px;padding-block:0 38px;display:flex}.pc-build-preview{padding:24px 12px}.pc-builds-help{flex-direction:column;align-items:start;gap:18px}.pc-config-overlay{padding:12px}.pc-config-dialog{max-height:92svh}.pc-config-drawing{padding:54px 12px 22px}.pc-config-details{padding:26px 20px}.pc-config-details h3{font-size:28px}.pc-config-details dl>div{grid-template-columns:1fr;gap:4px}.pc-config-narrative{font-size:14px}}
