/* scoped by scripts/v4/sync-assets.mjs: compute-v1 */ /* v1 (8765) /aidc/ page (全球算力) styles for ../../compute/index.html Generated from the live v1 stylesheets (style.css + theme.css): every rule that styles an element of v1's /aidc/
(hero, globe, finder, list, compare tray, dialog, toast, CTA; in every state the page's script produces), in the original order, with the selector scoped to :is(main#main.v1c,#main .v1c) (each rule gains the same +1,1,1, so the v1 cascade is unchanged and v2 site.css cannot override it). Declarations are verbatim. Values v1 inherits from :root/body are applied on the scope root itself. Used by ../../compute/index.html (
) and by the home 全球算力 list (
wrapping .network-atlas). Do not hand-edit; re-extract. */ @property --edge-angle { syntax: ""; inherits: false; initial-value: 0deg; } /* ---- neutralise v2 rules that would otherwise reach in here (site.css / v35.css / page css), generated from a leak scan ---- */ :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){text-rendering:auto;-webkit-font-smoothing:auto;-webkit-text-size-adjust:auto;text-size-adjust:auto;-webkit-tap-highlight-color:rgba(0,0,0,.4)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(img),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(svg){max-width:revert;display:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(a){color:revert;text-decoration-line:revert;text-decoration-thickness:revert;text-decoration-style:revert;text-decoration-color:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(button){font-style:revert;font-variant-ligatures:revert;font-variant-caps:revert;font-variant-numeric:revert;font-variant-east-asian:revert;font-variant-alternates:revert;font-variant-position:revert;font-variant-emoji:revert;font-weight:revert;font-stretch:revert;font-size:revert;line-height:revert;font-family:revert;font-optical-sizing:revert;font-size-adjust:revert;font-kerning:revert;font-feature-settings:revert;font-variation-settings:revert;font-language-override:revert;color:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(h1),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(h2),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(h3),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(h4){color:revert;margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;font-weight:revert;text-wrap-mode:revert;text-wrap-style:revert;word-break:revert;line-break:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(p){margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;text-wrap-mode:revert;text-wrap-style:revert;line-break:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(:focus-visible){outline-color:revert;outline-style:revert;outline-width:revert;outline-offset:revert;border-top-left-radius:revert;border-top-right-radius:revert;border-bottom-right-radius:revert;border-bottom-left-radius:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.eyebrow){display:revert;align-items:revert;row-gap:revert;column-gap:revert;font-style:revert;font-variant-ligatures:revert;font-variant-caps:revert;font-variant-numeric:revert;font-variant-east-asian:revert;font-variant-alternates:revert;font-variant-position:revert;font-variant-emoji:revert;font-weight:revert;font-stretch:revert;font-size:revert;line-height:revert;font-family:revert;font-optical-sizing:revert;font-size-adjust:revert;font-kerning:revert;font-feature-settings:revert;font-variation-settings:revert;font-language-override:revert;text-transform:revert;color:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.eyebrow)::before{content:revert;width:revert;height:revert;background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;flex-grow:revert;flex-shrink:revert;flex-basis:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.lead){font-size:revert;line-height:revert;color:revert;max-width:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.small){font-size:revert;line-height:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.chip){display:revert;align-items:revert;height:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert;border-top-left-radius:revert;border-top-right-radius:revert;border-bottom-right-radius:revert;border-bottom-left-radius:revert;background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;font-size:revert;color:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(h1),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(h2){font-weight:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.finder){position:revert;z-index:revert;margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;max-width:revert;background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;border-top-left-radius:revert;border-top-right-radius:revert;border-bottom-right-radius:revert;border-bottom-left-radius:revert;box-shadow:revert;display:revert;grid-template-columns:revert;row-gap:revert;column-gap:revert;align-items:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.finder label){display:revert;row-gap:revert;column-gap:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert;border-right-width:revert;border-right-style:revert;border-right-color:revert;font-size:revert;color:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.finder label:nth-of-type(3)){border-right-width:revert;border-right-style:revert;border-right-color:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.finder select){border-top-width:revert;border-right-width:revert;border-bottom-width:revert;border-left-width:revert;border-top-style:revert;border-right-style:revert;border-bottom-style:revert;border-left-style:revert;border-top-color:revert;border-right-color:revert;border-bottom-color:revert;border-left-color:revert;border-image-source:revert;border-image-slice:revert;border-image-width:revert;border-image-outset:revert;border-image-repeat:revert;background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;font-style:revert;font-variant-ligatures:revert;font-variant-caps:revert;font-variant-numeric:revert;font-variant-east-asian:revert;font-variant-alternates:revert;font-variant-position:revert;font-variant-emoji:revert;font-weight:revert;font-stretch:revert;font-size:revert;line-height:revert;font-family:revert;font-optical-sizing:revert;font-size-adjust:revert;font-kerning:revert;font-feature-settings:revert;font-variation-settings:revert;font-language-override:revert;color:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert;appearance:revert;cursor:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.finder){border-top-left-radius:revert;border-top-right-radius:revert;border-bottom-right-radius:revert;border-bottom-left-radius:revert;grid-template-columns:revert;margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.finder label){border-right-width:revert;border-right-style:revert;border-right-color:revert;border-bottom-width:revert;border-bottom-style:revert;border-bottom-color:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.fine),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.eyebrow){color:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.finder){grid-template-columns:revert;max-width:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.finder label:nth-of-type(2)){border-right-width:revert;border-right-style:revert;border-right-color:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.finder){background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;border-top-width:revert;border-right-width:revert;border-bottom-width:revert;border-left-width:revert;border-top-style:revert;border-right-style:revert;border-bottom-style:revert;border-left-style:revert;border-top-color:revert;border-right-color:revert;border-bottom-color:revert;border-left-color:revert;border-image-source:revert;border-image-slice:revert;border-image-width:revert;border-image-outset:revert;border-image-repeat:revert;backdrop-filter:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.glass),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.finder),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.hc-copy .d){backdrop-filter:revert;background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(a),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(button),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(summary),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(select),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(label),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where([role="tab"]){touch-action:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(:focus-visible){outline-color:revert;outline-style:revert;outline-width:revert;outline-offset:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.field input:not([type="checkbox"])),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.field select),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.field textarea),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.filters select),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.finder select){font-size:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-stage){position:revert;height:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert;background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;border-top-left-radius:revert;border-top-right-radius:revert;border-bottom-right-radius:revert;border-bottom-left-radius:revert;overflow-x:revert;overflow-y:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-surface){position:revert;top:revert;left:revert;width:revert;height:revert;transform:revert;cursor:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-surface canvas){width:revert;height:revert;display:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(#globe-markers){position:revert;top:revert;right:revert;bottom:revert;left:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-pin){position:revert;width:revert;height:revert;border-top-left-radius:revert;border-top-right-radius:revert;border-bottom-right-radius:revert;border-bottom-left-radius:revert;background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;border-top-width:revert;border-right-width:revert;border-bottom-width:revert;border-left-width:revert;border-top-style:revert;border-right-style:revert;border-bottom-style:revert;border-left-style:revert;border-top-color:revert;border-right-color:revert;border-bottom-color:revert;border-left-color:revert;border-image-source:revert;border-image-slice:revert;border-image-width:revert;border-image-outset:revert;border-image-repeat:revert;color:revert;font-style:revert;font-variant-ligatures:revert;font-variant-caps:revert;font-variant-numeric:revert;font-variant-east-asian:revert;font-variant-alternates:revert;font-variant-position:revert;font-variant-emoji:revert;font-weight:revert;font-stretch:revert;font-size:revert;line-height:revert;font-family:revert;font-optical-sizing:revert;font-size-adjust:revert;font-kerning:revert;font-feature-settings:revert;font-variation-settings:revert;font-language-override:revert;display:revert;align-items:revert;justify-items:revert;cursor:revert;transform:revert;transition-behavior:revert;transition-duration:revert;transition-timing-function:revert;transition-delay:revert;transition-property:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-pin small){position:revert;top:revert;left:revert;transform:revert;background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;color:revert;font-size:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert;border-top-left-radius:revert;border-top-right-radius:revert;border-bottom-right-radius:revert;border-bottom-left-radius:revert;white-space-collapse:revert;text-wrap-mode:revert;opacity:revert;pointer-events:revert;transition-behavior:revert;transition-duration:revert;transition-timing-function:revert;transition-delay:revert;transition-property:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-pin:hover small),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-pin:focus-visible small){opacity:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-pin:hover),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-pin.selected),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-pin.active){background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-footer){position:revert;left:revert;right:revert;bottom:revert;display:revert;justify-content:revert;align-items:revert;font-size:revert;color:revert;z-index:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-footer button){background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;border-top-width:revert;border-right-width:revert;border-left-width:revert;border-top-style:revert;border-right-style:revert;border-left-style:revert;border-top-color:revert;border-right-color:revert;border-left-color:revert;border-image-source:revert;border-image-slice:revert;border-image-width:revert;border-image-outset:revert;border-image-repeat:revert;border-bottom-width:revert;border-bottom-style:revert;border-bottom-color:revert;font-size:revert;color:revert;cursor:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-note){position:revert;left:revert;bottom:revert;font-size:revert;color:revert;z-index:revert;margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-stage){height:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-surface){width:revert;height:revert;top:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-surface canvas){width:revert;height:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.globe-note){display:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.lead){font-size:revert;line-height:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.atlas-hero){position:revert;background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;height:revert;overflow-x:revert;overflow-y:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.atlas-hero .globe-surface){top:revert;left:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.atlas-hero){height:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.atlas-hero .globe-surface){left:revert} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.glass),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.hero-full .hero-kpi),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.cmp-tray),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.hc .ctrl),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) :where(.finder){backdrop-filter:revert} /* v2 addition: rows hidden by the home list filter (site.js sets [hidden]) */ :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results>article.machine[hidden][hidden][hidden]{display:none!important} /* ---- v1 :root / body values (custom properties + inherited properties) ---- */ :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--orange:#FE5000;--peach:#FFAE62;--red:#963821;--gray:#E6E4DF;--ink:#111110;--blue:#00AED6;--line:#E6E4DF} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--radius-control:15px;--radius-card:24px;--radius-panel:33px;--space-edge:clamp(24px,5vw,87px);--title-display:clamp(36px,4.3vw,63px);--title-section:clamp(27px,3vw,45px);--title-card:clamp(21px,1.6vw,27px);--text-body:15px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--edition-line:#E6E4DF;--edition-muted:#8A877F} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--konst-orange:#FE5000;--konst-dawn:#FFAE62;--konst-gray:#E6E4DF;--action-radius:3px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--radius-control:15px;--radius-card:24px;--radius-panel:33px;--space-edge:clamp(24px,5vw,87px);--title-display:clamp(36px,4.3vw,63px);--title-section:clamp(27px,3vw,45px);--title-card:clamp(21px,1.6vw,27px);--text-body:15px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--title-display:clamp(33px,3.2vw,45px);--title-section:clamp(24px,2.3vw,33px);--title-card:clamp(18px,1.35vw,21px);--ink-2:#111110;--muted-2:#5F5D59;--line-2:#E6E4DF;--paper:#F3F2EF} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--gutter:90px;--space-edge:90px;--grid-gap:24px} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--gutter:39px;--space-edge:39px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--gutter:21px;--space-edge:21px}} :where(body[data-v4~="compute-v1"]) :where(*) :is(main#main.v1c,#main .v1c){letter-spacing:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--r-card:15px;--r-pill:999px;--band:#FE5000;--band-ink:#fff;--title-display:clamp(39px,4.6vw,63px);--title-section:clamp(30px,3.1vw,45px);--title-card:21px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--s0:#FFFFFF;--s1:#F3F2EF;--band:#FE5000;--band-soft:#FFD6B0;--ink:#111110;--ink-2:#111110;--body:#5F5D59;--muted:#8A877F;--muted-2:#8A877F;--line:#E6E4DF;--line-2:#E6E4DF;--orange:#FE5000;--peach:#FFAE62;--red:#963821;--paper:#F3F2EF;--gutter:90px;--space-edge:90px;--grid-gap:24px;--sec:120px;--r-card:15px;--r-pill:999px;--r-input:12px;--title-display:clamp(45px,5.4vw,75px);--title-section:clamp(33px,3.3vw,48px);--title-card:21px;--text-body:15px;--header-h:81px} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--gutter:39px;--space-edge:39px;--sec:87px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--gutter:21px;--space-edge:21px;--sec:63px}} :where(body[data-v4~="compute-v1"]) :where(*) :is(main#main.v1c,#main .v1c){letter-spacing:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--title-display:clamp(39px,4.8vw,63px)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--s0:#F3F2EF;--s1:#FFFFFF;--paper:#F3F2EF;--card:#FFFFFF;--line:#DEDDD9;--line-2:#DEDDD9;--glow:#FFC9AE} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--title-display:clamp(36px,3.6vw,51px);--title-section:clamp(27px,2.6vw,39px);--title-card:21px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--s0:#FFFFFF;--s1:#F3F2EF;--paper:#F3F2EF;--line:#E6E4DF;--line-2:#E6E4DF;--glass:rgba(255,255,255,.72);--glass-line:rgba(255,255,255,.85)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--content-max:1281px} @media (min-width: 1461px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--gutter:max(90px,calc((100vw - var(--content-max))/2))}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--sec:150px;--grid-gap:33px} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--sec:105px;--grid-gap:24px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){--sec:72px;--grid-gap:21px}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){color:var(--ink);font-family:Tasa,Vivo,sans-serif;font-size:15px;line-height:1.5} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){letter-spacing:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){letter-spacing:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){color:var(--ink-2);line-height:1.75} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){font-size:15px;line-height:1.7} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c){color:var(--ink)!important;font-size:15px!important;line-height:1.7!important} /* ---- v1 rules (theme.css + style.css order) ---- */ :where(body[data-v4~="compute-v1"]) *#main.v1c:is(main),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) *{box-sizing:border-box} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) a{color:inherit;text-decoration:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) input,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select{font:inherit} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) a,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select{touch-action:manipulation} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) button{cursor:pointer} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) a,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select{outline-offset:6px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) a:focus-visible,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) button:focus-visible,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select:focus-visible{outline:2px solid var(--red)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) button{color:inherit} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:18px 24px;border:0;border-radius:3px;font-size:15px;font-weight:500;transition:background .2s,transform .2s} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:hover{transform:translateY(-2px)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .dark{background:var(--ink);color:white} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .dark:hover{background:var(--red)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .small{padding:12px 18px;gap:18px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button span{font-size:21px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .eyebrow{font-size:12px;font-weight:500;letter-spacing:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h1{font-size:clamp(42px,4.3vw,69px);line-height:1.2;font-weight:500;letter-spacing:0;margin:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .finder{margin:0 5%;padding:30px 0 36px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 3.1fr;gap:30px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) form#search{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:0;align-items:center} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #search label{font-size:12px;color:#555;border-left:1px solid var(--line);padding:0 21px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select{display:block;width:100%;min-height:33px;border:0;background:transparent;color:var(--ink);font-size:15px;margin-top:6px;padding-right:18px} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .finder{grid-template-columns:1fr}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h1{font-size:39px;line-height:1.25}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .finder{margin:0 6%;padding:24px 0}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) form#search{grid-template-columns:1fr 1fr;gap:21px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #search label{padding:0 9px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #search button{padding:12px;min-height:60px}} @media (prefers-reduced-motion: reduce){:where(body[data-v4~="compute-v1"]) *#main.v1c:is(main),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) *,:where(body[data-v4~="compute-v1"]) #main.v1c:is(main)::before,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) ::before,:where(body[data-v4~="compute-v1"]) #main.v1c:is(main)::after,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) ::after{animation:none!important;transition:none!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section{padding:99px 5%} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:45px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading .eyebrow{margin-top:0;color:var(--red)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h2{font-size:clamp(30px,3.1vw,48px);font-weight:500;line-height:1.25;letter-spacing:0;margin:15px 0 0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .subtle{color:#77716d} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{max-width:381px;color:#68635f;font-size:15px;line-height:1.7} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .map-pin{cursor:pointer;outline:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .map-pin circle{transition:r .2s,fill .2s} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .map-pin:hover circle,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .map-pin:focus circle{r:8;fill:var(--red)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .map-pin.selected circle{fill:var(--red);stroke:var(--peach);stroke-width:5} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .map-pin text{font-family:Tasa,Vivo,sans-serif;paint-order:stroke;stroke:#F3F2EF;stroke-width:3px;fill:#5a3424;font-size:12px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .map-pin.dim{opacity:.16} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-toolbar{display:flex;align-items:center;justify-content:space-between;margin:36px 0 21px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .chips{display:flex;gap:9px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .chip{border:1px solid var(--line);background:white;border-radius:3px;padding:9px 18px;font-size:15px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .chip.active{background:var(--ink);border-color:var(--ink);color:white} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #result-count{font-size:15px;color:#6f6965} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results{display:grid;grid-template-columns:repeat(3,1fr);gap:15px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine{border:1px solid var(--line);padding:24px;transition:border .2s,background .2s} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine:hover{border-color:var(--orange);background:#fffdfb} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine h3{font-size:27px;font-weight:500;margin:21px 0 6px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .fineprint{font-size:12px;color:#716d68;line-height:1.65;max-width:960px;margin-top:24px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .empty{grid-column:1/-1;background:#F3F2EF;padding:45px;text-align:center} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .empty p{color:#746e67} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .empty button{border:0;background:var(--ink);color:white;padding:12px 21px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compare-tray{position:fixed;z-index:35;bottom:21px;left:50%;transform:translateX(-50%);padding:15px 21px;background:white;box-shadow:0 6px 36px #0003;border:1px solid #ddd;display:flex;gap:24px;align-items:center;border-radius:6px;white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compare-tray[hidden]{display:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compare-tray > span{font-size:15px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compare-tray > button:not(.button){border:0;background:none;font-size:12px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compare-tray button:disabled{opacity:.4;cursor:not-allowed} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) dialog{border:0;border-radius:6px;padding:45px;max-width:861px;width:calc(100% - 39px);max-height:85vh;overflow:auto;box-shadow:0 21px 81px #0004} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) dialog::backdrop{background:#17120eb3;backdrop-filter:blur(6px)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:30px;width:39px;height:39px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) dialog h2{font-size:30px;margin-bottom:21px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) dialog table{border-collapse:collapse;width:100%;font-size:15px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) dialog th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) dialog td{padding:12px 9px;border-bottom:1px solid #ddd;text-align:left;vertical-align:top} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) dialog th{font-weight:500;background:#F3F2EF;width:25%} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .dialog-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .outline{background:white;border:1px solid var(--line)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .toast{position:fixed;bottom:96px;left:50%;transform:translateX(-50%);z-index:60;background:#111110;color:white;padding:12px 21px;border-radius:3px;max-width:90%;font-size:15px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .reveal{animation:appear .7s ease both} @media (max-width: 1050px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results{grid-template-columns:repeat(2,1fr)}} @media (max-width: 1050px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{max-width:309px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section{padding:66px 6%}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading{display:block;margin-bottom:30px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{margin-top:21px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading h2{font-size:30px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-toolbar{align-items:flex-start;gap:9px;flex-direction:column}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .chip{padding:9px 12px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-toolbar > p{margin:0}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results{grid-template-columns:1fr}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine{padding:21px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compare-tray{bottom:12px;gap:15px;padding:12px;max-width:calc(100% - 21px)}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compare-tray > span{font-size:12px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compare-tray .button{font-size:12px;padding:9px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compare-tray > button:not(.button){font-size:12px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) dialog{padding:39px 18px 24px;width:calc(100% - 21px)}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) dialog table{font-size:12px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) dialog th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) dialog td{padding:9px 6px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) dialog h2{font-size:24px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .map-pin text{font-size:15px}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .more-results{text-align:center;margin-top:27px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .more-results button[hidden]{display:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .motion-ready{opacity:.15;transform:translateY(21px);transition:opacity .8s ease,transform .8s ease} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .motion-ready.in-view{opacity:1;transform:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--orange);z-index:50;width:var(--progress,0%);pointer-events:none} @media (prefers-reduced-motion: reduce){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .motion-ready{opacity:1;transform:none}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.small,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) input,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select{border-radius:var(--radius-control)!important} @supports (corner-shape:squircle){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) input,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta{corner-shape:squircle}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder button[type="submit"]{background:#FE5000!important;border-color:#FE5000!important;color:white!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark:hover{background:#dd4700!important;border-color:#dd4700!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline{background:linear-gradient(140deg,#ffffffd9,#f0f1f3a6)!important;backdrop-filter:blur(15px);border:1px solid #E6E4DF!important;color:#24282a!important;box-shadow:inset 0 1px 0 #fff!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta{border-radius:var(--radius-panel)!important;background:radial-gradient(ellipse at 90% 130%,#FE500080,transparent 55%),linear-gradient(125deg,#141a1e,#303d45 55%,#12181d)!important;color:#fff!important;isolation:isolate;position:relative;overflow:hidden;border:1px solid #78828a!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta::before{display:block!important;content:''!important;position:absolute!important;inset:0!important;background:repeating-linear-gradient(115deg,transparent 0 117px,#ffffff09 120px,transparent 120px)!important;opacity:1!important;pointer-events:none;z-index:-1} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta::after{display:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta p{color:#fff!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .button{color:#20282c!important;background:linear-gradient(140deg,#fff,#d6dce0)!important;border:1px solid white!important;box-shadow:inset 0 1px 0 white!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .button:hover{border-color:#FE5000!important;box-shadow:0 0 0 2px #FE5000!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.7} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table td{padding:21px 24px!important;text-align:left;border-bottom:1px solid #E6E4DF!important;vertical-align:top} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table thead th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table tbody th{background:#f5f5f2!important;color:#41474a!important;font-weight:500} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table td{background:#fff!important;color:#202426!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table tr:last-child td,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table tr:last-child th{border-bottom:0!important} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta{border-radius:24px!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button{min-height:48px}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .heading-phrase{white-space:nowrap;font:inherit;color:inherit} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .heading-phrase{white-space:normal}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta::before,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta::after{display:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{background:radial-gradient(ellipse at 100% 120%,#fe500060,transparent 52%),linear-gradient(125deg,#151c20,#344047 58%,#182025)!important;border:1px solid #778189!important;border-radius:var(--radius-panel)!important;isolation:isolate;min-height:321px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel::after{content:''!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:repeating-linear-gradient(115deg,transparent 0 117px,#ffffff08 120px,transparent 120px)!important;z-index:-1!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content{color:white!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{color:white!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content > p:not(.eyebrow){color:#e1e4e6!important} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{border-radius:24px!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{position:relative;overflow:hidden} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-lightfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.42} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-lightfield path{fill:none;stroke:#dce5e9;stroke-width:.65;stroke-dasharray:180 780;animation:material-ray 12s linear infinite;animation-delay:calc(var(--ray)*-.8s)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-lightfield path:nth-child(3n){stroke:#FFAE62} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content{position:relative;z-index:1} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .metal-button{background:linear-gradient(115deg,#F3F2EF 5%,#c7d0d5 30%,#F3F2EF 48%,#b9c4cc 74%,#F3F2EF 95%)!important;background-size:240% 100%!important;background-position:30% 0!important;transition:background-position .75s ease,border-color .25s ease!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .metal-button:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .metal-button:focus-visible{background-position:85% 0!important} @media (prefers-reduced-motion: reduce){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-lightfield path{animation:none;stroke-dasharray:none;opacity:.4}} @media (prefers-reduced-motion: reduce){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .metal-button{transition:none!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-mobile-break{display:none} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-mobile-break{display:block}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{font-size:24px!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2 .heading-phrase{white-space:nowrap}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h1,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h3{font-weight:450;letter-spacing:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) p{line-height:1.85} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .chip,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) input,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select{border-radius:9px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .finder{position:relative;z-index:3} :where(body[data-v4~="compute-v1"]) .finder-page#main.v1c:is(main) .finder{margin-top:39px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .motion-ready.in-view{opacity:1;transform:none} @media (max-width: 699px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .finder{margin:0!important;border-radius:0!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .eyebrow{font-size:12px!important} html body:where([data-v4~="compute-v1"]) *#main.v1c:is(main),html body:where([data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) *{letter-spacing:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h1,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h3{text-wrap:balance;word-break:normal;overflow-wrap:normal;line-break:strict} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) p,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) td{text-wrap:pretty;line-break:strict;word-break:normal} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .keep-ending{white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .ui-line-icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.12em;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button{position:relative;isolation:isolate;transition:transform .16s ease,border-color .2s ease,box-shadow .2s ease} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--edge-angle,0deg),transparent 0deg,transparent 200deg,#b7c1c9 250deg,#FE5000 295deg,transparent 350deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:hover::after,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:focus-visible::after,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.is-pressed::after{opacity:1;animation:cta-edge .8s ease-out 1} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:active,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.is-pressed{transform:translateY(1px) scale(.985)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:focus-visible{outline:2px solid #FE5000;outline-offset:3px} @media (prefers-reduced-motion: reduce){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button::after{animation:none!important;transition:none!important}} @media (prefers-reduced-motion: reduce){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:active,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.is-pressed{transform:none}} @media (prefers-reduced-motion: reduce){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:focus-visible{border-color:#FE5000}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .brand-cta{margin:0;padding:0;background:#F3F2EF;color:#111110;border-top:1px solid #E6E4DF} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .explore{background:#F3F2EF} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;align-items:start} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-stage{position:sticky;top:111px;min-width:0;overflow:hidden} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-surface{height:561px;position:relative;overflow:hidden;margin:0 -21px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-surface canvas{width:100%;height:100%;display:block} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin{position:absolute;transform:translate(-50%,-50%);width:33px;height:33px;border:1px solid #fff;border-radius:50%;background:#292f33;color:#fff;cursor:pointer;font:12px Tasa,Vivo,sans-serif;box-shadow:0 2px 9px #121a2020;z-index:2} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin small{display:none;position:absolute;top:39px;left:50%;transform:translateX(-50%);padding:6px 9px;background:white;color:#20292d;white-space:nowrap;border-radius:3px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin:focus-visible,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin.selected{background:#FE5000;z-index:3;outline:2px solid #fe500055;outline-offset:3px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin:hover small,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin:focus-visible small,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin.selected small{display:block} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin.dim{opacity:.28} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-footer{display:flex;justify-content:space-between;align-items:center;gap:21px;font-size:12px;color:#59656c;border-top:1px solid #d7dfe2;padding-top:21px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-footer button{background:none;border:none;font:inherit;cursor:pointer;color:#20292e} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-note{font-size:12px;color:#64717a;margin-top:12px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel{background:#ffffffed;border:1px solid #E6E4DF;border-radius:15px;padding:27px;box-shadow:0 9px 24px #121a2005;min-width:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel-heading h3{font-size:21px;font-weight:450;margin:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel-heading > span{font-size:9px;color:#8A877F} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .results-toolbar{display:block;margin:21px 0 9px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .chips{gap:6px;flex-wrap:wrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .chip{font-size:12px;padding:6px 9px;background:#fff;border-color:#E6E4DF} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .chip.active{background:#F3F2EF;border-color:#ced6db} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel #result-count{font-size:12px;color:#8A877F;margin:15px 0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .results{display:block} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{position:relative;border:0;border-top:1px solid #E6E4DF;border-radius:0;padding:21px 0;display:grid;grid-template-columns:1fr auto;gap:9px 15px;background:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine:hover{background:none;border-top-color:#FE5000} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine h3{font-size:21px;margin:2px 0;font-weight:500} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .more-results{display:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .explore > .fineprint{font-size:12px;max-width:759px;margin:27px 0 0 auto;line-height:1.8} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .empty{padding:24px 0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .brand-cta.compact-cta{padding:75px 5%;background:#fff;border:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-height:321px;display:grid;place-items:center;background:#181c20} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-panel::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#111923ad,#161e2566,#111923a6)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-content{text-align:center;color:#fff;padding:48px 24px;max-width:849px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-content h2{font-size:clamp(30px,3.4vw,48px);font-weight:450;line-height:1.3;margin:0 0 15px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-content h2 br{display:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-content > p:not(.eyebrow){font-size:12px;margin:0 0 24px;color:#e3e6e8} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .metal-button{background:radial-gradient(ellipse at var(--metal-x,25%) 0%,#fff 0%,#edf1f4 30%,#c9d0d7 65%,#f2f5f7 100%);color:#20272d;border:1px solid #fff;border-radius:6px;box-shadow:inset 0 1px 1px #fff,0 3px 9px #0002;padding:12px 21px;min-height:45px;font-size:12px} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas{gap:21px;grid-template-columns:1fr 1fr}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel{padding:21px}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-surface{height:459px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas{grid-template-columns:1fr}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-stage{position:relative;top:0}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-surface{height:360px;margin:0}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-footer{font-size:12px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel{padding:21px 15px;border-radius:12px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel-heading h3{font-size:18px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel-heading > span{font-size:9px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine h3{font-size:21px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .brand-cta.compact-cta{padding:48px 6%}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{min-height:300px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-content{padding:39px 21px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-content h2{font-size:30px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-content > p:not(.eyebrow){font-size:12px;line-height:1.7}} @media (min-width: 762px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel{height:759px;display:flex;flex-direction:column}} @media (min-width: 762px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .results{overflow:auto;min-height:0;flex:1;padding-right:9px;scrollbar-width:thin;scrollbar-color:#c4cdd2 transparent}} @media (min-width: 762px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .results:focus-visible{outline:2px solid #FE5000;outline-offset:3px}} @media (min-width: 762px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel-heading,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .results-toolbar{flex-shrink:0}} @media (min-width: 762px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel #result-count{margin-bottom:3px}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel::after{background:linear-gradient(90deg,#121b22c9,#121b2255 70%,transparent)} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin{width:27px;height:27px;font-size:9px}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin small{top:33px}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{margin:0 5vw 66px!important;max-width:none!important;width:auto!important;position:relative!important;transform:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas{display:block!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas > .network-panel{width:100%;margin-top:54px;border-radius:0;box-shadow:none;border:0;background:transparent;padding:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas .network-panel-heading{margin-bottom:24px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results{max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article{min-width:0;border:1px solid #d5dadd;padding:24px;border-radius:9px;background:#fff} @media (max-width: 1248px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width: 900px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder form{flex-wrap:wrap}} @media (max-width: 600px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results{grid-template-columns:1fr}} @media (max-width: 600px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas > .network-panel{margin-top:36px}} @media (max-width: 600px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{margin:0 6vw 45px!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{display:block!important;padding:27px 30px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 219px;gap:24px;align-items:end} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search label{display:flex;flex-direction:column;gap:12px;min-width:0;border:0;padding:0;font-size:12px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search select{width:100%;min-width:0;padding:9px;border:1px solid #E6E4DF;border-radius:6px;background:white;font-size:15px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search .button{white-space:nowrap;min-height:45px;padding:12px 21px} @media (max-width: 801px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search{grid-template-columns:1fr 1fr;gap:21px}} @media (max-width: 801px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search .button{width:100%}} @media (max-width: 429px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search{grid-template-columns:1fr}} @media (max-width: 429px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{padding:24px 21px!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas > .network-panel{height:auto;max-height:none;display:block} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas .network-panel .results{height:auto;max-height:none;min-height:0;flex:none;overflow:visible;padding:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas{height:auto;max-height:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .explore{height:auto;overflow:visible} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{align-content:start} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .keep-ending{display:inline!important;font:inherit!important;color:inherit!important;letter-spacing:0!important;line-height:inherit!important;white-space:nowrap!important;margin:0!important;padding:0!important;vertical-align:baseline!important;float:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .metal-button{border-radius:var(--action-radius)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;transition:border-color .2s ease,background-color .2s ease,color .2s ease!important;border-width:1px;border-style:solid} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button::after{display:none!important;animation:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark{background:#111110;border-color:#111110;color:#fff} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline{background:#fff;border-color:#bdbdbb;color:#111110} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.metal-button{background:#fff;color:#111110;border-color:#aaaead} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:focus-visible,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.is-pressed{border-color:#FE5000!important;box-shadow:inset 0 0 0 1px #FE5000!important;transform:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:focus-visible{outline:2px solid #FE5000;outline-offset:3px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark:hover{background:#242424} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.metal-button:hover{background:#fffaf5} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:active{border-color:#8A877F!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{background:linear-gradient(115deg,#fff 0%,#fff5ec 46%,#ffd6b0 100%);border:1px solid #e9d7c5;border-radius:9px;min-height:291px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel::after{background:none;border-top:3px solid #FE5000;inset:auto 6% 0;height:3px;z-index:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content{color:#111110} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{color:#111110} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content > p:not(.eyebrow){color:#6c655f} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .metal-button{border-color:#8A877F;background:#fff} @media (max-width: 699px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{min-height:279px}} @media (prefers-reduced-motion: reduce){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button{transition:none!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.small,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) input,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select{border-radius:var(--radius-control)!important} @supports (corner-shape:squircle){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) input,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta{corner-shape:squircle}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder button[type="submit"]{background:#FE5000!important;border-color:#FE5000!important;color:white!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark:hover{background:#dd4700!important;border-color:#dd4700!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline{background:linear-gradient(140deg,#ffffffd9,#f0f1f3a6)!important;backdrop-filter:blur(15px);border:1px solid #E6E4DF!important;color:#24282a!important;box-shadow:inset 0 1px 0 #fff!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta{border-radius:var(--radius-panel)!important;background:radial-gradient(ellipse at 90% 130%,#FE500080,transparent 55%),linear-gradient(125deg,#141a1e,#303d45 55%,#12181d)!important;color:#fff!important;isolation:isolate;position:relative;overflow:hidden;border:1px solid #78828a!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta::before{display:block!important;content:''!important;position:absolute!important;inset:0!important;background:repeating-linear-gradient(115deg,transparent 0 117px,#ffffff09 120px,transparent 120px)!important;opacity:1!important;pointer-events:none;z-index:-1} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta::after{display:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta p{color:#fff!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .button{color:#20282c!important;background:linear-gradient(140deg,#fff,#d6dce0)!important;border:1px solid white!important;box-shadow:inset 0 1px 0 white!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .button:hover{border-color:#FE5000!important;box-shadow:0 0 0 2px #FE5000!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.7} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table td{padding:21px 24px!important;text-align:left;border-bottom:1px solid #E6E4DF!important;vertical-align:top} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table thead th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table tbody th{background:#f5f5f2!important;color:#41474a!important;font-weight:500} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table td{background:#fff!important;color:#202426!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table tr:last-child td,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table tr:last-child th{border-bottom:0!important} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta{border-radius:24px!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button{min-height:48px}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .heading-phrase{white-space:nowrap;font:inherit;color:inherit} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .heading-phrase{white-space:normal}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta::before,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta::after{display:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{background:radial-gradient(ellipse at 100% 120%,#fe500060,transparent 52%),linear-gradient(125deg,#151c20,#344047 58%,#182025)!important;border:1px solid #778189!important;border-radius:var(--radius-panel)!important;isolation:isolate;min-height:321px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel::after{content:''!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:repeating-linear-gradient(115deg,transparent 0 117px,#ffffff08 120px,transparent 120px)!important;z-index:-1!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content{color:white!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{color:white!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content > p:not(.eyebrow){color:#e1e4e6!important} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{border-radius:24px!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{position:relative;overflow:hidden} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-lightfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.42} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-lightfield path{fill:none;stroke:#dce5e9;stroke-width:.65;stroke-dasharray:180 780;animation:material-ray 12s linear infinite;animation-delay:calc(var(--ray)*-.8s)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-lightfield path:nth-child(3n){stroke:#FFAE62} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content{position:relative;z-index:1} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .metal-button{background:linear-gradient(115deg,#F3F2EF 5%,#c7d0d5 30%,#F3F2EF 48%,#b9c4cc 74%,#F3F2EF 95%)!important;background-size:240% 100%!important;background-position:30% 0!important;transition:background-position .75s ease,border-color .25s ease!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .metal-button:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .metal-button:focus-visible{background-position:85% 0!important} @media (prefers-reduced-motion: reduce){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-lightfield path{animation:none;stroke-dasharray:none;opacity:.4}} @media (prefers-reduced-motion: reduce){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .metal-button{transition:none!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-mobile-break{display:none} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .cta-mobile-break{display:block}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{font-size:24px!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2 .heading-phrase{white-space:nowrap}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h1{font-size:var(--title-display)!important;font-weight:500!important;line-height:1.28!important;letter-spacing:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{font-size:var(--title-section)!important;font-weight:500!important;line-height:1.38!important;letter-spacing:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h3{font-size:var(--title-card)!important;font-weight:500!important;line-height:1.45!important;letter-spacing:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .eyebrow{font-size:12px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.6} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{font-size:15px!important;line-height:1.8!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table td{font-size:15px!important;line-height:1.7!important;padding:15px 15px!important;border-bottom:1px solid var(--line-2)!important;text-align:left;vertical-align:top} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table thead{background:#F3F2EF!important;color:var(--ink-2)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table th{font-weight:500!important;background:#F3F2EF!important;color:var(--ink-2)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{background:linear-gradient(118deg,#963821 0%,#c9430a 38%,#fe5000 68%,#ffae62 100%)!important;border:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel::after{opacity:.6!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content > p:not(.eyebrow){color:#fff3ea!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{margin:21px 5vw 60px!important;border:1px solid var(--line-2)!important;border-radius:15px!important;background:#fff} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{margin:15px 6vw 39px!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section{padding:87px 5%} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section{padding:57px 6%}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) thead th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) tbody th{background:#F3F2EF!important;color:var(--ink-2)!important} :where(body[data-v4~="compute-v1"]) *#main.v1c:is(main),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) *,:where(body[data-v4~="compute-v1"]) #main.v1c:is(main)::before,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) ::before,:where(body[data-v4~="compute-v1"]) #main.v1c:is(main)::after,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) ::after{letter-spacing:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .finder{margin:0 var(--gutter)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section{padding:99px var(--gutter)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section{padding:66px var(--gutter)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .brand-cta.compact-cta{padding:75px var(--gutter)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .brand-cta.compact-cta{padding:48px var(--gutter)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{margin:0 var(--gutter) 66px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{margin:21px var(--gutter) 60px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{margin:15px var(--gutter) 39px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section{padding:87px var(--gutter)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section{padding:57px var(--gutter)!important} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .finder{margin:0 var(--gutter)!important}} @media (max-width: 600px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{margin:0 var(--gutter) 45px!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .finder,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section{box-sizing:border-box} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.metal-button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .metal-button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline{background:linear-gradient(135deg,#ffffffd6 0%,#ffffff8c 100%)!important;background-size:auto!important;background-position:0 0!important;-webkit-backdrop-filter:blur(21px) saturate(1.35)!important;backdrop-filter:blur(21px) saturate(1.35)!important;border:1px solid #ffffffc7!important;box-shadow:inset 0 1px 0 #fff,0 9px 30px #1c161014!important;color:var(--ink-2)!important;transition:background .2s,border-color .2s!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.metal-button:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .metal-button:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline:hover{background:linear-gradient(135deg,#fffaf5f0,#ffffffb8)!important;border-color:#ffd6b0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel::after,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta::before{display:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{background:linear-gradient(135deg,#ffffffe6,#ffffffb3)!important;-webkit-backdrop-filter:blur(21px) saturate(1.3);backdrop-filter:blur(21px) saturate(1.3);border:1px solid #ffffff!important;box-shadow:0 18px 51px #1c16100f!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search select{border-color:#E6E4DF!important;background:#ffffffcc!important;border-radius:9px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--line-2)!important;border-radius:12px!important;overflow:hidden;width:100%!important;background:#fff;margin:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table td{border:0!important;border-bottom:1px solid var(--line-2)!important;font-size:15px!important;line-height:1.7!important;padding:15px 15px!important;text-align:left!important;vertical-align:top!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table tr:last-child > td,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table tr:last-child > th{border-bottom:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) thead th{background:#F3F2EF!important;font-weight:500!important;color:var(--ink-2)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) tbody th{background:#faf8f4!important;font-weight:500!important;color:var(--ink-2)!important;width:24%} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h1{font-size:var(--title-display)!important;font-weight:600!important;line-height:1.12!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{font-size:var(--title-section)!important;font-weight:600!important;line-height:1.25!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h3{font-size:var(--title-card)!important;font-weight:600!important;line-height:1.4!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{font-size:15px!important;line-height:1.75!important;color:#5b5752!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.small,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.metal-button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder button[type="submit"],:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .chip{border-radius:var(--r-pill)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button{padding:12px 21px!important;min-height:45px!important;font-size:15px!important;font-weight:500!important;gap:9px!important;justify-content:center!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button span{font-size:15px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder button[type="submit"]{background:var(--ink-2)!important;border-color:var(--ink-2)!important;color:#fff!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder button[type="submit"]:hover{background:#FE5000!important;border-color:#FE5000!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading .eyebrow{display:inline-block;padding:6px 12px;border:1px solid var(--line-2);border-radius:var(--r-pill);font-size:12px!important;line-height:1!important;color:var(--ink-2)!important;background:#fff;margin-bottom:18px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading .eyebrow{margin:0 0 18px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{position:relative!important;z-index:4;margin:-45px auto 72px!important;width:min(1101px,calc(100% - 2*var(--gutter)))!important;padding:9px 9px 9px 27px!important;border-radius:var(--r-pill)!important;background:#ffffffe6!important;border:1px solid #fff!important;box-shadow:0 18px 51px #1c161014!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search{display:flex!important;align-items:center;gap:0!important;grid-template-columns:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search label{flex:1;display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:6px 18px;border-left:1px solid var(--line-2);font-size:12px;color:var(--muted-2)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search label:first-child{border-left:0;padding-left:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search select{border:0!important;background:transparent!important;font-size:15px!important;color:var(--ink-2);padding:9px 0!important;min-width:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search .button{flex:none;margin-left:12px;padding:12px 24px!important} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{padding:15px!important;border-radius:24px!important;margin-top:-30px!important}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search label{border:1px solid var(--line-2);border-radius:12px;padding:9px 15px}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search .button{grid-column:1/-1;margin:0}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{width:calc(100% - 39px)!important;margin:-24px auto 39px!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search{grid-template-columns:1fr!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading .eyebrow{width:max-content!important;max-width:100%;justify-self:start} :where(body[data-v4~="compute-v1"]) *#main.v1c:is(main),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) *,:where(body[data-v4~="compute-v1"]) #main.v1c:is(main)::before,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) ::before,:where(body[data-v4~="compute-v1"]) #main.v1c:is(main)::after,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) ::after{letter-spacing:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h1{font-size:var(--title-display)!important;font-weight:600!important;line-height:1.08!important;margin:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{font-size:var(--title-section)!important;font-weight:600!important;line-height:1.18!important;margin:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h3{font-size:var(--title-card)!important;font-weight:600!important;line-height:1.4!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) p,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) td,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) th{color:inherit} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{font-size:15px!important;line-height:1.75!important;color:var(--body)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) small{font-size:15px!important;color:var(--muted)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .eyebrow{font-size:12px!important;font-weight:500!important;line-height:1!important;color:var(--ink)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading .eyebrow{display:inline-block!important;width:max-content!important;max-width:100%;padding:9px 12px!important;border:1px solid var(--line)!important;border-radius:var(--r-pill)!important;background:var(--s0)!important;color:var(--ink)!important;margin:0 0 21px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.small,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.metal-button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder button[type="submit"],:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #search .button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .chip{border-radius:var(--r-pill)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button{display:inline-flex!important;align-items:center;justify-content:center!important;gap:9px!important;padding:0 21px!important;height:45px!important;min-height:0!important;font-size:15px!important;font-weight:500!important;border:1px solid transparent!important;background:var(--orange)!important;color:#fff!important;box-shadow:none!important;transition:background .18s,border-color .18s,color .18s!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button span{font-size:15px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button:hover{background:#DD4700!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.dark:hover{background:#333!important;border-color:#333!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.metal-button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .metal-button{background:var(--s0)!important;border-color:var(--line)!important;color:var(--ink)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.metal-button:hover{border-color:var(--ink)!important;background:var(--s0)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.small{height:39px!important;padding:0 18px!important;font-size:12px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 24px 60px #11111014!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder #search select{color:var(--ink)!important} :where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) > section,:where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) > div > section,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section.explore{background:var(--s0)!important;color:var(--ink)!important;border-bottom:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading{max-width:none!important;margin-bottom:57px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading h2{max-width:22ch} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:39px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{max-width:420px!important;margin:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table{border:0!important;border-radius:var(--r-card)!important;overflow:hidden;background:var(--s0)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table td{font-size:15px!important;padding:15px 18px!important;border-bottom:1px solid var(--line)!important;color:var(--ink)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) thead th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) tbody th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) th{background:var(--s1)!important;font-weight:600!important;color:var(--ink)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table td{color:var(--body)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table tr:last-child > td,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table tr:last-child > th{border-bottom:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) input,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select{border-radius:var(--r-input)!important;border:1px solid var(--line)!important;background:var(--s1)!important;font-size:15px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .chip{border:1px solid var(--line)!important;background:var(--s0)!important;color:var(--ink)!important;padding:9px 15px!important;font-size:12px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .chip.active{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta{padding:0 var(--gutter) var(--sec)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{background:#2A1208 url('../legacy/home-hero.jpg') center/cover no-repeat!important;border:0!important;border-radius:var(--r-card)!important;min-height:420px;display:flex;align-items:center;justify-content:center;text-align:center;padding:81px var(--gutter)!important;position:relative;overflow:hidden} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#2A1208cc,#2A120866)!important;display:block!important;z-index:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel::after{display:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content{position:relative;z-index:1;max-width:759px;margin:0 auto} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{color:#fff!important;margin:0 0 15px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content > p:not(.eyebrow){color:#FFF3EA!important;font-size:15px!important;margin:0 0 27px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .button{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .button:hover{background:#fff!important;border-color:#fff!important;color:var(--ink)!important} @media (max-width: 999px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading{display:block!important}} @media (max-width: 999px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{margin-top:15px!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{min-height:0;padding:57px 24px!important}} :where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) form#search{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;gap:15px!important;align-items:end!important} :where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) form#search label{display:flex!important;flex-direction:column;gap:9px;border:0!important;padding:0!important;font-size:12px;color:var(--muted)} :where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) form#search select{width:100%;padding:12px 15px!important;border:1px solid var(--line)!important;border-radius:var(--r-input)!important;background:var(--s1)!important;font-size:15px!important} :where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) form#search .button{width:auto!important;height:45px!important;grid-column:auto!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder form#search{display:flex!important;grid-template-columns:none!important;gap:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder form#search label{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:6px 18px!important;border-left:1px solid var(--line)!important;flex:1} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder form#search label:first-child{border-left:0!important;padding-left:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder form#search select{border:0!important;background:transparent!important;padding:9px 0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder form#search .button{height:45px!important;margin-left:12px} @media (max-width: 999px){:where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) form#search{grid-template-columns:1fr 1fr!important}} @media (max-width: 999px){:where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) form#search .button{grid-column:1/-1!important}} @media (max-width: 999px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder form#search{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}} @media (max-width: 999px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder form#search label{border:1px solid var(--line)!important;border-radius:12px;padding:9px 15px!important}} @media (max-width: 999px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder form#search .button{grid-column:1/-1!important;margin:0}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) form#search,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder form#search{grid-template-columns:1fr!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:48px!important;align-items:start!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas > .network-panel{margin-top:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel-heading h3{font-size:var(--title-card)!important;margin:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel-heading > span{font-size:12px!important;color:var(--muted)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--grid-gap)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{background:var(--s1)!important;border:0!important;border-radius:var(--r-card)!important;padding:24px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas .results-toolbar{margin:24px 0 15px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .explore > .fineprint{max-width:none!important;margin:33px 0 0!important;font-size:12px!important;color:var(--muted)!important} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas{grid-template-columns:1fr!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results{grid-template-columns:1fr!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results,:where(body[data-v4~="compute-v1"]) .finder-page#main.v1c:is(main) #results,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--line)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{display:grid!important;grid-template-columns:minmax(150px,1.1fr) minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1.1fr) minmax(120px,.8fr) auto!important;grid-template-areas:"top name specs term price actions"!important;align-items:center!important;gap:0 24px!important;padding:21px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;transition:background .2s} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine:hover{background:var(--s1)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine h3{grid-area:name;margin:0!important;font-size:18px!important;line-height:1.3!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-toolbar{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:15px 0 9px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #result-count{font-size:12px!important;color:var(--muted)!important;margin:0!important} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;grid-template-areas:"top top price" "name name price" "specs term actions"!important;gap:9px 15px!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine{grid-template-columns:1fr!important;grid-template-areas:"top" "name" "specs" "term" "price" "actions"!important}} :where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) > section,:where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) > div > section,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section.explore{background:transparent!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table{background:#FFFFFF!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .chip,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading .eyebrow{background:transparent!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) thead th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) tbody th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) th{background:#F3F2EF!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) input,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select,:where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) form#search select{background:#FFFFFF!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{background:#FFFFFF!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h1{font-weight:500!important;line-height:1.15!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{font-weight:500!important;line-height:1.25!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) h3{font-weight:500!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading h2 .subtle{color:var(--muted)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading .eyebrow{display:inline-flex!important;align-items:center;gap:9px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:12px!important;text-transform:uppercase;color:var(--ink)!important;margin:0 0 21px!important;width:auto!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading .eyebrow::before{content:'';width:6px;height:6px;background:var(--orange);flex:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,1fr) minmax(0,6fr)!important;align-items:start!important;gap:0!important;margin-bottom:48px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading .eyebrow{grid-column:1/-1} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > div{grid-column:1;max-width:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > div{display:contents} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{grid-column:3;max-width:none!important;margin:15px 0 0!important;font-size:15px!important;color:var(--body)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.outline,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .button.metal-button{border-color:var(--ink)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto!important;grid-template-areas:"top top price" "name name price" "specs term actions"!important;gap:6px 15px!important;padding:18px 0!important} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading{grid-template-columns:1fr!important}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{grid-column:1;justify-self:start}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,1fr) minmax(0,6fr)!important;margin-bottom:48px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > div{display:contents!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading .eyebrow{grid-column:1/-1!important;grid-row:1} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading h2{grid-column:1!important;grid-row:2!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{grid-column:3!important;grid-row:2!important;margin:9px 0 0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .eyebrow::before{content:''!important;display:inline-block!important;width:6px!important;height:6px!important;background:var(--orange)!important;border-radius:0!important;margin:0!important;flex:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .eyebrow{display:inline-flex!important;align-items:center!important;gap:9px!important} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading{grid-template-columns:1fr!important}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{grid-column:1!important;grid-row:auto!important;margin-top:12px!important;justify-self:start!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine:hover{background:var(--s1)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) table{background:#FFFFFF!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) thead th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) tbody th,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) th{background:var(--s1)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) input,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select,:where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) form#search select{background:var(--s1)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .home-finder{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72))!important;-webkit-backdrop-filter:blur(21px) saturate(1.35);backdrop-filter:blur(21px) saturate(1.35);border:1px solid var(--glass-line)!important;box-shadow:inset 0 1px 0 #fff,0 24px 60px #11111014!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .button{-webkit-backdrop-filter:none;backdrop-filter:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas{display:block!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas > .network-panel{margin-top:39px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine{grid-template-columns:minmax(150px,1.1fr) minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1.1fr) minmax(120px,.8fr) auto!important;grid-template-areas:"top name specs term price actions"!important;gap:0 24px!important;padding:21px 0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine h3{align-self:start} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;grid-template-areas:"top top price" "name name price" "specs term actions"!important;gap:9px 15px!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine{grid-template-columns:1fr!important;grid-template-areas:"top" "name" "specs" "term" "price" "actions"!important}} @media (prefers-reduced-motion: no-preference){:where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) > section.reveal,:where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) > div > section.reveal{opacity:0;transform:translateY(27px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}} @media (prefers-reduced-motion: no-preference){:where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) > section.reveal.is-in,:where(body[data-v4~="compute-v1"]) main#main.v1c:is(main) > div > section.reveal.is-in{opacity:1;transform:none}} @media (prefers-reduced-motion: no-preference){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{background-attachment:scroll;background-position:center calc(50% + var(--py2,0px))!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta{padding:0!important;margin:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{background:var(--orange)!important;border-radius:0!important;min-height:0;padding:120px var(--gutter)!important;display:grid!important;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--grid-gap);align-items:end;text-align:left!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel::before,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel::after{display:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content{max-width:none!important;margin:0!important;display:contents} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{grid-column:1;font-size:clamp(36px,4.2vw,60px)!important;line-height:1.1!important;color:#fff!important;margin:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content > p:not(.eyebrow){grid-column:2;grid-row:2;color:#FFE1C8!important;font-size:15px!important;margin:0 0 21px!important;align-self:end} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content .button{grid-column:2;grid-row:3;justify-self:start;background:#fff!important;border-color:#fff!important;color:var(--ink)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content .button:hover{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important} @media (max-width: 999px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{grid-template-columns:1fr!important;padding:72px var(--gutter)!important}} @media (max-width: 999px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content > p:not(.eyebrow),:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content .button{grid-column:1!important;grid-row:auto!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel-heading h3::before{content:'';display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:9px;vertical-align:middle;position:relative;top:-1px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas .chip.active,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .chip.active{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas .chip:hover:not(.active){border-color:var(--orange)!important;color:var(--orange)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine:hover{background:#FFF7F2!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero{position:relative;isolation:isolate;margin:24px var(--gutter) 0!important;padding:0!important;height:600px;border-radius:var(--r-card)!important;background:var(--s1)!important;border:0!important;overflow:hidden} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .atlas-copy{position:absolute;left:39px;top:39px;z-index:2;max-width:561px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .atlas-copy h1{margin:18px 0 0!important;font-size:clamp(36px,4vw,57px)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .atlas-copy .lead{margin:15px 0 0!important;font-size:15px!important;color:var(--body)!important;max-width:459px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .globe-stage{position:absolute!important;inset:0!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:hidden!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .globe-surface{position:absolute!important;left:50%;top:150px;transform:translateX(-50%);width:min(900px,100%)!important;height:900px!important;margin:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .globe-surface canvas{width:100%!important;height:100%!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .globe-footer{position:absolute!important;right:39px;bottom:75px;left:auto!important;z-index:2;display:flex;gap:18px;align-items:center;border:0!important;padding:0!important;margin:0!important;color:var(--muted)!important;font-size:12px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .globe-footer button{color:var(--ink)!important;font-size:12px!important;background:transparent;border:0;cursor:pointer} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .globe-note{position:absolute!important;left:39px;bottom:75px;z-index:2;margin:0!important;font-size:12px!important;color:var(--muted)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-finder{margin:-45px auto 0!important;z-index:5} :where(body[data-v4~="compute-v1"]) .atlas-page#main.v1c:is(main) #overview .section.explore{padding-top:96px!important} :where(body[data-v4~="compute-v1"]) .atlas-page#main.v1c:is(main) .network-atlas > .network-panel{margin-top:0!important} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero{height:540px}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .globe-surface{top:219px;height:720px!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero{height:561px;margin:15px var(--gutter) 0!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .atlas-copy{left:21px;right:21px;top:24px;max-width:none}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .globe-surface{top:321px;width:150%!important;height:561px!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .globe-footer,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .globe-note{display:none!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-finder{margin:-30px auto 0!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center!important;gap:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content{display:flex!important;flex-direction:column;align-items:center;max-width:861px!important;margin:0 auto!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{margin:0!important;text-align:center!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content > p:not(.eyebrow){margin:21px 0 36px!important;max-width:639px;text-align:center!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content .button{margin:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .eyebrow{gap:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .eyebrow::before{margin-right:9px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content > *{align-self:center!important;justify-self:center!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content .button{display:inline-flex!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .ui-line-icon{stroke-width:2.2!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .sales-link{color:var(--orange)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:500;white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .sales-link:hover{color:#e94800!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading{margin-bottom:63px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{background:var(--s1)!important;color:var(--ink)!important;padding:141px var(--gutter)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{color:var(--ink)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content > p:not(.eyebrow){color:var(--body)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content .button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .button{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content .button:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .button:hover{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{padding:87px var(--gutter)!important}} @media (min-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .section-heading > p{justify-self:end!important;text-align:right!important;max-width:519px!important;margin-left:auto!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,1.05fr) minmax(201px,auto);gap:0 24px;padding:0 0 15px;border-bottom:1px solid var(--ink);font-size:12px;color:var(--muted);letter-spacing:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-toolbar{margin-bottom:39px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,1.05fr) minmax(201px,auto)!important;grid-template-areas:none!important;gap:0 24px!important;align-items:start!important;padding:45px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;font-size:15px;color:var(--ink)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine > *{grid-area:auto!important;min-width:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine:hover{background:transparent!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-model h3{margin:0 0 9px!important;font-size:21px!important;font-weight:500!important;color:var(--orange)!important;line-height:1.2!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-place strong{display:block;font-weight:500;font-size:15px;margin-bottom:6px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-place span{display:block;font-size:12px;color:var(--muted)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-nodes,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-mem,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-fabric,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-cool{padding-top:2px;line-height:1.6;color:var(--body)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price{text-align:right} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price strong{display:block;font-size:24px;font-weight:500;color:var(--orange);line-height:1.1} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price strong em{font-style:normal;font-size:15px;margin-left:3px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price small{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;justify-self:end} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions button{background:var(--ink);color:#fff;border:0;border-radius:var(--r-pill);padding:9px 18px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .2s} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions button:hover{background:var(--orange)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions label{font-size:12px;color:var(--body);display:inline-flex;align-items:center;gap:6px;white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions input[type="checkbox"]{accent-color:var(--orange)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine .m-price{font-size:inherit} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head{display:none}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:21px 24px!important;padding:33px 0!important}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price{text-align:left}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions{flex-direction:row;align-items:center;justify-self:start;grid-column:1/-1}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine{grid-template-columns:1fr!important;gap:15px!important}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions{flex-wrap:wrap}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta{padding:0!important;margin:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{background:var(--orange)!important;color:#fff!important;border-radius:0!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:150px var(--gutter)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content h2{color:#fff!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content > p:not(.eyebrow){color:#FFE1C8!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content .button,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .button{background:rgba(255,255,255,.2)!important;border:1px solid rgba(255,255,255,.65)!important;color:#fff!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important;backdrop-filter:blur(18px) saturate(1.3)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -9px 21px rgba(255,255,255,.1),0 12px 33px rgba(120,30,0,.25)!important;padding:15px 27px!important;font-size:15px!important;transition:background .25s,transform .3s cubic-bezier(.2,.7,.2,1)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-content .button:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .button:hover{background:rgba(255,255,255,.34)!important;border-color:#fff!important;color:#fff!important;transform:translateY(-2px)!important} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta .cta-panel{padding:87px var(--gutter)!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .mo{opacity:0;transform:translateY(21px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--mo-d,0ms)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .mo.mo-in{opacity:1;transform:none} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .mo.motion-ready{opacity:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .mo.motion-ready.mo-in{opacity:1;transform:none} @media (prefers-reduced-motion: reduce){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .mo{opacity:1;transform:none;transition:none}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine{transition:background .3s} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .compact-cta,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .brand-cta.compact-cta{padding-bottom:0!important;margin-bottom:0!important} :where(body[data-v4~="compute-v1"]) main#main.v1c:is(main){padding-bottom:0!important;margin-bottom:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{grid-template-columns:minmax(0,1.35fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,.6fr) minmax(0,1.15fr) minmax(231px,auto)!important;gap:0 21px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head{padding:0 0 12px;font-size:12px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{align-items:center!important;padding:18px 0!important;font-size:12px!important;line-height:1.45!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-model h3{font-size:15px!important;margin:0 0 3px!important;white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-place strong{font-size:15px;margin-bottom:3px;white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-place span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-nodes,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-mem,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-fabric,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-cool{padding:0;font-size:12px;color:var(--body);line-height:1.45} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price{text-align:right} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price strong{font-size:18px;line-height:1.2;white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price strong em{font-size:12px;margin-left:3px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price strong i{font-style:normal;font-size:12px;color:var(--muted);font-weight:400;margin-left:3px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price small{font-size:12px;margin-top:3px;line-height:1.5;white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price .sales-link{font-size:12px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions{flex-direction:row!important;align-items:center!important;gap:15px!important;justify-self:end} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions button{padding:9px 15px;font-size:12px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions label{font-size:12px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-toolbar{margin-bottom:27px!important} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px 24px!important;padding:24px 0!important}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price{text-align:left}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions{justify-self:start;grid-column:1/-1}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-model h3,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-place strong,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-place span,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price small{white-space:normal}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .explore .section-heading h2 .subtle{color:var(--muted);font-weight:400} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas{display:block!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin{width:33px!important;height:33px!important;font-size:12px!important;background:#292F33!important;border:1px solid #fff!important;transition:background .2s,transform .2s} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin:hover,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin:focus-visible,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-pin.selected{background:var(--orange)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas > .network-panel{margin-top:63px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas .network-panel-heading{margin-bottom:33px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas .network-panel-heading h3{font-size:21px!important;font-weight:500!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas .network-panel-heading > span{font-size:12px!important;letter-spacing:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas .results-toolbar{margin:0 0 36px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas .chip,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .chip{padding:12px 21px!important;font-size:15px!important;border-radius:var(--r-pill)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,.95fr) minmax(0,1.05fr) minmax(0,1fr) minmax(201px,auto)!important;gap:0 21px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head{padding:0 0 15px;font-size:12px;color:var(--muted)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{padding:27px 0!important;align-items:center!important;font-size:15px!important;line-height:1.55!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-model h3{font-size:18px!important;margin:0 0 6px!important;white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-place strong{font-size:15px;font-weight:500;margin-bottom:3px;white-space:normal} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-place span{display:block;font-size:12px;color:var(--muted);white-space:normal;overflow:visible;line-height:1.5} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-nodes span,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-mem span{display:block;line-height:1.45} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-nodes,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-mem,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-fabric,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-cool{font-size:15px;color:var(--body)} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price{text-align:right} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price strong{display:block;font-size:18px;font-weight:500;color:var(--orange);line-height:1.2;white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price strong i{font-style:normal;font-size:12px;color:var(--muted);font-weight:400;margin:0 9px 0 0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price strong em{font-style:normal;font-size:12px;margin-left:3px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price small{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6;white-space:normal} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price .sales-link{font-size:12px;margin-left:3px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions{flex-direction:row!important;align-items:center!important;gap:15px!important;justify-self:end} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions button{padding:9px 18px;font-size:12px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions label{font-size:12px} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:24px 0!important}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price{text-align:left}} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions{justify-self:start;grid-column:1/-1}} @media (max-width: 759px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine{grid-template-columns:1fr!important}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.05fr) minmax(0,1fr) minmax(0,1.1fr) minmax(249px,auto)!important;gap:0 24px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-model h3{margin:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-place strong{display:block;margin-bottom:6px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-place span{display:block;font-size:12px;color:var(--muted);line-height:1.55;white-space:nowrap;overflow:visible} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price small{white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price .sales-link{white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions{gap:21px!important} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-place span,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price small{white-space:normal}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{grid-template-columns:minmax(0,1.1fr) minmax(0,1.15fr) minmax(0,.95fr) minmax(0,1.05fr) minmax(0,1fr) minmax(0,.85fr) minmax(210px,1.15fr) minmax(249px,auto)!important;gap:0 21px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price{text-align:right;min-width:0;overflow:visible} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price strong,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price small{display:block;text-align:right;white-space:nowrap} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price small{letter-spacing:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price .sales-link{margin-left:6px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head span:nth-child(7){text-align:right} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price strong,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price small{text-align:left}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{grid-template-columns:minmax(120px,1fr) minmax(150px,1.3fr) minmax(99px,.9fr) minmax(126px,1.05fr) minmax(141px,1.15fr) minmax(84px,.75fr) minmax(204px,1.5fr) minmax(186px,auto)!important;gap:0 15px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine > *{min-width:0} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-fabric,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-cool{white-space:normal;overflow-wrap:anywhere} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions{gap:15px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price{padding-right:36px;box-sizing:border-box} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head span:nth-child(7){padding-right:36px;box-sizing:border-box} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price strong em,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price .sales-link{margin-right:0} @media (max-width: 1101px){:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-price,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head span:nth-child(7){padding-right:0}} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-head,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results > article.machine,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .machine{grid-template-columns:minmax(120px,1fr) minmax(150px,1.3fr) minmax(99px,.9fr) minmax(126px,1.05fr) minmax(141px,1.15fr) minmax(84px,.75fr) minmax(204px,1.5fr) 210px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions{width:210px;justify-self:stretch;justify-content:flex-end} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero{margin:0!important;border-radius:0!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .atlas-copy{left:var(--gutter)!important;top:57px!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .globe-note{left:var(--gutter)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero .globe-footer{right:var(--gutter)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) a:focus-visible,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) button:focus-visible,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) select:focus-visible,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) input:focus-visible{outline:2px solid var(--orange)!important;outline-offset:2px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions button{background:transparent!important;color:var(--ink)!important;border:0!important;border-bottom:1px solid var(--ink)!important;border-radius:0!important;padding:0 0 3px!important;font-size:12px!important;font-weight:500;line-height:1.4;transition:color .2s,border-color .2s} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions button:hover{background:transparent!important;color:var(--orange)!important;border-color:var(--orange)!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .machine .m-actions{gap:21px!important} @keyframes appear{from{opacity:.15;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}} @keyframes cta-edge{from{--edge-angle:0deg}to{--edge-angle:360deg}} @keyframes material-ray{to{stroke-dashoffset:-960}} /* ---- v2 addition (not in v1): phones (<759px) — no row wider than the viewport; each row becomes a stacked card ---- */ @media (max-width:759px){ :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .atlas-hero,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .globe-stage{overflow-x:clip!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel,:where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) #results.results{min-width:0!important;max-width:100%!important;overflow:visible!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-panel .results-head.results-head{display:none!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"model model" "place place" "nodes mem" "fabric cool" "price price" "actions actions"!important;column-gap:18px!important;row-gap:12px!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:21px 0!important;align-items:start!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>*{min-width:0!important;width:auto!important;max-width:100%!important;display:block!important;text-align:left!important;justify-self:stretch!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>.m-model{grid-area:model!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>.m-place{grid-area:place!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>.m-nodes{grid-area:nodes!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>.m-mem{grid-area:mem!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>.m-fabric{grid-area:fabric!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>.m-cool{grid-area:cool!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>.m-price{grid-area:price!important;display:flex!important;flex-wrap:wrap;align-items:baseline;gap:6px 12px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>.m-actions{grid-area:actions!important;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>:is(.m-nodes,.m-mem,.m-fabric,.m-cool)::before{display:block;font-size:12px;line-height:1.5;color:var(--muted,#8A877F);margin-bottom:3px} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>.m-nodes::before{content:"規模"} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>.m-mem::before{content:"顯存"} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>.m-fabric::before{content:"GPU Fabric"} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine>.m-cool::before{content:"冷卻"} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .network-atlas #results>article.machine.machine :is(span,strong,small,a){overflow-wrap:anywhere} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-toolbar .chips{flex-wrap:nowrap!important} :where(body[data-v4~="compute-v1"]) :is(main#main.v1c,#main .v1c) .results-toolbar .chips .chip{white-space:nowrap!important;flex:none!important} }