@charset "UTF-8";
/* Public storefront only. These tokens never replace dashboard or root variables. */
body:not(.is-dashboard) {
  --sf-primary: var(--purple,#673de6);
  --sf-night: var(--brand-dark,#140b27);
  --sf-accent: var(--brand-accent,#c7adff);
  --sf-ink: #291c3c;
  --sf-muted: #70637f;
  --sf-paper: #fdfcfe;
  --sf-soft: #f5f1fb;
  --sf-line: #e5ddec;
  --sf-dark-muted: #c5b7db;
  --sf-dark-line: #c6abf02a;
  --sf-radius: 16px;
  --sf-control-radius: 11px;
  --sf-shadow: 0 8px 28px #2a153a07;
  --sf-gutter: 40px;
  background: var(--sf-paper);
  color: var(--sf-ink);
}
body:not(.is-dashboard) #main:not(.portal-host) .wrap,
body:not(.is-dashboard) #site-footer .wrap { width: min(1232px,calc(100% - var(--sf-gutter)*2)); }
body:not(.is-dashboard) #main:not(.portal-host) .section { padding-block: 52px; }
body:not(.is-dashboard) #main:not(.portal-host) .section-heading { margin-bottom: 26px; }
body:not(.is-dashboard) #main:not(.portal-host) .section-heading h2 { margin-bottom: 13px; font-size: clamp(28px,3.1vw,40px); line-height: 1.18; letter-spacing: -.04em; }
body:not(.is-dashboard) #main:not(.portal-host) .section-heading p { font-size: 15px; line-height: 1.75; }
body:not(.is-dashboard) #main:not(.portal-host) :is(.hero-copy,.section-heading.centered) { max-width: 1030px; margin-inline: auto; }
body:not(.is-dashboard) #main:not(.portal-host) :is(.hero-copy,.section-heading.centered) > p { max-width: 740px; margin-inline: auto; }
body:not(.is-dashboard) #main .eyebrow { font-size: 11px; line-height: 1.5; letter-spacing: .11em; }
body:not(.is-dashboard) :is(#main,#site-header,#site-footer) :is(a,button,summary,input,select,textarea):focus-visible { outline: 2px solid var(--sf-primary); outline-offset: 4px; }
body:not(.is-dashboard) #main :is(.button,.p-button) { min-height: 46px; border-radius: var(--sf-control-radius); font-size: 13px; line-height: 1.5; }
body:not(.is-dashboard) #main .button.primary { border-color: var(--sf-primary); background: var(--sf-primary); color: #fff; box-shadow: 0 5px 16px #673de612; }
body:not(.is-dashboard) #main .button.primary:hover:not(:disabled) { background: color-mix(in srgb,var(--sf-primary) 88%,#130b26); border-color: color-mix(in srgb,var(--sf-primary) 88%,#130b26); }
body:not(.is-dashboard) #main .button.outline { border-color: #c3afdE; color: var(--sf-primary); background: transparent; }
body:not(.is-dashboard) #main .button.outline:hover:not(:disabled) { background: var(--sf-soft); }

/* Every route starts with the same night-purple navigation. Existing breakpoints remain. */
body:not(.is-dashboard) #site-header { background: var(--sf-night); color: #f8f4ff; border-bottom-color: #ffffff12; box-shadow: none; }
body:not(.is-dashboard) #site-header .nav-shell,
body:not(.is-dashboard) #site-header:has(#email-mega) .nav-shell { width: min(1232px,calc(100% - var(--sf-gutter)*2)); max-width: none; margin-inline: auto; padding-inline: 0; }
body:not(.is-dashboard) #site-header .logo { color: #fff; }
body:not(.is-dashboard) #site-header .desktop-nav { color: #d7cce8; }
body:not(.is-dashboard) #site-header .desktop-nav > a:hover,
body:not(.is-dashboard) #site-header .hosting-menu-trigger:hover,
body:not(.is-dashboard) #site-header .hosting-menu-trigger[aria-expanded="true"],
body:not(.is-dashboard) #site-header .hosting-menu-trigger[aria-current="page"],
body:not(.is-dashboard) #site-header .desktop-nav a[aria-current="page"] { color: var(--sf-accent); }
body:not(.is-dashboard) #site-header .nav-login { border-color: #ffffff36; background: #ffffff06; color: #fff; }
body:not(.is-dashboard) #site-header .nav-login:hover { background: #ffffff12; }
body:not(.is-dashboard) #site-header .cart-count { background: var(--sf-accent); color: var(--sf-night); }
body:not(.is-dashboard) #site-header .icon-button:hover { background: #ffffff10; }
body:not(.is-dashboard) #site-header .mobile-nav { border-color: #ffffff18; background: var(--sf-night); color: #e4d9f2; box-shadow: 0 20px 42px #10081b38; }
body:not(.is-dashboard) #site-header .mobile-nav .hosting-menu-trigger { color: #e4d9f2; }
body:not(.is-dashboard) #site-header .mobile-nav :is(a,.hosting-menu-trigger):hover { background: #ffffff0b; color: var(--sf-accent); }
body:not(.is-dashboard) #site-header :is(a,button):focus-visible { outline-color: var(--sf-accent); }

/* Five menus share a palette and readable type while retaining their content and layouts. */
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) {
  --hosting-menu-bg: var(--sf-night); --hosting-menu-ink: #f7f3ff; --hosting-menu-muted: var(--sf-dark-muted);
  background: radial-gradient(ellipse at 3% 0,#673de622,transparent 46%),var(--sf-night);
  border-color: var(--sf-dark-line); scrollbar-color: #725985 var(--sf-night);
}
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-inner { padding-block: 25px; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) :is(.hosting-mega-inner,.hosting-mega-footer) { width: min(1232px,calc(100% - var(--sf-gutter)*2)); }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-feature { min-height: 0; padding: 22px; border-color: var(--sf-dark-line); border-radius: var(--sf-radius); background: linear-gradient(145deg,#ffffff08,#ffffff02),color-mix(in srgb,var(--sf-night) 84%,var(--sf-primary)); box-shadow: inset 0 1px 0 #ffffff06; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-feature > :is(.eyebrow,.hosting-menu-eyebrow) { margin-bottom: 13px; border-color: var(--sf-dark-line); background: #c7adff0d; color: var(--sf-accent); font-size: 10px; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-feature h2 { margin-bottom: 12px; font-size: 25px; line-height: 1.2; color: #fff; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-feature > p { margin-bottom: 19px; color: var(--sf-dark-muted); font-size: 12px; line-height: 1.8; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-orbit { color: var(--sf-accent); opacity: .16; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-promo { border-color: var(--sf-dark-line); background: #0f071e66; box-shadow: none; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-promo > :is(span,small) { color: #b5a0cd; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-promo :is(strong,p) { color: #ede2fa; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-promo a { color: var(--sf-accent); }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-group > h3 { color: #b6a5ca; font-size: 10px; letter-spacing: .1em; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-item { min-height: 82px; padding-block: 11px; border-radius: 12px; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-item:is(:hover,:focus-visible,[aria-current="page"]) { border-color: #c7adff33; background: #c7adff0c; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-group .hosting-menu-icon { color: var(--sf-accent); border-color: #c7adff25; background: #c7adff0e; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-copy strong { color: #f5efff; font-size: 14px; line-height: 1.4; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) :is(.hosting-menu-copy,.hosting-mega-feature) { overflow-wrap: anywhere; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-copy > small { color: var(--sf-dark-muted); font-size: 12px; line-height: 1.65; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-status { color: #c3acdC; font-size: 10px; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-price { color: #d9c6f7; font-size: 10px; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) :is(.hosting-menu-arrow,.hosting-menu-facts svg,.hosting-mega-footer > a) { color: var(--sf-accent); }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-facts > span::before { background: #ad8ed3; }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-close { color: #ccb8e4; background: var(--sf-night); }
body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) :is(a,button):focus-visible { outline-color: var(--sf-accent); }
body:not(.is-dashboard) #site-header :is(.domain-menu-count,.server-menu-count,.datacenter-menu-count,.email-menu-count) { color: #decdf2; background: #c7adff0b; border-color: var(--sf-dark-line); }

/* Hero colour, type scale and spacing now follow the homepage on every public route. */
body:not(.is-dashboard) #main :is(.page-hero,.el-hero) { position: relative; padding-block: 40px; overflow: hidden; background: radial-gradient(ellipse at 52% 130%,#673de657,transparent 65%),var(--sf-night); color: #fff; border-bottom: 1px solid #c7adff1a; }
body:not(.is-dashboard) #main .page-hero::before { opacity: .28; background-image: linear-gradient(#c7adff14 1px,transparent 1px),linear-gradient(90deg,#c7adff14 1px,transparent 1px); background-size: 64px 64px; }
body:not(.is-dashboard) #main :is(.hero,.page-hero,.el-hero) h1 { font-size: clamp(36px,4.4vw,62px); font-weight: 620; line-height: 1.11; letter-spacing: -.05em; color: #fff; }
body:not(.is-dashboard) #main :is(.page-hero,.el-hero) h1 { margin-bottom: 16px; }
body:not(.is-dashboard) #main :is(.hero,.page-hero,.el-hero) h1 :is(span,em) { color: var(--sf-accent); }
body:not(.is-dashboard) #main :is(.page-hero,.el-hero) .eyebrow { color: var(--sf-accent); margin-bottom: 11px; }
body:not(.is-dashboard) #main :is(.page-hero p,.el-hero > div > p) { color: var(--sf-dark-muted); max-width: 760px; font-size: 16px; line-height: 1.8; margin-bottom: 0; }
body:not(.is-dashboard) #main .page-orb { opacity: .5; border-color: #c7adff30; box-shadow: 0 0 0 70px #c7adff08,0 0 0 140px #c7adff05; animation: sf-orbit-drift 28s ease-in-out infinite; }
body:not(.is-dashboard) #main :is(.el-back,.el-meta) { color: #ccbbdf; }
body:not(.is-dashboard) #main .el-back:hover { color: #fff; }
body:not(.is-dashboard) #main :is(.page-hero,.el-hero) :is(a,button):focus-visible { outline-color: var(--sf-accent); }
body:not(.is-dashboard) #main .page-jump-nav { gap: 5px 9px; padding-block: 9px; border-color: var(--sf-line); background: #fff; }
body:not(.is-dashboard) #main .page-jump-nav a { border-radius: var(--sf-control-radius); color: #655174; font-size: 13px; }
body:not(.is-dashboard) #main .page-jump-nav a:hover { color: var(--sf-primary); background: var(--sf-soft); }

/* Paper surfaces and product cards keep semantic availability and error colours intact. */
body:not(.is-dashboard) #main:not(.portal-host) :is(.pricing-section,.domain-box) { background: linear-gradient(145deg,var(--sf-soft),var(--sf-paper)); border-color: var(--sf-line); }
body:not(.is-dashboard) #main:not(.portal-host) :is(.price-card,.solution-shortcut,.contact-form,.panel-tour,.domain-price-disclosure) { border-color: var(--sf-line); border-radius: var(--sf-radius); box-shadow: var(--sf-shadow); }
body:not(.is-dashboard) #main:not(.portal-host) :is(.price-card,.solution-shortcut,.contact-form) { background: #fff; }
body:not(.is-dashboard) #main:not(.portal-host) .price-card.featured { background: linear-gradient(150deg,color-mix(in srgb,var(--sf-night) 74%,var(--sf-primary)),var(--sf-night)); border-color: var(--sf-primary); color: #fff; }
body:not(.is-dashboard) #main:not(.portal-host) .price-card:has(.popular-ribbon) { border-top-left-radius: 0; border-top-right-radius: 0; }
body:not(.is-dashboard) #main:not(.portal-host) .popular-ribbon { border-radius: 12px 12px 0 0; background: var(--sf-primary); }
body:not(.is-dashboard) #main:not(.portal-host) :is(.plan-heading h3,.solution-shortcut h3) { line-height: 1.3; letter-spacing: -.025em; }
body:not(.is-dashboard) #main:not(.portal-host) .price-card:not(.featured) :is(.plan-tagline,.period-note,.plan-billing-explainer,.plan-features-title) { color: var(--sf-muted); }
body:not(.is-dashboard) #main:not(.portal-host) .price-card.featured :is(.plan-tagline,.period-note,.plan-billing-explainer,.plan-features-title) { color: var(--sf-dark-muted); }
body:not(.is-dashboard) #main:not(.portal-host) :is(.catalog-toolbar,.billing-toggle,.faq-search,.comparison-scroll) { border-color: var(--sf-line); border-radius: var(--sf-control-radius); background: #fff; }
body:not(.is-dashboard) #main:not(.portal-host) .billing-toggle .active { background: var(--sf-primary); color: #fff; }
body:not(.is-dashboard) #main:not(.portal-host) .catalog-categories a.active { background: var(--sf-night); color: #fff; }
body:not(.is-dashboard) #main:not(.portal-host) .pricing-controls { gap: 10px 18px; margin-bottom: 12px; }
body:not(.is-dashboard) #main:not(.portal-host) .pricing-controls .catalog-categories { flex: 1 1 auto; }
body:not(.is-dashboard) #main:not(.portal-host) .catalog-insight { margin-bottom: 14px; gap: 5px 18px; }
body:not(.is-dashboard) #main:not(.portal-host) .plan-price { min-width: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
body:not(.is-dashboard) #main:not(.portal-host) .compare-table th { background: var(--sf-soft); color: #5a3d76; font-size: 12px; }
body:not(.is-dashboard) #main:not(.portal-host) .compare-table td { color: #645370; font-size: 13px; border-color: var(--sf-line); }
body:not(.is-dashboard) #main:not(.portal-host) .domain-box { --ds-accent: var(--sf-primary); --ds-ink: var(--sf-ink); --ds-muted: var(--sf-muted); --ds-line: var(--sf-line); border-radius: var(--sf-radius); box-shadow: var(--sf-shadow); }
body:not(.is-dashboard) #main:not(.portal-host) .domain-box .domain-input-wrap { border-radius: 13px; border-color: #d7c7e8; background: #fff; }
body:not(.is-dashboard) #main:not(.portal-host) .ds-result { border-radius: 12px; }
body:not(.is-dashboard) #main:not(.portal-host) :is(.ds-result-name small,.ds-result-status,.ds-result-price small,.ds-result-error,.ds-result-action > span,.ds-summary,.ds-input-help,.ds-disclaimer) { font-size: 12px; line-height: 1.6; }
body:not(.is-dashboard) #main:not(.portal-host) .ds-categories button.active { background: var(--sf-night); border-color: var(--sf-night); }
body:not(.is-dashboard) #main:not(.portal-host) :is(.ds-extension-filter,.ds-sort select,.tld-chip) { border-radius: 10px; }
body:not(.is-dashboard) #main:not(.portal-host) :is(.help-strip,.benefit-strip article,.contact-tip,.el-identity,.el-notice) { background: var(--sf-soft); border-color: var(--sf-line); border-radius: var(--sf-radius); }
body:not(.is-dashboard) #main:not(.portal-host) :is(.faq-list details,.purchase-guide,.plan-bottom,.el-document-end) { border-color: var(--sf-line); }
body:not(.is-dashboard) #main:not(.portal-host) .faq-list summary { font-size: 14px; color: var(--sf-ink); }
body:not(.is-dashboard) #main:not(.portal-host) .faq-list details > p { color: var(--sf-muted); font-size: 14px; }
body:not(.is-dashboard) #main:not(.portal-host) .contact-layout { gap: 44px; }
body:not(.is-dashboard) #main:not(.portal-host) .contact-form :is(input:not([type=checkbox]),textarea,select) { border-radius: var(--sf-control-radius); border-color: #d7cbe4; font-size: 14px; min-height: 46px; }
body:not(.is-dashboard) #main:not(.portal-host) .contact-illustration { width: 72px; height: 72px; margin-bottom: 23px; border-radius: 19px; background: var(--sf-soft); color: var(--sf-primary); }
body:not(.is-dashboard) #main:not(.portal-host) .contact-illustration svg { width: 35px; height: 35px; }
body:not(.is-dashboard) #main:not(.portal-host) .about-photo { border-radius: var(--sf-radius); }
body:not(.is-dashboard) #main:not(.portal-host) .el-section h2 { font-size: 23px; line-height: 1.4; }
body:not(.is-dashboard) #main:not(.portal-host) .el-section p { color: #64576f; font-size: 14px; line-height: 1.9; }

/* Specialist product information is one purple system, independent of menu category. */
body:not(.is-dashboard) #main :is(.domain-tools-section,.server-tools-section,.datacenter-tools-section,.email-tools-section) { padding-block: 28px 46px; }
body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card) { gap: 23px; border-color: #5b446f; border-radius: var(--sf-radius); background: radial-gradient(ellipse at 100% 0,#673de62e,transparent 66%),linear-gradient(135deg,color-mix(in srgb,var(--sf-night) 86%,var(--sf-primary)),var(--sf-night)); color: #f7f0ff; box-shadow: inset 0 1px 0 #ffffff07; }
body:not(.is-dashboard) #main :is(.domain-tool-icon,.server-tool-icon,.datacenter-tool-icon,.email-tool-icon) { border-color: var(--sf-dark-line); background: #c7adff0e; color: var(--sf-accent); transition: transform .25s ease; }
body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card):hover > :is(.domain-tool-icon,.server-tool-icon,.datacenter-tool-icon,.email-tool-icon) { transform: translateY(-2px) rotate(-3deg); }
body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card) .eyebrow { color: var(--sf-accent); }
body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card) h2 { font-size: clamp(25px,2.8vw,33px); color: #faf6ff; }
body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card) > div > p { color: var(--sf-dark-muted); font-size: 14px; line-height: 1.8; }
body:not(.is-dashboard) #main :is(.domain-lookup-facts,.server-tool-facts,.datacenter-tool-facts,.email-tool-facts) { border-color: var(--sf-dark-line); background: #0c061e25; border-radius: 12px; }
body:not(.is-dashboard) #main :is(.domain-lookup-facts,.server-tool-facts,.datacenter-tool-facts,.email-tool-facts) dt { color: #c7b0e1; font-size: 12px; line-height: 1.6; }
body:not(.is-dashboard) #main :is(.domain-lookup-facts,.server-tool-facts,.datacenter-tool-facts,.email-tool-facts) dd { color: #e7ddf1; font-size: 13px; line-height: 1.8; }
body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card) > div > :is(.domain-tool-note,.server-tool-note,.datacenter-tool-note,.email-tool-note) { color: #b9a7ce; font-size: 12px; }
body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card) .text-link { color: var(--sf-accent); }
body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card,.email-hosting-offer,.price-card.featured) .button.primary { border-color: var(--sf-accent); background: var(--sf-accent); color: var(--sf-night); box-shadow: none; }
body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card,.email-hosting-offer,.price-card.featured) .button.primary:hover:not(:disabled) { border-color: #e6d8ff; background: #e6d8ff; color: #211334; }
body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card,.email-hosting-offer) .button.outline { border-color: #9c80b5; color: #e1cfF2; background: #ffffff03; }
body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card,.email-hosting-offer) .button.outline:hover:not(:disabled) { border-color: var(--sf-accent); background: #ffffff0a; }
body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card,.email-hosting-offer) :is(a,button,summary):focus-visible { outline-color: var(--sf-accent); }
body:not(.is-dashboard) #main .datacenter-related-grid .datacenter-menu-item,
body:not(.is-dashboard) #main .email-hosting-offer { border-color: #5a446b; border-radius: var(--sf-radius); background: linear-gradient(135deg,color-mix(in srgb,var(--sf-night) 87%,var(--sf-primary)),var(--sf-night)); }
body:not(.is-dashboard) #main .datacenter-related-grid .datacenter-menu-item:hover { border-color: #aa8bc7; background: linear-gradient(135deg,color-mix(in srgb,var(--sf-night) 77%,var(--sf-primary)),var(--sf-night)); }
body:not(.is-dashboard) #main .datacenter-related-grid .hosting-menu-icon { border-color: var(--sf-dark-line); color: var(--sf-accent); background: #c7adff0e; }
body:not(.is-dashboard) #main .datacenter-related-grid :is(.hosting-menu-status,.hosting-menu-arrow) { color: #cdb3e6; }
body:not(.is-dashboard) #main .datacenter-related-grid .hosting-menu-copy > small { color: var(--sf-dark-muted); }
body:not(.is-dashboard) #main .server-tool-card .server-feature-list li { border-color: var(--sf-dark-line); background: #0c061e25; color: var(--sf-dark-muted); }
body:not(.is-dashboard) #main .server-tool-card .server-feature-list li > svg { color: var(--sf-accent); }
body:not(.is-dashboard) #main .datacenter-tool-status-list { border-color: var(--sf-dark-line); }
body:not(.is-dashboard) #main .datacenter-tool-status-list > li { color: var(--sf-dark-muted); }
body:not(.is-dashboard) #main .email-hosting-offer > .email-tool-icon { margin-bottom: 15px; }
body:not(.is-dashboard) #main:not(.portal-host) :is(.hosting-solution-note,.contact-form .hosting-request-note) { border-color: #5b446f; background: color-mix(in srgb,var(--sf-night) 88%,var(--sf-primary)); color: #e3d5f1; border-radius: 12px; }
body:not(.is-dashboard) #main:not(.portal-host) .hosting-solution-note > p { color: #e3d5f1; }
body:not(.is-dashboard) #main :is(.dark-section,.final-cta) { background: radial-gradient(ellipse at 70% 120%,#673de645,transparent 58%),var(--sf-night); color: #fff; }
body:not(.is-dashboard) #main .dark-feature { background: #ffffff07; border-color: var(--sf-dark-line); border-radius: var(--sf-radius); }
body:not(.is-dashboard) #main .dark-icon { border-color: var(--sf-dark-line); background: #c7adff0e; color: var(--sf-accent); }
body:not(.is-dashboard) #main :is(.dark-section,.final-cta) p { color: var(--sf-dark-muted); }
body:not(.is-dashboard) #main .final-cta .eyebrow { color: var(--sf-accent); }
body:not(.is-dashboard) #main .final-cta h2 { color: #fff; }
body:not(.is-dashboard) #main :is(.hero,.dark-section,.final-cta,.price-card.featured,.hosting-solution-note) :is(a,button,summary):focus-visible { outline-color: var(--sf-accent); }

