/* Inner-page hero upgrade: keeps the homepage visual language across the site. */
.cz-product-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(39,137,196,.55) 0,rgba(39,137,196,0) 34%),
    radial-gradient(circle at 68% 78%,rgba(119,213,250,.14) 0,rgba(119,213,250,0) 30%),
    linear-gradient(135deg,#0d2740 0%,#113a5a 58%,#0a2338 100%);
  color:#fff;
  padding:0;
  isolation:isolate;
}
.cz-product-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to right,transparent 0,#000 42%,#000 100%);
  opacity:.55;
}
.cz-product-hero:after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-180px;
  top:-210px;
  border:1px solid rgba(119,213,250,.22);
  border-radius:50%;
  box-shadow:0 0 0 65px rgba(119,213,250,.035),0 0 0 130px rgba(119,213,250,.02);
  pointer-events:none;
}
.cz-product-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);
  gap:68px;
  align-items:center;
  min-height:510px;
  padding-top:72px;
  padding-bottom:76px;
}
.cz-product-hero-copy{max-width:720px}
.cz-product-hero .cz-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#9fdfff;
  margin-bottom:20px!important;
}
.cz-product-hero .cz-eyebrow:before{
  content:"";
  width:34px;
  height:2px;
  background:#77d5fa;
  border-radius:2px;
}
.cz-product-hero h1{
  max-width:820px;
  color:#fff;
  font-size:clamp(44px,5vw,70px);
  line-height:1.02;
  letter-spacing:-.052em;
  text-wrap:balance;
  margin-bottom:24px;
}
.cz-product-hero .cz-lead{
  max-width:680px;
  color:#d8e8f3;
  font-size:19px;
  line-height:1.65;
}
.cz-product-hero .cz-actions{margin:30px 0 22px}
.cz-product-hero .cz-button{
  background:#1780c7!important;
  border-color:#1780c7!important;
  box-shadow:0 12px 30px rgba(2,19,35,.34);
}
.cz-product-hero .cz-button:hover{background:#0d6dad!important;border-color:#0d6dad!important}
.cz-inner-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:9px 14px;
  color:#cfe2ef;
  font-size:12px;
  font-weight:650;
}
.cz-inner-benefits span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.cz-inner-benefits span:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#77d5fa;
  box-shadow:0 0 0 4px rgba(119,213,250,.12);
}
.cz-inner-visual{
  position:relative;
  min-height:355px;
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:1000px;
}
.cz-inner-window{
  position:relative;
  width:min(100%,440px);
  background:#fff;
  border:1px solid rgba(255,255,255,.2);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 38px 80px rgba(2,13,24,.42);
  transform:rotate(-3deg) translateY(3px);
}
.cz-inner-window-bar{
  display:flex;
  align-items:center;
  gap:7px;
  padding:14px 16px;
  background:#f8fbfd;
  border-bottom:1px solid #dce7ef;
}
.cz-inner-window-bar i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#b9cbd8;
}
.cz-inner-window-bar span{
  margin-left:7px;
  color:#607789;
  font-size:11px;
  letter-spacing:.02em;
}
.cz-inner-window-body{
  min-height:250px;
  padding:42px 38px;
  background:
    radial-gradient(circle at 100% 0,#d7effb 0,transparent 37%),
    linear-gradient(145deg,#eef8fd,#dcecf7 64%,#d4e7f4);
  color:#143750;
}
.cz-inner-window-body small{
  display:block;
  margin-bottom:18px;
  color:#467292;
  font-size:10px;
  letter-spacing:1.8px;
  font-weight:800;
}
.cz-inner-window-body strong{
  display:block;
  max-width:320px;
  font-size:34px;
  line-height:1.08;
  letter-spacing:-.045em;
}
.cz-inner-lines{
  display:grid;
  grid-template-columns:1.35fr .9fr .7fr;
  gap:10px;
  margin-top:31px;
}
.cz-inner-lines b{
  height:42px;
  border-radius:7px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(39,100,140,.11);
}
.cz-inner-float{
  position:absolute;
  z-index:2;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 18px 38px rgba(2,17,31,.26);
  backdrop-filter:blur(8px);
  font-weight:750;
}
.cz-inner-float-primary{
  right:-8px;
  top:36px;
  max-width:270px;
  padding:13px 18px;
  border-radius:999px;
  background:#77d5fa;
  color:#0c304a;
  transform:rotate(4deg);
  font-size:13px;
}
.cz-inner-float-secondary{
  left:-18px;
  bottom:24px;
  padding:16px 20px;
  border-radius:11px;
  background:rgba(255,255,255,.94);
  color:#163c57;
  transform:rotate(-2deg);
  font-size:13px;
}
@media(max-width:980px){
  .cz-product-hero-grid{grid-template-columns:1fr .8fr;gap:35px;min-height:470px}
  .cz-inner-window-body{padding:34px 28px}
  .cz-inner-window-body strong{font-size:29px}
}
@media(max-width:760px){
  .cz-product-hero-grid{grid-template-columns:1fr;gap:28px;padding-top:52px;padding-bottom:48px}
  .cz-product-hero h1{font-size:clamp(40px,12vw,58px)}
  .cz-product-hero .cz-lead{font-size:17px}
  .cz-inner-visual{min-height:285px;max-width:520px;width:100%;margin:0 auto}
  .cz-inner-window{width:86%}
  .cz-inner-window-body{min-height:205px;padding:28px 25px}
  .cz-inner-window-body strong{font-size:27px}
  .cz-inner-float-primary{right:0;top:20px}
  .cz-inner-float-secondary{left:0;bottom:8px}
}
@media(max-width:480px){
  .cz-product-hero-grid{padding-top:42px;padding-bottom:40px}
  .cz-product-hero h1{font-size:42px}
  .cz-inner-benefits{gap:8px 12px}
  .cz-inner-visual{min-height:245px}
  .cz-inner-window{width:90%}
  .cz-inner-window-body{min-height:180px;padding:24px 22px}
  .cz-inner-window-body strong{font-size:24px}
  .cz-inner-lines{margin-top:22px}
  .cz-inner-lines b{height:34px}
  .cz-inner-float-primary{font-size:11px;padding:10px 13px}
  .cz-inner-float-secondary{font-size:11px;padding:12px 14px}
}

/* Product-specific hero artwork. */
.cz-visual-builder .cz-inner-window-body,
.cz-visual-wordpress .cz-inner-window-body,
.cz-visual-domains .cz-inner-window-body,
.cz-visual-email .cz-inner-window-body,
.cz-visual-hosting .cz-inner-window-body{padding:28px 30px;min-height:260px}
.cz-visual-builder .cz-inner-window{transform:rotate(2.2deg) translateY(2px)}
.cz-visual-wordpress .cz-inner-window{transform:rotate(-2.4deg) translateY(4px)}
.cz-builder-art small,.cz-wp-art small,.cz-domain-art small,.cz-mail-art small,.cz-hosting-art small{display:block;margin-bottom:16px;color:#467292;font-size:10px;letter-spacing:1.8px;font-weight:800}

/* Website Builder: editor canvas rather than WordPress hosting. */
.cz-builder-ui{display:grid;grid-template-columns:48px 1fr;min-height:190px;background:#fff;border:1px solid rgba(48,102,137,.16);border-radius:10px;overflow:hidden;box-shadow:0 12px 28px rgba(23,63,99,.08)}
.cz-builder-ui aside{display:flex;flex-direction:column;align-items:center;gap:13px;padding:17px 0;background:#173f63}
.cz-builder-ui aside i{width:17px;height:17px;border-radius:5px;background:#77d5fa}
.cz-builder-ui aside i:nth-child(2){background:#dcecf7}.cz-builder-ui aside i:nth-child(3){background:#aacbe0}.cz-builder-ui aside i:nth-child(4){background:#fff}
.cz-builder-ui section{padding:16px;background:#f6fbfe}
.cz-builder-hero{padding:20px 18px;border-radius:8px;background:linear-gradient(135deg,#d8eef9,#c5e3f3)}
.cz-builder-hero b{display:block;font-size:8px;letter-spacing:1.4px;color:#35678f;margin-bottom:8px}
.cz-builder-hero strong{font-size:21px;line-height:1.08;color:#173f63;letter-spacing:-.04em}
.cz-builder-hero span{display:block;width:72px;height:9px;border-radius:999px;background:#1474be;margin-top:15px}
.cz-builder-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.cz-builder-cards i{height:36px;border-radius:6px;background:#fff;border:1px solid #dce7ef}

/* WordPress: unmistakably a hosting / WP management visual. */
.cz-wp-art{display:flex;flex-direction:column;gap:11px}
.cz-wp-core{display:flex;align-items:center;gap:16px;padding:16px;border-radius:11px;background:#fff;border:1px solid #d8e5ee;box-shadow:0 10px 24px rgba(23,63,99,.07)}
.cz-wp-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#21759b;color:#fff;font-family:Georgia,serif;font-size:34px;font-weight:700;box-shadow:inset 0 0 0 5px rgba(255,255,255,.18)}
.cz-wp-core strong{display:block;color:#173f63;font-size:24px;letter-spacing:-.03em}.cz-wp-core em{display:block;color:#637b8c;font-size:11px;font-style:normal;margin-top:2px}
.cz-wp-status{display:grid;grid-template-columns:1fr auto;align-items:center;padding:9px 13px;border-radius:7px;background:rgba(255,255,255,.72);border:1px solid rgba(50,102,138,.12);font-size:11px;color:#536d80}
.cz-wp-status b{color:#21759b;font-size:10px;text-transform:uppercase;letter-spacing:.7px}

/* Domains. */
.cz-domain-entry{display:flex;align-items:baseline;gap:2px;padding:18px;border-radius:9px;background:#fff;border:1px solid #d8e5ee;box-shadow:0 10px 24px rgba(23,63,99,.07)}
.cz-domain-entry strong{font-size:25px;color:#173f63}.cz-domain-entry span{font-size:20px;color:#1474be;font-weight:750}.cz-domain-art em{display:inline-block;margin:9px 0 12px;padding:5px 10px;border-radius:999px;background:#dff4ea;color:#1f6d4c;font-size:10px;font-style:normal;font-weight:800}.cz-domain-options{display:flex;gap:8px}.cz-domain-options b{padding:9px 12px;border-radius:7px;background:#fff;color:#496b87;border:1px solid #d8e5ee;font-size:11px}

/* Business email. */
.cz-mail-top{display:flex;align-items:center;gap:14px;padding:13px 0 17px;border-bottom:1px solid #cddfea}.cz-mail-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#1474be;color:#fff;font-size:24px;font-weight:800}.cz-mail-top strong{display:block;color:#173f63;font-size:15px}.cz-mail-top em{display:block;color:#607789;font-style:normal;font-size:10px;margin-top:3px}.cz-mail-row{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(87,123,148,.13)}.cz-mail-row b{width:28px;height:28px;border-radius:50%;background:#d7e9f4}.cz-mail-row span{height:9px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #d9e5ed}.cz-mail-row:nth-child(4) span{width:72%}

/* Web hosting. */
.cz-hosting-art>strong{display:block;color:#173f63;font-size:24px;line-height:1.08;margin-bottom:20px}.cz-server-stack{display:grid;gap:10px}.cz-server-stack>span{display:grid;grid-template-columns:1fr 18px 18px;gap:8px;align-items:center;padding:13px;border-radius:8px;background:#fff;border:1px solid #d5e3ec;box-shadow:0 7px 16px rgba(23,63,99,.05)}.cz-server-stack b{height:8px;border-radius:99px;background:#8fc8e6}.cz-server-stack i{width:9px;height:9px;border-radius:50%;background:#1474be;justify-self:center}.cz-server-stack i:last-child{background:#77d5fa}

@media(max-width:760px){
  .cz-visual-builder .cz-inner-window-body,.cz-visual-wordpress .cz-inner-window-body,.cz-visual-domains .cz-inner-window-body,.cz-visual-email .cz-inner-window-body,.cz-visual-hosting .cz-inner-window-body{padding:22px;min-height:210px}
  .cz-builder-ui{min-height:155px}.cz-builder-hero{padding:15px}.cz-builder-hero strong{font-size:18px}.cz-wp-mark{width:48px;height:48px;font-size:28px}.cz-wp-core strong{font-size:21px}
}