/* Service discovery: one meaningful visual and one main destination for every card. */
.services-section .service-card.service-card--visual{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#FFF;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.services-section .service-card.service-card--visual:hover,.services-section .service-card.service-card--visual:focus-within{border-color:#B2BCC3;box-shadow:0 12px 30px #181A1B0A;background:#FFF}
.service-card-main{display:flex;flex-direction:column;flex:1;min-width:0;color:var(--ink);text-decoration:none;border-radius:13px}
.service-card-main:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;box-shadow:inset 0 0 0 5px #F5CF44}
.services-section .service-card--visual .service-card-body{padding:18px 22px 0;min-width:0}
.services-section .service-card--visual .service-card-kicker{display:block;margin:0 0 8px;color:#687984;font-size:9px;font-weight:600;letter-spacing:1px;line-height:1.5}
.services-section .service-card--visual h3{margin:0;color:var(--ink);font-size:24px;font-weight:650;letter-spacing:-.65px;line-height:1.35}
.services-section .service-card--visual .service-card-summary{margin:9px 0 0;min-height:23px;color:#687078;font-size:13px;line-height:1.7}
.services-section .service-card--visual .service-card-footer{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 44px;align-items:center;gap:0;margin-top:auto;padding:18px 22px 18px}
.services-section .service-card--visual .service-card-footer .service-price{grid-column:1;grid-row:1;margin:0;padding:16px 0 13px;border:0;border-top:1px solid var(--line)}
.services-section .service-card--visual .service-price-label{font-size:10px;margin-bottom:5px}
.services-section .service-card--visual .service-price-amount strong{font-size:32px;letter-spacing:-1.1px}
.services-section .service-card--visual .service-price-period{font-size:11px}
.services-section .service-card--visual .service-price-scope{font-size:10px;margin-top:4px}
.services-section .service-card--visual.service-card--compute .service-price-scope{display:none}
.services-section .service-card--visual .card-link{grid-column:1;grid-row:2;display:inline-flex;align-items:center;justify-content:space-between;justify-self:start;gap:12px;min-height:44px;max-width:calc(100% - 89px);width:max-content;padding:10px 13px;border:1px solid var(--ink);border-radius:7px;background:var(--ink);color:#FFF;font-size:11px;font-weight:550;line-height:1.5;box-shadow:none}
.services-section .service-card--visual .card-link>.icon{width:16px;height:16px;padding:0;border:0;border-radius:0;color:#FFF;flex-shrink:0}
.services-section .service-card--visual .compare-toggle{position:absolute;z-index:2;right:22px;bottom:18px;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-height:44px;padding:5px 0;max-width:82px;margin:0;color:#687078;font-size:10px;font-weight:450;background:transparent;border:0;border-radius:4px}
.services-section .service-card--visual .compare-toggle[aria-pressed=true]{color:var(--ember-text)}
.services-section .service-card--visual .compare-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.services-section .service-card--visual .compare-check{flex-shrink:0}
.service-visual{position:relative;display:block;flex-shrink:0;width:100%;height:148px;overflow:hidden;background:#20282D;border-bottom:1px solid #FFFFFF0A}
.service-visual>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.service-visual--photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#181A1B2E,transparent 60%)}
.service-visual--web-hosting>img{object-position:50% 62%;opacity:1}
.service-visual--vps>img{object-position:50% 70%;filter:saturate(.6)}
.service-visual--cloud>img{object-position:55% 50%;filter:saturate(.4) brightness(.96)}
.service-visual--dedicated-server>img{object-position:58% 47%}
.service-visual--colocation>img{width:135%;object-position:0% 44%}
.service-visual--datacenter>img{object-position:58% 45%}
.service-visual--diagram{background:radial-gradient(ellipse at 50% 60%,#34434C,#20282D 74%)}
.service-visual>svg{position:absolute;inset:0;width:100%;height:100%;font-family:var(--font)}
.service-visual .visual-grid{stroke:#C5D3DC;stroke-width:.7;opacity:.13}
.visual-vm text{fill:#C7D3DC;font-size:20px;font-weight:550;letter-spacing:1px;text-anchor:middle}
.visual-vm--active text{fill:#27343C;font-size:17px;font-weight:700;letter-spacing:.8px}
.visual-host-label{fill:#344957;font-size:14px;letter-spacing:2px;font-weight:600;text-anchor:middle}
.visual-cloud-hub text{fill:#26343D;font-size:16px;font-weight:700;letter-spacing:1px;text-anchor:middle}
.visual-vm--active,.visual-cloud-hub{transform-origin:center;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.hosting-preview{position:absolute;z-index:1;right:22px;top:19px;width:174px;height:112px;overflow:hidden;background:#FFF;border:1px solid #C7D1D9;border-radius:7px;box-shadow:0 10px 28px #00000035;transform:rotate(-3deg);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.hosting-preview-bar{display:flex;align-items:center;gap:3px;height:21px;padding:0 8px;border-bottom:1px solid #E4E9ED;background:#F8FAFB}
.hosting-preview-bar>i{width:3px;height:3px;border-radius:50%;background:#A2B1BB}
.hosting-preview-bar>span{margin-left:12px;color:#6A7B87;font-size:6px;letter-spacing:.3px;line-height:1.5}
.hosting-preview-content{display:flex;align-items:center;gap:12px;padding:14px 13px 10px}
.hosting-preview-mark{display:block;width:43px;height:29px;flex-shrink:0;border-radius:4px;background:var(--signal)}
.hosting-preview-content>div{flex:1}.hosting-preview-content b{display:block;width:70px;height:4px;background:#344752;border-radius:1px}.hosting-preview-content b+b{width:52px;margin-top:4px}.hosting-preview-content i{display:block;width:55px;height:3px;margin-top:7px;background:#D0D9DF}
.hosting-preview-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 13px}.hosting-preview-tiles>span{height:17px;background:#ECF0F3;border:1px solid #E0E7EC;border-radius:3px}
html[data-motion=full] .service-card-main:is(:hover,:focus-visible) .service-visual>img{transform:scale(1.04)}
html[data-motion=full] .service-card-main:is(:hover,:focus-visible) .hosting-preview{transform:rotate(0) translateY(-3px)}
html[data-motion=full] .service-card-main:is(:hover,:focus-visible) .visual-vm--active,html[data-motion=full] .service-card-main:is(:hover,:focus-visible) .visual-cloud-hub{transform:translateY(-4px)}
.services-section .service-card--visual .service-card-main:is(:hover,:focus-visible) .card-link{background:#30373C;border-color:#30373C;color:#FFF}
.services-section .service-card--visual .card-link>.icon{transition:transform .2s}
html[data-motion=full] .service-card-main:is(:hover,:focus-visible) .card-link>.icon{transform:translateX(3px)}
.services-section .service-filter .filter-button{min-height:44px}
.catalog-image-credits{max-width:950px;margin:13px auto 0;color:var(--muted);font-size:10px;line-height:1.8;text-align:center}
.catalog-image-credits summary{width:max-content;max-width:100%;min-height:44px;margin:auto;cursor:pointer;list-style-position:inside}
.catalog-image-credits p{padding:7px 12px 0;font-size:10px;line-height:1.9}
.catalog-image-credits a{text-decoration:underline;text-underline-offset:2px;color:#687984}
.services-section .service-filter .filter-button:focus-visible,.catalog-image-credits summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:1100px) and (min-width:761px){
 .services-section .service-card--visual .service-card-body{padding:17px 20px 0}.services-section .service-card--visual .service-card-footer{padding:17px 20px}.services-section .service-card--visual .compare-toggle{right:20px;bottom:17px}.services-section .service-card--visual h3{font-size:22px}.services-section .service-card--visual .card-link{font-size:10px;padding-inline:11px;gap:10px}.services-section .service-card--visual .service-price-amount strong{font-size:30px}.service-visual{height:140px}.hosting-preview{right:17px}
}
@media(max-width:760px){
 .services-section .service-card.service-card--visual,.services-section .service-cards:has(.service-card[hidden]) .service-card.service-card--visual{padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;overflow:visible;background:#FFF;box-shadow:none}.services-section .service-card.service-card--visual:first-of-type{border-top:1px solid var(--line)}.service-card-main{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:8px 14px;padding:17px 0 12px;border-radius:0}.service-visual{grid-column:1;grid-row:1;align-self:center;width:88px;height:76px;border:1px solid #FFFFFF0A;border-radius:9px}.service-visual>svg{width:204px;max-width:none;height:76px;left:50%;right:auto;transform:translateX(-50%)}.service-visual svg text{display:none}.service-visual--web-hosting>img{object-position:60% 35%;opacity:.85}.hosting-preview{width:83px;height:59px;right:-11px;top:13px;border-radius:4px;transform:rotate(-3deg)}.hosting-preview-bar{height:11px;padding-inline:4px;gap:2px}.hosting-preview-bar>i{width:2px;height:2px}.hosting-preview-bar>span{display:none}.hosting-preview-content{gap:5px;padding:8px 6px 5px}.hosting-preview-mark{width:20px;height:14px;border-radius:2px}.hosting-preview-content b{width:29px;height:2px}.hosting-preview-content b+b{width:22px;margin-top:3px}.hosting-preview-content i{width:23px;height:2px;margin-top:4px}.hosting-preview-tiles{gap:3px;padding-inline:6px}.hosting-preview-tiles>span{height:9px;border-radius:2px}.services-section .service-card--visual .service-card-body{grid-column:2;grid-row:1;padding:0}.services-section .service-card--visual .service-card-kicker{display:none}.services-section .service-card--visual h3{font-size:21px;line-height:1.35;letter-spacing:-.6px}.services-section .service-card--visual .service-card-summary{font-size:12.5px;line-height:1.6;margin-top:6px;min-height:0}.services-section .service-card--visual .service-card-footer{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) 139px;grid-template-rows:44px 44px;gap:0 12px;margin:0;padding:0}.services-section .service-card--visual .service-card-footer .service-price{grid-column:1;grid-row:1/3;padding:0;border:0}.services-section .service-card--visual .service-price-amount strong{font-size:28px}.services-section .service-card--visual .service-price-currency{font-size:12px}.services-section .service-card--visual .service-price-label,.services-section .service-card--visual .service-price-period,.services-section .service-card--visual .service-price-scope{font-size:10px}.services-section .service-card--visual .card-link{grid-column:2;grid-row:1;justify-self:end;justify-content:flex-end;max-width:100%;width:auto;min-height:44px;padding:0;gap:6px;background:none;border:0;border-radius:0;color:var(--ink);font-size:10px}.services-section .service-card--visual .card-link>.icon{width:14px;height:14px;color:var(--ink)}.services-section .service-card--visual .compare-toggle{right:0;bottom:12px;max-width:110px;min-height:44px;justify-content:flex-end;font-size:10px}.service-card-main:is(:hover,:focus-visible) .card-link{background:none;color:var(--ember-text)}.service-card-main:focus-visible{outline-offset:4px;border-radius:5px}.catalog-image-credits{text-align:left;margin-top:12px}.catalog-image-credits summary{margin-left:0}.catalog-image-credits p{padding-inline:0}.services-section .service-filter .filter-button{font-size:10px;padding-inline:10px}
}
@media(max-width:370px){
 .service-card-main{grid-template-columns:80px minmax(0,1fr);gap:8px 12px}.service-visual{width:80px;height:74px}.services-section .service-card--visual h3{font-size:19px}.services-section .service-card--visual .service-card-summary{font-size:12px;line-height:1.65}.services-section .service-card--visual .service-card-footer{grid-template-columns:minmax(0,1fr) 120px;gap:0 8px}.services-section .service-card--visual .service-price-amount strong{font-size:25px}.services-section .service-card--visual .card-link{font-size:9px;gap:4px}.services-section .service-card--visual .compare-toggle{font-size:9px}.services-section .service-filter .filter-button{padding-inline:8px;font-size:9px}
}
html[data-motion=reduced] .service-visual>img,html[data-motion=reduced] .hosting-preview,html[data-motion=reduced] .visual-vm--active,html[data-motion=reduced] .visual-cloud-hub,html[data-motion=reduced] .services-section .service-card--visual .card-link>.icon{transition:none;transform:none}
html[data-motion=reduced] .service-visual>svg{transform:translateX(-50%)}
@media(min-width:761px){html[data-motion=reduced] .service-visual>svg{transform:none}}
@media(max-width:760px){
 .services-section .service-card--visual .service-card-main:is(:hover,:focus-visible) .card-link{background:none;border:0;color:var(--ember-text)}
 .services-section .service-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px}
 .services-section .service-filter .filter-button{min-height:44px;border:1px solid var(--line);font-size:11px;padding:9px 10px;background:#FFF;color:var(--muted)}
 .services-section .service-filter .filter-button.is-active{background:var(--ink);border-color:var(--ink);color:#FFF}
 .services-section .service-filter .filter-button:not(.is-active):hover{background:var(--soft);color:var(--ink)}
}
@media(max-width:760px){.service-visual--web-hosting>img{object-position:50% 58%;opacity:1}.service-visual--vps>img{object-position:53% 50%}.service-visual--cloud>img{object-position:60% 50%}}
/* The virtual products share one silver/charcoal/yellow 3D material system. */
.service-visual--illustration{background:radial-gradient(ellipse at 50% 58%,#34383A 0%,#181A1B 75%)}
.service-visual--illustration>img{object-fit:contain;object-position:center;filter:none;opacity:1;padding:3px 12px;box-sizing:border-box}
@media(max-width:760px){.service-visual--illustration>img{padding:2px;object-position:center}}