/* Public sign-in, registration, basket and checkout; never the account consoles. */
body:not(.is-dashboard) #main.portal-host { --p-purple: var(--sf-primary); --p-purple-dark: color-mix(in srgb,var(--sf-primary) 86%,#130b26); --p-ink: var(--sf-ink); --p-muted: var(--sf-muted); --p-line: var(--sf-line); --p-bg: var(--sf-paper); background: var(--sf-paper); }
body:not(.is-dashboard) #main.portal-host .p-page { width: min(1232px,calc(100% - var(--sf-gutter)*2)); max-width: 1232px; padding: 34px 0 52px; }
body:not(.is-dashboard) #main.portal-host .p-page-intro { margin-bottom: 26px; padding: 31px 24px; border: 1px solid #c7adff20; border-radius: var(--sf-radius); background: radial-gradient(ellipse at 50% 130%,#673de64a,transparent 70%),var(--sf-night); }
body:not(.is-dashboard) #main.portal-host .p-page-intro h1 { color: #fff; font-size: clamp(32px,3.6vw,45px); line-height: 1.15; }
body:not(.is-dashboard) #main.portal-host .p-page-intro p { color: var(--sf-dark-muted); font-size: 14px; line-height: 1.8; }
body:not(.is-dashboard) #main.portal-host .p-page-intro .p-kicker { color: var(--sf-accent); }
body:not(.is-dashboard) #main.portal-host .p-card { border-color: var(--sf-line); border-radius: var(--sf-radius); background: #fff; box-shadow: var(--sf-shadow); }
body:not(.is-dashboard) #main.portal-host .p-auth { max-width: 1120px; padding: 34px 0 52px; }
body:not(.is-dashboard) #main.portal-host .p-auth-story { min-height: 0; background: radial-gradient(ellipse at 60% 75%,#673de650,transparent 58%),var(--sf-night); border-radius: var(--sf-radius) 0 0 var(--sf-radius); }
body:not(.is-dashboard) #main.portal-host .p-auth-story h2 { font-size: clamp(36px,4vw,52px); line-height: 1.13; color: #fff; }
body:not(.is-dashboard) #main.portal-host .p-auth-story h2 em { color: var(--sf-accent); }
body:not(.is-dashboard) #main.portal-host .p-auth-story > p { color: var(--sf-dark-muted); }
body:not(.is-dashboard) #main.portal-host .p-auth-main { border-radius: 0 var(--sf-radius) var(--sf-radius) 0; border-color: var(--sf-line); }
body:not(.is-dashboard) #main.portal-host .p-auth.es-registration :is(.p-auth-story,.p-auth-main) { border-radius: var(--sf-radius); }
body:not(.is-dashboard) #main.portal-host .p-auth.es-registration .p-auth-main { border: 1px solid var(--sf-line); }
body:not(.is-dashboard) #main.portal-host :is(.p-form,.p-cart-controls) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { border-radius: var(--sf-control-radius); border-color: #d7cbe4; font-size: 14px; }
body:not(.is-dashboard) #main.portal-host .es-registration :is(input,textarea):user-invalid { border-color: #c74965; }
body:not(.is-dashboard) #main.portal-host .p-cart-grid { gap: 20px; }
body:not(.is-dashboard) #main.portal-host .p-order-summary { top: 24px; }
body:not(.is-dashboard) #main.portal-host .p-order-summary h2 { margin-bottom: 21px; }

