.wpn-hc-catalogue{--wpn-hc-accent:var(--wpn-blue,#0062fa);--wpn-hc-accent-2:var(--wpn-cyan,#25c6ff);--wpn-hc-navy:var(--wpn-navy,#06172f);--wpn-hc-slate:var(--wpn-slate,#45566c);--wpn-hc-pale:var(--wpn-pale-blue,#eef7ff);--wpn-hc-surface:rgba(255,255,255,.96);--wpn-hc-border:rgba(0,98,250,.17);--wpn-hc-muted:rgba(6,23,47,.7);--wpn-hc-shadow:0 18px 48px rgba(6,23,47,.12);width:100%;font-family:inherit;color:inherit}.wpn-hc-catalogue *{box-sizing:border-box}.wpn-hc-catalogue__header{text-align:center;max-width:860px;margin:0 auto clamp(24px,4vw,48px)}.wpn-hc-catalogue__header h2,.wpn-hc-catalogue__header h3,.wpn-hc-catalogue__header h4{margin:0 0 12px;font-family:inherit}.wpn-hc-catalogue__header p{margin:0;color:inherit;opacity:.82}.wpn-hc-cards,.wpn-hc-datacentres{display:grid;grid-template-columns:repeat(var(--wpn-hc-columns,3),minmax(0,1fr));gap:clamp(18px,2.4vw,30px);align-items:stretch}.wpn-hc-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--wpn-hc-border);border-radius:22px;background:var(--wpn-hc-surface);box-shadow:var(--wpn-hc-shadow);isolation:isolate}.wpn-hc-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--wpn-hc-accent),var(--wpn-hc-accent-2));z-index:-1}.wpn-hc-card__body{padding:clamp(24px,3vw,34px);flex:1}.wpn-hc-card__eyebrow,.wpn-hc-compare__family{display:block;margin:0 0 7px;font-size:.74rem;font-weight:800;line-height:1.2;letter-spacing:.09em;text-transform:uppercase;color:var(--wpn-hc-accent)}.wpn-hc-card__title{margin:0 0 12px;font-family:inherit;font-size:clamp(1.35rem,1.1rem + .55vw,1.8rem);line-height:1.15}.wpn-hc-card__description{margin:0 0 22px;color:inherit;opacity:.78}.wpn-hc-price-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:20px 0 24px}.wpn-hc-price-option{min-width:0;padding:13px 14px;border:1px solid var(--wpn-hc-border);border-radius:14px;background:linear-gradient(180deg,rgba(0,98,250,.065),rgba(37,198,255,.025))}.wpn-hc-price-option__frequency,.wpn-hc-price-option__billing{display:block}.wpn-hc-price-option__frequency{margin-bottom:4px;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:inherit;opacity:.68}.wpn-hc-price-option strong{display:block;font-size:clamp(1.35rem,1.15rem + .55vw,1.8rem);line-height:1.1;color:var(--wpn-hc-accent);white-space:nowrap}.wpn-hc-price-option strong small{font-size:.62em;font-weight:700;color:inherit;opacity:.75}.wpn-hc-price-option__billing{margin-top:5px;font-size:.76rem;line-height:1.3;color:inherit;opacity:.7}.wpn-hc-price-options--compact{display:grid;grid-template-columns:1fr;gap:7px;margin:10px 0 0}.wpn-hc-price-options--compact .wpn-hc-price-option{padding:8px 9px;border-radius:10px}.wpn-hc-price-options--compact .wpn-hc-price-option strong{font-size:1.05rem}.wpn-hc-price-options--compact .wpn-hc-price-option__billing{font-size:.68rem}.wpn-hc-features{list-style:none;padding:0;margin:0;display:grid;gap:0}.wpn-hc-features li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;padding:11px 0;border-top:1px solid var(--wpn-hc-border)}.wpn-hc-features li:first-child{border-top:0}.wpn-hc-features span{min-width:0;color:inherit;opacity:.72}.wpn-hc-features strong{text-align:right;font-weight:700;overflow-wrap:anywhere}.wpn-hc-card__actions{padding:0 clamp(24px,3vw,34px) clamp(24px,3vw,34px)}.wpn-hc-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:999px;background:linear-gradient(90deg,var(--wpn-hc-accent),var(--wpn-hc-accent-2));color:#fff!important;text-decoration:none!important;font-family:inherit;font-size:.95rem;font-weight:700;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 10px 25px rgba(0,98,250,.22)}.wpn-hc-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,98,250,.28)}.wpn-hc-button:focus-visible{outline:3px solid currentColor;outline-offset:4px}.wpn-hc-table-shell{position:relative;width:100%}.wpn-hc-scroll-hint{display:none;align-items:center;justify-content:center;gap:8px;margin:0 0 10px;padding:9px 12px;border-radius:999px;background:linear-gradient(90deg,rgba(0,98,250,.11),rgba(37,198,255,.09));font-size:.82rem;font-weight:800;line-height:1.2;color:inherit}.wpn-hc-scroll-hint span{font-size:1.15rem;color:var(--wpn-hc-accent)}.wpn-hc-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--wpn-hc-border);border-radius:22px;background:var(--wpn-hc-surface);box-shadow:var(--wpn-hc-shadow);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,98,250,.35) transparent}.wpn-hc-table-wrap:focus-visible{outline:3px solid var(--wpn-hc-accent);outline-offset:4px}.wpn-hc-compare{width:100%;min-width:720px;border-collapse:collapse;color:inherit}.wpn-hc-compare th,.wpn-hc-compare td{padding:16px 18px;border:0;border-bottom:1px solid var(--wpn-hc-border);text-align:center;vertical-align:middle}.wpn-hc-compare thead th{padding-top:24px;padding-bottom:24px;background:linear-gradient(180deg,rgba(0,98,250,.08),rgba(37,198,255,.03))}.wpn-hc-compare thead th:first-child,.wpn-hc-compare tbody th{text-align:left}.wpn-hc-compare tbody th{font-weight:700}.wpn-hc-compare tbody tr:last-child th,.wpn-hc-compare tbody tr:last-child td{border-bottom:0}.wpn-hc-compare__plan{display:block;font-size:1.08rem;font-weight:800}.wpn-hc-compare__actions td{padding-top:20px;padding-bottom:20px}.wpn-hc-datacentre{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;padding:24px;border:1px solid var(--wpn-hc-border);border-radius:20px;background:var(--wpn-hc-surface);box-shadow:0 12px 35px rgba(18,28,58,.09)}.wpn-hc-datacentre__icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--wpn-hc-accent),var(--wpn-hc-accent-2));box-shadow:0 8px 20px rgba(0,98,250,.18);position:relative}.wpn-hc-datacentre__icon:before,.wpn-hc-datacentre__icon:after{content:"";position:absolute;border-radius:50%;background:#fff}.wpn-hc-datacentre__icon:before{width:8px;height:8px;left:10px;top:19px;box-shadow:10px -9px 0 #fff,20px 2px 0 #fff}.wpn-hc-datacentre__icon:after{height:2px;width:25px;left:10px;top:23px;transform:rotate(-18deg);opacity:.75}.wpn-hc-datacentre h3{margin:0 0 6px;font-family:inherit;font-size:1.15rem;font-weight:800;line-height:1.25}.wpn-hc-datacentre p{margin:7px 0 0;opacity:.76}.wpn-hc-datacentre__location{font-weight:700;opacity:.9!important}@media(max-width:980px){.wpn-hc-cards,.wpn-hc-datacentres{grid-template-columns:repeat(min(2,var(--wpn-hc-columns,3)),minmax(0,1fr))}}@media(max-width:780px){.wpn-hc-scroll-hint{display:flex}.wpn-hc-table-wrap{scrollbar-width:none}.wpn-hc-table-wrap::-webkit-scrollbar{display:none;width:0;height:0}.wpn-hc-table-shell:after{content:"";pointer-events:none;position:absolute;right:0;top:46px;bottom:0;width:34px;border-radius:0 22px 22px 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.86))}}@media(max-width:640px){.wpn-hc-cards,.wpn-hc-datacentres{grid-template-columns:1fr}.wpn-hc-card{border-radius:18px}.wpn-hc-price-options{grid-template-columns:1fr}.wpn-hc-features li{grid-template-columns:1fr;gap:3px}.wpn-hc-features strong{text-align:left}.wpn-hc-datacentre{grid-template-columns:40px minmax(0,1fr);padding:20px}.wpn-hc-datacentre__icon{width:40px;height:40px}.wpn-hc-datacentre__icon:before{left:8px;top:16px}.wpn-hc-datacentre__icon:after{left:8px;top:20px;width:23px}}@media(prefers-reduced-motion:reduce){.wpn-hc-button{transition:none}.wpn-hc-button:hover{transform:none}}

.wpn-hc-feature-state{display:inline-flex;align-items:center;justify-content:center;min-width:1.25em}.wpn-hc-feature-state--included{font-size:1.1em;font-weight:800;line-height:1}.wpn-hc-feature-state--excluded{opacity:.55}.wpn-hc-feature-state--optional{font-size:.92em;font-weight:700}

.wpn-hc-all-features{display:inline-flex;align-items:center;gap:.45em;margin:18px 0 0;padding:0;border:0;background:transparent;color:var(--wpn-hc-accent);font-family:inherit;font-size:.92rem;font-weight:800;line-height:1.25;cursor:pointer;text-decoration:underline;text-decoration-thickness:.09em;text-underline-offset:.24em}.wpn-hc-all-features span{font-size:1.35em;line-height:.8;transition:transform .18s ease}.wpn-hc-all-features:hover span{transform:translateX(3px)}.wpn-hc-all-features:focus-visible{outline:3px solid var(--wpn-hc-accent);outline-offset:5px;border-radius:4px}.wpn-hc-feature-dialog{width:min(980px,calc(100vw - 32px));max-width:980px;max-height:min(88vh,920px);padding:0;border:0;border-radius:24px;background:transparent;color:inherit;overflow:visible}.wpn-hc-feature-dialog::backdrop{background:rgba(8,15,35,.72);backdrop-filter:blur(5px)}.wpn-hc-feature-dialog__surface{position:relative;max-height:min(88vh,920px);overflow:auto;padding:clamp(24px,4vw,46px);border:1px solid rgba(255,255,255,.2);border-radius:24px;background:var(--wpn-hc-surface,#fff);box-shadow:0 30px 90px rgba(5,12,34,.34);overscroll-behavior:contain}.wpn-hc-feature-dialog__close{position:sticky;float:right;top:0;z-index:3;display:grid;place-items:center;width:42px;height:42px;margin:-8px -8px 0 18px;border:1px solid var(--wpn-hc-border);border-radius:50%;background:#fff;color:#16213d;font-family:inherit;font-size:1.65rem;font-weight:400;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(18,28,58,.13)}.wpn-hc-feature-dialog__close:hover{transform:translateY(-1px)}.wpn-hc-feature-dialog__close:focus-visible{outline:3px solid var(--wpn-hc-accent);outline-offset:3px}.wpn-hc-feature-dialog__header{padding-right:46px;margin-bottom:26px}.wpn-hc-feature-dialog__header h3{margin:0;font-family:inherit;font-size:clamp(1.65rem,1.25rem + 1.1vw,2.45rem);line-height:1.12}.wpn-hc-feature-dialog__header .wpn-hc-price-options{max-width:620px;margin-bottom:0}.wpn-hc-feature-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,30px);align-items:start}.wpn-hc-feature-group{min-width:0;padding:20px;border:1px solid var(--wpn-hc-border);border-radius:18px;background:linear-gradient(180deg,rgba(0,98,250,.045),rgba(37,198,255,.018))}.wpn-hc-feature-group h4{margin:0 0 13px;font-family:inherit;font-size:1.05rem;line-height:1.25}.wpn-hc-feature-group dl{margin:0}.wpn-hc-feature-group dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:10px 0;border-top:1px solid var(--wpn-hc-border);align-items:start}.wpn-hc-feature-group dl>div:first-child{border-top:0;padding-top:0}.wpn-hc-feature-group dl>div:last-child{padding-bottom:0}.wpn-hc-feature-group dt{min-width:0;color:inherit;opacity:.78}.wpn-hc-feature-group dd{margin:0;text-align:right;font-weight:800;overflow-wrap:anywhere}.wpn-hc-feature-dialog__footer{display:flex;justify-content:flex-end;margin-top:28px}.wpn-hc-button--secondary{border:1px solid var(--wpn-hc-border);background:#fff;color:var(--wpn-hc-accent,#0062fa)!important;box-shadow:none}.wpn-hc-dialog-open{overflow:hidden}.wpn-hc-price-option strong small{white-space:normal}.wpn-hc-price-option__billing{text-transform:none}
@media(max-width:720px){.wpn-hc-feature-dialog{width:calc(100vw - 18px);max-height:94vh}.wpn-hc-feature-dialog__surface{max-height:94vh;padding:22px 18px;border-radius:18px}.wpn-hc-feature-groups{grid-template-columns:1fr}.wpn-hc-feature-dialog__header{padding-right:38px}.wpn-hc-feature-group{padding:17px}.wpn-hc-feature-group dl>div{grid-template-columns:1fr;gap:4px}.wpn-hc-feature-group dd{text-align:left}.wpn-hc-feature-dialog__close{width:38px;height:38px;margin-right:-3px}.wpn-hc-feature-dialog__footer{justify-content:stretch}.wpn-hc-feature-dialog__footer .wpn-hc-button{width:100%}}
@media(prefers-reduced-motion:reduce){.wpn-hc-all-features span,.wpn-hc-feature-dialog__close{transition:none}.wpn-hc-all-features:hover span,.wpn-hc-feature-dialog__close:hover{transform:none}}

.wpn-hc-sales-highlights{display:grid;gap:10px;margin:0 0 22px}.wpn-hc-sales-highlight{position:relative;padding:13px 15px 13px 17px;border:1px solid var(--wpn-hc-border);border-radius:14px;background:linear-gradient(135deg,rgba(0,98,250,.09),rgba(37,198,255,.055));overflow:hidden}.wpn-hc-sales-highlight:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--wpn-hc-accent),var(--wpn-hc-accent-2))}.wpn-hc-sales-highlight__label{display:block;margin-bottom:3px;font-size:.72rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase;opacity:.68}.wpn-hc-sales-highlight strong,.wpn-hc-sales-highlight>span:not(.wpn-hc-sales-highlight__label),.wpn-hc-sales-highlight small{display:block}.wpn-hc-sales-highlight strong{font-size:1rem;line-height:1.3}.wpn-hc-sales-highlight>span:not(.wpn-hc-sales-highlight__label){margin-top:3px;line-height:1.45;opacity:.8}.wpn-hc-sales-highlight small{margin-top:5px;font-size:.75rem;opacity:.65}.wpn-hc-sales-highlight--trial{background:linear-gradient(135deg,rgba(37,198,255,.12),rgba(0,98,250,.045))}.wpn-hc-compare__offer th,.wpn-hc-compare__offer td{background:linear-gradient(90deg,rgba(0,98,250,.045),rgba(37,198,255,.025));font-weight:700}.wpn-hc-compare__offer td{color:var(--wpn-hc-accent)}.wpn-hc-feature-dialog__header .wpn-hc-sales-highlights{max-width:720px;margin-top:18px;margin-bottom:0}

/* Domain search */
.wpn-hc-domain-search{padding:clamp(20px,3vw,34px);border:1px solid var(--wpn-hc-border);border-radius:22px;background:var(--wpn-hc-surface);box-shadow:var(--wpn-hc-shadow)}.wpn-hc-domain-search__fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr) auto;gap:14px;align-items:end}.wpn-hc-domain-search label{display:grid;gap:7px;min-width:0;font-weight:800}.wpn-hc-domain-search label small{font-size:.78em;font-weight:700;opacity:.65}.wpn-hc-domain-search input,.wpn-hc-domain-search select{width:100%;min-height:48px;padding:10px 13px;border:1px solid var(--wpn-hc-border);border-radius:12px;background:#fff;color:#16213d;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.25}.wpn-hc-domain-search input:focus,.wpn-hc-domain-search select:focus{outline:3px solid rgba(0,98,250,.22);border-color:var(--wpn-hc-accent)}.wpn-hc-domain-search button[disabled]{cursor:wait;opacity:.7}.wpn-hc-domain-search__note{margin:14px 0 0;font-size:.9rem;opacity:.72}.wpn-hc-domain-search__status{min-height:1.5em;margin:14px 0 0;font-weight:700}.wpn-hc-domain-search__status.is-loading{color:var(--wpn-hc-accent)}.wpn-hc-domain-search__status.is-success{color:#14764b}.wpn-hc-domain-search__status.is-error{color:#a62626}.wpn-hc-domain-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;margin-top:12px}.wpn-hc-domain-result{padding:16px 18px;border:1px solid var(--wpn-hc-border);border-radius:16px;background:linear-gradient(135deg,rgba(0,98,250,.055),rgba(37,198,255,.03))}.wpn-hc-domain-result.is-available{border-color:rgba(20,118,75,.3);background:linear-gradient(135deg,rgba(20,118,75,.08),rgba(37,198,255,.035))}.wpn-hc-domain-result.is-unavailable{opacity:.78}.wpn-hc-domain-result__header{display:flex;gap:16px;align-items:center;justify-content:space-between}.wpn-hc-domain-result__name{font-size:1.08rem;overflow-wrap:anywhere}.wpn-hc-domain-result__status{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:rgba(22,33,61,.08);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.wpn-hc-domain-result.is-available .wpn-hc-domain-result__status{background:rgba(20,118,75,.12);color:#14764b}.wpn-hc-domain-result__details{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:9px;font-size:.92rem;opacity:.78}.wpn-hc-domain-result__details span{display:inline-flex;align-items:center}.wpn-hc-domain-result__details span+span:before{content:"✓";margin-right:7px;color:#14764b;font-weight:900}@media(max-width:760px){.wpn-hc-domain-search__fields{grid-template-columns:1fr}.wpn-hc-domain-search__fields .wpn-hc-button{width:100%}.wpn-hc-domain-result__header{align-items:flex-start;flex-direction:column;gap:8px}}

/* WhitePointerNet catalogue presentation - alpha.3.2 */
.wpn-hc-catalogue{
  position:relative;
  isolation:isolate;
  max-width:100%;
}
.wpn-hc-catalogue__header{
  position:relative;
  text-align:left;
  margin-inline:0;
}
.wpn-hc-catalogue__header h2::after,
.wpn-hc-catalogue__header h3::after,
.wpn-hc-catalogue__header h4::after{
  content:"";
  display:block;
  width:min(8rem,34%);
  height:3px;
  margin-top:1rem;
  background:linear-gradient(90deg,var(--wpn-hc-accent),var(--wpn-hc-accent-2),transparent);
  transform-origin:left;
  animation:wpn-hc-line 4.6s ease-in-out infinite;
}
.wpn-hc-card,
.wpn-hc-datacentre,
.wpn-hc-table-wrap,
.wpn-hc-domain-search{
  border-radius:18px;
  border-color:var(--wpn-hc-border);
  background:
    radial-gradient(circle at 100% 0,rgba(37,198,255,.09),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,255,.96));
}
.wpn-hc-card,
.wpn-hc-datacentre{
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background-color .28s ease;
}
.wpn-hc-card:hover,
.wpn-hc-card:focus-within,
.wpn-hc-datacentre:hover,
.wpn-hc-datacentre:focus-within{
  transform:translateY(-.32rem);
  border-color:rgba(37,198,255,.52);
  box-shadow:0 24px 60px rgba(6,23,47,.16),0 0 0 1px rgba(37,198,255,.08);
}
.wpn-hc-card::before{
  z-index:2;
  height:4px;
  background:linear-gradient(90deg,transparent,var(--wpn-hc-accent),var(--wpn-hc-accent-2),transparent);
  background-size:220% 100%;
  animation:wpn-hc-signal 7s ease-in-out infinite alternate;
}
.wpn-hc-card::after{
  content:"";
  position:absolute;
  inset:-35% auto -35% -42%;
  width:28%;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 20%,rgba(37,198,255,.08) 50%,transparent 80%);
  transform:skewX(-18deg);
  animation:wpn-hc-card-scan 9s ease-in-out infinite;
  z-index:0;
}
.wpn-hc-card__body,
.wpn-hc-card__actions{
  position:relative;
  z-index:1;
}
.wpn-hc-price-option{
  border-radius:12px;
  background:linear-gradient(180deg,rgba(0,98,250,.065),rgba(37,198,255,.025));
  transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.wpn-hc-card:hover .wpn-hc-price-option,
.wpn-hc-card:focus-within .wpn-hc-price-option{
  border-color:rgba(0,98,250,.28);
}
.wpn-hc-price-option:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(6,23,47,.08);
}
.wpn-hc-button{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  gap:.7rem;
  min-height:52px;
  padding:.78rem 1.25rem;
  border:2px solid var(--wpn-hc-accent);
  border-radius:.5rem;
  background:var(--wpn-hc-accent);
  font-size:.88rem;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.wpn-hc-button::before{
  content:"";
  position:absolute;
  inset:-40% auto -40% -55%;
  width:34%;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.72) 49%,transparent 76%);
  transform:skewX(-22deg);
}
.wpn-hc-button::after{
  content:"→";
  font-size:1.05rem;
  line-height:1;
}
.wpn-hc-button:hover,
.wpn-hc-button:focus-visible{
  transform:translateY(-2px);
  border-color:var(--wpn-hc-accent-2);
  background:var(--wpn-hc-accent-2);
  color:var(--wpn-hc-navy,#06172f)!important;
  box-shadow:0 15px 34px rgba(0,98,250,.25);
}
.wpn-hc-button:hover::before,
.wpn-hc-button:focus-visible::before{
  animation:wpn-hc-shine .8s ease-out;
}
.wpn-hc-button:focus-visible,
.wpn-hc-all-features:focus-visible,
.wpn-hc-feature-dialog__close:focus-visible,
.wpn-hc-table-wrap:focus-visible{
  outline:3px solid var(--wpn-hc-accent-2,#25c6ff)!important;
  outline-offset:4px!important;
}
.wpn-hc-all-features{
  text-underline-offset:.3em;
  transition:letter-spacing .24s ease,color .24s ease;
}
.wpn-hc-all-features:hover,
.wpn-hc-all-features:focus-visible{
  color:var(--wpn-hc-accent-2);
  letter-spacing:.035em;
}
.wpn-hc-table-shell{
  isolation:isolate;
}
.wpn-hc-table-wrap{
  position:relative;
  overflow-x:auto;
}
.wpn-hc-table-wrap::before{
  content:"";
  position:absolute;
  inset:0 auto auto -30%;
  width:24%;
  height:4px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--wpn-hc-accent-2),transparent);
  animation:wpn-hc-table-scan 8s ease-in-out infinite;
  z-index:3;
}
.wpn-hc-compare tbody tr{
  transition:background-color .2s ease;
}
.wpn-hc-compare tbody tr:hover{
  background:rgba(37,198,255,.055);
}
.wpn-hc-scroll-hint{
  color:var(--wpn-hc-navy);
  background:linear-gradient(90deg,rgba(0,98,250,.1),rgba(37,198,255,.13));
  box-shadow:inset 0 0 0 1px rgba(0,98,250,.09);
  animation:wpn-hc-scroll-cue 2.8s ease-in-out infinite;
}
.wpn-hc-datacentre{
  position:relative;
  overflow:hidden;
}
.wpn-hc-datacentre::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--wpn-hc-accent-2),var(--wpn-hc-accent),transparent);
  background-size:220% 100%;
  animation:wpn-hc-signal 8s ease-in-out infinite alternate;
}
.wpn-hc-datacentre__icon{
  animation:wpn-hc-icon-pulse 3.4s ease-in-out infinite;
}
.wpn-hc-domain-search{
  position:relative;
  overflow:hidden;
}
.wpn-hc-domain-search::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,transparent,var(--wpn-hc-accent),var(--wpn-hc-accent-2),transparent);
  background-size:220% 100%;
  animation:wpn-hc-signal 7s ease-in-out infinite alternate;
}
.wpn-hc-domain-search input,
.wpn-hc-domain-search select{
  border-radius:.5rem;
  border-color:rgba(0,98,250,.22);
  color:var(--wpn-hc-navy);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.wpn-hc-domain-search input:hover,
.wpn-hc-domain-search select:hover{
  border-color:rgba(0,98,250,.45);
}
.wpn-hc-domain-search input:focus,
.wpn-hc-domain-search select:focus{
  outline:3px solid rgba(37,198,255,.28);
  border-color:var(--wpn-hc-accent);
  box-shadow:0 0 0 1px rgba(0,98,250,.08),0 12px 28px rgba(6,23,47,.08);
}
.wpn-hc-domain-search__status.is-partial{
  color:#8b5a00;
}
.wpn-hc-domain-result{
  position:relative;
  overflow:hidden;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(0,98,250,.055),rgba(37,198,255,.035));
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.wpn-hc-domain-result::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--wpn-hc-accent-2),transparent);
  transform:scaleX(.35);
  transform-origin:left;
  transition:transform .3s ease;
}
.wpn-hc-domain-result:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(6,23,47,.09);
}
.wpn-hc-domain-result:hover::after{
  transform:scaleX(1);
}
.wpn-hc-domain-result.is-unavailable{
  opacity:1;
  background:linear-gradient(135deg,rgba(6,23,47,.035),rgba(69,86,108,.035));
}
.wpn-hc-domain-result.is-unavailable .wpn-hc-domain-result__status{
  color:#6b3140;
  background:rgba(137,48,73,.1);
}
.wpn-hc-domain-result__status{
  border:1px solid rgba(6,23,47,.08);
}

