body.admin-bar .header{top:32px}.hv-wp-skip{position:absolute;inset-inline-start:1rem;top:-120px;background:#fff;color:#111;padding:12px;z-index:999999}.hv-wp-skip:focus{top:40px}.hv-wp-page{padding-top:70px;padding-bottom:70px;min-height:50vh}.hv-wp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}.hv-wp-card{padding:16px;border:1px solid #73829955;border-radius:16px;background:rgba(100,125,150,.05)}.hv-wp-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.hv-wp-card h2{font-size:20px;line-height:1.6}.hv-wp-card p{font-size:14px}.hv-wp-pagination{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:25px 0}.hv-wp-pagination a,.hv-wp-pagination span{padding:8px 14px;border:1px solid #73829955;border-radius:8px}.hv-wp-pagination [aria-current]{background:#267a91;color:#fff}.hv-wp-search{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0}.hv-wp-search input,.hv-wp-search select{background:transparent;color:inherit;border:1px solid #73829988;padding:12px;border-radius:8px}.hv-wp-search input{display:block}.hv-wp-search button{padding:12px 24px;border:0;border-radius:8px;background:#267a91;color:#fff}.hv-wp-empty{padding:40px;text-align:center}.hvips-no-motion *{animation:none!important;transition:none!important}@media(max-width:800px){.hv-wp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.hv-wp-grid{grid-template-columns:1fr}}@media(max-width:782px){body.admin-bar .header{top:46px}}

.hv-shell-disabled{display:none!important}
.hv-shell-link-icon{width:22px;height:22px;object-fit:contain;flex:none}.hv-foot-store-link{display:inline-block;padding:12px 18px;border:1px solid currentColor;border-radius:10px}

/* RC4: native filter popups require an explicit foreground and background. */
html:not([data-theme="light"]) .hv-wp-search select,
html:not([data-theme="light"]) .pd-filters select{color-scheme:dark;background-color:#102632!important;color:#edf8fb!important}
html:not([data-theme="light"]) select option,html:not([data-theme="light"]) select optgroup{background:#102632;color:#edf8fb}
html[data-theme="light"] .hv-wp-search select,html[data-theme="light"] .pd-filters select,
html[data-theme="light"] select option,html[data-theme="light"] select optgroup{color-scheme:light;background-color:#fff!important;color:#18303d!important}
/* Light navigation follows the header surface without a surrounding frame. */
html[data-theme="light"] .hv-header-shell #navigation{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.hv-header-shell #navigation{gap:clamp(10px,1.25vw,20px)}
.hv-header-shell #navigation>a:hover,.hv-header-shell #navigation>a:focus-visible{color:var(--cyan);text-decoration:underline;text-underline-offset:7px}
.hv-mega-complete{align-items:start;gap:25px 28px}
#home-menu{max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain}
@media(min-width:1001px){.hv-mega-complete{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.hv-mega-complete{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hv-mega-complete{grid-template-columns:1fr}#home-menu{max-height:calc(100dvh - 130px)}html[data-theme="light"] .hv-header-shell #navigation.open{background:#f5f8fa!important}}
/* Avoid the long editorial introductions inheriting display-size typography. */
.rd-hero .rd-headline,.lv-hero .lv-headline{font-size:clamp(19px,1.8vw,27px)!important;line-height:1.85!important;font-weight:400;letter-spacing:normal;max-width:38em;margin-block:18px}
.rd-hero h1,.lv-hero h1{font-size:clamp(28px,2.7vw,40px)!important;line-height:1.5!important}
.rd-hero .em-lead,.lv-hero .em-lead{font-size:clamp(14px,1.1vw,17px)!important;line-height:1.95!important}
@media(max-width:600px){.rd-hero .rd-headline,.lv-hero .lv-headline{font-size:19px!important;line-height:1.8!important}}
/* Windows hosting contains exactly the three configured WHMCS products. */
.hv-windows-hosting .win-hero-mark{display:flex;align-items:center;margin-bottom:20px;color:#36a9ef}
.hv-windows-hosting .win-hero-mark .win-mark{width:64px!important;height:64px!important;display:block;flex:none}
.hv-windows-hosting .cp-plan h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hv-windows-hosting .cp-plan .win-mark{width:24px!important;height:24px!important;display:inline-block;vertical-align:middle;flex:none;color:#36a9ef}
@media(min-width:1001px){.hv-windows-hosting .cp-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
html[data-theme="light"] .hv-windows-hosting .win-mark{color:#087ab8!important}
/* Only the center circle changes in light mode; white WordPress artwork stays legible. */
html[data-theme="light"] .wc-orbit .wc-logo{background:linear-gradient(145deg,#185b76,#0b304a)!important;color:#fff!important;box-shadow:0 12px 35px #174e6833,inset 0 0 0 1px #83d7df!important}
html[data-theme="light"] .wc-orbit .wc-logo small{color:#fff!important}
html[data-theme="light"] .wc-orbit .wc-logo img{opacity:1!important;filter:none!important}
/* Free WordPress products only: compact facts followed by the launch path. */
.pd-grid[data-template-facts-layout]>.pd-buy[data-wp-free-launch]{justify-content:flex-start;gap:0}
.pd-grid[data-template-facts-layout]>.pd-buy[data-wp-free-launch]>.pd-facts[data-unified-template-facts]{flex:0 0 auto!important;display:block!important;margin-block:20px 24px}
.pd-buy[data-wp-free-launch] .pd-facts[data-unified-template-facts]>div{padding:12px 0;min-height:0}
.pd-buy[data-wp-free-launch]>.bl-launch{margin-top:0}

/* Shared primary navigation icons on every route. */
.fx-nav-icon{display:inline-flex;align-items:center;vertical-align:middle;margin-inline-end:7px;color:inherit;flex:none}.fx-nav-icon svg{width:17px;height:17px}.hv-header-shell #navigation>a,.hv-header-shell #navigation .nav-discover{display:flex;align-items:center;justify-content:center}.hv-header-shell #navigation{gap:clamp(8px,1vw,17px)}@media(max-width:1000px){.hv-header-shell #navigation>a,.hv-header-shell #navigation .nav-discover{justify-content:flex-start}}

.fx-nav-icon:empty{display:none}