/* Nabtech's established hosting palette. Shared colours, individual product worlds. */
#nb-store.nb-store[data-nb-store]{
 --nb-navy:#071626;--nb-ink:#0d2942;--nb-muted:#4a667e;--nb-accent:#112e50!important;
 --nb-action:#112e50;--nb-action-hover:#1b4676;--nb-action-ink:#153c67;
 --nb-pearl:#f5faff;--nb-border:#d5e5ee;--nb-blue:#112e50;--nb-hero-heading:#f2f9ff;--nb-cta-heading:#f3faff;
 background:radial-gradient(ellipse at 15% 10%,#dff3ff 0,transparent 28%),radial-gradient(ellipse at 96% 34%,#e8f6fc 0,transparent 37%),linear-gradient(180deg,#f4faff,#f8fbfe 30%,#f0f7fc 75%,#f7fbfe)!important;
 color:#0d2942;
}
#nb-store.nb-store[data-nb-store] .nb-hero{
 --nb-accent:#8de5f7;
 background:radial-gradient(ellipse at 80% 25%,rgba(21,96,143,.54),transparent 52%),linear-gradient(115deg,#061322 3%,#0b233b 66%,#0c2c45)!important;
 color:#f2f9ff!important;border-radius:0 0 44px 44px!important;
}
/* Lift the inset pricing panel, leaving the full-width background below the hero.
   Moving the whole section painted over the curved hero edge. */
#nb-store.nb-store[data-nb-store]:is(.nb-store--codeguard,.nb-store--nordvpn,.nb-store--sitelockvpn,.nb-store--spamexperts) .nb-price-section{
 --nb-price-overlap:34px;margin-top:0;padding-top:0;overflow:visible;
}
#nb-store.nb-store[data-nb-store]:is(.nb-store--codeguard,.nb-store--nordvpn,.nb-store--sitelockvpn,.nb-store--spamexperts) .nb-price-section .sec-price-surface{
 position:relative;top:calc(-1 * var(--nb-price-overlap));margin-bottom:calc(-1 * var(--nb-price-overlap));
}
@media(max-width:600px){
 #nb-store.nb-store[data-nb-store]:is(.nb-store--codeguard,.nb-store--nordvpn,.nb-store--sitelockvpn,.nb-store--spamexperts) .nb-price-section{--nb-price-overlap:24px}
}
#nb-store.nb-store[data-nb-store] .nb-hero h1{color:#f2f9ff!important}
#nb-store.nb-store[data-nb-store] .nb-hero h1 :is(em,strong,span){color:#a0e7ff!important;font-style:normal}
#nb-store.nb-store[data-nb-store] .nb-hero .nb-lead{color:#bdd3e5!important}
#nb-store.nb-store[data-nb-store] .nb-hero :is(.nb-kicker,.sec-eyebrow){color:#a1ddef!important}
#nb-store.nb-store[data-nb-store] .nb-hero .nb-btn,#nb-store.nb-store[data-nb-store] .nb-cta .nb-btn{background:#f5fbff!important;color:#102b44!important;border-color:#e4f1fb!important;box-shadow:0 8px 22px #0002}
#nb-store.nb-store[data-nb-store] .nb-hero .nb-btn--ghost,#nb-store.nb-store[data-nb-store] .nb-cta .nb-btn--ghost{background:#ffffff08!important;color:#eff8ff!important;border-color:#b1d9f34d!important;box-shadow:none}
#nb-store.nb-store[data-nb-store] .nb-hero .nb-btn:hover,#nb-store.nb-store[data-nb-store] .nb-cta .nb-btn:hover{background:#dff4ff!important;color:#102b44!important}
#nb-store.nb-store[data-nb-store] .nb-hero .nb-btn--ghost:hover,#nb-store.nb-store[data-nb-store] .nb-cta .nb-btn--ghost:hover{background:#ffffff17!important;color:#fff!important}
#nb-store.nb-store[data-nb-store] .nb-cta{
 --nb-accent:#8de5f7;
 background:radial-gradient(ellipse at 79% 12%,rgba(44,134,173,.35),transparent 52%),linear-gradient(113deg,#071626,#0c2c45 70%,#123b52)!important;
 color:#f3faff!important;border-radius:44px 44px 0 0!important;margin:0!important;
}
#nb-store.nb-store[data-nb-store] .nb-cta::before{background:radial-gradient(ellipse at 80% 20%,#54b3ef18,transparent 56%)!important}
#nb-store.nb-store[data-nb-store] .nb-cta :is(h2,h3){color:#f3faff!important}
#nb-store.nb-store[data-nb-store] .nb-cta :is(h2,h3) :is(em,strong,span){color:#a0e7ff!important}
#nb-store.nb-store[data-nb-store] .nb-cta p{color:#bdd3e5!important}
#nb-store.nb-store[data-nb-store] .nb-cta .nb-kicker{color:#a1ddef!important}
#nb-store.nb-store[data-nb-store] .nb-offscreen *,#nb-store.nb-store[data-nb-store].nb-page-hidden *,#nb-store.nb-store[data-nb-store] .nb-offscreen::before,#nb-store.nb-store[data-nb-store] .nb-offscreen::after{animation-play-state:paused!important}
#nb-store.nb-store[data-nb-store] :is(.nb-scene,[data-nb-motion]){contain:layout style}
#nb-store.nb-store[data-nb-store] :is(.nb-hero,.nb-cta) [aria-hidden="true"]{pointer-events:none}
#nb-store.nb-store[data-nb-store] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #315d91!important;outline-offset:5px}
#nb-store.nb-store[data-nb-store] :is(.nb-hero,.nb-cta) :is(a,button,input,select,textarea,summary):focus-visible{outline-color:#a0e7ff!important}
@media(max-width:760px){#nb-store.nb-store[data-nb-store] .nb-hero{border-radius:0 0 29px 29px!important}#nb-store.nb-store[data-nb-store] .nb-cta{border-radius:28px 28px 0 0!important}}
@media(prefers-reduced-motion:reduce){#nb-store.nb-store[data-nb-store] *,#nb-store.nb-store[data-nb-store] *::before,#nb-store.nb-store[data-nb-store] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}