.wpn-hc-motion-ready .wpn-hc-reveal{
  opacity:0;
  transform:translateY(18px);
}
.wpn-hc-motion-ready .wpn-hc-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
  transition:opacity .62s ease var(--wpn-hc-delay,0ms),transform .62s cubic-bezier(.2,.7,.2,1) var(--wpn-hc-delay,0ms);
}

@keyframes wpn-hc-line{
  0%,100%{transform:scaleX(.42);opacity:.52}
  50%{transform:scaleX(1);opacity:1}
}
@keyframes wpn-hc-signal{
  0%{background-position:100% 0;opacity:.62}
  100%{background-position:0 0;opacity:1}
}
@keyframes wpn-hc-card-scan{
  0%,18%{left:-42%;opacity:0}
  30%{opacity:1}
  72%{opacity:.7}
  86%,100%{left:124%;opacity:0}
}
@keyframes wpn-hc-table-scan{
  0%,12%{left:-30%;opacity:0}
  24%{opacity:1}
  78%{opacity:.75}
  92%,100%{left:108%;opacity:0}
}
@keyframes wpn-hc-shine{
  from{left:-55%}
  to{left:125%}
}
@keyframes wpn-hc-icon-pulse{
  0%,100%{box-shadow:0 8px 20px rgba(0,98,250,.18),0 0 0 0 rgba(37,198,255,.18)}
  50%{box-shadow:0 10px 25px rgba(0,98,250,.24),0 0 0 .48rem rgba(37,198,255,0)}
}
@keyframes wpn-hc-scroll-cue{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(.18rem)}
}

