.cloud-page{
  color-scheme:light;
  background:#f3f6fa!important;
  color:#132238!important;
  padding-block:12px 36px!important;
}
body.cloud-workspace .harplink-main{padding-inline-start:232px}
.cloud-page .cloud-shell{width:calc(100% - 24px)}
.cloud-header-cart{
  position:relative;display:inline-grid;grid-template-columns:22px auto;gap:2px 7px;align-items:center;
  min-height:44px;padding:7px 10px;border:1px solid #d5e0ea;border-radius:11px;
  background:linear-gradient(145deg,#fff,#f2f6fa);color:#334a62;
  box-shadow:0 2px 4px rgba(15,35,58,.06),0 7px 16px rgba(15,35,58,.07),inset 0 1px 0 #fff;
  font-size:10px;font-weight:900
}
.cloud-header-cart svg{grid-row:1/3;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cloud-header-cart span{align-self:end}
.cloud-header-cart b{
  position:absolute;inset-block-start:-7px;inset-inline-end:-7px;display:grid;place-items:center;
  min-width:20px;height:20px;padding-inline:5px;border:2px solid #fff;border-radius:999px;
  background:#64748b;color:#fff;box-shadow:0 3px 7px rgba(15,35,58,.18);font:900 9px/1 monospace
}
.cloud-header-cart.has-items{border-color:#b9d0f4;color:#155eef}
.cloud-header-cart.has-items b{background:#155eef}
.cloud-header-cart:hover{transform:translateY(-1px);box-shadow:0 3px 5px rgba(15,35,58,.08),0 11px 21px rgba(15,35,58,.1)}
.harplink-notifications{
  position:fixed;z-index:400;inset-block-start:88px;inset-inline-end:16px;
  display:grid;gap:8px;width:min(360px,calc(100% - 32px));pointer-events:none
}
.harplink-toast{
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;
  border:1px solid #d8e4ee;border-radius:11px;background:#fff;color:#23384f;
  box-shadow:0 4px 9px rgba(15,35,58,.09),0 18px 36px rgba(15,35,58,.13);pointer-events:auto;
  animation:harplink-toast-in .2s ease-out
}
.harplink-toast.is-success{border-color:#a9dfc4;background:#f0fbf6;color:#08714e}
.harplink-toast.is-error{border-color:#f1c0c4;background:#fff7f7;color:#a62632}
.harplink-toast button{border:0;background:transparent;color:currentColor;font-size:20px;cursor:pointer}
.is-busy{position:relative;cursor:wait!important;opacity:.75}
.is-busy:before{
  content:"";display:inline-block;width:12px;height:12px;margin-inline-end:7px;
  border:2px solid currentColor;border-block-start-color:transparent;border-radius:50%;
  animation:harplink-spin .7s linear infinite;vertical-align:-2px
}
@keyframes harplink-spin{to{rotate:360deg}}
@keyframes harplink-toast-in{from{opacity:0;translate:0 -8px}}
.cloud-api-progress{
  position:fixed;z-index:500;inset-block-start:0;inset-inline:0;height:3px;
  overflow:hidden;opacity:0;pointer-events:none;transition:opacity .15s
}
.cloud-api-progress i{
  display:block;width:38%;height:100%;border-radius:999px;background:linear-gradient(90deg,#155eef,#24c7a5);
  box-shadow:0 0 12px rgba(21,94,239,.45);translate:-120% 0
}
.cloud-api-is-busy .cloud-api-progress{opacity:1}
.cloud-api-is-busy .cloud-api-progress i{animation:cloud-api-progress 1s ease-in-out infinite}
.cloud-side-nav[aria-busy="true"]{cursor:progress}
@keyframes cloud-api-progress{50%{translate:165% 0}100%{translate:360% 0}}
.cloud-side-nav{
  position:fixed;
  z-index:80;
  inset-block:90px 14px;
  inset-inline-start:12px;
  width:208px;
  display:flex!important;
  flex-direction:column;
  gap:8px!important;
  overflow-y:auto;
  margin:0!important;
  padding:10px!important;
  border:1px solid #d7e1eb!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#132238!important;
  box-shadow:0 2px 3px rgba(15,35,58,.08),0 14px 32px rgba(15,35,58,.11),inset 0 1px 0 #fff!important;
  scrollbar-width:thin;
}
.cloud-side-nav__head{
  padding:9px 10px 11px;
  border-block-end:1px solid #e6edf4;
}
.cloud-side-nav__head span{display:block;color:#155eef;font:900 9px/1.2 monospace;letter-spacing:.16em}
.cloud-side-nav__head strong{display:block;margin-block:2px;color:#132238;font-size:19px}
.cloud-side-nav__head small{display:block;color:#748399;font-size:10px;font-weight:700}
.cloud-side-nav__group{display:grid;gap:3px}
.cloud-side-nav__label{
  padding:5px 9px 2px;
  color:#8997a9;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
}
.cloud-side-nav a{
  display:grid!important;
  grid-template-columns:27px minmax(0,1fr);
  gap:8px;
  justify-content:initial!important;
  min-height:34px!important;
  padding:4px 7px!important;
  border:1px solid transparent;
  border-radius:9px!important;
  color:#52677f!important;
  font-size:11px;
  font-weight:800!important;
  text-align:start;
}
.cloud-side-nav a i{
  display:grid;
  place-items:center;
  width:27px;
  height:24px;
  border:1px solid #dce6f0;
  border-radius:7px;
  background:linear-gradient(145deg,#fff,#f0f4f8);
  color:#60748a;
  box-shadow:0 2px 4px rgba(20,42,67,.08),inset 0 1px 0 #fff;
  font:900 8px/1 monospace;
}
.cloud-side-nav a span{align-self:center;overflow:hidden;text-overflow:ellipsis}
.cloud-side-nav a:hover{
  border-color:#cfe0f7;
  background:#f5f9ff!important;
  color:#174ea6!important;
  transform:translateY(-1px);
}
.cloud-side-nav a.is-active{
  border-color:#bfd5f5!important;
  background:linear-gradient(145deg,#f7fbff,#e8f1ff)!important;
  color:#124eae!important;
  box-shadow:0 3px 8px rgba(21,94,239,.12),inset 3px 0 0 #155eef;
}
html[dir="rtl"] .cloud-side-nav a.is-active{box-shadow:0 3px 8px rgba(21,94,239,.12),inset -3px 0 0 #155eef}
.cloud-side-nav a.is-active i{border-color:#b8d1f5;background:#fff;color:#155eef}
.cloud-side-nav .cloud-language-switch{margin-block-start:auto;margin-inline-start:0;padding-block-start:7px;border-block-start:1px solid #e6edf4}
.cloud-side-nav .cloud-language-switch button{
  display:flex;
  justify-content:space-between;
  width:100%;
  min-height:36px;
  border:1px solid #d2deea;
  border-radius:9px;
  background:linear-gradient(#fff,#f3f6fa);
  color:#52677f;
  padding:7px 9px;
  font:800 10px Tajawal;
  box-shadow:0 2px 5px rgba(20,42,67,.07);
  cursor:pointer;
}
.cloud-side-nav .cloud-language-switch strong{color:#155eef}
.cloud-side-nav .cloud-language-settings{margin-block-start:auto;border-block-start:1px solid #e6edf4!important;border-radius:9px!important}.cloud-side-nav .cloud-language-settings strong{align-self:center;color:#155eef;font-size:9px}

/* A compact, shared visual contract for customer and operator cards. */
body.cloud-workspace .harplink-main{
  color-scheme:light;
  background:#f3f6fa;
}
body.cloud-workspace :where(.readiness-page,.hosting-market,.domain-market){
  background:#f3f6fa!important;
  color:#132238!important;
}
body.cloud-workspace .readiness-page{direction:inherit!important}
body.cloud-workspace .infra-page{
  direction:inherit!important;
  background:#f3f6fa!important;
  color:#132238!important;
  padding:12px 0 36px!important;
}
body.cloud-workspace .infra-shell{width:calc(100% - 24px)}
body.cloud-workspace .infra-hero{
  align-items:center;
  margin-block-end:10px;
  padding:18px 20px;
  border:1px solid #d9e4ee;
  border-radius:14px;
  background:#fff;
  box-shadow:0 2px 4px rgba(15,35,58,.06),0 12px 28px rgba(15,35,58,.08),inset 0 1px 0 #fff;
}
body.cloud-workspace .infra-hero h1{margin:6px 0;font-size:clamp(28px,3vw,42px);letter-spacing:0}
body.cloud-workspace .infra-hero p{color:#68788c}
body.cloud-workspace .infra-kicker{color:#155eef}
body.cloud-workspace .infra-health{gap:9px;margin:10px 0}
body.cloud-workspace .infra-health article,
body.cloud-workspace .infra-guard,
body.cloud-workspace .server-live-card{
  border-color:#d9e4ee;
  border-radius:12px;
  background:#fff;
  color:#132238;
  box-shadow:0 2px 4px rgba(15,35,58,.06),0 10px 24px rgba(15,35,58,.07),inset 0 1px 0 #fff;
}
body.cloud-workspace .infra-health article{padding:14px}
body.cloud-workspace .infra-health strong{color:#132238;font-size:27px}
body.cloud-workspace .infra-health span,
body.cloud-workspace .infra-health small,
body.cloud-workspace .server-live-card small{color:#68788c}
body.cloud-workspace .infra-guard{margin-block-end:10px;padding:14px 16px}
body.cloud-workspace .infra-guard p{color:#68788c}
body.cloud-workspace .infra-filter{margin:10px 0}
body.cloud-workspace .infra-filter input,
body.cloud-workspace .infra-filter select,
body.cloud-workspace .infra-filter button{border-color:#d4e0eb;background:#fff;color:#23384f}
body.cloud-workspace .server-inventory{gap:10px}
body.cloud-workspace .server-live-card{padding:16px}
body.cloud-workspace .server-live-card h2{color:#132238}
body.cloud-workspace .server-primary,
body.cloud-workspace .server-specs{border-color:#e0e8f1;background:#f6f9fc}
body.cloud-workspace .server-specs>div{background:#fff}
body.cloud-workspace :where(.readiness-hero,.hosting-hero,.domain-market-hero){
  min-height:auto;
  margin-block-end:10px;
}
body.cloud-workspace :where(.hub-hero,.hosting-hero,.domain-market-hero,.server-hero){
  min-height:260px;
  margin:0 0 10px;
  padding:24px 28px;
  border-radius:14px;
  box-shadow:0 3px 7px rgba(15,35,58,.12),0 16px 34px rgba(15,35,58,.14);
}
body.cloud-workspace :where(.hub-hero,.hosting-hero,.domain-market-hero,.server-hero) h1{
  margin:9px 0;
  font-size:clamp(30px,3.4vw,48px);
  line-height:1.18;
  letter-spacing:0;
}
body.cloud-workspace :where(.hub-hero,.hosting-hero,.domain-market-hero,.server-hero) p{
  font-size:14px;
  line-height:1.7;
}
body.cloud-workspace .hub-orbit,
body.cloud-workspace .server-hero-orbit{min-height:250px}
body.cloud-workspace .hub-domain-launch{height:56px;margin-block-start:18px}
body.cloud-workspace .hub-domain-launch button{height:44px}
body.cloud-workspace .hub-hero-links,
body.cloud-workspace .server-hero-actions{margin-block-start:14px}
body.cloud-workspace .hosting-hero>div>a{margin-block-start:13px;padding:11px 16px}
body.cloud-workspace .host-window{max-width:330px}
body.cloud-workspace .host-window main{min-height:175px;padding:22px}
body.cloud-workspace .host-window main>strong{font-size:48px}
body.cloud-workspace .domain-market-hero{grid-template-columns:minmax(0,1fr) 260px;gap:16px}
body.cloud-workspace .domain-market-hero aside{padding:16px}
body.cloud-workspace .server-hero{grid-template-columns:minmax(0,1fr) 320px}
body.cloud-workspace .server-hero-copy{padding:0}
body.cloud-workspace .readiness-hero{
  grid-template-columns:minmax(0,1fr) 250px;
  min-height:auto;
  margin-block:0 10px;
  padding:20px 22px;
  border:1px solid #d9e4ee;
  border-radius:14px;
  background:#fff;
  color:#132238;
  box-shadow:0 2px 4px rgba(15,35,58,.06),0 12px 28px rgba(15,35,58,.08),inset 0 1px 0 #fff;
}
body.cloud-workspace .readiness-shell{width:calc(100% - 24px)}
body.cloud-workspace .readiness-hero>div>span{color:#155eef}
body.cloud-workspace .readiness-hero h1{
  max-width:820px;margin:8px 0;color:#132238;font-size:clamp(30px,3.2vw,44px);
  line-height:1.25;letter-spacing:0
}
body.cloud-workspace .readiness-hero p{max-width:820px;font-size:14px;line-height:1.7}
body.cloud-workspace .readiness-hero h1,
body.cloud-workspace .readiness-head h2,
body.cloud-workspace .readiness-policy h2{color:#132238}
body.cloud-workspace .readiness-hero p,
body.cloud-workspace .readiness-head p,
body.cloud-workspace .readiness-policy p{color:#68788c}
body.cloud-workspace .readiness-hero aside{
  border-color:#d7e2ed;
  background:linear-gradient(145deg,#fff,#eef4fb);
  color:#132238;
  box-shadow:0 2px 4px rgba(15,35,58,.06),0 12px 26px rgba(15,35,58,.08);
}
body.cloud-workspace .readiness-hero aside span{color:#68788c}
body.cloud-workspace .readiness-chain{
  margin:10px 0 18px;
  padding:12px;
  border-color:#d9e4ee;
  background:#fff;
  box-shadow:0 2px 4px rgba(15,35,58,.05),0 8px 20px rgba(15,35,58,.06);
}
body.cloud-workspace .readiness-chain article span{color:#52677f}
body.cloud-workspace .readiness-chain article{gap:6px}
body.cloud-workspace .readiness-chain article b{background:#eaf2ff;color:#155eef}
body.cloud-workspace .readiness-chain>i{color:#8ba0b6}
body.cloud-workspace .readiness-card{
  color:#132238;
}
body.cloud-workspace .readiness-head{margin-block:14px 10px}
body.cloud-workspace .readiness-head h2{margin:3px 0;font-size:26px}
body.cloud-workspace .readiness-card>header>span{background:#eef5ff;color:#155eef}
body.cloud-workspace .readiness-card h2{color:#132238}
body.cloud-workspace .readiness-card footer{border-color:#e8eef4}
body.cloud-workspace .readiness-card p,
body.cloud-workspace .readiness-card footer,
body.cloud-workspace .readiness-card footer strong{color:#68788c}
body.cloud-workspace .readiness-policy{
  margin-block-start:18px;
  padding:16px;
  border-color:#ecd7b5;
  background:#fffaf2;
}

body.cloud-workspace :where(
  .cloud-hero>div,.cloud-hero>aside,.cloud-page-head,.cloud-table-panel,
  .cloud-product-card,.cloud-service-card,.cloud-kpi-grid article,
  .readiness-card,.hosting-plan,.cloud-domain-console,.domain-suggestions,
  .cloud-service-sidebar>section,.console-panel
){
  border-color:#d9e4ee!important;
  background-color:#fff!important;
  box-shadow:0 2px 4px rgba(15,35,58,.06),0 10px 24px rgba(15,35,58,.07),inset 0 1px 0 #fff!important;
}
body.cloud-workspace :where(.cloud-product-card,.cloud-service-card,.cloud-kpi-grid article,.readiness-card,.hosting-plan,.console-panel){
  transition:transform .18s ease,box-shadow .18s ease;
}
body.cloud-workspace :where(.cloud-product-card,.cloud-service-card,.cloud-kpi-grid article,.readiness-card,.hosting-plan,.console-panel):hover{
  transform:translateY(-2px);
  box-shadow:0 3px 5px rgba(15,35,58,.07),0 16px 30px rgba(15,35,58,.1),inset 0 1px 0 #fff!important;
}
body.cloud-workspace :where(.cloud-product-grid,.cloud-service-grid,.cloud-kpi-grid,.readiness-grid){gap:10px}
body.cloud-workspace :where(.cloud-page-head,.cloud-product-card,.cloud-service-card,.cloud-kpi-grid article,.readiness-card){padding:14px}

/* Marketplace surfaces: one light, dimensional and compact card language. */
body.cloud-workspace :where(
  .hub-proof,.hub-service-card,.hub-journey,.cloud-market-filter,.cloud-market-card,
  .cloud-domain-console,.cloud-domain-side>section,.domain-suggestions,
  .hosting-benefits,.hosting-plan,.hosting-safety,
  .server-trust-strip,.server-configurator,.server-plan-card,.server-os-rail article,
  .managed-offers,.managed-offer
){
  border:1px solid #d9e4ee!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#132238!important;
  box-shadow:0 2px 4px rgba(15,35,58,.06),0 11px 25px rgba(15,35,58,.075),inset 0 1px 0 #fff!important;
}
body.cloud-workspace :where(.hub-service-card,.cloud-market-card,.hosting-plan,.server-plan-card,.managed-offer){
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.cloud-workspace :where(.hub-service-card,.cloud-market-card,.hosting-plan,.server-plan-card,.managed-offer):hover{
  transform:translateY(-3px);
  border-color:#b9d0ed!important;
  box-shadow:0 3px 6px rgba(15,35,58,.07),0 17px 34px rgba(15,35,58,.11),inset 0 1px 0 #fff!important;
}
body.cloud-workspace .hub-service-card{min-height:220px;padding:17px}
body.cloud-workspace .hub-service-card h3{margin:17px 0 6px}
body.cloud-workspace .hub-service-card.servers p,
body.cloud-workspace .managed-offers>header p,
body.cloud-workspace .managed-offer p,
body.cloud-workspace .managed-offer small{color:#68788c}
body.cloud-workspace .hub-service-card.servers footer{border-color:#edf1f5}
body.cloud-workspace .hub-proof{margin-block-end:24px}
body.cloud-workspace .hub-proof>div{padding:14px}
body.cloud-workspace .hub-section-head{margin:22px 0 12px}
body.cloud-workspace .hub-journey{margin:28px 0;padding:20px}
body.cloud-workspace .cloud-hub .cloud-market-grid,
body.cloud-workspace .hub-service-map,
body.cloud-workspace .hosting-plans,
body.cloud-workspace .server-plan-grid,
body.cloud-workspace .managed-offer-grid{gap:10px}
body.cloud-workspace .cloud-hub .cloud-market-card{box-shadow:0 2px 4px rgba(15,35,58,.06),0 11px 25px rgba(15,35,58,.075),inset 0 1px 0 #fff!important}
body.cloud-workspace .domain-market .cloud-domain-layout{gap:10px}
body.cloud-workspace .domain-market .cloud-domain-console,
body.cloud-workspace .domain-market .cloud-domain-side section{padding:14px}
body.cloud-workspace .hosting-benefits{margin:12px 0 24px}
body.cloud-workspace .hosting-benefits article{padding:13px}
body.cloud-workspace .hosting-plan{min-height:460px;padding:18px}
body.cloud-workspace .hosting-section-head{margin:18px 0 12px}
body.cloud-workspace .hosting-safety{margin-block-start:22px;padding:17px}
body.cloud-workspace .managed-offers{margin:18px 0;padding:18px}
body.cloud-workspace .managed-offers h2,
body.cloud-workspace .managed-offer h3{color:#132238}
body.cloud-workspace .managed-price{border-color:#e4ebf2}
body.cloud-workspace .managed-price span{color:#155eef}
body.cloud-workspace .managed-offer li{background:#f4f7fb;color:#40566d}
body.cloud-workspace .managed-add{border:1px solid #bfd2e8;background:#eef5ff;color:#155eef}

@media(max-width:1050px){
  body.cloud-workspace .harplink-main{padding-inline-start:202px}
  .cloud-side-nav{width:178px}
  .cloud-side-nav a{grid-template-columns:25px minmax(0,1fr);font-size:10px}
}
@media(max-width:700px) and (min-width:481px){
  body.cloud-workspace .harplink-main{padding-inline-start:76px}
  .cloud-side-nav{width:62px;padding:7px!important}
  .cloud-side-nav__head,.cloud-side-nav__label,.cloud-side-nav a span{display:none}
  .cloud-side-nav__group{gap:4px}
  .cloud-side-nav a{display:grid!important;grid-template-columns:1fr;padding:4px!important}
  .cloud-side-nav a i{width:32px;height:28px;margin:auto}
  .cloud-side-nav .cloud-language-switch button{justify-content:center;padding:6px}
  .cloud-side-nav .cloud-language-switch button span{display:none}
}
@media(max-width:480px){
  body.cloud-workspace .harplink-main{padding-inline-start:0}
  .cloud-side-nav{
    position:sticky;
    inset-block-start:68px;
    inset-inline-start:auto;
    width:auto;
    max-height:none;
    flex-direction:row;
    overflow-x:auto;
    overflow-y:hidden;
    margin-block-end:10px!important;
    border-radius:12px!important;
  }
  .cloud-side-nav__head,.cloud-side-nav__label{display:none}
  .cloud-side-nav__group{display:flex;flex:0 0 auto}
  .cloud-side-nav a{grid-template-columns:24px auto;min-width:max-content}
  .cloud-side-nav .cloud-language-switch{margin-block-start:0;margin-inline-start:auto;padding-block-start:0;border-block-start:0}
  .cloud-side-nav .cloud-language-switch button span{display:none}
  body.cloud-workspace .readiness-hero{grid-template-columns:1fr}
}