/* Business-facing service maps: readable software, resources and human handoff. */
:is(.service-vps,.service-support) .service-hero-layout{gap:48px;grid-template-columns:1fr 1.08fr}
:is(.service-vps,.service-support) .service-hero h1{font-size:clamp(40px,4.1vw,61px)}
.service-studio{min-width:0;padding:19px 20px 17px;position:relative;isolation:isolate;border:1px solid #6a91b866;border-radius:21px;background:radial-gradient(ellipse at 52% 38%,#284d7966,transparent 72%),linear-gradient(145deg,#142b46,#0b1b30);box-shadow:0 30px 80px #010a193d,inset 0 1px 0 #d5e8ff1c;overflow:hidden}
.service-studio:before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#a3dffc,#bcadff,transparent)}
.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a1bddc;font-size:8px;letter-spacing:.13em;padding-bottom:15px}.studio-heading small{font-size:9px;letter-spacing:0;color:#7595bd;white-space:nowrap}
.studio-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.studio-scenarios button{font-size:10px;line-height:1.4;min-height:38px;border:1px solid #7395bd55;border-radius:7px;padding:8px 9px;background:#7191c008;color:#96b4d8;cursor:pointer;transition:background .25s,color .25s,border-color .25s}.studio-scenarios button[aria-pressed=true]{border-color:#afd2f0aa;color:#e7f3ff;background:linear-gradient(120deg,#a2bdf526,#899cec16)}.studio-scenarios button:hover{border-color:#c7e3ff;color:#e2f2ff}
.studio-stage{position:relative;height:337px;isolation:isolate}.studio-grid{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#7198c42b;stroke-width:1;z-index:-1}.studio-grid .studio-data-line{stroke:#90c6ee88;stroke-width:1.5;stroke-dasharray:4 7}.service-studio[data-phase] .studio-data-line{stroke:#b0e7ff;animation:studio-flow 2s linear infinite}
.hosting-window{position:absolute;top:24px;left:8%;right:8%;border:1px solid #9fb9ddaa;border-radius:10px;background:linear-gradient(135deg,#264572,#112b4c);box-shadow:5px 7px 0 #0b1e37,5px 7px 0 1px #688cb666;transform:perspective(900px) rotateY(-6deg) rotateX(2deg);overflow:hidden;transition:translate .4s,box-shadow .4s}
.studio-windowbar{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #7199c33b;color:#92b3df;font-size:7px}.studio-windowbar span{letter-spacing:2px;font-size:5px}.studio-windowbar small{font-size:8px}.studio-windowbar i{font-style:normal}
.hosting-window-body{display:grid;grid-template-columns:36px minmax(0,1fr)}.hosting-sidebar{border-right:1px solid #7097c02b;padding:16px 12px;background:#0f25413b}.hosting-sidebar i{display:block;width:11px;height:8px;border:1px solid #7ea1d275;border-radius:2px;margin-bottom:13px}.hosting-sidebar i:first-child{background:#ae9df15c;border-color:#b2a9ef}
.hosting-content{padding:14px 15px 12px;min-width:0}.hosting-content-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.hosting-content-heading strong{font-size:18px;font-weight:400;letter-spacing:-.03em;color:#e0efff}.hosting-content-heading>span{font-size:7px;color:#90a9d1}
.hosting-app-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #7399bc26;font-size:9px;color:#b8d0ed}.hosting-app-row b{font-size:7px;font-weight:400;border:1px solid #91bba96b;border-radius:4px;color:#bce1cf;background:#90bcb219;padding:3px 6px;white-space:nowrap}.hosting-app-bottom{display:flex;justify-content:center;align-items:center;gap:13px;color:#89abd3;font-size:8px;margin-top:10px}.hosting-app-bottom i{font-style:normal;color:#b4a8e9}
.hosting-connect-label{position:absolute;left:0;right:0;top:215px;font-size:7px;letter-spacing:.11em;color:#8eabd0;text-align:center}
.hosting-resources{position:absolute;left:5%;right:5%;bottom:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hosting-resource{position:relative;padding:13px 13px 11px;border:1px solid #93bfde99;border-radius:10px;background:linear-gradient(140deg,#315775,#182f4b);box-shadow:4px 5px 0 #0e2138,4px 5px 0 1px #6684a450;transition:border-color .4s,translate .4s,box-shadow .4s}.hosting-resource strong{font-size:21px;display:block;font-weight:400;letter-spacing:-.03em;color:#e2f4ff}.hosting-resource small{font-size:8px;color:#8eb2d4;display:block;margin-top:2px}.resource-chip{position:absolute;top:14px;right:11px;color:#a3c9e8;width:22px;height:22px}.resource-chip svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.resource-indicators{display:flex;gap:5px;margin-top:13px}.resource-indicators i{flex:1;height:4px;border-radius:2px;background:#7ea5d666}.hosting-resource[data-resource=ram] .resource-indicators i{background:#b59aed66}.hosting-resource[data-resource=ssd] .resource-indicators i{background:#8ed4c466}
.hosting-stage[data-scenario="0"] .hosting-resource[data-resource=cpu],.hosting-stage[data-scenario="1"] .hosting-resource[data-resource=ram],.hosting-stage[data-scenario="2"] .hosting-resource[data-resource=ssd]{border-color:#bbdeff;box-shadow:4px 5px 0 #0e2138,4px 5px 0 1px #6684a450,0 0 24px #78b0ee2b}
.hosting-studio[data-phase="0"] .hosting-resource{translate:0 -4px}.hosting-studio[data-phase="1"] .hosting-window{translate:0 -4px;box-shadow:5px 7px 0 #0b1e37,5px 7px 0 1px #a1d8ee66,0 0 26px #a5d0ef22}.hosting-studio[data-phase="2"] .hosting-app-row b{background:#8ed4b438;color:#d4f4e4}
.studio-steps{display:flex;gap:9px;margin:0;padding:10px 0 0;list-style:none;counter-reset:studio}.studio-steps li{counter-increment:studio;flex:1;border-top:2px solid #7696bd44;padding-top:8px;color:#83a2c8;font-size:9px;line-height:1.5;transition:color .3s,border-color .3s}.studio-steps li:before{content:'0' counter(studio);display:block;font-size:7px;color:#7795be;margin-bottom:3px}.studio-steps li[data-active]{border-color:#b2dfff;color:#e0efff}
.studio-detail{margin-top:20px;min-height:112px}.studio-detail>span{font-size:7px;letter-spacing:.12em;color:#93b5df}.studio-detail h2{font-size:20px!important;line-height:1.25;letter-spacing:-.025em;color:#deebff;margin-top:9px}.studio-detail p{font-size:11px;line-height:1.8;color:#9bb5d7;margin-top:9px;max-width:520px}
.studio-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.studio-actions button{display:flex;align-items:center;gap:14px;font-size:10px;border-radius:25px;border:1px solid #95b3df99;padding:9px 14px;color:#d2e8ff;background:#698ec926;cursor:pointer}.studio-actions button:hover{background:#719fe03b}.studio-actions button:disabled{opacity:.6;cursor:wait}.studio-actions>a{font-size:10px;color:#b8d1f4}.studio-status{font-size:9px;color:#7596ba;line-height:1.6;min-height:29px;margin-top:13px}
.support-studio{background:radial-gradient(ellipse at 60% 40%,#24576366,transparent 72%),linear-gradient(145deg,#142c45,#0c2033)}
.support-ticket{position:absolute;top:28px;left:6%;right:6%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #91b7d78c;border-radius:10px;background:linear-gradient(140deg,#294b6b,#183549);box-shadow:0 8px 20px #06122233;z-index:1}.support-ticket-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:7px;background:#9ebdef22;color:#b1d6fb;font-size:21px}.support-ticket small{font-size:6px;letter-spacing:.12em;color:#8fb3d5;display:block}.support-ticket strong{display:block;font-size:13px;font-weight:400;color:#d9edf9;margin-top:5px}.support-ticket>i{width:5px;height:5px;border-radius:50%;background:#b0a7f3;box-shadow:0 0 14px #b0a7f377;margin-left:auto;flex-shrink:0}
.support-specialist{position:absolute;top:133px;left:6%;width:51%;border:1px solid #9bc4db77;border-radius:11px;padding:14px 12px;display:flex;align-items:center;gap:10px;background:linear-gradient(140deg,#2b5269,#173546);box-shadow:4px 5px 0 #0c2738,4px 5px 0 1px #81aabe55;z-index:2;transition:translate .4s,box-shadow .4s}.support-specialist>img{width:42px;height:48px;object-fit:cover;object-position:23% 34%;border-radius:7px;flex-shrink:0}.support-specialist small{display:block;font-size:5px;letter-spacing:.1em;color:#8caec5}.support-specialist strong{display:block;font-size:11px;font-weight:400;color:#d5eaf6;margin-top:5px;line-height:1.3}.support-specialist span{font-size:7px;color:#91b7ce;display:block;margin-top:5px;line-height:1.4}
.support-checklist{position:absolute;right:5%;top:134px;width:32%;border-radius:10px;border:1px solid #8ea6d18c;background:linear-gradient(140deg,#364b71,#213453);padding:13px 11px;box-shadow:4px 5px 0 #14243a,4px 5px 0 1px #819fcb44;transform:rotate(4deg);z-index:1;transition:translate .4s,border-color .4s}.support-checklist-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid #8aabd433;margin-bottom:9px;font-size:5px;letter-spacing:.08em;color:#b3c5e4}.support-checklist-top i{font-style:normal;font-size:11px;color:#abbfe7}.support-checklist>div:not(:first-child){display:flex;align-items:center;gap:5px;font-size:7px;color:#a8c0df;margin-top:8px;line-height:1.4}.support-checklist>div:not(:first-child)>i{width:10px;height:10px;display:grid;place-items:center;border:1px solid #afcfdf88;border-radius:3px;color:#a8ddcf;font-style:normal;font-size:6px;flex-shrink:0}
.support-outcome{position:absolute;bottom:20px;left:17%;right:17%;border:1px solid #9accb98c;background:linear-gradient(120deg,#244f57,#183e4c);border-radius:9px;padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:11px;box-shadow:0 10px 25px #020e1833;transition:opacity .4s,box-shadow .4s}.support-outcome>span{border:1px solid #9dd9bb77;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:13px;color:#baebd5;background:#97d8ba20;flex-shrink:0}.support-outcome strong{display:block;font-size:12px;font-weight:400;color:#ddf5e9}.support-outcome small{display:block;font-size:8px;color:#99bec7;margin-top:4px}.support-studio[data-phase="0"] .support-ticket{border-color:#bddcf2;background:#365974}.support-studio[data-phase="0"] .support-outcome,.support-studio[data-phase="1"] .support-outcome{opacity:.35}.support-studio[data-phase="1"] .support-specialist{translate:0 -4px;box-shadow:4px 5px 0 #0c2738,4px 5px 0 1px #81aabe55,0 0 24px #89cbdd33}.support-studio[data-phase="1"] .support-checklist{translate:0 -4px;border-color:#bad4ff}.support-studio[data-phase="2"] .support-outcome{box-shadow:0 0 30px #94dabb33}
/* Large photographs place the technical work in a human context. */
.service-human{padding:70px 0;border-top:1px solid #cbd8ee}.service-human-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.service-human figure{margin:0;align-self:stretch;border-radius:18px;overflow:hidden;background:#d0deeb;min-height:470px}.service-human figure img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.service-human-copy{padding:6px 0}.service-human-copy h2{font-size:clamp(32px,3vw,43px);line-height:1.14}.service-human-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#5c708c;margin-top:24px}.service-human-copy ul{list-style:none;padding:0;margin:24px 0;border-top:1px solid #ccd9eb}.service-human-copy li{display:flex;gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid #ccd9eb}.service-human-copy li>span{font-size:9px;color:#8599b8;margin-top:4px}.service-human-copy strong{font-size:15px;font-weight:400;color:#293f60}.service-human-copy li p{font-size:12px;color:#6c7e98;line-height:1.7;margin-top:4px}.service-human-copy>a{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#456baf;font-size:13px;line-height:1.5}.service-human-copy>a span{font-size:22px}.service-human-copy .eyebrow{font-size:9px;margin-bottom:20px}
@keyframes studio-flow{to{stroke-dashoffset:-44}}
@media(max-width:1100px){:is(.service-vps,.service-support) .service-hero-layout{gap:28px;grid-template-columns:.93fr 1.07fr}:is(.service-vps,.service-support) .service-hero h1{font-size:44px}.service-studio{padding:17px 14px}.studio-heading{font-size:7px;gap:8px}.studio-heading small{font-size:8px}.studio-scenarios button{font-size:9px;padding:8px 6px}.hosting-resources{gap:9px;left:3%;right:3%}.hosting-resource{padding:12px 10px}.hosting-resource strong{font-size:19px}.resource-chip{right:8px;width:18px;height:18px}.hosting-resource small{font-size:7px}.hosting-content-heading strong{font-size:16px}.support-specialist{padding:12px 10px;gap:8px;left:3%;width:54%}.support-specialist>img{width:34px;height:46px}.support-specialist strong{font-size:10px}.support-specialist small{font-size:4px}.support-checklist{right:3%;width:34%;padding:12px 9px}.support-checklist>div:not(:first-child){font-size:6px}.support-ticket{left:3%;right:3%;padding:13px 12px}.support-ticket strong{font-size:12px}.support-outcome{left:10%;right:10%}.studio-detail h2{font-size:19px!important}.studio-detail{min-height:125px}.studio-steps li{font-size:8px}.service-human-layout{gap:35px}.service-human figure{min-height:480px}.service-human-copy h2{font-size:35px}.service-human-copy>p:not(.eyebrow){font-size:14px}}
@media(max-width:850px){:is(.service-vps,.service-support) .service-hero-layout{grid-template-columns:1fr;gap:35px}:is(.service-vps,.service-support) .service-hero-copy{max-width:650px}:is(.service-vps,.service-support) .service-hero h1{font-size:52px}.service-studio{max-width:650px;width:100%;padding:20px}.studio-heading{font-size:8px}.studio-heading small{font-size:9px}.studio-scenarios button{font-size:11px}.hosting-window{left:10%;right:10%}.hosting-content-heading strong{font-size:20px}.hosting-app-row{font-size:11px}.hosting-app-row b{font-size:8px}.hosting-app-bottom{font-size:9px}.hosting-resource strong{font-size:23px}.hosting-resource small{font-size:9px}.hosting-resource{padding:14px 17px}.resource-chip{width:23px;height:23px;right:15px}.hosting-resources{left:6%;right:6%;gap:18px}.hosting-connect-label{font-size:8px}.support-specialist{left:6%;width:51%;padding:14px;gap:11px}.support-specialist>img{width:42px;height:48px}.support-specialist small{font-size:6px}.support-specialist strong{font-size:13px}.support-specialist span{font-size:8px}.support-ticket{left:6%;right:6%;padding:14px 16px}.support-ticket strong{font-size:15px}.support-ticket small{font-size:7px}.support-checklist{right:5%;width:32%;padding:13px 12px}.support-checklist-top{font-size:6px}.support-checklist>div:not(:first-child){font-size:8px}.support-outcome{left:17%;right:17%}.support-outcome strong{font-size:14px}.support-outcome small{font-size:9px}.studio-steps li{font-size:10px}.studio-detail{min-height:110px}.studio-detail p{font-size:12px}.studio-detail h2{font-size:22px!important}.studio-actions button,.studio-actions>a{font-size:11px}.studio-status{font-size:10px}.service-human-layout{grid-template-columns:1fr;gap:33px}.service-human figure{min-height:0;height:400px}.service-human-copy{max-width:650px}.service-human-copy h2{font-size:40px}.service-human-copy>p:not(.eyebrow){font-size:15px}}
@media(max-width:700px){:is(.service-vps,.service-support) .service-hero h1{font-size:clamp(35px,9.8vw,48px)}:is(.service-vps,.service-support) .service-hero .lead{font-size:16px}:is(.service-vps,.service-support) .service-hero-layout{gap:30px}.service-studio{padding:16px 12px 14px;border-radius:15px}.studio-heading{font-size:6px;letter-spacing:.08em;gap:7px;padding-bottom:13px}.studio-heading small{font-size:8px}.studio-scenarios{gap:5px}.studio-scenarios button{font-size:9px;min-height:35px;padding:7px 4px}.studio-stage{height:324px}.hosting-window{left:4%;right:4%;top:25px}.hosting-window-body{grid-template-columns:28px 1fr}.hosting-sidebar{padding:16px 9px}.hosting-sidebar i{width:9px;height:7px}.hosting-content{padding:13px 11px}.hosting-content-heading strong{font-size:16px}.hosting-content-heading>span{font-size:6px}.hosting-app-row{font-size:9px;padding:8px 0;gap:8px}.hosting-app-row b{font-size:6px;padding:3px 4px}.hosting-app-bottom{font-size:8px}.hosting-connect-label{top:210px;font-size:6px}.hosting-resources{left:2%;right:2%;gap:9px;bottom:11px}.hosting-resource{padding:13px 9px 11px;border-radius:8px}.hosting-resource strong{font-size:19px}.hosting-resource small{font-size:7px}.resource-chip{width:16px;height:16px;right:7px;top:15px}.resource-indicators{gap:4px;margin-top:12px}.studio-steps{gap:8px;padding-top:10px}.studio-steps li{font-size:8px}.studio-detail{margin-top:19px;min-height:126px}.studio-detail>span{font-size:7px}.studio-detail h2{font-size:20px!important}.studio-detail p{font-size:11px}.studio-actions{gap:9px;margin-top:16px}.studio-actions button{font-size:9px;padding:9px 11px;gap:9px}.studio-actions>a{font-size:9px}.studio-status{font-size:8px;min-height:26px}.support-ticket{top:27px;left:2%;right:2%;padding:13px 10px;gap:8px}.support-ticket-icon{width:24px;height:28px;font-size:18px}.support-ticket small{font-size:5px}.support-ticket strong{font-size:11px;line-height:1.4}.support-specialist{left:2%;top:130px;width:55%;padding:12px 9px;gap:8px}.support-specialist>img{width:32px;height:44px}.support-specialist small{font-size:4px}.support-specialist strong{font-size:9px}.support-specialist span{font-size:6px}.support-checklist{right:1%;top:130px;width:35%;padding:12px 8px}.support-checklist-top{font-size:4px}.support-checklist>div:not(:first-child){font-size:6px;gap:4px;margin-top:8px}.support-outcome{left:8%;right:8%;bottom:21px;padding:11px 13px;gap:9px}.support-outcome strong{font-size:11px}.support-outcome small{font-size:8px}.service-human{padding:45px 0}.service-human-layout{gap:29px}.service-human figure{height:auto;aspect-ratio:1.45;border-radius:12px}.service-human figure img{aspect-ratio:1.45;height:auto;object-position:center 30%}.service-human-copy h2{font-size:33px}.service-human-copy .eyebrow{font-size:8px;line-height:1.7}.service-human-copy>p:not(.eyebrow){font-size:14px;margin-top:21px}.service-human-copy strong{font-size:14px}.service-human-copy li p{font-size:11px}.service-human-copy>a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.service-studio[data-phase] .studio-data-line{animation:none}.service-studio *{transition:none}}

@media(max-width:700px){.hosting-content-heading strong{line-height:1.25;font-size:15px}.hosting-content-heading>span{display:none}.hosting-app-row{font-size:8px}}