@media(max-width:780px){
  .wpn-hc-table-shell::after{
    border-radius:0 18px 18px 0;
  }
}
@media(prefers-reduced-motion:reduce){
  .wpn-hc-catalogue *,
  .wpn-hc-catalogue *::before,
  .wpn-hc-catalogue *::after{
    animation:none!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
  .wpn-hc-motion-ready .wpn-hc-reveal{
    opacity:1!important;
    transform:none!important;
  }
}

/* Website Packages button alignment and Remote Forms - alpha.3.2 */
.wpn-hc-button{
  min-height:3.45rem;
  padding:.75rem 1.5rem;
  border:1px solid transparent;
  border-radius:999px;
  background:linear-gradient(135deg,var(--wpn-hc-accent),#0044c5);
  color:#fff!important;
  font-size:clamp(1rem,1vw,1.15rem);
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
  box-shadow:0 .8rem 2rem rgba(0,98,250,.23);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease,color .25s ease;
}
.wpn-hc-button::before{
  content:"";
  position:absolute;
  top:-60%;
  left:-58%;
  width:30%;
  height:220%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.12) 38%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.12) 62%,transparent 78%);
  transform:skewX(-22deg);
}
.wpn-hc-button::after{content:none}
.wpn-hc-button:hover,
.wpn-hc-button:focus-visible{
  transform:translateY(-.2rem);
  border-color:transparent;
  background:linear-gradient(135deg,var(--wpn-hc-accent),#0044c5);
  color:#fff!important;
  box-shadow:0 1rem 2.4rem rgba(0,98,250,.34);
}
.wpn-hc-button:hover::before,
.wpn-hc-button:focus-visible::before{
  opacity:1;
  animation:wpn-hc-shine .88s ease-out 1;
}
.wpn-hc-button--secondary{
  border-color:var(--wpn-hc-border);
  background:#fff;
  color:var(--wpn-hc-navy,#06172f)!important;
  box-shadow:0 .7rem 1.8rem rgba(6,23,47,.1);
}
.wpn-hc-button--secondary::before{
  width:32%;
  background:linear-gradient(115deg,transparent 18%,rgba(0,98,250,.06) 33%,rgba(37,198,255,.55) 49%,rgba(0,98,250,.16) 61%,transparent 78%);
}
.wpn-hc-button--secondary:hover,
.wpn-hc-button--secondary:focus-visible{
  border-color:var(--wpn-hc-accent-2);
  background:#fff;
  color:var(--wpn-hc-accent,#0062fa)!important;
  box-shadow:0 .9rem 2.2rem rgba(16,36,60,.14),inset 0 0 0 1px rgba(0,98,250,.12);
}

.wpn-hc-remote-form__trust{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin-top:1rem!important;
  color:var(--wpn-hc-navy,#06172f)!important;
  font-size:.9rem;
  font-weight:800;
  opacity:.74!important;
}
.wpn-hc-remote-form__trust span{
  display:grid;
  place-items:center;
  width:1.45rem;
  height:1.45rem;
  border-radius:50%;
  background:linear-gradient(135deg,var(--wpn-hc-accent),var(--wpn-hc-accent-2));
  color:#fff;
  font-size:.78rem;
}
.wpn-hc-remote-form{
  position:relative;
  width:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--wpn-hc-border);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0,rgba(37,198,255,.1),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,252,255,.97));
  box-shadow:0 22px 60px rgba(6,23,47,.13);
}
.wpn-hc-remote-form::before{
  content:"";
  position:absolute;
  z-index:4;
  inset:0 0 auto;
  height:4px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--wpn-hc-accent),var(--wpn-hc-accent-2),transparent);
  background-size:220% 100%;
  animation:wpn-hc-signal 7s ease-in-out infinite alternate;
}
.wpn-hc-remote-form--iframe{
  min-height:5.25rem;
}
.wpn-hc-remote-form--iframe.is-loaded{
  min-height:var(--wpn-hc-remote-height,760px);
}
.wpn-hc-remote-form__frame{
  display:block;
  width:100%;
  height:1px;
  min-height:1px;
  border:0;
  background:#fff;
  opacity:0;
  transition:opacity .3s ease;
}
.wpn-hc-remote-form.is-loaded .wpn-hc-remote-form__frame{
  height:var(--wpn-hc-remote-height,760px);
  min-height:var(--wpn-hc-remote-height,760px);
  opacity:1
}
.wpn-hc-remote-form__loading{
  position:absolute;
  z-index:3;
  inset:4px 0 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.8rem;
  padding:2rem;
  background:linear-gradient(135deg,rgba(238,247,255,.98),rgba(255,255,255,.98));
  color:var(--wpn-hc-navy);
  font-weight:800;
  text-align:center;
  transition:opacity .25s ease,visibility .25s ease;
}
.wpn-hc-remote-form__loading span{
  width:1.2rem;
  height:1.2rem;
  border:2px solid rgba(0,98,250,.2);
  border-top-color:var(--wpn-hc-accent);
  border-radius:50%;
  animation:wpn-hc-remote-spin .8s linear infinite;
}
.wpn-hc-remote-form.is-loaded .wpn-hc-remote-form__loading{
  opacity:0;
  visibility:hidden;
}
.wpn-hc-remote-form__fallback{padding:1.5rem;text-align:center}
.wpn-hc-remote-form--html{padding:clamp(1.25rem,3vw,2.25rem)}
.wpn-hc-remote-form__html form{display:grid;gap:1rem}
.wpn-hc-remote-form__html label{display:grid;gap:.45rem;font-weight:800;color:var(--wpn-hc-navy)}
.wpn-hc-remote-form__html input,
.wpn-hc-remote-form__html select,
.wpn-hc-remote-form__html textarea{
  width:100%;
  min-height:3.15rem;
  padding:.75rem 1rem;
  border:1px solid rgba(0,98,250,.22);
  border-radius:14px;
  background:#fff;
  color:var(--wpn-hc-navy);
  font:inherit;
}
.wpn-hc-remote-form__html input:focus,
.wpn-hc-remote-form__html select:focus,
.wpn-hc-remote-form__html textarea:focus{
  outline:3px solid rgba(37,198,255,.28);
  outline-offset:1px;
  border-color:var(--wpn-hc-accent);
}
.wpn-hc-remote-form__html button,
.wpn-hc-remote-form__html input[type="submit"],
.wpn-hc-remote-form__html input[type="button"]{
  justify-self:start;
  min-height:3.45rem;
  padding:.75rem 1.5rem;
  border:1px solid transparent;
  border-radius:999px;
  background:linear-gradient(135deg,var(--wpn-hc-accent),#0044c5);
  color:#fff;
  font:800 clamp(1rem,1vw,1.15rem)/1.2 inherit;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 .8rem 2rem rgba(0,98,250,.23);
}
.wpn-hc-remote-tabs{
  overflow:hidden;
  border:1px solid var(--wpn-hc-border);
  border-radius:24px;
  background:rgba(255,255,255,.94);
  box-shadow:0 22px 60px rgba(6,23,47,.13);
}
.wpn-hc-remote-tabs__list{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  padding:clamp(.85rem,2vw,1.25rem);
  border-bottom:1px solid var(--wpn-hc-border);
  background:linear-gradient(135deg,rgba(0,98,250,.075),rgba(37,198,255,.045));
}
.wpn-hc-remote-tabs__tab{
  position:relative;
  overflow:hidden;
  min-height:3.15rem;
  padding:.7rem 1.25rem;
  border:1px solid rgba(0,98,250,.16);
  border-radius:999px;
  background:#fff;
  color:var(--wpn-hc-navy);
  font:800 clamp(.92rem,.82rem + .2vw,1.05rem)/1.15 inherit;
  letter-spacing:.055em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 .5rem 1.25rem rgba(6,23,47,.07);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
}
.wpn-hc-remote-tabs__tab:hover,
.wpn-hc-remote-tabs__tab:focus-visible{
  transform:translateY(-.12rem);
  border-color:var(--wpn-hc-accent-2);
  color:var(--wpn-hc-accent);
}
.wpn-hc-remote-tabs__tab[aria-selected="true"]{
  border-color:transparent;
  background:linear-gradient(135deg,var(--wpn-hc-accent),#0044c5);
  color:#fff;
  box-shadow:0 .75rem 1.8rem rgba(0,98,250,.22);
}
.wpn-hc-remote-tabs__tab:focus-visible{outline:3px solid var(--wpn-hc-accent-2);outline-offset:3px}
.wpn-hc-remote-tabs__panel{padding:clamp(.75rem,2vw,1.25rem)}
.wpn-hc-remote-tabs__panel[hidden]{display:none!important}
.wpn-hc-remote-tabs__panel .wpn-hc-remote-form{box-shadow:none}
.wpn-hc-remote-admin-boundary{
  margin:1rem 0;
  padding:1rem 1.2rem;
  border:1px solid rgba(219,166,23,.4);
  border-radius:14px;
  background:#fff8e5;
  color:#633e00;
}
@keyframes wpn-hc-remote-spin{to{transform:rotate(360deg)}}
@media(max-width:640px){
  .wpn-hc-button{width:100%;font-size:1rem}
  .wpn-hc-remote-form{border-radius:18px}
  .wpn-hc-remote-tabs{border-radius:18px}
  .wpn-hc-remote-tabs__list{display:grid;grid-template-columns:1fr}
  .wpn-hc-remote-tabs__tab{width:100%}
  .wpn-hc-remote-tabs__panel{padding:.55rem}
}
@media(prefers-reduced-motion:reduce){
  .wpn-hc-remote-form__frame{transition:none}
}

/* Alpha 0.3.1 hardcoded provider forms */
.wpn-hc-remote-form--domain{
  overflow:visible;
  padding:clamp(1rem,3vw,2rem);
}
.wpn-hc-domain-search-shell{
  position:relative;
  min-height:8rem;
  width:100%;
}
.wpn-hc-domain-search-shell__loading{
  margin:0;
  padding:1.5rem;
  color:var(--wpn-hc-navy);
  font-weight:800;
  text-align:center;
}
.wpn-hc-domain-search-shell__provider{width:100%}
.wpn-hc-domain-search-shell form,
.wpn-hc-domain-search-shell__provider > div{
  max-width:none!important;
}
.wpn-hc-domain-search-shell input[type="text"],
.wpn-hc-domain-search-shell input[type="search"],
.wpn-hc-domain-search-shell select{
  min-height:3.25rem!important;
  border:1px solid rgba(0,98,250,.24)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--wpn-hc-navy,#06172f)!important;
  box-shadow:0 .45rem 1.2rem rgba(6,23,47,.07)!important;
}
.wpn-hc-domain-search-shell input[type="submit"],
.wpn-hc-domain-search-shell button,
.wpn-hc-domain-search-shell .button{
  min-height:3.25rem!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--wpn-hc-accent),#0044c5)!important;
  color:#fff!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  box-shadow:0 .8rem 2rem rgba(0,98,250,.23)!important;
}
.wpn-hc-login-form{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:end;
}
.wpn-hc-login-form__field{display:grid;gap:.45rem}
.wpn-hc-login-form .wpn-hc-button{grid-column:1/-1;justify-self:start}
.wpn-hc-login-form__help{margin:1rem 0 0;text-align:left}
.wpn-hc-login-form__help a{font-weight:800}
.wpn-hc-remote-form--duplicate{padding:1.25rem}
.wpn-hc-remote-form--duplicate p{margin:0}
@media(max-width:700px){
  .wpn-hc-login-form{grid-template-columns:1fr}
  .wpn-hc-login-form .wpn-hc-button{width:100%}
  .wpn-hc-domain-search-shell input[type="submit"],
  .wpn-hc-domain-search-shell button,
  .wpn-hc-domain-search-shell .button{width:100%!important}
}


/* Alpha 0.3.2 provider-search failure boundary */
.wpn-hc-domain-search-shell__fallback{
  margin:1rem 0 0;
  padding:1rem;
  border:1px solid rgba(0,98,250,.2);
  border-radius:18px;
  background:rgba(0,98,250,.05);
  color:var(--wpn-hc-navy);
  font-weight:700;
  text-align:center;
}
.wpn-hc-domain-search-shell__fallback[hidden]{display:none!important}
.wpn-hc-domain-search-shell__fallback .wpn-hc-button{margin:.75rem auto 0}

/* Alpha 0.3.3 - stable comparison overflow and provider domain form refinement */
@media (min-width:781px){
  .wpn-hc-table-wrap{
    overflow-x:hidden;
    scrollbar-width:none;
  }
  .wpn-hc-table-wrap::-webkit-scrollbar{
    display:none;
    width:0;
    height:0;
  }
  .wpn-hc-compare{
    width:100%;
    min-width:100%;
    table-layout:fixed;
  }
  .wpn-hc-compare th,
  .wpn-hc-compare td{
    min-width:0;
    overflow-wrap:anywhere;
  }
}
.wpn-hc-table-wrap::before{
  display:none!important;
  animation:none!important;
}
.wpn-hc-table-wrap{
  overflow-y:hidden;
}

.wpn-hc-remote-form--domain{
  padding:clamp(1.25rem,2.4vw,2.4rem);
  overflow:visible;
}
.wpn-hc-domain-search-shell{
  min-height:0;
}
.wpn-hc-domain-search-shell__provider{
  width:100%!important;
  max-width:1100px!important;
  margin:0 auto!important;
  color:var(--wpn-hc-navy);
}
.wpn-hc-domain-search-shell__provider,
.wpn-hc-domain-search-shell__provider *{
  box-sizing:border-box!important;
}
.wpn-hc-domain-search-shell__provider > *,
.wpn-hc-domain-search-shell__provider form{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  float:none!important;
}
.wpn-hc-provider-domain-form{
  display:grid!important;
  grid-template-columns:minmax(15rem,1fr) minmax(8rem,11rem) minmax(8.5rem,auto)!important;
  grid-template-areas:
    "name tld submit"
    "options options lookup"!important;
  gap:1rem!important;
  align-items:center!important;
  padding:clamp(1.1rem,2.5vw,1.8rem)!important;
  border:1px solid rgba(0,98,250,.16)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(238,247,255,.82))!important;
  box-shadow:0 14px 38px rgba(6,23,47,.09)!important;
}
.wpn-hc-provider-domain-flatten{
  display:contents!important;
}
.wpn-hc-provider-domain-name{
  grid-area:name!important;
}
.wpn-hc-provider-domain-tld{
  grid-area:tld!important;
}
.wpn-hc-provider-domain-submit{
  grid-area:submit!important;
}
.wpn-hc-provider-domain-lookup{
  grid-area:lookup!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  padding:.45rem .2rem!important;
  color:var(--wpn-hc-accent,#0062fa)!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-decoration-thickness:.08em!important;
  text-underline-offset:.22em!important;
}
.wpn-hc-provider-domain-options{
  grid-area:options!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:.75rem 1.35rem!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.wpn-hc-provider-domain-option{
  display:inline-flex!important;
  align-items:center!important;
  gap:.48rem!important;
  margin:0!important;
  color:var(--wpn-hc-navy,#06172f)!important;
  font-weight:700!important;
  line-height:1.25!important;
  cursor:pointer!important;
}
.wpn-hc-provider-domain-radio{
  width:1.08rem!important;
  height:1.08rem!important;
  min-height:0!important;
  margin:0!important;
  accent-color:var(--wpn-hc-accent,#0062fa)!important;
  box-shadow:none!important;
}
.wpn-hc-provider-domain-name,
.wpn-hc-provider-domain-tld{
  width:100%!important;
  min-width:0!important;
  min-height:3.45rem!important;
  margin:0!important;
  padding:.78rem 1rem!important;
  border:1px solid rgba(0,98,250,.24)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--wpn-hc-navy,#06172f)!important;
  font:600 1rem/1.25 inherit!important;
  box-shadow:0 .55rem 1.4rem rgba(6,23,47,.07)!important;
}
.wpn-hc-provider-domain-submit{
  width:auto!important;
  min-width:9rem!important;
  min-height:3.45rem!important;
  margin:0!important;
  padding:.78rem 1.45rem!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--wpn-hc-accent),#0044c5)!important;
  color:#fff!important;
  font:800 .94rem/1.15 inherit!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  box-shadow:0 .8rem 2rem rgba(0,98,250,.23)!important;
  cursor:pointer!important;
}
.wpn-hc-provider-domain-submit:hover,
.wpn-hc-provider-domain-submit:focus-visible{
  transform:translateY(-.15rem)!important;
  box-shadow:0 1rem 2.35rem rgba(0,98,250,.32)!important;
}

.wpn-hc-provider-domain-popup{
  z-index:999999!important;
  width:min(980px,calc(100vw - 32px))!important;
  max-width:980px!important;
  max-height:min(90vh,920px)!important;
  padding:clamp(1rem,2.5vw,1.8rem)!important;
  overflow:hidden!important;
  border:1px solid rgba(0,98,250,.18)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 32px 100px rgba(6,23,47,.28)!important;
  color:var(--wpn-hc-navy,#06172f)!important;
}
.wpn-hc-provider-domain-popup__scroll{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  max-height:min(64vh,650px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  border-radius:16px!important;
}
.wpn-hc-provider-domain-popup__table{
  width:100%!important;
  min-width:620px!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:auto!important;
  background:#fff!important;
}
.wpn-hc-provider-domain-popup__row{
  height:auto!important;
  min-height:0!important;
  line-height:normal!important;
}
.wpn-hc-provider-domain-popup__cell{
  height:auto!important;
  min-height:0!important;
  vertical-align:middle!important;
  white-space:normal!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
  border-bottom:1px solid rgba(0,98,250,.11)!important;
}
.wpn-hc-provider-domain-popup__row:last-child .wpn-hc-provider-domain-popup__cell{
  border-bottom:0!important;
}

@media(max-width:780px){
  .wpn-hc-table-wrap{
    overflow-x:auto;
  }
  .wpn-hc-compare{
    min-width:720px;
    table-layout:auto;
  }
  .wpn-hc-provider-domain-form{
    grid-template-columns:minmax(0,1fr) minmax(7rem,9rem)!important;
    grid-template-areas:
      "name tld"
      "submit submit"
      "options options"
      "lookup lookup"!important;
  }
  .wpn-hc-provider-domain-submit{
    width:100%!important;
  }
  .wpn-hc-provider-domain-lookup{
    justify-self:start!important;
  }
  .wpn-hc-provider-domain-popup{
    width:calc(100vw - 20px)!important;
    padding:.75rem!important;
    border-radius:18px!important;
  }
  .wpn-hc-provider-domain-popup__scroll{
    max-height:72vh!important;
  }
}
@media(max-width:520px){
  .wpn-hc-provider-domain-form{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "name"
      "tld"
      "submit"
      "options"
      "lookup"!important;
  }
  .wpn-hc-provider-domain-options{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.65rem!important;
  }
}
.wpn-hc-provider-domain-popup__scroll{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(0,98,250,.36) transparent!important;
}
.wpn-hc-provider-domain-popup__scroll::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}
.wpn-hc-provider-domain-popup__scroll::-webkit-scrollbar-track{
  background:transparent!important;
}
.wpn-hc-provider-domain-popup__scroll::-webkit-scrollbar-thumb{
  border:2px solid transparent!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(0,98,250,.55),rgba(37,198,255,.65)) padding-box!important;
}


/* Alpha 0.3.4 - contained motion, domain popup legibility and universal provider buttons. */
.wpn-hc-table-shell::before{
  content:"";
  position:absolute;
  z-index:4;
  top:1px;
  left:18px;
  right:18px;
  height:3px;
  pointer-events:none;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--wpn-hc-accent),var(--wpn-hc-accent-2),transparent);
  background-size:220% 100%;
  animation:wpn-hc-contained-signal 7s ease-in-out infinite alternate;
}
.wpn-hc-table-wrap{
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.wpn-hc-table-wrap:hover,
.wpn-hc-table-wrap:focus-within{
  transform:translateY(-.18rem);
  border-color:rgba(37,198,255,.48);
  box-shadow:0 24px 60px rgba(6,23,47,.15),0 0 0 1px rgba(37,198,255,.08);
}
.wpn-hc-remote-form::before{
  inset:1px 18px auto!important;
  height:3px!important;
  border-radius:999px!important;
  background-position:100% 0;
  animation:wpn-hc-contained-signal 7s ease-in-out infinite alternate!important;
}
.wpn-hc-remote-form--domain{
  overflow:visible;
}
.wpn-hc-remote-form--domain > .wpn-hc-domain-search-shell,
.wpn-hc-provider-domain-form{
  position:relative;
  z-index:1;
}

.wpn-hc-provider-domain-submit,
.wpn-hc-provider-domain-popup__button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:3.25rem!important;
  padding:.72rem 1.45rem!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background-image:linear-gradient(115deg,#0062fa 0%,#0044c5 34%,#25c6ff 44%,#fff 50%,#25c6ff 56%,#0044c5 66%,#0062fa 100%)!important;
  background-size:320% 100%!important;
  background-position:0 0;
  color:#fff!important;
  font:800 .94rem/1.15 inherit!important;
  letter-spacing:.06em!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  box-shadow:0 .8rem 2rem rgba(0,98,250,.23)!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.wpn-hc-provider-domain-submit:hover,
.wpn-hc-provider-domain-submit:focus-visible,
.wpn-hc-provider-domain-popup__button:hover,
.wpn-hc-provider-domain-popup__button:focus-visible{
  transform:translateY(-.18rem)!important;
  box-shadow:0 1rem 2.4rem rgba(0,98,250,.34)!important;
  animation:wpn-hc-provider-button-shimmer .9s ease-out 1!important;
}
.wpn-hc-provider-domain-popup__button--secondary{
  border-color:rgba(0,98,250,.2)!important;
  background-image:linear-gradient(115deg,#fff 0%,#f5faff 34%,#9de8ff 44%,#fff 50%,#9de8ff 56%,#f5faff 66%,#fff 100%)!important;
  color:var(--wpn-hc-navy,#06172f)!important;
  box-shadow:0 .7rem 1.7rem rgba(6,23,47,.12)!important;
}
.wpn-hc-provider-domain-popup__button--secondary:hover,
.wpn-hc-provider-domain-popup__button--secondary:focus-visible{
  border-color:var(--wpn-hc-accent-2,#25c6ff)!important;
  color:var(--wpn-hc-accent,#0062fa)!important;
}

.wpn-hc-provider-domain-popup{
  width:min(1040px,calc(100vw - 28px))!important;
  max-width:1040px!important;
  max-height:calc(100vh - 24px)!important;
  padding:clamp(1rem,2.4vw,1.7rem)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  border-radius:24px!important;
  line-height:1.4!important;
}
.wpn-hc-provider-domain-popup,
.wpn-hc-provider-domain-popup *{
  box-sizing:border-box!important;
}
.wpn-hc-provider-domain-popup__nested-scroll,
.wpn-hc-provider-domain-popup__scroll{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  scrollbar-gutter:auto!important;
}
.wpn-hc-provider-domain-popup__unclip{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  line-height:1.4!important;
}
.wpn-hc-provider-domain-popup__table{
  min-width:0!important;
  table-layout:auto!important;
}
.wpn-hc-provider-domain-popup__row{
  height:auto!important;
  min-height:2.35rem!important;
  overflow:visible!important;
}
.wpn-hc-provider-domain-popup__cell{
  height:auto!important;
  min-height:2.35rem!important;
  line-height:1.4!important;
  overflow:visible!important;
}
.wpn-hc-provider-domain-popup__choice,
.wpn-hc-provider-domain-popup__choice-row{
  display:flex!important;
  align-items:center!important;
  gap:.45rem!important;
  width:auto!important;
  height:auto!important;
  min-height:2rem!important;
  margin:0!important;
  padding:.15rem 0!important;
  overflow:visible!important;
  line-height:1.35!important;
  white-space:normal!important;
}
.wpn-hc-provider-domain-popup__choice-input{
  flex:0 0 auto!important;
  width:1rem!important;
  height:1rem!important;
  min-height:0!important;
  margin:0!important;
  accent-color:var(--wpn-hc-accent,#0062fa)!important;
  box-shadow:none!important;
}
.wpn-hc-provider-domain-popup__choices-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(7.6rem,1fr))!important;
  gap:.15rem 1rem!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:.55rem .25rem .8rem!important;
  overflow:visible!important;
}
.wpn-hc-provider-domain-popup input[type="text"],
.wpn-hc-provider-domain-popup input[type="search"],
.wpn-hc-provider-domain-popup select{
  min-height:3rem!important;
  border:1px solid rgba(0,98,250,.22)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--wpn-hc-navy,#06172f)!important;
  box-shadow:none!important;
}
.wpn-hc-provider-domain-popup::-webkit-scrollbar{
  width:10px!important;
  height:10px!important;
}
.wpn-hc-provider-domain-popup::-webkit-scrollbar-track{
  margin:1rem 0!important;
  background:transparent!important;
}
.wpn-hc-provider-domain-popup::-webkit-scrollbar-thumb{
  border:3px solid transparent!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(0,98,250,.58),rgba(37,198,255,.7)) padding-box!important;
}

@keyframes wpn-hc-contained-signal{
  0%{background-position:100% 0;opacity:.62}
  100%{background-position:0 0;opacity:1}
}
@keyframes wpn-hc-provider-button-shimmer{
  0%{background-position:0 0}
  100%{background-position:100% 0}
}

@media(max-width:780px){
  .wpn-hc-table-shell::before,
  .wpn-hc-remote-form::before{
    left:12px!important;
    right:12px!important;
  }
  .wpn-hc-provider-domain-popup{
    width:calc(100vw - 14px)!important;
    max-height:calc(100vh - 14px)!important;
    padding:.8rem!important;
    border-radius:18px!important;
  }
  .wpn-hc-provider-domain-popup__choices-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.3rem .75rem!important;
  }
}
@media(max-width:480px){
  .wpn-hc-provider-domain-popup__choices-grid{
    grid-template-columns:1fr!important;
  }
  .wpn-hc-provider-domain-popup__button{
    width:100%!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .wpn-hc-table-shell::before,
  .wpn-hc-remote-form::before,
  .wpn-hc-provider-domain-submit,
  .wpn-hc-provider-domain-popup__button{
    animation:none!important;
  }
  .wpn-hc-table-wrap:hover,
  .wpn-hc-table-wrap:focus-within,
  .wpn-hc-provider-domain-submit:hover,
  .wpn-hc-provider-domain-submit:focus-visible,
  .wpn-hc-provider-domain-popup__button:hover,
  .wpn-hc-provider-domain-popup__button:focus-visible{
    transform:none!important;
  }
}


/* Alpha 0.3.5 - provider popup state preservation and unmistakable package-button shimmer. */
/* Never set display on the provider popup. Provider JavaScript owns its state. */
.wpn-hc-provider-domain-popup[hidden],
.wpn-hc-provider-domain-popup[aria-hidden="true"]{
  display:none!important;
}

.wpn-hc-button{
  background-image:linear-gradient(110deg,#0062fa 0%,#0044c5 34%,#25c6ff 45%,#ffffff 50%,#25c6ff 55%,#0044c5 66%,#0062fa 100%)!important;
  background-size:360% 100%!important;
  background-position:0 0;
}
.wpn-hc-button::before{
  z-index:2;
  opacity:0;
}
.wpn-hc-button:hover,
.wpn-hc-button:focus-visible{
  animation:wpn-hc-button-surface-shimmer 1.18s ease-in-out infinite!important;
}
.wpn-hc-button:hover::before,
.wpn-hc-button:focus-visible::before{
  opacity:1;
  animation:wpn-hc-shine 1.18s ease-in-out infinite!important;
}

.wpn-hc-provider-domain-submit,
.wpn-hc-provider-domain-popup__button{
  background-size:360% 100%!important;
  background-position:0 0;
}
.wpn-hc-provider-domain-submit:hover,
.wpn-hc-provider-domain-submit:focus-visible,
.wpn-hc-provider-domain-popup__button:hover,
.wpn-hc-provider-domain-popup__button:focus-visible{
  animation:wpn-hc-provider-button-shimmer 1.18s ease-in-out infinite!important;
}

@keyframes wpn-hc-button-surface-shimmer{
  0%{background-position:0 0}
  100%{background-position:100% 0}
}

@media(prefers-reduced-motion:reduce){
  .wpn-hc-button:hover,
  .wpn-hc-button:focus-visible,
  .wpn-hc-provider-domain-submit:hover,
  .wpn-hc-provider-domain-submit:focus-visible,
  .wpn-hc-provider-domain-popup__button:hover,
  .wpn-hc-provider-domain-popup__button:focus-visible{
    animation:none!important;
  }
}

/* Alpha 0.3.6 - integrated provider modal centring, shell cleanup and price-width correction. */
.wpn-hc-provider-domain-popup,
.wpn-hc-provider-domain-popup *{
  box-sizing:border-box!important;
}

/*
 * Centre only a provider modal that the provider has already opened. These
 * selectors never set display, remove hidden or rewrite aria-hidden, so the
 * provider remains the sole authority for popup visibility and closing.
 */
.wpn-hc-provider-domain-popup.open:not([hidden]):not([aria-hidden="true"]),
.wpn-hc-provider-domain-popup[style*="display: block"]:not([hidden]):not([aria-hidden="true"]),
.wpn-hc-provider-domain-popup[style*="display:block"]:not([hidden]):not([aria-hidden="true"]),
.wpn-hc-provider-domain-popup[style*="visibility: visible"]:not([hidden]):not([aria-hidden="true"]),
.wpn-hc-provider-domain-popup[style*="visibility:visible"]:not([hidden]):not([aria-hidden="true"]){
  position:fixed!important;
  inset:auto!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  width:min(920px,calc(100vw - 2rem))!important;
  max-width:calc(100vw - 2rem)!important;
  max-height:calc(100vh - 2rem)!important;
  max-height:calc(100dvh - 2rem)!important;
  margin:0!important;
  padding:clamp(1rem,2vw,1.5rem)!important;
  transform:translate(-50%,-50%)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  border:1px solid rgba(0,98,250,.16)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 28px 80px rgba(5,23,53,.25),0 8px 24px rgba(0,98,250,.1)!important;
  z-index:2147483000!important;
}

/* Release the full content width from Foundation's historical row/float limits. */
.wpn-hc-provider-domain-popup__full-width,
.wpn-hc-provider-domain-popup :is(#features,.row,.compare_tooltips.columns,.responsive-table,.swipe-check){
  width:100%!important;
  max-width:none!important;
  margin-right:0!important;
  margin-left:0!important;
  float:none!important;
}

/* Keep one clean outer shell instead of the heavy nested grey frame. */
.wpn-hc-provider-domain-popup__inner-shell,
.wpn-hc-provider-domain-popup :is(#features,.compare_tooltips,.responsive-table,.swipe-check){
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.wpn-hc-provider-domain-popup :is(#features,.compare_tooltips){
  overflow:visible!important;
}

.wpn-hc-provider-domain-popup .responsive-table{
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-gutter:stable!important;
}

/* Let results use the modal width rather than remaining squeezed to the left. */
.wpn-hc-provider-domain-popup table,
.wpn-hc-provider-domain-popup__table{
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  table-layout:auto!important;
  border:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
  box-shadow:none!important;
}

.wpn-hc-provider-domain-popup :is(th,td),
.wpn-hc-provider-domain-popup__cell{
  height:auto!important;
  vertical-align:middle!important;
  line-height:1.35!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  border-top:0!important;
  border-right:0!important;
  border-left:0!important;
  border-bottom:1px solid rgba(10,39,76,.09)!important;
}

/* Descriptions may wrap naturally; prices and actions remain intact. */
.wpn-hc-provider-domain-popup :is(th,td):first-child{
  width:auto!important;
  text-align:left!important;
  white-space:normal!important;
}

.wpn-hc-provider-domain-popup :is(th,td):not(:first-child){
  text-align:center!important;
  white-space:nowrap!important;
}

.wpn-hc-provider-domain-popup__price,
.wpn-hc-provider-domain-popup__price *,
.wpn-hc-provider-domain-popup :is(.price,[class~="price"],[class*="domain-price"],[class*="tld-price"],[data-price]),
.wpn-hc-provider-domain-popup :is(.price,[class~="price"],[class*="domain-price"],[class*="tld-price"],[data-price]) *{
  min-width:max-content!important;
  white-space:nowrap!important;
}

.wpn-hc-provider-domain-popup__prices-wrap,
.wpn-hc-provider-domain-popup :is([class*="prices"],[class*="price-list"],[class*="domain-list"],[class*="tld-list"]){
  width:100%!important;
  max-width:none!important;
  margin-right:auto!important;
  margin-left:auto!important;
}

.wpn-hc-provider-domain-popup tr.thead > :is(th,td),
.wpn-hc-provider-domain-popup :is(thead th,thead td){
  background:rgba(0,98,250,.055)!important;
  color:var(--wpn-hc-navy,#06172f)!important;
  font-weight:700!important;
}

@media(max-width:700px){
  .wpn-hc-provider-domain-popup.open:not([hidden]):not([aria-hidden="true"]),
  .wpn-hc-provider-domain-popup[style*="display: block"]:not([hidden]):not([aria-hidden="true"]),
  .wpn-hc-provider-domain-popup[style*="display:block"]:not([hidden]):not([aria-hidden="true"]),
  .wpn-hc-provider-domain-popup[style*="visibility: visible"]:not([hidden]):not([aria-hidden="true"]),
  .wpn-hc-provider-domain-popup[style*="visibility:visible"]:not([hidden]):not([aria-hidden="true"]){
    width:calc(100vw - 1rem)!important;
    max-width:calc(100vw - 1rem)!important;
    max-height:calc(100vh - 1rem)!important;
    max-height:calc(100dvh - 1rem)!important;
    padding:.85rem!important;
    border-radius:16px!important;
  }

  .wpn-hc-provider-domain-popup table,
  .wpn-hc-provider-domain-popup__table{
    min-width:38rem!important;
  }

  .wpn-hc-provider-domain-popup :is(th,td),
  .wpn-hc-provider-domain-popup__cell{
  }
}

@media(prefers-reduced-motion:reduce){
  .wpn-hc-provider-domain-popup,
  .wpn-hc-provider-domain-popup *{
    scroll-behavior:auto!important;
  }
}



/* Alpha 0.3.7 - final integrated modal shell, alignment and search shimmer correction. */

/* Keep every purposeful animated signal bar inside its rounded host, with equal ends. */
.wpn-hc-card::before,
.wpn-hc-table-shell::before,
.wpn-hc-remote-form::before{
  top:1px!important;
  right:18px!important;
  bottom:auto!important;
  left:18px!important;
  width:auto!important;
  height:3px!important;
  margin:0!important;
  border-radius:999px!important;
  transform:none!important;
  background-image:linear-gradient(90deg,transparent,var(--wpn-hc-accent),var(--wpn-hc-accent-2),transparent)!important;
  background-size:220% 100%!important;
  animation:wpn-hc-contained-signal 7s ease-in-out infinite alternate!important;
}

/*
 * This class is applied only after the user deliberately submits the provider
 * domain search. It centres the real provider popup without changing its
 * hidden state or replacing any provider controls.
 */
.wpn-hc-provider-domain-popup--active{
  position:fixed!important;
  inset:auto!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  width:min(760px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  max-height:calc(100vh - 32px)!important;
  max-height:calc(100dvh - 32px)!important;
  margin:0!important;
  padding:clamp(.9rem,2vw,1.25rem)!important;
  transform:translate(-50%,-50%)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  border:1px solid rgba(0,98,250,.14)!important;
  outline:0!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 30px 90px rgba(5,23,53,.28),0 8px 24px rgba(0,98,250,.1)!important;
  color:var(--wpn-hc-navy,#06172f)!important;
  z-index:2147483000!important;
}

/* Remove the provider's heavy grey nested frame while retaining one clean surface. */
.wpn-hc-provider-domain-popup--active > :is(div,section,article,form,fieldset),
.wpn-hc-provider-domain-popup--active :is(.panel,.box,.content,.form-box,.order-box,.row,.columns,.column,#features,.compare_tooltips,.responsive-table,.swipe-check){
  max-width:none!important;
  margin-right:0!important;
  margin-left:0!important;
  border-color:transparent!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.wpn-hc-provider-domain-popup--active > :is(div,section,article,form,fieldset){
  width:100%!important;
  float:none!important;
}
.wpn-hc-provider-domain-popup--active fieldset{
  padding:0!important;
}

/* Let the prices/results use the popup width and never split a price across lines. */
.wpn-hc-provider-domain-popup--active :is(table,.wpn-hc-provider-domain-popup__table){
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:auto!important;
  background:#fff!important;
  box-shadow:none!important;
}
.wpn-hc-provider-domain-popup--active :is(th,td,.wpn-hc-provider-domain-popup__cell){
  height:auto!important;
  vertical-align:middle!important;
  line-height:1.35!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  border-top:0!important;
  border-right:0!important;
  border-left:0!important;
  border-bottom:1px solid rgba(10,39,76,.09)!important;
}
.wpn-hc-provider-domain-popup--active :is(th,td):first-child{
  text-align:left!important;
  white-space:normal!important;
}
.wpn-hc-provider-domain-popup--active :is(th,td):not(:first-child){
  white-space:nowrap!important;
}
.wpn-hc-provider-domain-popup--active :is(.price,[class~="price"],[class*="domain-price"],[class*="tld-price"],[data-price]),
.wpn-hc-provider-domain-popup--active :is(.price,[class~="price"],[class*="domain-price"],[class*="tld-price"],[data-price]) *{
  min-width:max-content!important;
  white-space:nowrap!important;
}

/* Make the provider's main Search control use the same unmistakable shimmer. */
.wpn-hc-provider-domain-submit{
  overflow:hidden!important;
  background-image:linear-gradient(110deg,#0062fa 0%,#0044c5 34%,#25c6ff 44%,#fff 50%,#25c6ff 56%,#0044c5 66%,#0062fa 100%)!important;
  background-size:380% 100%!important;
  background-position:0 0;
  will-change:background-position,transform!important;
}
.wpn-hc-provider-domain-submit:hover,
.wpn-hc-provider-domain-submit:focus-visible,
.wpn-hc-provider-domain-submit.is-wpn-hc-shimmering{
  animation:wpn-hc-provider-button-shimmer 1.05s ease-in-out infinite!important;
  transform:translateY(-.18rem)!important;
  box-shadow:0 1rem 2.4rem rgba(0,98,250,.34)!important;
}

@media(max-width:780px){
  .wpn-hc-card::before,
  .wpn-hc-table-shell::before,
  .wpn-hc-remote-form::before{
    right:12px!important;
    left:12px!important;
  }
  .wpn-hc-provider-domain-popup--active{
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    max-height:calc(100vh - 14px)!important;
    max-height:calc(100dvh - 14px)!important;
    padding:.8rem!important;
    border-radius:17px!important;
  }
  .wpn-hc-provider-domain-popup--active :is(table,.wpn-hc-provider-domain-popup__table){
    min-width:38rem!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .wpn-hc-card::before,
  .wpn-hc-table-shell::before,
  .wpn-hc-remote-form::before,
  .wpn-hc-provider-domain-submit:hover,
  .wpn-hc-provider-domain-submit:focus-visible,
  .wpn-hc-provider-domain-submit.is-wpn-hc-shimmering{
    animation:none!important;
  }
}


/* Alpha 0.3.8 - provider shell removal, single-axis modal scrolling and radius-true signal alignment. */

/* Match each moving top signal to the tangent point of its own rounded border. */
.wpn-hc-card::before{
  inset:1px 18px auto!important;
  width:auto!important;
  height:3px!important;
  border-radius:999px!important;
}
.wpn-hc-table-shell::before,
.wpn-hc-remote-form::before{
  inset:1px 22px auto!important;
  width:auto!important;
  height:3px!important;
  border-radius:999px!important;
}

/* The provider popup uses one clean white viewport-centred surface. */
.wpn-hc-provider-domain-popup--active{
  width:min(860px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  max-height:calc(100vh - 32px)!important;
  max-height:calc(100dvh - 32px)!important;
  padding:12px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
  scrollbar-gutter:auto!important;
  border:1px solid rgba(0,98,250,.14)!important;
  border-radius:22px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 30px 90px rgba(5,23,53,.28),0 8px 24px rgba(0,98,250,.1)!important;
}
.wpn-hc-provider-domain-popup--active::-webkit-scrollbar,
.wpn-hc-provider-domain-popup--active *::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.wpn-hc-provider-domain-popup--active,
.wpn-hc-provider-domain-popup--active *{
  scrollbar-width:none!important;
}

/* Undo the provider's grey fixed-width layout shell without disturbing controls. */
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__layout-shell{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-right:0!important;
  margin-left:0!important;
  float:none!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__grey-shell{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  float:none!important;
}

.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__grey-shell::before,
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__grey-shell::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
.wpn-hc-provider-domain-popup--active > :is(div,section,article,main,form,fieldset),
.wpn-hc-provider-domain-popup--active > :is(div,section,article,main,form,fieldset) > :is(div,section,article,main,form,fieldset){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-right:0!important;
  margin-left:0!important;
  float:none!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__nested-scroll{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  scrollbar-gutter:auto!important;
}

/* No horizontal modal track: provider tables fit the white surface while prices stay intact. */
.wpn-hc-provider-domain-popup--active :is(table,.wpn-hc-provider-domain-popup__table){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:auto!important;
}
.wpn-hc-provider-domain-popup--active :is(th,td,.wpn-hc-provider-domain-popup__cell){
  min-width:0!important;
}
.wpn-hc-provider-domain-popup--active :is(th,td):first-child{
  width:auto!important;
}
.wpn-hc-provider-domain-popup--active :is(th,td):not(:first-child),
.wpn-hc-provider-domain-popup--active :is(.price,[class~="price"],[class*="domain-price"],[class*="tld-price"],[data-price]),
.wpn-hc-provider-domain-popup--active :is(.price,[class~="price"],[class*="domain-price"],[class*="tld-price"],[data-price]) *{
  white-space:nowrap!important;
}

@media(max-width:780px){
  .wpn-hc-card::before{
    right:18px!important;
    left:18px!important;
  }
  .wpn-hc-table-shell::before,
  .wpn-hc-remote-form::before{
    right:18px!important;
    left:18px!important;
  }
  .wpn-hc-provider-domain-popup--active{
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    max-height:calc(100vh - 14px)!important;
    max-height:calc(100dvh - 14px)!important;
    padding:8px!important;
    border-radius:17px!important;
  }
  .wpn-hc-provider-domain-popup--active :is(table,.wpn-hc-provider-domain-popup__table){
    min-width:0!important;
  }
}

/* Alpha 0.3.9 - strict page isolation and reliable button shimmer. */
/*
 * The provider's legacy CSS now loads inside a low-priority cascade layer.
 * These unlayered, plugin-scoped rules therefore remain authoritative without
 * leaking into Divi's global header, footer or navigation.
 */
.wpn-hc-catalogue .wpn-hc-button{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-image:linear-gradient(110deg,#0062fa 0%,#0044c5 34%,#25c6ff 44%,#fff 50%,#25c6ff 56%,#0044c5 66%,#0062fa 100%)!important;
  background-size:380% 100%!important;
  background-position:0% 0%;
  background-repeat:no-repeat!important;
}
.wpn-hc-catalogue .wpn-hc-button::before{
  content:""!important;
  position:absolute!important;
  top:-60%!important;
  left:-58%;
  width:30%!important;
  height:220%!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:1!important;
  background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.12) 38%,rgba(255,255,255,.96) 50%,rgba(255,255,255,.12) 62%,transparent 78%)!important;
  transform:skewX(-22deg)!important;
}
.wpn-hc-catalogue .wpn-hc-button:hover,
.wpn-hc-catalogue .wpn-hc-button:focus-visible{
  animation:wpn-hc-button-surface-shimmer .95s linear infinite!important;
}
.wpn-hc-catalogue .wpn-hc-button:hover::before,
.wpn-hc-catalogue .wpn-hc-button:focus-visible::before{
  animation:wpn-hc-shine .95s ease-in-out infinite!important;
}

.wpn-hc-provider-domain-submit,
.wpn-hc-provider-domain-popup__button{
  background-image:linear-gradient(110deg,#0062fa 0%,#0044c5 34%,#25c6ff 44%,#fff 50%,#25c6ff 56%,#0044c5 66%,#0062fa 100%)!important;
  background-size:380% 100%!important;
  background-position:0% 0%;
  background-repeat:no-repeat!important;
}
.wpn-hc-provider-domain-submit.is-wpn-hc-shimmering,
.wpn-hc-provider-domain-popup__button.is-wpn-hc-shimmering{
  animation:wpn-hc-provider-button-shimmer .95s linear infinite!important;
}

/* Keep all motion markers local to the shortcode root rather than the page root. */
.wpn-hc-catalogue.wpn-hc-motion-ready .wpn-hc-reveal{
  opacity:0;
  transform:translateY(18px);
}
.wpn-hc-catalogue.wpn-hc-motion-ready .wpn-hc-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

@media(prefers-reduced-motion:reduce){
  .wpn-hc-catalogue .wpn-hc-button:hover,
  .wpn-hc-catalogue .wpn-hc-button:focus-visible,
  .wpn-hc-catalogue .wpn-hc-button:hover::before,
  .wpn-hc-catalogue .wpn-hc-button:focus-visible::before,
  .wpn-hc-provider-domain-submit.is-wpn-hc-shimmering,
  .wpn-hc-provider-domain-popup__button.is-wpn-hc-shimmering{
    animation:none!important;
  }
}

/* Alpha 0.3.11 - exact Website Packages motion parity and structural domain-popup cleanup. */

/*
 * The approved Website Packages recognition cards paint the moving signal as a
 * background layer on the border-owning surface itself. Doing the same here
 * removes pseudo-element offsets completely, so the signal follows the actual
 * rounded box rather than a separately positioned approximation.
 */
.wpn-hc-card,
.wpn-hc-table-wrap{
  background-color:var(--wpn-hc-surface,rgba(255,255,255,.96))!important;
  background-image:linear-gradient(90deg,transparent 0,var(--wpn-hc-accent-2,#25c6ff) 28%,var(--wpn-hc-accent,#0062fa) 50%,var(--wpn-hc-accent-2,#25c6ff) 72%,transparent 100%)!important;
  background-position:100% 0;
  background-repeat:no-repeat!important;
  background-size:220% 3px!important;
  animation:wpn-hc-package-card-signal 6.5s cubic-bezier(.45,0,.55,1) infinite alternate!important;
}
.wpn-hc-remote-form{
  background-color:#fff!important;
  background-image:
    linear-gradient(90deg,transparent 0,var(--wpn-hc-accent-2,#25c6ff) 28%,var(--wpn-hc-accent,#0062fa) 50%,var(--wpn-hc-accent-2,#25c6ff) 72%,transparent 100%),
    radial-gradient(circle at 100% 0,rgba(37,198,255,.1),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,252,255,.97))!important;
  background-position:100% 0,100% 0,0 0!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-size:220% 3px,auto,auto!important;
  animation:wpn-hc-package-card-signal-layered 6.5s cubic-bezier(.45,0,.55,1) infinite alternate!important;
}
.wpn-hc-card::before,
.wpn-hc-table-shell::before,
.wpn-hc-remote-form::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.wpn-hc-cards .wpn-hc-card:nth-child(2){animation-delay:-1s!important}
.wpn-hc-cards .wpn-hc-card:nth-child(3){animation-delay:-2s!important}
.wpn-hc-cards .wpn-hc-card:nth-child(4){animation-delay:-3s!important}
.wpn-hc-cards .wpn-hc-card:nth-child(5){animation-delay:-4s!important}
.wpn-hc-cards .wpn-hc-card:nth-child(6){animation-delay:-5s!important}
@keyframes wpn-hc-package-card-signal{
  from{background-position:100% 0}
  to{background-position:-100% 0}
}
@keyframes wpn-hc-package-card-signal-layered{
  from{background-position:100% 0,100% 0,0 0}
  to{background-position:-100% 0,100% 0,0 0}
}

/* Exact Website Packages one-pass button shine for WhitePointerNet-owned controls. */
.wpn-hc-catalogue .wpn-hc-button{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:3.45rem!important;
  padding:.75rem 1.5rem!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background-color:var(--wpn-hc-accent,#0062fa)!important;
  color:#fff!important;
  box-shadow:0 .8rem 2rem rgba(0,98,250,.23)!important;
  animation:none!important;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease!important;
}
.wpn-hc-catalogue .wpn-hc-button::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:-60%!important;
  left:-58%;
  width:30%!important;
  height:220%!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:0!important;
  background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.12) 38%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.12) 62%,transparent 78%)!important;
  transform:skewX(-22deg)!important;
  animation:none!important;
}
.wpn-hc-catalogue .wpn-hc-button:hover,
.wpn-hc-catalogue .wpn-hc-button:focus-visible{
  transform:translateY(-.2rem)!important;
  box-shadow:0 1rem 2.4rem rgba(0,98,250,.34)!important;
  animation:none!important;
}
.wpn-hc-catalogue .wpn-hc-button:hover::before,
.wpn-hc-catalogue .wpn-hc-button:focus-visible::before{
  opacity:1!important;
  animation:wpn-hc-package-button-shine .88s ease-out 1!important;
}
.wpn-hc-catalogue .wpn-hc-button--secondary{
  border-color:var(--wpn-hc-border,rgba(0,98,250,.17))!important;
  background-color:#fff!important;
  color:var(--wpn-hc-accent,#0062fa)!important;
  box-shadow:0 .7rem 1.8rem rgba(6,23,47,.1)!important;
}
.wpn-hc-catalogue .wpn-hc-button--secondary::before{
  width:32%!important;
  background:linear-gradient(115deg,transparent 18%,rgba(0,98,250,.06) 33%,rgba(37,198,255,.55) 49%,rgba(0,98,250,.16) 61%,transparent 78%)!important;
}
@keyframes wpn-hc-package-button-shine{
  from{left:-58%}
  to{left:128%}
}

/*
 * The embedded search uses input/button controls that cannot reliably host a
 * pseudo-element. frontend.js drives the same 880ms one-pass shine as two
 * background layers and only while the control is actually hovered/focused.
 */
.wpn-hc-provider-domain-submit,
.wpn-hc-provider-domain-popup__button{
  position:relative!important;
  min-height:2.7rem!important;
  border-radius:999px!important;
  animation:none!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.wpn-hc-provider-domain-submit.is-wpn-hc-shimmering,
.wpn-hc-provider-domain-popup__button.is-wpn-hc-shimmering{
  transform:translateY(-.2rem)!important;
  box-shadow:0 1rem 2.4rem rgba(0,98,250,.34)!important;
  animation:none!important;
}
.wpn-hc-provider-domain-popup__button--secondary{
  color:var(--wpn-hc-accent,#0062fa)!important;
  border-color:rgba(0,98,250,.2)!important;
}

/* WhitePointerNet-owned modal shell. The legacy search keeps behaviour, not framing. */
.wpn-hc-provider-domain-popup--active{
  position:fixed!important;
  inset:auto!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  width:min(940px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  max-height:calc(100vh - 28px)!important;
  max-height:calc(100dvh - 28px)!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:auto!important;
  scrollbar-width:thin!important;
  border:1px solid rgba(0,98,250,.16)!important;
  outline:0!important;
  border-radius:22px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 30px 90px rgba(5,23,53,.28),0 8px 24px rgba(0,98,250,.10)!important;
  color:var(--wpn-hc-navy,#06172f)!important;
  z-index:2147483000!important;
}
.wpn-hc-provider-domain-popup--active::-webkit-scrollbar{width:9px!important;height:0!important}
.wpn-hc-provider-domain-popup--active::-webkit-scrollbar-track{background:transparent!important}
.wpn-hc-provider-domain-popup--active::-webkit-scrollbar-thumb{
  border:2px solid transparent!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(0,98,250,.55),rgba(37,198,255,.7)) padding-box!important;
}

/*
 * The legacy popup is image-sliced. Earlier broad width overrides enlarged its
 * narrow frame tracks into the grey top/left bars seen on staging. Only the
 * path that actually contains the domain controls is flattened now; decorative
 * frame siblings are removed instead of stretched.
 */
/* First undo the older broad child-width rules before applying the explicit content path. */
.wpn-hc-provider-domain-popup--active > :is(div,section,article,main,form,fieldset):not(.wpn-hc-provider-domain-popup__content-path):not(.wpn-hc-provider-domain-popup__content-root),
.wpn-hc-provider-domain-popup--active > :is(div,section,article,main,form,fieldset) > :is(div,section,article,main,form,fieldset):not(.wpn-hc-provider-domain-popup__content-path):not(.wpn-hc-provider-domain-popup__content-root){
  width:auto!important;
  min-width:auto!important;
  max-width:none!important;
  margin-right:0!important;
  margin-left:0!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__frame-decoration,
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__empty-shell:not(.wpn-hc-provider-domain-popup__content-path){
  display:none!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__content-path{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  clear:both!important;
  transform:none!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto!important;
  grid-template-areas:none!important;
  gap:0!important;
  overflow:visible!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__content-root{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:clamp(16px,2vw,24px)!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--wpn-hc-navy,#06172f)!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__legacy-frame-art,
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__neutral-shell{
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__content-path::before,
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__content-path::after,
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__legacy-frame-art::before,
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__legacy-frame-art::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* Known service content is allowed to use the full WhitePointerNet surface. */
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__full-width,
.wpn-hc-provider-domain-popup--active :is(#features,.compare_tooltips,.responsive-table,.swipe-check){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-right:0!important;
  margin-left:0!important;
  float:none!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__inner-shell{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__nested-scroll{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  scrollbar-gutter:auto!important;
}

/* Extension selector grid. */
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__choices-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:.55rem .9rem!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:.5rem 0!important;
  padding:0!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__choices-grid > *{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__choice,
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__choice-row{min-width:0!important}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__choice{
  display:flex!important;
  align-items:center!important;
  gap:.4rem!important;
  white-space:nowrap!important;
}

/* Search/results typography and sizing. */
.wpn-hc-provider-domain-popup--active :is(input[type="text"],input[type="search"],select,textarea){
  max-width:100%!important;
  min-height:42px!important;
  border:1px solid rgba(0,98,250,.18)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--wpn-hc-navy,#06172f)!important;
}
.wpn-hc-provider-domain-popup--active :is(table,.wpn-hc-provider-domain-popup__table){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  border:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:auto!important;
  background:#fff!important;
  box-shadow:none!important;
}
.wpn-hc-provider-domain-popup--active :is(th,td,.wpn-hc-provider-domain-popup__cell){
  min-width:0!important;
  height:auto!important;
  vertical-align:middle!important;
  line-height:1.3!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.wpn-hc-provider-domain-popup--active :is(.price,[class~="price"],[class*="domain-price"],[class*="tld-price"],[data-price]),
.wpn-hc-provider-domain-popup--active :is(.price,[class~="price"],[class*="domain-price"],[class*="tld-price"],[data-price]) *{
  white-space:nowrap!important;
}

/* Provider tabs presented as clean WhitePointerNet controls. */
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  gap:.35rem!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 .9rem!important;
  padding:0!important;
  background:transparent!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__tab{
  display:inline-flex!important;
  align-items:center!important;
  min-height:2.7rem!important;
  padding:.5rem .85rem!important;
  border:1px solid rgba(0,98,250,.2)!important;
  border-radius:10px 10px 0 0!important;
  background:#fff!important;
  color:var(--wpn-hc-navy,#06172f)!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-decoration:none!important;
}

@media(max-width:780px){
  .wpn-hc-provider-domain-popup--active{
    top:6px!important;
    left:50%!important;
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100vh - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    border-radius:16px!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__content-root{
    padding:14px 12px 18px!important;
  }
  .wpn-hc-provider-domain-popup--active *,
  .wpn-hc-provider-domain-popup--active *::before,
  .wpn-hc-provider-domain-popup--active *::after{
    box-sizing:border-box!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__content-root :is(.row,.columns,.column,[class*="small-"],[class*="medium-"],[class*="large-"]){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
    padding-right:0!important;
    padding-left:0!important;
    float:none!important;
    clear:both!important;
  }
  .wpn-hc-provider-domain-popup--active :is(input[type="text"],input[type="search"],select,textarea){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__choices-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.5rem .65rem!important;
  }
  .wpn-hc-provider-domain-popup--active :is(table,.wpn-hc-provider-domain-popup__table){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed!important;
    font-size:.94em!important;
  }
  .wpn-hc-provider-domain-popup--active :is(th,td,.wpn-hc-provider-domain-popup__cell){
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .wpn-hc-provider-domain-popup--active :is(.price,[class~="price"],[class*="domain-price"],[class*="tld-price"],[data-price]),
  .wpn-hc-provider-domain-popup--active :is(.price,[class~="price"],[class*="domain-price"],[class*="tld-price"],[data-price]) *{
    white-space:nowrap!important;
  }
}

@media(max-width:520px){
  .wpn-hc-provider-domain-popup--active{
    top:4px!important;
    width:calc(100vw - 8px)!important;
    max-width:calc(100vw - 8px)!important;
    max-height:calc(100vh - 8px)!important;
    max-height:calc(100dvh - 8px)!important;
    border-radius:14px!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__content-root{
    padding:12px 10px 16px!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__choices-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.45rem .55rem!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__choice{font-size:.94em!important}
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__button{
    width:auto!important;
    max-width:100%!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__tabs{
    gap:.25rem!important;
    margin-bottom:.65rem!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__tab{
    flex:1 1 auto!important;
    justify-content:center!important;
    padding:.48rem .6rem!important;
    font-size:.94em!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .wpn-hc-card,
  .wpn-hc-table-wrap,
  .wpn-hc-remote-form{
    animation:none!important;
  }
  .wpn-hc-catalogue .wpn-hc-button:hover,
  .wpn-hc-catalogue .wpn-hc-button:focus-visible,
  .wpn-hc-catalogue .wpn-hc-button:hover::before,
  .wpn-hc-catalogue .wpn-hc-button:focus-visible::before,
  .wpn-hc-provider-domain-submit.is-wpn-hc-shimmering,
  .wpn-hc-provider-domain-popup__button.is-wpn-hc-shimmering{
    animation:none!important;
    transform:none!important;
  }
}


/* Alpha 0.3.12 - staging-verified legacy popup cell geometry correction.
 * Chrome DevTools inspection confirmed that the remaining grey top/left frame
 * was being enlarged by plugin-wide table-cell spacing and first-column width
 * overrides. Do not impose padding or fixed minimum widths on arbitrary legacy
 * popup TD/TH elements: some of those cells are frame slices, not data cells.
 */
.wpn-hc-provider-domain-popup--active :is(th,td):first-child{
  width:auto!important;
  min-width:0!important;
  text-align:left!important;
  white-space:normal!important;
}
.wpn-hc-provider-domain-popup--active :is(th,td,.wpn-hc-provider-domain-popup__cell){
  min-width:0!important;
  height:auto!important;
  vertical-align:middle!important;
  line-height:1.35!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  border-top:0!important;
  border-right:0!important;
  border-left:0!important;
}
/* Structural cells retain the upstream geometry. Content rows keep only the
 * subtle WhitePointerNet separator already attached to decorated data cells. */
.wpn-hc-provider-domain-popup--active :is(th,td):not(.wpn-hc-provider-domain-popup__cell){
  border-bottom:0!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__cell{
  border-bottom:1px solid rgba(0,98,250,.11)!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__row:last-child .wpn-hc-provider-domain-popup__cell{
  border-bottom:0!important;
}


/* Alpha 0.3.13 - remove the final legacy Facebox image-slice bar.
 * Chrome DevTools staging inspection confirmed #facebox .b paints b.png.
 * Behaviour remains owned by Facebox; only obsolete framing artwork is disabled. */
#facebox .b{
  background:none!important;
  background-image:none!important;
}

/* Alpha 0.3.14 - post-Divi domain bootstrap and phone search-row containment. */
/*
 * The vendor assets now load after DOMContentLoaded from the footer bootstrap,
 * so these rules only need to solve the popup's own legacy desktop geometry.
 * Keep the actual search field and Check button together inside narrow phones.
 */
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-input,
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-submit{
  box-sizing:border-box!important;
  min-width:0!important;
}

@media(max-width:620px){
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:.25rem 0 .55rem!important;
    padding:0!important;
    float:none!important;
    clear:both!important;
    overflow:visible!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-row > *,
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-field,
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-action{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    clear:none!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-field{
    grid-column:1!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-action{
    grid-column:2!important;
    justify-self:end!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-input{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    transform:none!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-submit{
    position:relative!important;
    inset:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:66px!important;
    max-width:88px!important;
    min-height:42px!important;
    margin:0!important;
    padding:.6rem .72rem!important;
    transform:none!important;
    white-space:nowrap!important;
  }
}

@media(max-width:390px){
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-row{
    gap:6px!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-submit{
    min-width:60px!important;
    max-width:74px!important;
    padding:.55rem .58rem!important;
    font-size:.82em!important;
  }
}

/* Alpha 4.0 - live legal content, company details and approved media registry. */
.wpn-hc-content{--wpn-hc-content-pad:clamp(22px,3vw,34px);width:100%}.wpn-hc-legal__notice,.wpn-hc-content__message{max-width:980px;margin:0 auto 18px;padding:14px 16px;border:1px solid var(--wpn-hc-border);border-radius:14px;background:linear-gradient(135deg,rgba(0,98,250,.055),rgba(37,198,255,.035));line-height:1.45}.wpn-hc-legal__document{max-width:1100px;margin:0 auto;padding:var(--wpn-hc-content-pad);border:1px solid var(--wpn-hc-border);border-radius:22px;background:var(--wpn-hc-surface);box-shadow:var(--wpn-hc-shadow);overflow-wrap:anywhere}.wpn-hc-legal__document>:first-child{margin-top:0}.wpn-hc-legal__document>:last-child{margin-bottom:0}.wpn-hc-legal__document h1,.wpn-hc-legal__document h2,.wpn-hc-legal__document h3,.wpn-hc-legal__document h4,.wpn-hc-legal__document h5,.wpn-hc-legal__document h6{font-family:inherit;line-height:1.2}.wpn-hc-legal__document table{width:100%;border-collapse:collapse;margin:1.2em 0}.wpn-hc-legal__document th,.wpn-hc-legal__document td{padding:.7em .8em;border:1px solid var(--wpn-hc-border);vertical-align:top}.wpn-hc-legal__document a{overflow-wrap:anywhere}.wpn-hc-company__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1000px;margin:0 auto}.wpn-hc-company__fact{padding:18px 20px;border:1px solid var(--wpn-hc-border);border-radius:16px;background:var(--wpn-hc-surface);box-shadow:0 10px 28px rgba(6,23,47,.07)}.wpn-hc-company__fact dt{margin:0 0 5px;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--wpn-hc-accent)}.wpn-hc-company__fact dd{margin:0;font-weight:700;overflow-wrap:anywhere}.wpn-hc-content__status{max-width:1000px;margin:16px auto 0;text-align:center;font-size:.88rem;opacity:.78}.wpn-hc-content--unavailable .wpn-hc-content__message{display:grid;gap:4px}.wpn-hc-resource-grid,.wpn-hc-video-grid{display:grid;grid-template-columns:repeat(var(--wpn-hc-resource-columns,3),minmax(0,1fr));gap:clamp(18px,2.4vw,28px)}.wpn-hc-video-grid{grid-template-columns:repeat(var(--wpn-hc-video-columns,2),minmax(0,1fr))}.wpn-hc-resource-card,.wpn-hc-video-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--wpn-hc-border);border-radius:22px;background:var(--wpn-hc-surface);box-shadow:var(--wpn-hc-shadow)}.wpn-hc-resource-card{display:flex;flex-direction:column;padding:clamp(22px,3vw,30px)}.wpn-hc-resource-card__eyebrow{display:block;margin:0 0 7px;font-size:.74rem;font-weight:800;line-height:1.2;letter-spacing:.09em;text-transform:uppercase;color:var(--wpn-hc-accent)}.wpn-hc-resource-card__title,.wpn-hc-video-card h3{margin:0 0 10px;font-family:inherit;font-size:clamp(1.2rem,1.05rem + .4vw,1.55rem);line-height:1.2}.wpn-hc-resource-card__description,.wpn-hc-video-card p{margin:0 0 18px;opacity:.78}.wpn-hc-resource-card__actions{margin-top:auto;padding-top:8px}.wpn-hc-video-card__media{position:relative;width:100%;aspect-ratio:16/9;background:#06172f;overflow:hidden}.wpn-hc-video-card__media iframe,.wpn-hc-video-card__media video{display:block;width:100%!important;height:100%!important;border:0;object-fit:cover}.wpn-hc-video-card__body{padding:clamp(20px,2.7vw,28px)}.wpn-hc-video-card__body .wpn-hc-button{margin-top:4px}@media(max-width:980px){.wpn-hc-resource-grid{grid-template-columns:repeat(min(2,var(--wpn-hc-resource-columns,3)),minmax(0,1fr))}.wpn-hc-video-grid{grid-template-columns:repeat(min(2,var(--wpn-hc-video-columns,2)),minmax(0,1fr))}}@media(max-width:640px){.wpn-hc-company__details,.wpn-hc-resource-grid,.wpn-hc-video-grid{grid-template-columns:1fr}.wpn-hc-legal__document{padding:20px;border-radius:18px;overflow-x:auto}.wpn-hc-resource-card,.wpn-hc-video-card{border-radius:18px}}
.wpn-hc-resource-card,.wpn-hc-video-card{background-color:var(--wpn-hc-surface,rgba(255,255,255,.96));background-image:linear-gradient(90deg,transparent 0,var(--wpn-hc-accent-2,#25c6ff) 28%,var(--wpn-hc-accent,#0062fa) 50%,var(--wpn-hc-accent-2,#25c6ff) 72%,transparent 100%);background-position:100% 0;background-repeat:no-repeat;background-size:220% 3px;animation:wpn-hc-package-card-signal 6.5s cubic-bezier(.45,0,.55,1) infinite alternate}.wpn-hc-video-card{padding-top:3px}.wpn-hc-resource-grid .wpn-hc-resource-card:nth-child(2),.wpn-hc-video-grid .wpn-hc-video-card:nth-child(2){animation-delay:-1s}.wpn-hc-resource-grid .wpn-hc-resource-card:nth-child(3),.wpn-hc-video-grid .wpn-hc-video-card:nth-child(3){animation-delay:-2s}.wpn-hc-resource-grid .wpn-hc-resource-card:nth-child(4),.wpn-hc-video-grid .wpn-hc-video-card:nth-child(4){animation-delay:-3s}@media(prefers-reduced-motion:reduce){.wpn-hc-resource-card,.wpn-hc-video-card{animation:none}}


/* Alpha 5.0-alpha.20 - bounded remote forms and compact loading geometry.
 * Do not reserve the full remote-document height while a cross-origin form is
 * still loading. The iframe continues loading at 1px, then the accepted desktop
 * or mobile height is applied when frontend.js marks the form is-loaded. */
.wpn-hc-remote-form--iframe{
  min-height:5.25rem;
}
.wpn-hc-remote-form--iframe:not(.is-loaded):not(.is-error) .wpn-hc-remote-form__frame{
  height:1px!important;
  min-height:1px!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.wpn-hc-remote-form--iframe.is-loaded .wpn-hc-remote-form__frame{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transition:opacity .25s ease;
}
.wpn-hc-remote-form--iframe .wpn-hc-remote-form__loading{
  inset:1rem auto auto 50%!important;
  width:max-content;
  max-width:calc(100% - 2rem);
  min-height:0;
  padding:.65rem .95rem!important;
  transform:translateX(-50%);
  border:1px solid rgba(0,98,250,.16);
  border-radius:999px;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 .65rem 1.8rem rgba(6,23,47,.12);
  pointer-events:none;
}
.wpn-hc-remote-form--iframe.is-loaded .wpn-hc-remote-form__loading,
.wpn-hc-remote-form--iframe .wpn-hc-remote-form__loading[hidden]{
  display:none!important;
}
.wpn-hc-remote-form__error[hidden]{display:none!important}
.wpn-hc-remote-form__error{
  position:absolute;
  z-index:6;
  top:clamp(1.25rem,4vw,2.5rem);
  left:50%;
  width:min(620px,calc(100% - 2rem));
  padding:clamp(1rem,3vw,1.6rem);
  transform:translateX(-50%);
  border:1px solid rgba(0,98,250,.22);
  border-radius:18px;
  background:rgba(255,255,255,.98);
  box-shadow:0 1.25rem 3rem rgba(6,23,47,.2);
  color:var(--wpn-hc-navy,#06172f);
  text-align:center;
}
.wpn-hc-remote-form__error strong,
.wpn-hc-remote-form__error span{
  display:block;
}
.wpn-hc-remote-form__error strong{font-size:1.08rem}
.wpn-hc-remote-form__error span{margin-top:.45rem;opacity:.78}
.wpn-hc-remote-form__error-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.7rem;
  margin-top:1rem;
}
.wpn-hc-remote-form--iframe.is-error .wpn-hc-remote-form__frame{
  opacity:.14!important;
  pointer-events:none;
}
.wpn-hc-remote-form--iframe.is-error{
  min-height:min(var(--wpn-hc-remote-height,760px),720px);
}

.wpn-hc-compact-disclosure{
  margin-top:clamp(1rem,2.2vw,1.5rem);
  border:1px solid rgba(0,98,250,.16);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:0 .8rem 2rem rgba(6,23,47,.07);
  overflow:clip;
}
.wpn-hc-compact-disclosure__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:3.4rem;
  padding:.85rem 1.1rem;
  color:var(--wpn-hc-navy,#06172f);
  font-weight:800;
  cursor:pointer;
  list-style:none;
}
.wpn-hc-compact-disclosure__summary::-webkit-details-marker{display:none}
.wpn-hc-compact-disclosure__summary:hover,
.wpn-hc-compact-disclosure__summary:focus-visible{
  background:rgba(0,98,250,.045);
}
.wpn-hc-compact-disclosure__summary:focus-visible{
  outline:3px solid rgba(37,198,255,.28);
  outline-offset:-3px;
}
.wpn-hc-compact-disclosure__icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:2rem;
  height:2rem;
  border-radius:999px;
  background:linear-gradient(135deg,var(--wpn-hc-accent,#0062fa),var(--wpn-hc-accent-2,#25c6ff));
  color:#fff;
  font-size:1.25rem;
  line-height:1;
  transition:transform .22s ease;
}
.wpn-hc-compact-disclosure[open] .wpn-hc-compact-disclosure__icon{transform:rotate(45deg)}
.wpn-hc-compact-disclosure__body{
  padding:0 1rem 1rem;
}
.wpn-hc-cards--continued{
  padding-top:.2rem;
}

@media(max-width:520px){
  .wpn-hc-remote-form__error-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .wpn-hc-remote-form__error-actions .wpn-hc-button{width:100%}
  .wpn-hc-compact-disclosure__body{padding:0 .65rem .65rem}
}

@media(prefers-reduced-motion:reduce){
  .wpn-hc-compact-disclosure__icon{transition:none}
}

/* Alpha 5.0-alpha.4 - catalogue card contrast contract.
 * Divi sections are allowed to use white/light text, but plugin-owned light
 * product cards must not inherit that colour onto their white surface.
 * The card establishes its own readable text colour while preserving accent
 * labels, prices, links and buttons. A dark-card variant is defined for any
 * deliberate future dark surface rather than relying on surrounding page CSS.
 */
.wpn-hc-catalogue .wpn-hc-card{
  --wpn-hc-card-text:var(--wpn-hc-navy,#06172f);
  color:var(--wpn-hc-card-text)!important;
}
.wpn-hc-catalogue .wpn-hc-card :is(
  .wpn-hc-card__title,
  .wpn-hc-card__description,
  .wpn-hc-features,
  .wpn-hc-features li,
  .wpn-hc-features li > span,
  .wpn-hc-features li > strong,
  .wpn-hc-price-option__frequency,
  .wpn-hc-price-option__billing
){
  color:var(--wpn-hc-card-text)!important;
}
.wpn-hc-catalogue .wpn-hc-card .wpn-hc-card__eyebrow,
.wpn-hc-catalogue .wpn-hc-card .wpn-hc-price-option > strong,
.wpn-hc-catalogue .wpn-hc-card .wpn-hc-all-features{
  color:var(--wpn-hc-accent,#0062fa)!important;
}
.wpn-hc-catalogue .wpn-hc-card .wpn-hc-price-option > strong small{
  color:var(--wpn-hc-card-text)!important;
}

/* Deliberate dark product-card surface, available without changing page CSS. */
.wpn-hc-catalogue .wpn-hc-card.wpn-hc-card--dark,
.wpn-hc-catalogue .wpn-hc-card[data-surface="dark"]{
  --wpn-hc-card-text:#fff;
  --wpn-hc-surface:#06172f;
  --wpn-hc-border:rgba(255,255,255,.18);
  background-color:#06172f!important;
  color:#fff!important;
  box-shadow:0 18px 48px rgba(6,23,47,.24)!important;
}
.wpn-hc-catalogue .wpn-hc-card.wpn-hc-card--dark .wpn-hc-price-option,
.wpn-hc-catalogue .wpn-hc-card[data-surface="dark"] .wpn-hc-price-option{
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.06)!important;
}
.wpn-hc-catalogue .wpn-hc-card.wpn-hc-card--dark .wpn-hc-card__eyebrow,
.wpn-hc-catalogue .wpn-hc-card[data-surface="dark"] .wpn-hc-card__eyebrow,
.wpn-hc-catalogue .wpn-hc-card.wpn-hc-card--dark .wpn-hc-price-option > strong,
.wpn-hc-catalogue .wpn-hc-card[data-surface="dark"] .wpn-hc-price-option > strong,
.wpn-hc-catalogue .wpn-hc-card.wpn-hc-card--dark .wpn-hc-all-features,
.wpn-hc-catalogue .wpn-hc-card[data-surface="dark"] .wpn-hc-all-features{
  color:var(--wpn-hc-accent-2,#25c6ff)!important;
}

/* Alpha 5.0-alpha.5 - reusable catalogue carousels, compact domain lists and
 * component-level motion consistency. Divi composes the page; these rules stay
 * entirely inside WPN Hosting Commerce renderers. */
.wpn-hc-carousel{
  width:100%;
  max-width:100%;
  min-width:0;
}
.wpn-hc-carousel__frame{
  width:100%;
  max-width:100%;
  min-width:0;
}
.wpn-hc-carousel__viewport{
  width:100%;
  max-width:100%;
  min-width:0;
}
.wpn-hc-carousel__track{
  display:grid;
  grid-template-columns:repeat(var(--wpn-hc-columns,3),minmax(0,1fr));
  gap:clamp(18px,2.4vw,30px);
  align-items:stretch;
  width:100%;
  min-width:0;
}
.wpn-hc-carousel__slide{
  min-width:0;
}
.wpn-hc-carousel__slide > .wpn-hc-card{
  height:100%;
}
.wpn-hc-carousel__control{
  display:none;
}
.wpn-hc-carousel__status{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.wpn-hc-carousel.is-enhanced.has-controls .wpn-hc-carousel__frame{
  display:grid;
  grid-template-columns:2.35rem minmax(0,1fr) 2.35rem;
  align-items:center;
  gap:.7rem;
}
.wpn-hc-carousel.is-enhanced:not(.has-controls) .wpn-hc-carousel__frame{
  display:block;
}
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__viewport{
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:0;
  scrollbar-width:none;
  touch-action:pan-x pan-y;
}
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__viewport::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__viewport:focus-visible{
  outline:3px solid rgba(37,198,255,.4);
  outline-offset:4px;
  border-radius:20px;
}
.wpn-hc-carousel.is-enhanced.has-controls .wpn-hc-carousel__viewport{
  grid-column:2;
}
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__track{
  display:flex;
  gap:clamp(18px,2vw,26px);
  width:100%;
  min-width:100%;
  align-items:stretch;
}
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__slide{
  flex:0 0 calc((100% - (2 * clamp(18px,2vw,26px))) / 3);
  width:calc((100% - (2 * clamp(18px,2vw,26px))) / 3);
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control{
  display:grid;
  place-items:center;
  width:2.35rem;
  height:2.35rem;
  padding:0;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,var(--wpn-hc-accent,#0062fa),#0044c5);
  color:#fff;
  box-shadow:0 .55rem 1.35rem rgba(0,98,250,.24);
  font:inherit;
  font-size:1.55rem;
  line-height:1;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control[hidden]{display:none!important}
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control.is-disabled,
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control[aria-disabled="true"]{cursor:default;opacity:.42}
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control:not(.is-disabled):hover{
  transform:translateY(-2px);
  box-shadow:0 .8rem 1.7rem rgba(0,98,250,.3);
}
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control:focus-visible{
  outline:3px solid var(--wpn-hc-accent-2,#25c6ff);
  outline-offset:4px;
}
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control--prev{grid-column:1}
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control--next{grid-column:3}

.wpn-hc-domain-list{
  display:grid;
  gap:.65rem;
  width:100%;
  max-width:100%;
}
.wpn-hc-domain-list__row{
  display:grid;
  grid-template-columns:minmax(9rem,.75fr) minmax(14rem,1.25fr) minmax(0,.8fr);
  align-items:center;
  gap:clamp(.7rem,1.5vw,1.25rem);
  min-width:0;
  padding:.8rem .95rem;
  border:1px solid var(--wpn-hc-border,rgba(0,98,250,.17));
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 .45rem 1.2rem rgba(6,23,47,.055);
  color:var(--wpn-hc-navy,#06172f);
  overflow:hidden;
}
.wpn-hc-domain-list__row.is-promotional{
  border-color:rgba(37,198,255,.38);
  background:linear-gradient(135deg,rgba(37,198,255,.075),rgba(255,255,255,.98) 44%);
}
.wpn-hc-domain-list__identity{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  min-width:0;
}
.wpn-hc-domain-list__tld{
  font-size:clamp(1rem,.96rem + .18vw,1.14rem);
  line-height:1.2;
  color:var(--wpn-hc-navy,#06172f)!important;
  overflow-wrap:anywhere;
}
.wpn-hc-domain-list__badge{
  display:inline-flex;
  align-items:center;
  min-height:1.7rem;
  padding:.26rem .58rem;
  border-radius:999px;
  background:linear-gradient(135deg,var(--wpn-hc-accent,#0062fa),var(--wpn-hc-accent-2,#25c6ff));
  color:#fff!important;
  font-size:.69rem;
  font-weight:800;
  letter-spacing:.045em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
}
.wpn-hc-domain-list__badge--soft{
  border:1px solid rgba(0,98,250,.16);
  background:rgba(0,98,250,.07);
  color:var(--wpn-hc-accent,#0062fa)!important;
}
.wpn-hc-domain-list__choice{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:.55rem .8rem;
  min-width:0;
}
.wpn-hc-domain-list__select{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:2.8rem;
  padding:.55rem 2.35rem .55rem .78rem;
  border:1px solid rgba(0,98,250,.22);
  border-radius:12px;
  background-color:#fff;
  color:var(--wpn-hc-navy,#06172f);
  font:inherit;
  font-weight:700;
  line-height:1.25;
}
.wpn-hc-domain-list__select:focus-visible{
  outline:3px solid rgba(37,198,255,.35);
  outline-offset:3px;
  border-color:var(--wpn-hc-accent,#0062fa);
}
.wpn-hc-domain-list__comparison{
  color:var(--wpn-hc-slate,#45566c)!important;
  font-size:.8rem;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
}
.wpn-hc-domain-list__comparison[hidden]{display:none!important}
.wpn-hc-domain-list__note{
  min-width:0;
  color:var(--wpn-hc-slate,#45566c)!important;
  font-size:.82rem;
  font-weight:700;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.wpn-hc-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Commerce reveal is positional enhancement only. Signal animation remains
 * owned by the accepted reusable card surface rules above. */
.wpn-hc-catalogue.wpn-hc-motion-ready .wpn-hc-card.wpn-hc-reveal{
  opacity:1!important;
  transform:translateY(8px);
}
.wpn-hc-catalogue.wpn-hc-motion-ready .wpn-hc-card.wpn-hc-reveal.is-visible{
  opacity:1!important;
  transform:none;
  transition:transform .36s cubic-bezier(.2,.7,.2,1) var(--wpn-hc-delay,0ms)!important;
}

@media(max-width:980px){
  .wpn-hc-carousel.is-enhanced .wpn-hc-carousel__slide{
    flex-basis:calc((100% - clamp(18px,2vw,26px)) / 2);
    width:calc((100% - clamp(18px,2vw,26px)) / 2);
  }
  .wpn-hc-domain-list__row{
    grid-template-columns:minmax(8rem,.7fr) minmax(13rem,1.3fr);
  }
  .wpn-hc-domain-list__note{
    grid-column:1 / -1;
  }
}

@media(max-width:640px){
  .wpn-hc-carousel.is-enhanced.has-controls .wpn-hc-carousel__frame{
    grid-template-columns:1fr 1fr;
    gap:.7rem .55rem;
  }
  .wpn-hc-carousel.is-enhanced.has-controls .wpn-hc-carousel__viewport{
    grid-column:1 / -1;
    grid-row:1;
  }
  .wpn-hc-carousel.is-enhanced .wpn-hc-carousel__slide{
    flex-basis:min(88%,340px);
    width:min(88%,340px);
  }
  .wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control--prev{
    grid-column:1;
    grid-row:2;
    justify-self:end;
  }
  .wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control--next{
    grid-column:2;
    grid-row:2;
    justify-self:start;
  }
  .wpn-hc-domain-list__row{
    grid-template-columns:1fr;
    gap:.62rem;
    padding:.75rem .8rem;
    border-radius:14px;
  }
  .wpn-hc-domain-list__choice{
    grid-template-columns:1fr;
    gap:.4rem;
  }
  .wpn-hc-domain-list__comparison{
    white-space:normal;
  }
  .wpn-hc-domain-list__note{
    grid-column:auto;
  }
}

@media(max-width:360px){
  .wpn-hc-carousel.is-enhanced .wpn-hc-carousel__slide{
    flex-basis:90%;
    width:90%;
  }
  .wpn-hc-domain-list__select{
    font-size:.9rem;
    padding-left:.65rem;
    padding-right:2rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .wpn-hc-carousel.is-enhanced .wpn-hc-carousel__viewport{scroll-behavior:auto!important}
  .wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control{transition:none!important}
  .wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control:hover{transform:none!important}
  .wpn-hc-catalogue .wpn-hc-card{
    animation:none!important;
    background-position:50% 0!important;
  }
  .wpn-hc-catalogue.wpn-hc-motion-ready .wpn-hc-card.wpn-hc-reveal,
  .wpn-hc-catalogue.wpn-hc-motion-ready .wpn-hc-card.wpn-hc-reveal.is-visible{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* Alpha 5.0-alpha.5 fallback/responsiveness refinements. */
.wpn-hc-domain-list{
  grid-template-columns:repeat(auto-fit,minmax(440px,1fr));
}
@media(max-width:980px){
  .wpn-hc-carousel:not(.is-enhanced) .wpn-hc-carousel__track{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .wpn-hc-carousel:not(.is-enhanced) .wpn-hc-carousel__track,
  .wpn-hc-domain-list{
    grid-template-columns:1fr;
  }
}
@media(min-width:981px){
  .wpn-hc-carousel.is-enhanced[data-wpn-hc-carousel-count="1"] .wpn-hc-carousel__slide{
    flex-basis:100%;width:100%;
  }
  .wpn-hc-carousel.is-enhanced[data-wpn-hc-carousel-count="2"] .wpn-hc-carousel__slide{
    flex-basis:calc((100% - clamp(18px,2vw,26px)) / 2);
    width:calc((100% - clamp(18px,2vw,26px)) / 2);
  }
}


/* Alpha 5.0-alpha.6 - reusable renderer polish and shared signal contract. */

/* Shared commerce signal: one implementation for product, resource/video and
 * remote-form surfaces. The signal belongs to the border-owning element and is
 * clipped by its radius, so carousel position/wrapping cannot create an escaped
 * stripe. */
.wpn-hc-signal-surface{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
}

/* Standard WPN CTA geometry owns its shimmer, including catalogue OPEN PDF. */
.wpn-hc-button{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
}
.wpn-hc-button::before{
  pointer-events:none!important;
  border-radius:inherit!important;
}

/* Remote Order Form headings/help are light-surface content and must not inherit
 * a white Divi section colour. */
.wpn-hc-catalogue--remote-order{
  color:var(--wpn-hc-navy,#06172f)!important;
}
.wpn-hc-catalogue--remote-order .wpn-hc-catalogue__header,
.wpn-hc-catalogue--remote-order .wpn-hc-catalogue__header :is(h2,h3,h4,p),
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form__trust,
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form__fallback,
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form__error,
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form__loading{
  color:var(--wpn-hc-navy,#06172f)!important;
  opacity:1!important;
}

/* The provider document is cross-origin, so automatic document-height
 * measurement is unavailable. Use a bounded responsive viewport with internal
 * scrolling instead of reserving the old 1500px blank area. Alpha.7 increases
 * the accepted alpha.6 viewport by 25% to restore comfortable lower clearance. */
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe{
  min-height:0!important;
  height:clamp(850px,97.5vh,1150px)!important;
  max-height:none!important;
  padding-bottom:0!important;
}
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe .wpn-hc-remote-form__frame{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}

/* Domain progressive disclosure. Rows remain server-rendered/visible if JS
 * fails; JavaScript hides rows four onward only after successful enhancement. */
.wpn-hc-domain-list{
  grid-template-columns:1fr!important;
}
.wpn-hc-domain-list__toggle{
  display:flex;
  width:max-content;
  max-width:100%;
  margin:clamp(.8rem,1.8vw,1.2rem) auto 0;
  min-height:2.75rem;
  padding:.62rem 1.05rem;
  font-size:.88rem;
}
.wpn-hc-domain-list__toggle[hidden]{display:none!important}
.wpn-hc-domain-list__row[hidden]{display:none!important}

/* SVG arrows avoid font-baseline drift while retaining the existing circle. */
.wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control{
  display:grid;
  place-items:center;
  line-height:0!important;
}
.wpn-hc-carousel__control .wpn-hc-carousel__icon{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  line-height:0;
}
.wpn-hc-carousel__control .wpn-hc-carousel__icon svg{
  display:block;
  width:1.05rem;
  height:1.05rem;
  overflow:visible;
}
.wpn-hc-carousel__control .wpn-hc-carousel__icon path{
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

/* Commerce reveal never owns opacity; content is usable before/after carousel
 * movement and after progressive disclosure. */
.wpn-hc-catalogue.wpn-hc-motion-ready :is(.wpn-hc-card,.wpn-hc-resource-card,.wpn-hc-video-card,.wpn-hc-remote-form).wpn-hc-reveal,
.wpn-hc-catalogue.wpn-hc-motion-ready :is(.wpn-hc-card,.wpn-hc-resource-card,.wpn-hc-video-card,.wpn-hc-remote-form).wpn-hc-reveal.is-visible{
  opacity:1!important;
}

@media(max-width:640px){
  .wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe{
    height:clamp(700px,92.5vh,950px)!important;
  }
}
@media(max-width:360px){
  .wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe{
    height:clamp(650px,90vh,875px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .wpn-hc-catalogue .wpn-hc-card,
  .wpn-hc-content .wpn-hc-resource-card,
  .wpn-hc-content .wpn-hc-video-card,
  .wpn-hc-remote-form{
    animation:none!important;
  }
  .wpn-hc-domain-list__toggle,
  .wpn-hc-carousel__control{
    transition:none!important;
  }
}

/* Alpha 5.0-alpha.7 - Website Packages motion recovery and commerce interaction. */

/* Carousel slides use the same staggered signal timing as card grids. The
 * animated layer is the card background itself, so movement remains clipped by
 * the rounded surface and survives horizontal carousel movement. */
.wpn-hc-carousel__slide:nth-child(2) .wpn-hc-card{animation-delay:-1s!important}
.wpn-hc-carousel__slide:nth-child(3) .wpn-hc-card{animation-delay:-2s!important}
.wpn-hc-carousel__slide:nth-child(4) .wpn-hc-card{animation-delay:-3s!important}
.wpn-hc-carousel__slide:nth-child(5) .wpn-hc-card{animation-delay:-4s!important}
.wpn-hc-carousel__slide:nth-child(6) .wpn-hc-card{animation-delay:-5s!important}

/* Live price panels are genuine order CTAs for hosting/server/SSL card families.
 * The full price surface is a button-like link to the reusable order destination. */
.wpn-hc-price-option--cta{
  display:block;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--wpn-hc-accent,#0062fa),#0044c5)!important;
  color:#fff!important;
  text-decoration:none!important;
  cursor:pointer;
  box-shadow:0 .65rem 1.6rem rgba(0,98,250,.18);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.wpn-hc-price-option--cta :is(.wpn-hc-price-option__frequency,.wpn-hc-price-option__billing,strong,strong small){
  color:#fff!important;
}
.wpn-hc-price-option--cta .wpn-hc-price-option__frequency{opacity:.82!important}
.wpn-hc-price-option--cta .wpn-hc-price-option__billing{opacity:.84!important}
.wpn-hc-price-option--cta .wpn-hc-price-option__action{display:block;margin-top:.55rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2);color:#fff!important;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;opacity:.96}
.wpn-hc-price-option--cta::before{
  content:"";
  position:absolute;
  top:-60%;
  left:-58%;
  width:30%;
  height:220%;
  z-index:1;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.12) 38%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.12) 62%,transparent 78%);
  transform:skewX(-22deg);
}
.wpn-hc-price-option--cta::after{
  content:"";
  position:absolute;
  right:.82rem;
  bottom:.72rem;
  width:.46rem;
  height:.46rem;
  border-right:2px solid rgba(255,255,255,.9);
  border-bottom:2px solid rgba(255,255,255,.9);
  transform:rotate(45deg);
  opacity:.82;
  pointer-events:none;
}
.wpn-hc-price-option--cta:hover,
.wpn-hc-price-option--cta:focus-visible{
  transform:translateY(-.2rem);
  border-color:rgba(37,198,255,.45)!important;
  box-shadow:0 1rem 2.35rem rgba(0,98,250,.3);
}
.wpn-hc-price-option--cta:hover::before,
.wpn-hc-price-option--cta:focus-visible::before{
  opacity:1;
  animation:wpn-hc-package-button-shine .88s ease-out 1 forwards;
}
.wpn-hc-price-option--cta:focus-visible{
  outline:3px solid rgba(37,198,255,.45);
  outline-offset:3px;
}

/* Data-centre cards are now genuinely interactive and open WPN-owned facility
 * detail dialogs rather than sending customers to the retired reseller store. */
.wpn-hc-datacentre{display:block!important;padding:0!important;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.wpn-hc-datacentre:hover,.wpn-hc-datacentre:focus-within{transform:translateY(-.22rem);border-color:rgba(0,98,250,.38)!important;box-shadow:0 18px 42px rgba(6,23,47,.14)!important}
.wpn-hc-datacentre__trigger{
  appearance:none;
  -webkit-appearance:none;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:16px;
  align-items:start;
  width:100%;
  min-height:100%;
  padding:24px;
  border:0;
  border-radius:inherit;
  background:transparent;
  color:var(--wpn-hc-navy,#06172f);
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.wpn-hc-datacentre__trigger:focus-visible{
  outline:3px solid rgba(37,198,255,.45);
  outline-offset:4px;
}
.wpn-hc-datacentre__content{display:block;min-width:0}
.wpn-hc-datacentre__title{display:block;margin:0 0 6px;font-family:inherit;font-size:1.15rem;font-weight:800;line-height:1.25}
.wpn-hc-datacentre__location{display:block;margin:7px 0 0;font-weight:700;opacity:.9!important}
.wpn-hc-datacentre__description{display:block;margin:7px 0 0;opacity:.76}
.wpn-hc-datacentre__more{display:inline-flex;align-items:center;gap:.35rem;margin-top:.75rem;color:var(--wpn-hc-accent,#0062fa);font-size:.86rem;font-weight:800}
.wpn-hc-datacentre__more span{font-size:1.25em;transition:transform .18s ease}
.wpn-hc-datacentre__trigger:hover .wpn-hc-datacentre__more span,
.wpn-hc-datacentre__trigger:focus-visible .wpn-hc-datacentre__more span{transform:translateX(3px)}
.wpn-hc-datacentre-dialog__surface{color:var(--wpn-hc-navy,#06172f)!important}
.wpn-hc-datacentre-dialog__location{margin:.6rem 0 0;font-weight:800;color:var(--wpn-hc-accent,#0062fa)!important}
.wpn-hc-datacentre-dialog__summary{margin:0 0 1.2rem;font-size:1.04rem;line-height:1.55}
.wpn-hc-datacentre-dialog__best{display:grid;gap:.25rem;margin:0 0 1.25rem;padding:1rem 1.1rem;border:1px solid var(--wpn-hc-border);border-radius:16px;background:linear-gradient(135deg,rgba(0,98,250,.06),rgba(37,198,255,.035))}
.wpn-hc-datacentre-dialog__best strong{color:var(--wpn-hc-accent,#0062fa)}
.wpn-hc-datacentre-dialog__section{margin-top:1.2rem}
.wpn-hc-datacentre-dialog__section h4{margin:0 0 .65rem}
.wpn-hc-datacentre-dialog__section ul{margin:0;padding-left:1.2rem}
.wpn-hc-datacentre-dialog__section li+li{margin-top:.35rem}
.wpn-hc-datacentre-dialog__section dl{margin:0;border:1px solid var(--wpn-hc-border);border-radius:14px;overflow:hidden}
.wpn-hc-datacentre-dialog__section dl>div{display:grid;grid-template-columns:minmax(7rem,.7fr) minmax(0,1.3fr);gap:1rem;padding:.7rem .85rem;border-top:1px solid var(--wpn-hc-border)}
.wpn-hc-datacentre-dialog__section dl>div:first-child{border-top:0}
.wpn-hc-datacentre-dialog__section dt{font-weight:800}
.wpn-hc-datacentre-dialog__section dd{margin:0}

@media(max-width:640px){
  .wpn-hc-datacentre__trigger{grid-template-columns:40px minmax(0,1fr);padding:20px}
  .wpn-hc-datacentre-dialog__section dl>div{grid-template-columns:1fr;gap:.15rem}
}
@media(prefers-reduced-motion:reduce){
  .wpn-hc-price-option--cta:hover,
  .wpn-hc-price-option--cta:focus-visible,
  .wpn-hc-datacentre:hover,
  .wpn-hc-datacentre:focus-within{transform:none!important}
  .wpn-hc-price-option--cta:hover::before,
  .wpn-hc-price-option--cta:focus-visible::before{animation:none!important;opacity:0!important}
  .wpn-hc-datacentre,.wpn-hc-datacentre__more span{transition:none!important}
}

/* Alpha 5.0-alpha.8 - canonical Website Packages signal shimmer and renderer polish.
 * This block is the authoritative reusable commerce-component contract. The signal
 * is a stationary full-width 4px pseudo-element. It never translates, changes width,
 * or uses a moving box shadow. Only its 220% gradient background-position moves. */
@keyframes wpn-hc-signal-shimmer{
  from{background-position:100% 0}
  to{background-position:-100% 0}
}

/* Remove older background-layer/card-scan motion so there is one signal system. */
.wpn-hc-card,
.wpn-hc-resource-card,
.wpn-hc-video-card,
.wpn-hc-remote-form{
  position:relative!important;
  overflow:hidden!important;
  animation:none!important;
}
.wpn-hc-card{
  background-color:var(--wpn-hc-surface,rgba(255,255,255,.96))!important;
  background-image:radial-gradient(circle at 100% 0,rgba(37,198,255,.09),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,255,.96))!important;
  background-position:0 0,0 0!important;
  background-size:auto,auto!important;
  background-repeat:no-repeat,no-repeat!important;
}
.wpn-hc-resource-card,
.wpn-hc-video-card{
  background-color:var(--wpn-hc-surface,rgba(255,255,255,.96))!important;
  background-image:radial-gradient(circle at 100% 0,rgba(37,198,255,.08),transparent 34%),linear-gradient(180deg,#fff,#f8fcff)!important;
  background-position:0 0,0 0!important;
  background-size:auto,auto!important;
  background-repeat:no-repeat,no-repeat!important;
}
.wpn-hc-remote-form{
  background-color:#fff!important;
  background-image:radial-gradient(circle at 100% 0,rgba(37,198,255,.1),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,252,255,.97))!important;
  background-position:100% 0,0 0!important;
  background-size:auto,auto!important;
  background-repeat:no-repeat,no-repeat!important;
}
.wpn-hc-card::after{content:none!important;display:none!important;animation:none!important}

/* Approved WPN Signal Shimmer - exact Website Packages/GDPR geometry. */
.wpn-hc-card::before,
.wpn-hc-resource-card::before,
.wpn-hc-video-card::before,
.wpn-hc-remote-form::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  width:100%!important;
  height:4px!important;
  z-index:6!important;
  pointer-events:none!important;
  opacity:1!important;
  transform:none!important;
  box-shadow:none!important;
  background-color:transparent!important;
  background-image:linear-gradient(90deg,transparent 0%,var(--wpn-hc-accent-2,#25c6ff) 30%,var(--wpn-hc-accent,#0062fa) 50%,var(--wpn-hc-accent-2,#25c6ff) 70%,transparent 100%)!important;
  background-size:220% 100%!important;
  background-position:100% 0;
  background-repeat:no-repeat!important;
  animation:wpn-hc-signal-shimmer 8s cubic-bezier(.45,0,.55,1) infinite alternate!important;
}
.wpn-hc-cards .wpn-hc-card:nth-child(2)::before,
.wpn-hc-resource-grid .wpn-hc-resource-card:nth-child(2)::before,
.wpn-hc-video-grid .wpn-hc-video-card:nth-child(2)::before,
.wpn-hc-carousel__slide:nth-child(2) .wpn-hc-card::before{animation-delay:-1.25s!important}
.wpn-hc-cards .wpn-hc-card:nth-child(3)::before,
.wpn-hc-resource-grid .wpn-hc-resource-card:nth-child(3)::before,
.wpn-hc-video-grid .wpn-hc-video-card:nth-child(3)::before,
.wpn-hc-carousel__slide:nth-child(3) .wpn-hc-card::before{animation-delay:-2.5s!important}
.wpn-hc-cards .wpn-hc-card:nth-child(4)::before,
.wpn-hc-resource-grid .wpn-hc-resource-card:nth-child(4)::before,
.wpn-hc-video-grid .wpn-hc-video-card:nth-child(4)::before,
.wpn-hc-carousel__slide:nth-child(4) .wpn-hc-card::before{animation-delay:-3.75s!important}
.wpn-hc-cards .wpn-hc-card:nth-child(5)::before,
.wpn-hc-carousel__slide:nth-child(5) .wpn-hc-card::before{animation-delay:-5s!important}
.wpn-hc-cards .wpn-hc-card:nth-child(6)::before,
.wpn-hc-carousel__slide:nth-child(6) .wpn-hc-card::before{animation-delay:-6.25s!important}

/* KVM and Dedicated carousel cards use the requested dark-blue server surface. */
.wpn-hc-catalogue--vps-plans .wpn-hc-carousel .wpn-hc-card,
.wpn-hc-catalogue--dedicated-servers .wpn-hc-carousel .wpn-hc-card{
  --wpn-hc-surface:#071d3b;
  --wpn-hc-border:rgba(37,198,255,.28);
  background-color:#071d3b!important;
  background-image:radial-gradient(circle at 100% 0,rgba(37,198,255,.16),transparent 38%),linear-gradient(180deg,#0a2b56,#06172f)!important;
  color:#fff!important;
  border-color:rgba(37,198,255,.28)!important;
  box-shadow:0 20px 52px rgba(3,14,31,.24)!important;
}
.wpn-hc-catalogue--vps-plans .wpn-hc-carousel .wpn-hc-card :is(.wpn-hc-card__title,.wpn-hc-card__description,.wpn-hc-features span,.wpn-hc-features strong),
.wpn-hc-catalogue--dedicated-servers .wpn-hc-carousel .wpn-hc-card :is(.wpn-hc-card__title,.wpn-hc-card__description,.wpn-hc-features span,.wpn-hc-features strong){color:#fff!important}
.wpn-hc-catalogue--vps-plans .wpn-hc-carousel .wpn-hc-card .wpn-hc-card__eyebrow,
.wpn-hc-catalogue--dedicated-servers .wpn-hc-carousel .wpn-hc-card .wpn-hc-card__eyebrow,
.wpn-hc-catalogue--vps-plans .wpn-hc-carousel .wpn-hc-card .wpn-hc-all-features,
.wpn-hc-catalogue--dedicated-servers .wpn-hc-carousel .wpn-hc-card .wpn-hc-all-features{color:var(--wpn-hc-accent-2,#25c6ff)!important}
.wpn-hc-catalogue--vps-plans .wpn-hc-carousel .wpn-hc-features li,
.wpn-hc-catalogue--dedicated-servers .wpn-hc-carousel .wpn-hc-features li{border-color:rgba(255,255,255,.14)!important}

/* Canonical blue CTA tooth shimmer - OPEN PDF and standard plugin CTAs. */
.wpn-hc-catalogue .wpn-hc-button{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background-color:var(--wpn-hc-accent,#0062fa)!important;
  color:#fff!important;
  border:1px solid transparent!important;
}
.wpn-hc-catalogue .wpn-hc-button::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:-60%!important;
  left:-58%;
  width:30%!important;
  height:220%!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:skewX(-22deg)!important;
  background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.08) 39%,rgba(255,255,255,.82) 50%,rgba(255,255,255,.08) 61%,transparent 76%)!important;
  animation:none!important;
}
.wpn-hc-catalogue .wpn-hc-button:hover::before,
.wpn-hc-catalogue .wpn-hc-button:focus-visible::before{
  opacity:1!important;
  animation:wpn-hc-package-button-shine .88s ease-out 1 forwards!important;
}

/* Approved White Button Signal-Shimmer - secondary/reveal controls and price CTA cards. */
.wpn-hc-catalogue .wpn-hc-button--secondary,
.wpn-hc-domain-list__toggle,
.wpn-hc-price-option--cta{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid rgba(37,198,255,.52)!important;
  background-color:#fff!important;
  color:var(--wpn-hc-accent,#0062fa)!important;
  box-shadow:0 .65rem 1.7rem rgba(6,23,47,.10),inset 0 0 0 1px rgba(0,98,250,.04)!important;
}
.wpn-hc-price-option--cta :is(.wpn-hc-price-option__frequency,.wpn-hc-price-option__billing,strong,strong small,.wpn-hc-price-option__action){color:var(--wpn-hc-accent,#0062fa)!important}
.wpn-hc-price-option--cta .wpn-hc-price-option__frequency,
.wpn-hc-price-option--cta .wpn-hc-price-option__billing{opacity:.78!important}
.wpn-hc-price-option--cta .wpn-hc-price-option__action{border-color:rgba(0,98,250,.14)!important}
.wpn-hc-price-option--cta::after{border-color:var(--wpn-hc-accent,#0062fa)!important;opacity:.66!important}
.wpn-hc-catalogue .wpn-hc-button--secondary::before,
.wpn-hc-domain-list__toggle::before,
.wpn-hc-price-option--cta::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:-60%!important;
  left:-58%;
  width:30%!important;
  height:220%!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:skewX(-22deg)!important;
  background:linear-gradient(115deg,transparent 20%,rgba(0,98,250,.025) 34%,rgba(37,198,255,.30) 49%,rgba(0,98,250,.09) 61%,transparent 78%)!important;
  animation:none!important;
}
.wpn-hc-catalogue .wpn-hc-button--secondary:hover,
.wpn-hc-catalogue .wpn-hc-button--secondary:focus-visible,
.wpn-hc-domain-list__toggle:hover,
.wpn-hc-domain-list__toggle:focus-visible,
.wpn-hc-price-option--cta:hover,
.wpn-hc-price-option--cta:focus-visible{
  background-color:#fff!important;
  color:var(--wpn-hc-accent,#0062fa)!important;
  border-color:var(--wpn-hc-accent-2,#25c6ff)!important;
  box-shadow:0 .9rem 2.15rem rgba(0,98,250,.15),0 0 0 1px rgba(37,198,255,.12)!important;
}
.wpn-hc-catalogue .wpn-hc-button--secondary:hover::before,
.wpn-hc-catalogue .wpn-hc-button--secondary:focus-visible::before,
.wpn-hc-domain-list__toggle:hover::before,
.wpn-hc-domain-list__toggle:focus-visible::before,
.wpn-hc-price-option--cta:hover::before,
.wpn-hc-price-option--cta:focus-visible::before{
  opacity:1!important;
  animation:wpn-hc-package-button-shine .92s ease-out 1 forwards!important;
}

/* Remote Order Form: another 25% usable height over alpha.7, using the form's
 * configured height as the single source instead of a viewport-height clamp. */
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe{
  height:var(--wpn-hc-remote-height,1360px)!important;
  min-height:var(--wpn-hc-remote-height,1360px)!important;
  max-height:none!important;
  padding-bottom:0!important;
}
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe .wpn-hc-remote-form__frame{
  height:100%!important;
  min-height:100%!important;
  overflow:auto!important;
}

/* Data-centre trigger stays concise; detail scrolling occurs inside the rounded
 * dialog surface so the scrollbar can never sit outside the radius. */
.wpn-hc-datacentre-dialog__surface{
  padding:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
}
.wpn-hc-datacentre-dialog__scroll{
  position:relative;
  max-height:min(88vh,920px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:clamp(24px,4vw,46px);
  color:var(--wpn-hc-navy,#06172f)!important;
}

/* Domain popup input gets the requested visual four-space inset without changing
 * the actual submitted domain value. */
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-input{
  padding-left:4ch!important;
}

@media(max-width:720px){
  .wpn-hc-datacentre-dialog__surface{border-radius:18px!important}
  .wpn-hc-datacentre-dialog__scroll{max-height:94vh;padding:22px 18px}
}
@media(prefers-reduced-motion:reduce){
  .wpn-hc-card::before,
  .wpn-hc-resource-card::before,
  .wpn-hc-video-card::before,
  .wpn-hc-remote-form::before{
    animation:none!important;
    background-position:50% 0!important;
  }
  .wpn-hc-catalogue .wpn-hc-button:hover::before,
  .wpn-hc-catalogue .wpn-hc-button:focus-visible::before,
  .wpn-hc-domain-list__toggle:hover::before,
  .wpn-hc-domain-list__toggle:focus-visible::before,
  .wpn-hc-price-option--cta:hover::before,
  .wpn-hc-price-option--cta:focus-visible::before{
    animation:none!important;
    opacity:0!important;
  }
}



/* Alpha 5.0-alpha.9 - cascade repair and live staging polish.
 * IMPORTANT: properties animated by keyframes must NOT be !important. CSS
 * animations cannot override important author declarations. Alpha.8 froze the
 * otherwise-correct signal/button gradients by marking background-position/left
 * important. This block keeps the exact approved geometry while allowing the
 * keyframes to move those properties. */

/* Canonical WPN Signal Shimmer. The line itself never moves; only the 220%
 * gradient background position changes. */
.wpn-hc-card::before,
.wpn-hc-resource-card::before,
.wpn-hc-video-card::before,
.wpn-hc-remote-form::before{
  background-position:100% 0;
}

/* White/blue CTA shimmers use the existing one-pass left-position keyframe.
 * Leave the animated left property non-important so the keyframe can run. */
.wpn-hc-catalogue .wpn-hc-button::before,
.wpn-hc-catalogue .wpn-hc-button--secondary::before,
.wpn-hc-domain-list__toggle::before,
.wpn-hc-price-option--cta::before{
  left:-58%;
}

/* The KVM and Dedicated catalogues use a dark shell around the complete
 * carousel, not only dark individual cards. The shell deliberately differs
 * from the brighter control blue so the circular controls remain obvious. */
.wpn-hc-catalogue--vps-plans .wpn-hc-carousel__frame,
.wpn-hc-catalogue--dedicated-servers .wpn-hc-carousel__frame{
  padding:clamp(.9rem,1.8vw,1.35rem)!important;
  border:1px solid rgba(37,198,255,.22)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,#0b294b,#071d38 58%,#06172f)!important;
  box-shadow:0 22px 58px rgba(3,14,31,.22)!important;
}
.wpn-hc-catalogue--vps-plans .wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control,
.wpn-hc-catalogue--dedicated-servers .wpn-hc-carousel.is-enhanced .wpn-hc-carousel__control{
  background:linear-gradient(135deg,#0876ff,#00aee8)!important;
  box-shadow:0 .6rem 1.5rem rgba(0,174,232,.28)!important;
}

/* Domain popup: the rounded outer shell clips everything. Scrolling belongs to
 * the inner content root so Chrome's scrollbar no longer squares off the modal
 * edge. */
.wpn-hc-provider-domain-popup--active{
  overflow:hidden!important;
  scrollbar-width:none!important;
}
.wpn-hc-provider-domain-popup--active::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__content-root{
  max-height:calc(100vh - 30px)!important;
  max-height:calc(100dvh - 30px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(0,98,250,.55) transparent!important;
  border-radius:21px!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__content-root::-webkit-scrollbar{width:9px!important;height:0!important}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__content-root::-webkit-scrollbar-track{background:transparent!important}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__content-root::-webkit-scrollbar-thumb{
  border:2px solid transparent!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(0,98,250,.55),rgba(37,198,255,.72)) padding-box!important;
}

/* Keep the popup search field and Check control visually balanced. */
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-input{
  min-height:46px!important;
}
.wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-submit{
  min-height:46px!important;
  min-width:78px!important;
  max-width:98px!important;
  padding:.68rem .9rem!important;
  font-size:.9em!important;
}

@media(max-width:620px){
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__content-root{
    max-height:calc(100vh - 14px)!important;
    max-height:calc(100dvh - 14px)!important;
    border-radius:15px!important;
  }
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-submit{
    min-width:76px!important;
    max-width:94px!important;
    min-height:46px!important;
    padding:.66rem .82rem!important;
  }
  .wpn-hc-catalogue--vps-plans .wpn-hc-carousel__frame,
  .wpn-hc-catalogue--dedicated-servers .wpn-hc-carousel__frame{
    padding:.85rem!important;
    border-radius:22px!important;
  }
}
@media(max-width:390px){
  .wpn-hc-provider-domain-popup--active .wpn-hc-provider-domain-popup__search-submit{
    min-width:70px!important;
    max-width:88px!important;
    min-height:46px!important;
    padding:.62rem .68rem!important;
    font-size:.84em!important;
  }
}


/* Alpha 5.0-alpha.11 - responsive Remote Order Form geometry.
 * The cross-origin form cannot be measured from the parent document, so one
 * fixed height is not appropriate across every viewport. Desktop retains the
 * accepted trimmed allowance; narrower layouts use a bounded viewport-aware
 * allowance while the provider-side stylesheet reflows the actual form. */
.wpn-hc-catalogue--remote-order{
  max-width:100%!important;
  overflow-x:clip!important;
}
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe{
  width:100%!important;
  max-width:100%!important;
  height:var(--wpn-hc-remote-height,1360px)!important;
  min-height:var(--wpn-hc-remote-height,1360px)!important;
  overflow:hidden!important;
}
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe .wpn-hc-remote-form__frame{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  border:0!important;
  overflow:auto!important;
}
@media(max-width:900px){
  .wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe{
    /* At narrower widths the remote form stacks more fields. The allowance
     * follows viewport height but remains bounded to avoid a giant blank card. */
    height:clamp(1360px,calc(100dvh + 540px),1460px)!important;
    min-height:clamp(1360px,calc(100dvh + 540px),1460px)!important;
  }
}
@media(max-width:640px){
  .wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe{
    height:clamp(1360px,calc(100dvh + 560px),1460px)!important;
    min-height:clamp(1360px,calc(100dvh + 560px),1460px)!important;
    border-radius:18px!important;
  }
}
@media(max-width:360px){
  .wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe{
    height:clamp(1340px,calc(100dvh + 590px),1460px)!important;
    min-height:clamp(1340px,calc(100dvh + 590px),1460px)!important;
  }
}


/* Alpha 5.0-alpha.12 - feature-dialog scrollbar containment.
 * The rounded surface owns clipping; an inner scroll region owns scrolling so
 * Chrome/Safari cannot square off the outer radius with the scrollbar track. */
.wpn-hc-feature-dialog{overflow:hidden!important;border-radius:24px!important}
.wpn-hc-feature-dialog__surface{
  overflow:hidden!important;
  max-height:min(88vh,920px)!important;
  padding:0!important;
  border-radius:24px!important;
}
.wpn-hc-feature-dialog__scroll{
  width:100%;
  max-height:min(88vh,920px);
  overflow-y:auto;
  overflow-x:hidden;
  padding:clamp(24px,4vw,46px);
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,98,250,.48) transparent;
}
.wpn-hc-feature-dialog__scroll::-webkit-scrollbar{width:9px}
.wpn-hc-feature-dialog__scroll::-webkit-scrollbar-track{background:transparent}
.wpn-hc-feature-dialog__scroll::-webkit-scrollbar-thumb{background:rgba(0,98,250,.42);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
@media(max-width:720px){
  .wpn-hc-feature-dialog{border-radius:18px!important}
  .wpn-hc-feature-dialog__surface{max-height:94vh!important;border-radius:18px!important}
  .wpn-hc-feature-dialog__scroll{max-height:94vh;padding:22px 18px}
}

/* Alpha 5.0-alpha.15 - accepted single-column mobile form height tuning.
 * Alpha 14 proved the forced mobile provider stylesheet and one-column form
 * architecture on real staging. The remaining internal scrollbar represented
 * roughly the final quarter of the now-taller single-column form. Because the
 * cross-origin document cannot report its content height to WordPress, the
 * parent reserves a width-aware mobile height: narrower phones receive a little
 * more vertical room for wrapping and the one-column tab strip, without
 * changing the accepted desktop/tablet order-form geometry. */
@media(max-width:700px){
  .wpn-hc-catalogue--remote-order{overflow-x:hidden!important}
  .wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe{
    height:clamp(1600px,calc(2150px - 100vw),1880px)!important;
    min-height:clamp(1600px,calc(2150px - 100vw),1880px)!important;
    overflow:hidden!important;
    border-radius:20px!important;
  }
  .wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe .wpn-hc-remote-form__frame{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    overflow:auto!important;
    border-radius:18px!important;
  }
}

/* Alpha 5.0-alpha.16 - mobile order-form final vertical allowance.
 * Alpha 14/15 established the accepted forced single-column provider form. Live
 * staging still showed the final address/account portion (from State onward)
 * inside the iframe scroll region. Increase only the <=700px parent allowance by
 * roughly 25%, preserving the accepted desktop/tablet geometry and the provider
 * form's own one-column mechanics. */
@media(max-width:700px){
  .wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe{
    height:clamp(2000px,calc(2688px - 125vw),2350px)!important;
    min-height:clamp(2000px,calc(2688px - 125vw),2350px)!important;
  }
}


/* Alpha 5.0-alpha.17 - final mobile order-form vertical allowance.
 * The forced single-column provider form is accepted. Live staging shows only
 * the final consent/summary portion after Cancellation/Refund still below the
 * parent frame. Add roughly 300px at common phone widths without changing the
 * desktop/tablet geometry or the provider document itself. */
@media(max-width:700px){
  .wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe{
    height:clamp(2250px,calc(3040px - 140vw),2650px)!important;
    min-height:clamp(2250px,calc(3040px - 140vw),2650px)!important;
  }
}

/* Alpha 5.0-alpha.20 - Remote Order Form loading-space suppression.
 * The accepted order form is very tall on mobile, but that space should only
 * exist after the real cross-origin document has loaded. Keep a compact status
 * card while loading; once .is-loaded is set, all previously accepted desktop
 * and mobile height rules apply unchanged. */
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe:not(.is-loaded):not(.is-error){
  height:5.25rem!important;
  min-height:5.25rem!important;
  overflow:hidden!important;
}
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe:not(.is-loaded):not(.is-error) .wpn-hc-remote-form__frame{
  height:1px!important;
  min-height:1px!important;
  visibility:hidden!important;
}
.wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe:not(.is-loaded):not(.is-error) .wpn-hc-remote-form__loading{
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
}



/* Alpha 5.0-alpha.22 - canonical responsive Remote Order Form envelope.
 * The remote document is cross-origin, so the parent cannot read its intrinsic
 * scrollHeight without provider cooperation. Earlier stacked per-iteration height
 * patches are superseded here by one width-responsive envelope. The Alpha 22 tab
 * cleanup removes several hundred pixels of artificial mobile navigation height,
 * allowing this single formula to contain the active form cleanly without the
 * former secondary scrollbar while remaining responsive to label wrapping. */
@media(max-width:700px){
  .wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe.is-loaded{
    height:clamp(2420px,calc(2805px - 78vw),2600px)!important;
    min-height:clamp(2420px,calc(2805px - 78vw),2600px)!important;
    overflow:hidden!important;
  }
  .wpn-hc-catalogue--remote-order .wpn-hc-remote-form--iframe.is-loaded .wpn-hc-remote-form__frame{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    border-radius:18px!important;
  }
}


/* Alpha 28 - semi-dedicated light-card contrast repair.
 * The Hosting & Care section may provide light heading text globally.
 * Semi-dedicated catalogue cards remain light surfaces, so their larger
 * product headings must explicitly stay navy instead of inheriting white. */
.wpn-hc-catalogue--semidedicated-plans .wpn-hc-card .wpn-hc-card__title,
.wpn-hc-catalogue--semidedicated-featured .wpn-hc-card .wpn-hc-card__title,
.wpn-hc-catalogue--semidedicated-plans .wpn-hc-card h3,
.wpn-hc-catalogue--semidedicated-plans .wpn-hc-card h4,
.wpn-hc-catalogue--semidedicated-featured .wpn-hc-card h3,
.wpn-hc-catalogue--semidedicated-featured .wpn-hc-card h4{
  color:var(--wpn-hc-navy,#06172f)!important;
}

/* ========================================================================
   Alpha 31 - presentation ownership repair
   Page compositions may set light text on dark sections, but plugin-owned
   light catalogue cards keep their established internal contrast. Typography,
   spacing and hierarchy are unchanged; this block restores colour ownership
   only and keeps CTAs on the Homepage / Theme Customiser button contract.
   ======================================================================== */

/* Light product cards: explicitly beat section-level Divi rules such as
   body #page-container .wpn-hcare-servers h3 { color:#fff!important; }.
   KVM and Dedicated retain their deliberate dark catalogue presentation. */
body #page-container .wpn-hc-catalogue:not(.wpn-hc-catalogue--vps-plans):not(.wpn-hc-catalogue--dedicated-servers) .wpn-hc-card:not(.wpn-hc-card--dark):not([data-surface="dark"]){
  --wpn-hc-card-text:var(--wpn-hc-navy,#06172f);
  color:var(--wpn-hc-card-text)!important;
}
body #page-container .wpn-hc-catalogue:not(.wpn-hc-catalogue--vps-plans):not(.wpn-hc-catalogue--dedicated-servers) .wpn-hc-card:not(.wpn-hc-card--dark):not([data-surface="dark"]) :is(
  .wpn-hc-card__title,
  h3,
  h4,
  .wpn-hc-card__description,
  .wpn-hc-features,
  .wpn-hc-features li,
  .wpn-hc-features li > span,
  .wpn-hc-features li > strong,
  .wpn-hc-price-option:not(.wpn-hc-price-option--cta) .wpn-hc-price-option__frequency,
  .wpn-hc-price-option:not(.wpn-hc-price-option--cta) .wpn-hc-price-option__billing
){
  color:var(--wpn-hc-card-text)!important;
}
body #page-container .wpn-hc-catalogue:not(.wpn-hc-catalogue--vps-plans):not(.wpn-hc-catalogue--dedicated-servers) .wpn-hc-card:not(.wpn-hc-card--dark):not([data-surface="dark"]) :is(
  .wpn-hc-card__eyebrow,
  .wpn-hc-all-features
){
  color:var(--wpn-hc-accent,#0062fa)!important;
}
body #page-container .wpn-hc-catalogue:not(.wpn-hc-catalogue--vps-plans):not(.wpn-hc-catalogue--dedicated-servers) .wpn-hc-card:not(.wpn-hc-card--dark):not([data-surface="dark"]) .wpn-hc-price-option:not(.wpn-hc-price-option--cta) > strong{
  color:var(--wpn-hc-accent,#0062fa)!important;
}
body #page-container .wpn-hc-catalogue:not(.wpn-hc-catalogue--vps-plans):not(.wpn-hc-catalogue--dedicated-servers) .wpn-hc-card:not(.wpn-hc-card--dark):not([data-surface="dark"]) .wpn-hc-price-option:not(.wpn-hc-price-option--cta) > strong small{
  color:var(--wpn-hc-card-text)!important;
}

/* The established white price-action surface also owns its colour contract. */
body #page-container .wpn-hc-catalogue .wpn-hc-price-option.wpn-hc-price-option--cta{
  background-color:#fff!important;
  background-image:none!important;
  border-color:rgba(37,198,255,.52)!important;
  color:var(--wpn-hc-accent,#0062fa)!important;
}
body #page-container .wpn-hc-catalogue .wpn-hc-price-option.wpn-hc-price-option--cta :is(
  .wpn-hc-price-option__frequency,
  .wpn-hc-price-option__billing,
  strong,
  strong small,
  .wpn-hc-price-option__action
){
  color:var(--wpn-hc-accent,#0062fa)!important;
}

/* Other plugin-owned light surfaces keep their existing colour hierarchy when
   placed inside a dark parent section. No font, size or spacing is changed. */
body #page-container .wpn-hc-resource-card :is(.wpn-hc-resource-card__title),
body #page-container .wpn-hc-video-card :is(h3,h4),
body #page-container .wpn-hc-datacentre :is(.wpn-hc-datacentre__title,h3,h4),
body #page-container .wpn-hc-feature-dialog__surface :is(h2,h3,h4),
body #page-container .wpn-hc-company__fact :is(h3,h4,strong),
body #page-container .wpn-hc-legal__document :is(h2,h3,h4,strong){
  color:var(--wpn-hc-navy,#06172f)!important;
}
body #page-container .wpn-hc-resource-card :is(.wpn-hc-resource-card__description),
body #page-container .wpn-hc-video-card :is(p),
body #page-container .wpn-hc-datacentre :is(p,.wpn-hc-datacentre__location),
body #page-container .wpn-hc-feature-dialog__surface :is(p,li),
body #page-container .wpn-hc-company__fact :is(p,span,small),
body #page-container .wpn-hc-legal__document :is(p,li){
  color:var(--wpn-hc-slate,#45566c)!important;
}
body #page-container .wpn-hc-resource-card .wpn-hc-resource-card__eyebrow{
  color:var(--wpn-hc-accent,#0062fa)!important;
}

/* Canonical Homepage CTA contract. The plugin uses its own class so Divi does
   not get to reformat shortcode content, but values and behaviour are identical
   to Theme Customiser v0.3. Animated background-position stays non-important. */
html body .wpn-hc-button,
.wpn-hc-provider-domain-popup__button{
  align-items:center!important;
  background-color:var(--wpn-blue,#0062fa)!important;
  background-image:
    linear-gradient(115deg,transparent 28%,rgba(255,255,255,.10) 40%,rgba(255,255,255,.96) 50%,rgba(37,198,255,.34) 56%,transparent 70%),
    linear-gradient(135deg,var(--wpn-blue,#0062fa),#0044c5)!important;
  background-position:145% 0,0 0;
  background-repeat:no-repeat!important;
  background-size:245% 100%,100% 100%!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  box-shadow:0 .8rem 2rem rgba(0,98,250,.23)!important;
  box-sizing:border-box!important;
  color:#fff!important;
  display:inline-flex!important;
  font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;
  font-size:1rem!important;
  font-weight:800!important;
  justify-content:center!important;
  letter-spacing:.08em!important;
  line-height:1.15!important;
  min-height:3.45rem!important;
  overflow:hidden!important;
  padding:.78rem 1.5rem!important;
  position:relative!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease!important;
}
html body .wpn-hc-button::before,
.wpn-hc-provider-domain-popup__button::before{
  content:none!important;
  display:none!important;
}
html body .wpn-hc-button:is(:hover,:focus-visible),
.wpn-hc-provider-domain-popup__button:is(:hover,:focus-visible){
  animation:wpnGlobalButtonShimmer .88s ease-out 1!important;
  background-color:var(--wpn-blue,#0062fa)!important;
  border-color:transparent!important;
  box-shadow:0 1rem 2.4rem rgba(0,98,250,.34)!important;
  color:#fff!important;
  transform:translateY(-.2rem)!important;
}
html body .wpn-hc-button.wpn-hc-button--secondary,
.wpn-hc-provider-domain-popup__button--secondary{
  background-color:#fff!important;
  background-image:
    linear-gradient(115deg,transparent 28%,rgba(0,98,250,.04) 40%,rgba(37,198,255,.58) 50%,rgba(0,98,250,.12) 58%,transparent 72%),
    linear-gradient(#fff,#fff)!important;
  background-position:145% 0,0 0;
  background-repeat:no-repeat!important;
  background-size:245% 100%,100% 100%!important;
  border-color:var(--wpn-line,rgba(0,98,250,.18))!important;
  box-shadow:0 .7rem 1.8rem rgba(16,36,60,.10)!important;
  color:var(--wpn-ink,#06172f)!important;
}
html body .wpn-hc-button.wpn-hc-button--secondary:is(:hover,:focus-visible),
.wpn-hc-provider-domain-popup__button--secondary:is(:hover,:focus-visible){
  animation:wpnGlobalButtonShimmer .88s ease-out 1!important;
  background-color:#fff!important;
  border-color:var(--wpn-cyan,#25c6ff)!important;
  box-shadow:0 .9rem 2.2rem rgba(16,36,60,.14),inset 0 0 0 1px rgba(0,98,250,.12)!important;
  color:var(--wpn-blue,#0062fa)!important;
  transform:translateY(-.2rem)!important;
}

/* Domain disclosure remains a compact white action, as on the Homepage's
   compact interaction controls. */
.wpn-hc-domain-list__toggle{
  background-color:#fff!important;
  background-image:
    linear-gradient(115deg,transparent 28%,rgba(0,98,250,.04) 40%,rgba(37,198,255,.58) 50%,rgba(0,98,250,.12) 58%,transparent 72%),
    linear-gradient(#fff,#fff)!important;
  background-position:145% 0,0 0;
  background-repeat:no-repeat!important;
  background-size:245% 100%,100% 100%!important;
  border:1px solid var(--wpn-line,rgba(0,98,250,.18))!important;
  border-radius:999px!important;
  box-shadow:0 .45rem 1.1rem rgba(0,98,250,.08)!important;
  color:var(--wpn-blue,#0062fa)!important;
  font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;
  font-weight:800!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease!important;
}
.wpn-hc-domain-list__toggle::before{content:none!important;display:none!important}
.wpn-hc-domain-list__toggle:is(:hover,:focus-visible){
  animation:wpnGlobalButtonShimmer .88s ease-out 1!important;
  border-color:var(--wpn-cyan,#25c6ff)!important;
  box-shadow:0 .65rem 1.5rem rgba(0,98,250,.16)!important;
  color:var(--wpn-blue,#0062fa)!important;
  transform:translateY(-.14rem)!important;
}

html body .wpn-hc-button:disabled,
html body .wpn-hc-button[aria-disabled="true"],
.wpn-hc-provider-domain-popup__button:disabled,
.wpn-hc-provider-domain-popup__button[aria-disabled="true"]{
  animation:none!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  opacity:.55!important;
  transform:none!important;
}

@keyframes wpnGlobalButtonShimmer{
  from{background-position:145% 0,0 0}
  to{background-position:-145% 0,0 0}
}

@media(prefers-reduced-motion:reduce){
  html body .wpn-hc-button:is(:hover,:focus-visible),
  .wpn-hc-provider-domain-popup__button:is(:hover,:focus-visible),
  .wpn-hc-domain-list__toggle:is(:hover,:focus-visible){
    animation:none!important;
    background-position:145% 0,0 0!important;
    transform:none!important;
  }
}


/* ========================================================================
   Alpha 32 - Catalogues & brochures exact Home Page shimmer parity ONLY.
   Alpha 31 is otherwise locked. Do not use a pseudo-element sweep here and
   do not alter resource-button geometry, typography, lift or surrounding
   shortcode presentation. The Home Page primary CTA uses its feathered
   reflection over a flat WPN-blue base rather than the sitewide blue-to-dark
   fallback gradient.
   ======================================================================== */
body #page-container .wpn-hc-resources .wpn-hc-resource-card .wpn-hc-button{
  background-color:var(--wpn-blue,#0062fa)!important;
  background-image:
    linear-gradient(115deg,transparent 28%,rgba(255,255,255,.10) 40%,rgba(255,255,255,.96) 50%,rgba(37,198,255,.34) 56%,transparent 70%),
    linear-gradient(var(--wpn-blue,#0062fa),var(--wpn-blue,#0062fa))!important;
  background-position:145% 0,0 0;
  background-repeat:no-repeat!important;
  background-size:245% 100%,100% 100%!important;
}
body #page-container .wpn-hc-resources .wpn-hc-resource-card .wpn-hc-button:is(:hover,:focus-visible){
  animation:wpnGlobalButtonShimmer .88s ease-out 1!important;
}
@media(prefers-reduced-motion:reduce){
  body #page-container .wpn-hc-resources .wpn-hc-resource-card .wpn-hc-button:is(:hover,:focus-visible){
    animation:none!important;
    background-position:145% 0,0 0!important;
  }
}

/* ========================================================================
   Alpha 33 - Catalogues & brochures single-shimmer correction ONLY.
   Alpha 32 exposed the correct Homepage background-position shimmer, but an
   older high-specificity catalogue ::before sweep could still win the cascade
   and run at the same time. The Homepage button contract uses one shimmer
   layer only, so retire that legacy pseudo-element on resource CTAs without
   changing geometry, typography, lift, cards, other shortcode buttons or any
   functional code.
   ======================================================================== */
body #page-container .wpn-hc-resources .wpn-hc-resource-card .wpn-hc-button::before,
body #page-container .wpn-hc-resources .wpn-hc-resource-card .wpn-hc-button::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Alpha 44 - server feature-dialog contrast and terminology polish.
 * KVM/Dedicated cards intentionally use a dark surface. Their nested feature
 * dialogs must not inherit that card surface variable, otherwise the dialog can
 * become dark while retaining navy text. Own a light dialog surface explicitly. */
body #page-container .wpn-hc-feature-dialog__surface{
  --wpn-hc-surface:#fff;
  background:#fff!important;
  color:var(--wpn-hc-navy,#06172f)!important;
}
body #page-container .wpn-hc-feature-dialog__surface .wpn-hc-feature-group dt{
  color:var(--wpn-hc-slate,#45566c)!important;
  opacity:1!important;
}
body #page-container .wpn-hc-feature-dialog__surface .wpn-hc-feature-group dd{
  color:var(--wpn-hc-navy,#06172f)!important;
}
body #page-container .wpn-hc-feature-dialog__surface .wpn-hc-card__eyebrow{
  color:var(--wpn-hc-accent,#0062fa)!important;
}

/* Alpha 45 - KVM/Dedicated feature-dialog contrast correction only.
 * Restore the accepted navy modal surface for the two server catalogues and
 * lighten their modal typography. Alpha 44's light treatment remains unchanged
 * for every other shortcode family. */
body #page-container .wpn-hc-catalogue--vps-plans .wpn-hc-feature-dialog__surface,
body #page-container .wpn-hc-catalogue--dedicated-servers .wpn-hc-feature-dialog__surface{
  --wpn-hc-surface:#071d3b;
  --wpn-hc-border:rgba(37,198,255,.28);
  background:#071d3b!important;
  color:#fff!important;
}
body #page-container .wpn-hc-catalogue--vps-plans .wpn-hc-feature-dialog__surface :is(h2,h3,h4,p,li),
body #page-container .wpn-hc-catalogue--dedicated-servers .wpn-hc-feature-dialog__surface :is(h2,h3,h4,p,li){
  color:#fff!important;
}
body #page-container .wpn-hc-catalogue--vps-plans .wpn-hc-feature-dialog__surface .wpn-hc-feature-group dt,
body #page-container .wpn-hc-catalogue--dedicated-servers .wpn-hc-feature-dialog__surface .wpn-hc-feature-group dt{
  color:rgba(255,255,255,.78)!important;
  opacity:1!important;
}
body #page-container .wpn-hc-catalogue--vps-plans .wpn-hc-feature-dialog__surface .wpn-hc-feature-group dd,
body #page-container .wpn-hc-catalogue--dedicated-servers .wpn-hc-feature-dialog__surface .wpn-hc-feature-group dd,
body #page-container .wpn-hc-catalogue--vps-plans .wpn-hc-feature-dialog__surface .wpn-hc-price-option__frequency,
body #page-container .wpn-hc-catalogue--vps-plans .wpn-hc-feature-dialog__surface .wpn-hc-price-option__billing,
body #page-container .wpn-hc-catalogue--dedicated-servers .wpn-hc-feature-dialog__surface .wpn-hc-price-option__frequency,
body #page-container .wpn-hc-catalogue--dedicated-servers .wpn-hc-feature-dialog__surface .wpn-hc-price-option__billing{
  color:#fff!important;
}
body #page-container .wpn-hc-catalogue--vps-plans .wpn-hc-feature-dialog__surface .wpn-hc-card__eyebrow,
body #page-container .wpn-hc-catalogue--dedicated-servers .wpn-hc-feature-dialog__surface .wpn-hc-card__eyebrow{
  color:var(--wpn-hc-accent-2,#25c6ff)!important;
}


/* Alpha 46 - KVM/Dedicated modal price-unit polish only.
 * Keep the accepted navy feature-dialog surface and white primary typography,
 * while rendering the compact /month, /year, /3months, /6months-style unit
 * suffix beside each price in the lighter WPN cyan. No other family changes. */
body #page-container .wpn-hc-catalogue--vps-plans .wpn-hc-feature-dialog__surface .wpn-hc-price-option strong small,
body #page-container .wpn-hc-catalogue--dedicated-servers .wpn-hc-feature-dialog__surface .wpn-hc-price-option strong small{
  color:var(--wpn-hc-accent-2,#25c6ff)!important;
  opacity:1!important;
}