/* HostPlus 2026 / Cloud Hosting v1.0.0 — tightly scoped to page shortcode. */
.hp26-servers,.hp26-servers *{box-sizing:border-box}
.hp26-servers{--ch-navy:#102d59;--ch-dark:#081f43;--ch-orange:#ff800a;--ch-paper:#f7f9fd;--ch-muted:#50617c;color:var(--ch-navy);font-family:Roboto,Arial,sans-serif;overflow:hidden}
.hp26-servers h1,.hp26-servers h2,.hp26-servers h3{font-family:Roboto,Arial,sans-serif!important;color:var(--ch-navy);line-height:1.2;font-weight:800!important}
.hp26-servers h2{font-size:clamp(23px,2.25vw,33px)!important;margin:0 0 10px!important}
.hp26-servers h3{font-size:18px!important;margin:0 0 8px!important}
.hp26-servers p{font-size:15px;line-height:1.65;margin:0}
.hp26-servers a{text-decoration:none!important;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.hp26-servers a:focus-visible{outline:3px solid #2b81e8;outline-offset:3px}
.hp26-cs-wrap{width:min(100% - 40px,1580px);margin:0 auto}
.hp26-cs-section{padding:32px 0}
.hp26-cs-intro{color:var(--ch-muted);margin-bottom:21px!important}
.hp26-cs-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 22px;border-radius:9px;font-size:14px!important;font-weight:800!important;min-height:46px;line-height:1.2;text-align:center;white-space:nowrap}
.hp26-cs-button-orange{background:var(--ch-orange);color:#fff!important;border:1px solid var(--ch-orange)}
.hp26-cs-button-orange:hover{background:#e87303;color:#fff!important}
.hp26-cs-button-navy{background:var(--ch-dark);color:#fff!important;border:1px solid var(--ch-dark)}
.hp26-cs-button-navy:hover{background:#254b83;color:#fff!important}
.hp26-cs-button-light{background:#fff;color:var(--ch-navy)!important;border:1px solid #dce5f3}
.hp26-cs-button-light:hover{border-color:#9ab7e6;background:#f2f7ff}
.hp26-cs-hero{position:relative;isolation:isolate;min-height:410px;padding:47px 0 42px;background:#f2f7ff}
.hp26-cs-hero-bg{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(235,245,255,.97) 0%,rgba(235,245,255,.87) 40%,rgba(247,249,255,.18) 100%),url('santorini.webp') center/cover no-repeat;opacity:.96}
.hp26-cs-hero-inside{display:grid;grid-template-columns:minmax(0,55fr) minmax(360px,45fr);align-items:center;gap:clamp(28px,4vw,72px)}
.hp26-cs-eyebrow{font-size:13px!important;color:#ee7700;font-weight:800!important;letter-spacing:.02em;margin:0 0 10px!important}
.hp26-cs-hero h1{font-size:clamp(33px,3.45vw,56px)!important;line-height:1.1!important;margin:0 0 19px!important;letter-spacing:-1px;max-width:770px}
.hp26-cs-hero h1 span{display:block;color:var(--ch-orange)}
.hp26-cs-hero h1 span:last-child{font-size:.80em;margin-top:5px}
.hp26-cs-hero-description{color:#364f74;max-width:650px;font-size:16px!important;font-weight:500}
.hp26-cs-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.hp26-cs-hero-art{position:relative;max-width:600px;justify-self:end;width:100%;height:295px;border:7px solid rgba(255,255,255,.85);border-radius:20px;overflow:hidden;box-shadow:0 16px 45px rgba(9,41,81,.16)}
.hp26-cs-hero-art img{display:block;width:100%;height:100%;object-fit:cover}
.hp26-cs-art-chip{position:absolute;bottom:13px;left:13px;right:13px;background:rgba(255,255,255,.95);color:var(--ch-navy);border-radius:10px;padding:11px 13px;font-size:13px;font-weight:800;text-align:center}
.hp26-cs-art-chip span{color:var(--ch-orange);padding:0 5px}
.hp26-cs-benefits{text-align:center;background:white}
.hp26-cs-benefits-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.hp26-cs-benefit{border:1px solid #e6eaf3;border-radius:12px;padding:19px 10px 22px;min-width:0;background:#fff;box-shadow:0 4px 16px rgba(22,59,104,.035)}
.hp26-cs-benefit-icon{background:#f0f6ff;color:#2570cf;display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:15px}
.hp26-cs-benefit h3{font-size:14px!important;line-height:1.35!important;margin:0 0 9px!important}
.hp26-cs-benefit p{font-size:12px;line-height:1.45;color:var(--ch-muted)}
.hp26-cs-pricing{padding:13px 0 35px}
.hp26-cs-pricing-panel{background:#f6f9fd;border-radius:19px;padding:29px 21px 23px}
.hp26-cs-section-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px}
.hp26-cs-section-top .hp26-cs-intro{margin:0!important}
.hp26-cs-pricing-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}
.hp26-cs-plan{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e4eaf3;border-radius:14px;padding:19px 14px 16px;box-shadow:0 5px 16px rgba(18,45,86,.035)}
.hp26-cs-plan-featured{border:2px solid var(--ch-orange);box-shadow:0 9px 22px rgba(245,117,12,.10);padding:18px 13px 15px}
.hp26-cs-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);border-radius:20px;background:var(--ch-orange);color:#fff;padding:5px 16px;font-size:11px;font-weight:800;white-space:nowrap}
.hp26-cs-plan-symbol{color:#fb7d05;background:#fff1e2;border-radius:12px;display:grid;place-items:center;width:45px;height:45px;font-size:27px;line-height:1;margin-bottom:12px}
.hp26-cs-plan h3{font-size:19px!important;margin:0 0 3px!important}
.hp26-cs-plan-type{font-size:14px!important;color:#f5820b!important;font-weight:800!important}
.hp26-cs-plan-price{display:flex;align-items:baseline;gap:5px;margin-top:15px;min-height:47px;white-space:nowrap}
.hp26-cs-plan-price strong{font-size:clamp(22px,1.75vw,28px);color:var(--ch-dark);font-weight:900}
.hp26-cs-plan-price small{color:#586983;font-size:11px}
.hp26-cs-plan-annual{font-size:12px!important;color:#536985!important;border-bottom:1px solid #e9edf4;padding-bottom:12px;min-height:33px}
.hp26-cs-plan-features{list-style:none!important;padding:13px 0 14px!important;margin:0!important;display:grid;gap:11px;flex:1}
.hp26-cs-plan-features li{position:relative;margin:0!important;padding-left:17px;font-size:12px;line-height:1.45;color:#354866}
.hp26-cs-plan-features li::before{content:'✓';color:#ff800a;position:absolute;top:0;left:0;font-weight:900}
.hp26-cs-plan-action{width:100%;font-size:12px!important;padding:12px 6px;min-height:44px;white-space:normal}
.hp26-cs-pricing-disclaimer{font-size:12px!important;color:#61718b;text-align:center;margin-top:17px!important}
.hp26-cs-why{padding:11px 0 30px}
.hp26-cs-why-panel{display:grid;grid-template-columns:minmax(0,41fr) minmax(0,59fr);gap:30px;background:#f6f9fd;border-radius:18px;padding:13px;align-items:stretch}
.hp26-cs-why-image{min-height:290px;border-radius:13px;overflow:hidden}
.hp26-cs-why-image img{width:100%;height:100%;display:block;object-fit:cover}
.hp26-cs-why-content{padding:20px 17px 11px 0}
.hp26-cs-why-content h2 span{color:var(--ch-orange)}
.hp26-cs-why-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px;margin-top:21px}
.hp26-cs-why-list>div{display:flex;align-items:flex-start;gap:12px}
.hp26-cs-why-list svg{flex:0 0 35px;width:35px;height:35px;color:#267aef;border:1px solid #d6e6ff;border-radius:50%;padding:7px}
.hp26-cs-why-list strong{display:block;font-size:14px;color:var(--ch-navy)}
.hp26-cs-why-list small{display:block;font-size:12px;color:var(--ch-muted);margin-top:4px}
.hp26-cs-cms{text-align:center;padding:7px 0 28px}
.hp26-cs-cms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:21px;text-align:left}
.hp26-cs-cms-grid article{display:flex;gap:24px;align-items:center;min-height:139px;border:1px solid #e4eaf4;border-radius:13px;background:white;padding:19px 25px;box-shadow:0 7px 21px rgba(14,43,82,.04)}
.hp26-cs-cms-grid img{width:96px;height:96px;object-fit:contain;flex:none}
.hp26-cs-cms-grid h3{margin-bottom:6px!important}
.hp26-cs-cms-grid p{font-size:13px;color:var(--ch-muted);margin-bottom:9px}
.hp26-cs-cms-grid a{color:#f5820b;font-size:13px;font-weight:800}
.hp26-cs-builder{padding:1px 0 28px}
.hp26-cs-builder-panel{background:#eef4fe;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;padding:26px 46px;border-radius:17px;min-height:220px}
.hp26-cs-builder-panel p{max-width:700px;color:#425779}
.hp26-cs-builder-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hp26-cs-builder-pills span{border-radius:50px;border:1px solid #bdd2ef;background:white;padding:6px 11px;font-size:12px;font-weight:800;color:#214775}
.hp26-cs-builder-illustration{display:flex;justify-content:center;padding:6px}
.hp26-cs-browser{width:min(100%,320px);height:160px;border:9px solid #284f89;border-top-width:30px;position:relative;border-radius:13px;background:#fff;box-shadow:15px 16px 0 rgba(52,100,154,.15)}
.hp26-cs-browser>span{position:absolute;width:8px;height:8px;border-radius:50%;background:#f7841b;top:-20px;left:10px}
.hp26-cs-browser>span:nth-child(2){left:23px;background:#ffc35a}
.hp26-cs-browser>span:nth-child(3){left:36px;background:#72cbd7}
.hp26-cs-browser-hero{height:54px;margin:12px;background:linear-gradient(115deg,#f68419 40%,#bfdcf8 40%,#bfdcf8 100%);border-radius:3px}
.hp26-cs-browser-line{height:8px;background:#deeafa;margin:11px 12px;width:70%;border-radius:3px}
.hp26-cs-browser-line.short{width:47%}
.hp26-cs-migration{padding:0 0 28px}
.hp26-cs-migration-panel{background:linear-gradient(115deg,#071d3d,#0b315f);color:#fff;border-radius:15px;display:grid;grid-template-columns:1.35fr .8fr .6fr;align-items:center;gap:20px;min-height:206px;padding:26px 40px;box-shadow:0 9px 24px rgba(12,39,76,.12)}
.hp26-cs-migration h2{color:#fff!important;font-size:clamp(21px,2.15vw,31px)!important;margin-bottom:7px!important}
.hp26-cs-migration p{color:#c9daed;font-size:13px;max-width:510px}
.hp26-cs-migration .hp26-cs-button{margin-top:14px}
.hp26-cs-migration ul{margin:0!important;padding:0 0 0 22px!important;list-style:none!important;border-left:1px solid rgba(255,255,255,.18);display:grid;gap:15px}
.hp26-cs-migration ul li{font-size:13px;font-weight:800;color:white;position:relative;padding-left:25px}
.hp26-cs-migration li:before{content:'✓';position:absolute;left:0;width:19px;height:19px;background:rgba(255,131,12,.12);color:#ff870d;border:1px solid #ec8c2b;border-radius:50%;text-align:center;line-height:17px}
.hp26-cs-migration-graphic{text-align:center}
.hp26-cs-cloud-symbol{font-size:116px;line-height:1;color:#a5d3ff;text-shadow:6px 6px 0 #194d91}
.hp26-cs-migration-arrows{color:#ff901b;font-weight:bold;font-size:24px}
.hp26-cs-tech{max-width:1500px;margin:0 auto 5px}
.hp26-cloud-servers-page{margin:0!important}
.hp26-cloud-servers-page>.fusion-builder-row{max-width:none!important;width:100%!important}
.hp26-cloud-servers-page .fusion-layout-column{margin:0!important}
.hp26-cloud-servers-page .fusion-text{margin:0!important}
@media(max-width:1350px){.hp26-cs-benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hp26-cs-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hp26-cs-plan{padding:24px 20px 17px}.hp26-cs-plan-featured{padding:23px 19px 16px}}
@media(max-width:900px){.hp26-cs-wrap{width:min(100% - 30px,1580px)}.hp26-cs-hero-inside{grid-template-columns:1fr}.hp26-cs-hero-art{display:none}.hp26-cs-hero{min-height:350px}.hp26-cs-hero-bg{background:linear-gradient(90deg,rgba(238,247,255,.96),rgba(238,247,255,.56)),url('santorini.webp') center/cover no-repeat}.hp26-cs-benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hp26-cs-why-panel{grid-template-columns:1fr}.hp26-cs-why-image{max-height:300px}.hp26-cs-why-content{padding:15px}}
@media(max-width:680px){.hp26-cs-wrap{width:calc(100% - 24px)}.hp26-cs-section{padding:25px 0}.hp26-cs-hero{padding:31px 0;min-height:320px}.hp26-cs-hero h1{font-size:clamp(30px,7vw,42px)!important}.hp26-cs-hero-description{font-size:14px!important}.hp26-cs-hero-actions{flex-direction:column;align-items:stretch}.hp26-cs-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hp26-cs-benefit{padding:14px 9px}.hp26-cs-benefit-icon{width:47px;height:47px}.hp26-cs-pricing-panel{padding:20px 12px}.hp26-cs-section-top{display:block}.hp26-cs-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hp26-cs-plan{padding:16px 11px 12px}.hp26-cs-plan-featured{padding:15px 10px 11px}.hp26-cs-plan h3{font-size:17px!important}.hp26-cs-plan-price{min-height:39px}.hp26-cs-plan-price strong{font-size:20px}.hp26-cs-plan-features{gap:8px}.hp26-cs-plan-features li{font-size:11px}.hp26-cs-plan-action{font-size:11px!important;padding:10px 4px}.hp26-cs-why-list{gap:15px 10px}.hp26-cs-why-list strong{font-size:12px}.hp26-cs-cms-grid{grid-template-columns:1fr}.hp26-cs-cms-grid article{padding:15px}.hp26-cs-cms-grid img{width:70px;height:70px}.hp26-cs-builder-panel{grid-template-columns:1fr;padding:24px 20px}.hp26-cs-builder-illustration{display:none}.hp26-cs-migration-panel{grid-template-columns:1fr;padding:25px 22px;gap:20px}.hp26-cs-migration ul{border-left:0;padding-left:0!important}.hp26-cs-migration-graphic{display:none}}
@media(max-width:370px){.hp26-cs-pricing-grid{grid-template-columns:1fr}.hp26-cs-why-list{grid-template-columns:1fr}}


/* 1.0.1 — render the same approved migration artwork as on the homepage. */
.hp26-servers .hp26-cs-migration-graphic{display:flex;justify-content:center;align-items:center;min-width:0;max-width:100%;}
.hp26-servers .hp26-cs-migration-graphic svg{display:block;width:min(100%,360px);max-height:215px;height:auto;}

/* 1.0.1 — self-contained technology-logo layout for the Cloud Hosting page.
   The separate Technology Logos plugin intentionally enqueues its stylesheet
   on the homepage only. Its shortcode also appears on this internal page. */
.hp26-servers .hp26-cs-tech{width:100%;max-width:1260px;margin:0 auto;padding:8px 16px 16px;}
.hp26-servers .hp26-tlogos{width:100%;max-width:1180px;margin:0 auto;padding:8px 0 4px;}
.hp26-servers .hp26-tlogos-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:center;}
.hp26-servers .hp26-tlogos-cell{min-width:0;min-height:76px;display:flex;justify-content:center;align-items:center;text-align:center;}
.hp26-servers .hp26-tlogos-link{width:100%;min-width:0;min-height:68px;display:flex;align-items:center;justify-content:center;text-decoration:none!important;}
.hp26-servers .hp26-tlogos-img{display:block;width:100%;max-width:165px;height:54px;max-height:54px;object-fit:contain;margin:0 auto;}
.hp26-servers .hp26-tlogos-name{font-size:19px;font-weight:700;color:#7a899c;line-height:1.15;}
.hp26-servers .hp26-tlogos-link:focus-visible{outline:2px solid #f5820b;outline-offset:4px;border-radius:4px;}
@media(max-width:1000px){.hp26-servers .hp26-tlogos-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 25px;}}
@media(max-width:680px){.hp26-servers .hp26-cs-migration-graphic{display:none;}}
@media(max-width:550px){.hp26-servers .hp26-tlogos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}.hp26-servers .hp26-tlogos-cell{min-height:62px;}.hp26-servers .hp26-tlogos-img{max-width:140px;height:44px;max-height:44px;}}

/* Reseller-specific journey. */
.hp26-servers .hp26-cs-process{text-align:center;padding-top:22px;padding-bottom:12px}
.hp26-servers .hp26-cs-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left;margin-top:19px}
.hp26-servers .hp26-cs-process-grid article{padding:23px 23px 25px;background:#f5f8fd;border:1px solid #e1e9f5;border-radius:14px;min-width:0}
.hp26-servers .hp26-cs-process-grid article span{display:inline-flex;align-items:center;justify-content:center;background:#ff800a;color:#fff;width:37px;height:37px;border-radius:10px;font-size:14px;font-weight:900;margin-bottom:13px}
.hp26-servers .hp26-cs-process-grid article p{font-size:13px;color:#50617c}
@media(max-width:780px){.hp26-servers .hp26-cs-process-grid{grid-template-columns:1fr;gap:12px}}

/* Cloud Servers pricing: 4 standard products and 1 custom */
@media(min-width:1351px){.hp26-servers .hp26-cs-pricing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.hp26-servers .hp26-cs-plan-price small{white-space:normal;line-height:1.25}
.hp26-servers .hp26-cs-plan-price{white-space:normal}