/* The footer completes the same night-purple frame as the header and hero. */
body:not(.is-dashboard) #site-footer { background: var(--sf-night); color: #ede4f8; border-top: 1px solid #ffffff0c; }
body:not(.is-dashboard) #site-footer .footer-top { padding-block: 36px 28px; gap: 27px; }
body:not(.is-dashboard) #site-footer .footer-top > div { min-width: 0; }
body:not(.is-dashboard) #site-footer .logo { color: #fff; }
body:not(.is-dashboard) #site-footer :is(.footer-brand p,.demo-badge) { color: #b9a9cf; }
body:not(.is-dashboard) #site-footer .footer-top h4 { color: #f4edff; font-size: 12px; line-height: 1.6; }
body:not(.is-dashboard) #site-footer .footer-top > div:not(:first-child) > a,
body:not(.is-dashboard) #site-footer .footer-top .text-button { color: #c7b8dc; font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
body:not(.is-dashboard) #site-footer .footer-top > div:not(:first-child) > a:hover,
body:not(.is-dashboard) #site-footer .footer-top .text-button:hover { color: #fff; }
body:not(.is-dashboard) #site-footer :is(.footer-bottom,.el-footer-legal) { border-color: #ffffff15; color: #baa9cf; }
body:not(.is-dashboard) #site-footer .footer-bottom { flex-wrap: wrap; gap: 10px 24px; }
body:not(.is-dashboard) #site-footer .footer-bottom > span { min-width: 0; overflow-wrap: anywhere; }
body:not(.is-dashboard) #site-footer .el-footer-legal nav { color: #cebedf; }
body:not(.is-dashboard) #site-footer .el-footer-legal nav .text-button { color: #cebedf; }
body:not(.is-dashboard) #site-footer .el-footer-legal p { color: #ae9bbf; }
body:not(.is-dashboard) #site-footer .el-footer-legal nav :is(a,button):hover { color: #fff; }
body:not(.is-dashboard) #site-footer :is(a,button):focus-visible { outline-color: var(--sf-accent); }
body:not(.is-dashboard) .site-dialog { border-color: var(--sf-line); border-radius: var(--sf-radius); box-shadow: 0 28px 100px #140b2745; }
body:not(.is-dashboard) .site-dialog :is(.dialog-head,.dialog-heading) > button { flex: 0 0 44px; width: 44px; height: 44px; }
body:not(.is-dashboard) .site-dialog :is(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--sf-primary); outline-offset: 4px; }

/* Shared rows follow the longest API product copy, with no fixed card height. */
@supports (grid-template-rows: subgrid) {
  @media (min-width: 641px) {
    body:not(.is-dashboard) #main:not(.portal-host) .price-grid { row-gap: 0; }
    body:not(.is-dashboard) #main:not(.portal-host) .price-card { display: grid; grid-row: span 10; grid-template-rows: subgrid; row-gap: 0; margin-bottom: 32px; }
    body:not(.is-dashboard) #main:not(.portal-host) .price-card > .plan-heading { grid-row: 1; }
    body:not(.is-dashboard) #main:not(.portal-host) .price-card > .plan-tagline { grid-row: 2; min-height: 0; }
    body:not(.is-dashboard) #main:not(.portal-host) .price-card > .plan-price { grid-row: 3; }
    body:not(.is-dashboard) #main:not(.portal-host) .price-card > .period-note { grid-row: 4; }
    body:not(.is-dashboard) #main:not(.portal-host) .price-card > .plan-billing-explainer { grid-row: 5; }
    body:not(.is-dashboard) #main:not(.portal-host) .price-card > .button { grid-row: 6; }
    body:not(.is-dashboard) #main:not(.portal-host) .price-card > .plan-divider { grid-row: 7; }
    body:not(.is-dashboard) #main:not(.portal-host) .price-card > .plan-features-title { grid-row: 8; }
    body:not(.is-dashboard) #main:not(.portal-host) .price-card > .check-list { grid-row: 9; align-self: start; }
    body:not(.is-dashboard) #main:not(.portal-host) .price-card > .plan-detail { grid-row: 10; align-self: end; margin-top: 0; }
    body:not(.is-dashboard) #main:not(.portal-host) .price-grid + .price-disclaimer { margin-top: 0; }
  }
}
@media (min-width: 901px) {
  body:not(.is-dashboard) #site-footer .footer-top:has(>div:nth-child(4):last-child) { grid-template-columns: 1.35fr repeat(3,minmax(0,1fr)); }
}
@keyframes sf-orbit-drift { 50% { transform: translateY(-9px) rotate(8deg); } }
@media (max-width: 1100px) {
  body:not(.is-dashboard) { --sf-gutter: 28px; }
  body:not(.is-dashboard) #main:not(.portal-host) .section { padding-block: 44px; }
  body:not(.is-dashboard) #main:not(.portal-host) .contact-layout { gap: 30px; }
}
@media (max-width: 1000px) {
  body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-feature > p { margin-bottom: 0; }
  body:not(.is-dashboard) #main :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
  body:not(.is-dashboard) #main:not(.portal-host) .contact-form :is(input:not([type=checkbox]),textarea,select),
  body:not(.is-dashboard) #main.portal-host :is(.p-form,.p-cart-controls) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size: 16px; }
}
@media (max-width: 800px) {
  body:not(.is-dashboard) #main.portal-host .p-auth-main { border-radius: var(--sf-radius); }
}
@media (max-width: 640px) {
  body:not(.is-dashboard) { --sf-gutter: 18px; }
  body:not(.is-dashboard) #main:not(.portal-host) .section { padding-block: 35px; }
  body:not(.is-dashboard) #main :is(.page-hero,.el-hero) { padding-block: 30px; }
  body:not(.is-dashboard) #main :is(.hero,.page-hero,.el-hero) h1 { font-size: clamp(32px,8.8vw,42px); line-height: 1.12; letter-spacing: -.045em; }
  body:not(.is-dashboard) #main :is(.page-hero p,.el-hero > div > p) { font-size: 14px; line-height: 1.75; }
  body:not(.is-dashboard) #main:not(.portal-host) .section-heading h2 { font-size: 29px; }
  body:not(.is-dashboard) #main .eyebrow { font-size: 10px; }
  body:not(.is-dashboard) #main .page-jump-nav { gap: 4px; padding: 7px 12px; }
  body:not(.is-dashboard) #main .page-jump-nav a { padding-inline: 10px; font-size: 12px; }
  body:not(.is-dashboard) #main:not(.portal-host) .pricing-controls { align-items: center; justify-content: flex-start; gap: 9px; }
  body:not(.is-dashboard) #main:not(.portal-host) .pricing-controls .catalog-categories { flex: 1 1 100%; justify-content: flex-start; flex-wrap: nowrap; max-width: 100%; min-width: 0; gap: 6px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #c9b7e0 transparent; padding: 4px; margin: -4px; scroll-padding-inline: 4px; }
  body:not(.is-dashboard) #main:not(.portal-host) .catalog-categories a { flex: 0 0 auto; white-space: nowrap; font-size: 13px; }
  body:not(.is-dashboard) #main:not(.portal-host) .pricing-controls .billing-toggle { padding: 3px; }
  body:not(.is-dashboard) #main:not(.portal-host) .billing-toggle button { padding: 8px 16px; }
  body:not(.is-dashboard) #main:not(.portal-host) .catalog-insight { justify-content: flex-start; gap: 3px 14px; font-size: 12px; }
  body:not(.is-dashboard) #main:not(.portal-host) .price-grid { row-gap: 32px; }
  body:not(.is-dashboard) #main:not(.portal-host) .price-card { padding: 23px 21px; }
  body:not(.is-dashboard) #main:not(.portal-host) .domain-price-pagination { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 17px; }
  body:not(.is-dashboard) #main:not(.portal-host) .domain-price-pagination > span { grid-column: 1/-1; grid-row: 1; text-align: center; font-size: 13px; }
  body:not(.is-dashboard) #main:not(.portal-host) .domain-price-pagination > button { grid-row: 2; width: 100%; padding-inline: 10px; }
  body:not(.is-dashboard) #main :is(.domain-tools-section,.server-tools-section,.datacenter-tools-section,.email-tools-section) { padding-block: 21px 34px; }
  body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card) { padding: 22px 19px; gap: 16px; }
  body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card) h2 { font-size: 26px; }
  body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card) > div > p { font-size: 13px; }
  body:not(.is-dashboard) #main:not(.portal-host) .contact-form { padding: 23px 20px; }
  body:not(.is-dashboard) #main.portal-host .p-page { padding-top: 25px; padding-bottom: 38px; }
  body:not(.is-dashboard) #main.portal-host .p-page-intro { padding: 26px 19px; margin-bottom: 20px; }
  body:not(.is-dashboard) #main.portal-host .p-page-intro h1 { font-size: 31px; }
  body:not(.is-dashboard) #main.portal-host .p-auth { padding-top: 24px; padding-bottom: 38px; }
  body:not(.is-dashboard) #main.portal-host .p-auth-main { padding: 26px 22px; }
  body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-inner { padding-block: 23px 19px; }
  body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-feature { padding: 16px; }
  body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-feature h2 { font-size: 22px; margin-bottom: 9px; }
  body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-mega-feature > p { margin-bottom: 12px; }
  body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-promo { padding: 10px 12px; gap: 4px; }
  body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-promo strong { font-size: 13px; }
  body:not(.is-dashboard) #site-header :is(#hosting-mega,#domain-mega,#server-mega,#datacenter-mega,#email-mega) .hosting-menu-copy strong { font-size: 15px; }
  body:not(.is-dashboard) #site-footer .footer-top { padding-block: 31px 23px; gap: 26px 20px; }
  body:not(.is-dashboard) #site-footer .footer-bottom { padding-bottom: 82px; }
}
@media (max-width: 360px) {
  body:not(.is-dashboard) { --sf-gutter: 14px; }
  body:not(.is-dashboard) #site-header .nav-shell { gap: 5px; }
  body:not(.is-dashboard) #site-header .logo { font-size: 21px; }
  body:not(.is-dashboard) #site-header .nav-actions { gap: 1px; }
  body:not(.is-dashboard) #site-header .nav-login { padding-inline: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  body:not(.is-dashboard) #main .page-orb { animation: none; }
  body:not(.is-dashboard) #main :is(.domain-tool-icon,.server-tool-icon,.datacenter-tool-icon,.email-tool-icon) { transition: none; }
  body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card):hover > :is(.domain-tool-icon,.server-tool-icon,.datacenter-tool-icon,.email-tool-icon) { transform: none; }
}
body.reduced-motion:not(.is-dashboard) #main .page-orb,
.reduced-motion body:not(.is-dashboard) #main .page-orb { animation: none; }
body.reduced-motion:not(.is-dashboard) #main :is(.domain-tool-icon,.server-tool-icon,.datacenter-tool-icon,.email-tool-icon) { transition: none; transform: none; }
.reduced-motion body:not(.is-dashboard) #main :is(.domain-tool-icon,.server-tool-icon,.datacenter-tool-icon,.email-tool-icon) { transition: none; }
.reduced-motion body:not(.is-dashboard) #main :is(.domain-tool-card,.server-tool-card,.datacenter-tool-card,.email-tool-card):hover > :is(.domain-tool-icon,.server-tool-icon,.datacenter-tool-icon,.email-tool-icon) { transform: none; }
@media print {
  body:not(.is-dashboard) #main .el-hero { color: #222; background: #fff; padding-block: 20px; }
  body:not(.is-dashboard) #main .el-hero :is(h1,p,.eyebrow,.el-meta) { color: #222; }
}