/* HostAngle — one light visual system across the entire website. */
:root{--blue:#40a1e9;--ink:#25394b;--muted:#6d8294;--soft:#f4f8fc;--navy:#25394b;--shadow:0 12px 40px #274c7010}
body.ha-redesign{font-family:Arial,"Segoe UI",sans-serif;line-height:1.65;color:#344b5e;background:#fff}body.ha-redesign a{text-decoration:none}body.ha-redesign h1,body.ha-redesign h2,body.ha-redesign h3,body.ha-redesign h4{font-family:inherit;line-height:1.25;letter-spacing:-.025em}body.ha-redesign h2{font-size:34px;font-weight:500}body.ha-redesign h3{font-size:22px;font-weight:500}body.ha-redesign p{color:#728697}body.ha-redesign .container{width:min(1200px,calc(100% - 48px))}body.ha-redesign main{min-height:50vh}
body.ha-redesign .utility-bar{background:#f7f9fb;color:#718292;border-bottom:1px solid #edf1f5}body.ha-redesign .utility-bar a,body.ha-redesign .language-label,body.ha-redesign .currency-trigger{color:#627788}body.ha-redesign .utility-bar>.container{min-height:33px}body.ha-redesign .site-header{background:#fff!important;color:#526271;border-bottom:1px solid #edf1f5;height:auto;box-shadow:0 3px 14px #23465a04}body.ha-redesign .nav-shell{height:90px;gap:35px}body.ha-redesign .brand img{width:190px;max-height:48px;filter:none}body.ha-redesign .main-nav{gap:28px;margin-left:auto}body.ha-redesign .main-nav>a,body.ha-redesign .nav-dropdown>button{color:#596977!important;font-size:15px;font-weight:400;padding:14px 0;background:transparent!important}body.ha-redesign .main-nav>a:hover,body.ha-redesign .nav-dropdown>button:hover{color:#3199e4!important}body.ha-redesign .client-login{color:#3199e4;border:1px solid #40a1e9;padding:11px 20px;border-radius:4px;background:#fff;font-weight:600;font-size:14px}body.ha-redesign .client-login:hover{background:#f1f8fd}body.ha-redesign .nav-toggle{border-color:#d6e7f4}body.ha-redesign .nav-toggle span{background:#438fbf}body.ha-redesign .mega-menu{top:calc(100% + 6px)}body.ha-redesign .currency-options{top:100%}
body.ha-redesign .section-heading{margin-bottom:43px}body.ha-redesign .section-heading h2{font-size:34px;font-weight:500;line-height:1.3;margin:12px 0 14px}body.ha-redesign .section-heading p{font-size:15px;line-height:1.8}body.ha-redesign .eyebrow,body.ha-redesign .section-code{font-size:11px;letter-spacing:.15em;color:#3999dc;font-weight:500}
body.ha-redesign .btn{border-radius:4px;font-size:14px;font-weight:500;min-height:46px;padding:12px 24px}body.ha-redesign .btn-secondary{background:transparent;color:#298dce;border:1px solid #40a1e9}body.ha-redesign .btn-secondary:hover{background:#40a1e9;color:#fff}body.ha-redesign .btn-primary{background:#fc706f;border-color:#fc706f;color:#fff}body.ha-redesign .btn-primary:hover{background:#ed6261;color:#fff}body.ha-redesign .text-link{color:#3598da;font-size:14px}
body.ha-redesign :is(.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero,.legal-hero){background:linear-gradient(115deg,#40a1e9,#388fce);padding:62px 0;color:#fff;overflow:hidden;position:relative}
body.ha-redesign :is(.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero,.legal-hero) h1{color:#fff;font-size:44px;line-height:1.17;font-weight:500;margin:18px 0 22px;letter-spacing:-.035em}
body.ha-redesign :is(.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero,.legal-hero) h1 :is(span,em){color:#fff;font-style:normal}
body.ha-redesign :is(.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero,.legal-hero) p{color:#e6f3fc;font-size:16px;line-height:1.8;max-width:620px}
body.ha-redesign :is(.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero,.legal-hero) .eyebrow{color:#e0f1ff}
body.ha-redesign :is(.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero) .btn-secondary{color:#fff;border-color:#ffffffbb;background:transparent}
body.ha-redesign :is(.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero) .btn-secondary:hover{background:#fff;color:#3197d8}
body.ha-redesign :is(.page-hero-grid,.cf-hero-grid,.affiliate-hero-grid,.bb-hero-layout,.domain-market-hero-layout,.hosty-experience-layout){display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;min-height:340px}
body.ha-redesign .ha-product-hero{padding:48px 0 52px}body.ha-redesign .ha-product-hero h1{font-size:43px;font-weight:500}body.ha-redesign .ha-product-hero p{font-size:16px}body.ha-redesign .ha-product-hero .hero-proof{margin-top:24px}
body.ha-redesign .ha-home-hero{border-bottom:0}body.ha-redesign .home-hero-grid{padding-bottom:55px;min-height:520px}body.ha-redesign .home-hero-copy h1{color:#fff}body.ha-redesign .home-hero-copy h2{color:#fff}
/* Secondary-page cards use the same readable light components. */
body.ha-redesign :is(.section,.section-soft,.section-dark,.bb-explain,.bb-included-section,.hosty-capability-section,.hosty-lab,.hosty-final-console,.contact-main,.contact-next-step,.domain-ai-discovery,.domain-market-results-section,.domain-price-guide,.domain-market-info,.legal-section,.template-showcase){background:#fff;color:#344b5e;padding:68px 0}
body.ha-redesign :is(.section-soft,.bb-included-section,.contact-next-step,.domain-transfer-modern,.domain-price-guide,.ha-toolkit,.ha-related){background:#f6f9fc}
body.ha-redesign main :is(.section,.section-soft,.section-dark,.bb-explain,.bb-included-section,.hosty-capability-section,.hosty-lab,.contact-main,.contact-next-step,.domain-ai-discovery,.domain-market-results-section,.domain-price-guide) :is(h2,h3,h4){color:#344b5e}
body.ha-redesign :is(.feature,.price-card,.business-package-card,.service-card,.bb-step-card,.bb-system-card,.hosty-capability-card,.hosty-lab-card,.quote-service-card,.contact-next-card,.domain-market-benefits article,.domain-price-card,.template-card){background:#fff;border:1px solid #e2eaf1;border-radius:6px;box-shadow:0 5px 20px #365a7805;padding:28px;color:#425b70}
body.ha-redesign :is(.feature,.price-card,.business-package-card,.service-card,.bb-step-card,.bb-system-card,.hosty-capability-card,.hosty-lab-card,.quote-service-card,.contact-next-card,.template-card) p{color:#7d8e9c;font-size:14px;line-height:1.8}
body.ha-redesign :is(.feature-grid,.services-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}body.ha-redesign .feature-grid:has(>article:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
body.ha-redesign :is(.service-icon,.ha-mini-icon){width:38px;height:38px;background:#eaf5fd;color:#4099d5;border-radius:50%;display:grid;place-items:center;font-size:18px;margin-bottom:18px}
body.ha-redesign :is(.pricing-grid,.business-packages-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}body.ha-redesign .ssl-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ha-redesign :is(.price-card,.business-package-card) ul{list-style:none;margin:24px 0;padding:0;color:#6d8396;font-size:13px}body.ha-redesign :is(.price-card,.business-package-card) li{margin:12px 0;line-height:1.6}body.ha-redesign :is(.price-card,.business-package-card) li:before{content:"✓";color:#52baa0;margin-right:8px}
body.ha-redesign :is(.price,.business-package-price){color:#3597da;font-size:34px;font-weight:500;margin:22px 0}body.ha-redesign .price small{font-size:12px;display:block;color:#8294a2}body.ha-redesign .btn-block{width:100%}body.ha-redesign :is(.price-badge,.business-package-ribbon,.business-package-tag){background:#eaf5fd;color:#418dbb;border-radius:3px;padding:5px 9px;font-size:10px;letter-spacing:.04em;display:inline-block}
body.ha-redesign :is(.cta,.cloud-final-cta){background:#fff;padding:42px 0}body.ha-redesign :is(.cta-card,.cloud-cta-card){background:#edf7fe;border:1px solid #dcecf7;border-radius:6px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:35px;box-shadow:none;color:#34556e}body.ha-redesign :is(.cta-card,.cloud-cta-card) h2{color:#34556e;font-size:29px}body.ha-redesign :is(.cta-card,.cloud-cta-card) p{color:#7991a3}
body.ha-redesign .quote-service-card{display:grid;grid-template-columns:1fr 260px;gap:35px}body.ha-redesign .quote-factor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.ha-redesign .quote-service-action{padding:30px;background:#eef7fe;border-radius:5px;display:flex;flex-direction:column;justify-content:center;gap:20px}body.ha-redesign .quote-service-action strong{font-size:26px;color:#4098d6}
/* Decorative dashboards are illustrations, with explicit sizes and contrast. */
body.ha-redesign :is(.page-art,.affiliate-dashboard,.bb-visual,.hosty-demo-window,.hosty-chat-window){background:#f4faff;border:1px solid #d3e8f7;border-radius:12px;box-shadow:0 15px 35px #28638812;max-width:100%;color:#3e749b;overflow:hidden}
body.ha-redesign .page-art{min-height:320px;height:360px;padding:20px;position:relative;isolation:isolate}body.ha-redesign .page-art :is(b,strong,h3,small,span){color:#5287ad}body.ha-redesign .page-art :is(.server-rack,.rack-unit,.telemetry>div,.dev-code-window,.app-screen,.ssl-shield-inner){background:#fff;border:1px solid #c9e1f2;border-radius:7px;box-shadow:none}body.ha-redesign .page-art :is(.infra-glow,.infra-grid){opacity:.1}body.ha-redesign .page-art :is(.rack-head,.rack-unit){color:#49799a;padding:10px}body.ha-redesign .page-art .server-rack{max-width:280px;margin:10px auto}body.ha-redesign .page-art .rack-unit{margin:7px 0;min-height:31px}body.ha-redesign .page-art .telemetry{display:flex;gap:8px;justify-content:center}body.ha-redesign .page-art .telemetry>div{padding:10px;width:90px}body.ha-redesign .page-art .telemetry :is(small,b){display:block}
body.ha-redesign .cf-visual{position:relative;width:100%;max-width:450px;height:350px;min-height:350px;margin:auto;overflow:visible;isolation:isolate}
body.ha-redesign .cf-core{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:165px;height:165px;border-radius:50%;background:#ff9e2d;color:#fff;font-size:54px;font-weight:700;box-shadow:0 0 0 18px #ffffff0c}
body.ha-redesign .cf-orbit{position:absolute;inset:35px 70px;border:1px solid #ffffff25;border-radius:50%;pointer-events:none}body.ha-redesign .cf-orbit.two{inset:3px 35px;border-style:dashed}
body.ha-redesign .cf-node{position:absolute;inset:auto;width:120px;min-width:0;height:auto;min-height:0;background:#fff;color:#8195a4;border:1px solid #e4f0f9;border-radius:8px;padding:17px 15px;box-shadow:0 10px 22px #17609516;font-size:10px;letter-spacing:.04em;line-height:1.4;text-align:left}
body.ha-redesign .cf-node b{display:block;color:#3598d8;font-size:11px;margin-top:7px}body.ha-redesign .cf-node.n1{left:4%;top:12px;right:auto;bottom:auto}body.ha-redesign .cf-node.n2{right:0;top:130px;left:auto;bottom:auto}body.ha-redesign .cf-node.n3{left:5%;bottom:5px;right:auto;top:auto}
body.ha-redesign .cloud-trust-strip{background:#f7fafc;color:#8195a4;border-bottom:1px solid #e7eff5}body.ha-redesign .cloud-trust-strip .container{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;padding:22px 0;font-size:12px}body.ha-redesign .cloud-trust-strip b{color:#52baa0;margin-right:7px}
body.ha-redesign .affiliate-dashboard{padding:30px;min-height:300px}body.ha-redesign .aff-top{background:transparent;display:flex;justify-content:space-between;font-size:10px;color:#7b9bb0}body.ha-redesign .aff-amount strong{color:#40a1e9;font-size:60px;display:block}body.ha-redesign .aff-amount small{color:#80a0b6;font-size:10px}body.ha-redesign .aff-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px}body.ha-redesign .aff-metrics>div{background:#fff;border:1px solid #dcebf5;border-radius:5px;padding:14px}body.ha-redesign .aff-metrics :is(small,b){display:block;color:#6a8aa1}body.ha-redesign .aff-chart{display:flex;height:70px;align-items:end;gap:12px;margin-top:20px}body.ha-redesign .aff-chart i{height:var(--h);flex:1;background:#8dccf5;border-radius:4px 4px 0 0}body.ha-redesign .affiliate-numbers{background:#fff;padding:35px 0;border-bottom:1px solid #e7eef4}body.ha-redesign .affiliate-numbers>.container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}body.ha-redesign .affiliate-numbers strong{display:block;font-size:29px;color:#3f97d1}body.ha-redesign .affiliate-numbers span{font-size:12px;color:#7e92a2}
body.ha-redesign :is(.bb-step-card,.bb-system-card) :is(small,span,b,strong){color:#6f8fa6}body.ha-redesign .bb-hero .bb-copy :is(small,span){color:#e0f1ff}body.ha-redesign .bb-visual{padding:24px}body.ha-redesign .bb-visual :is(span,b,strong,small){color:#5282a4}body.ha-redesign .bb-visual :is(article,div[class*="card"]){background:white;border:1px solid #dcebf5;border-radius:5px;padding:15px}
/* Forms and domains: consistent controls, results and tables. */
body.ha-redesign main :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){font:inherit;background:#fff;border:1px solid #d9e6ef;border-radius:4px;color:#35536c;padding:13px 15px;max-width:100%}body.ha-redesign main textarea{min-height:150px;resize:vertical}body.ha-redesign main label{color:#547289;font-size:13px}body.ha-redesign :is(.contact-command-form,.domain-ai-discovery-card,.domain-market-result,.domain-ai-inline-results,.domain-market-search-shell){background:#fff;color:#3e5c73;border:1px solid #dce8f1;border-radius:6px;box-shadow:none;padding:26px}
body.ha-redesign :is(.form-console-head,.form-heading,.form-submit-row,.contact-channel,.contact-command-form .form-heading span){color:#7792a6;background:#fff;border-color:#e4edf4}body.ha-redesign .form-console-head{padding-bottom:20px;border-bottom:1px solid #e4edf4;font-size:10px}body.ha-redesign .contact-command-form :is(h2,b,strong,em){color:#426e8c}body.ha-redesign .contact-command-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}body.ha-redesign .premium-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}body.ha-redesign .premium-form-grid .full{grid-column:1/-1}body.ha-redesign .premium-form-grid label span{display:block;margin-bottom:8px}body.ha-redesign .premium-form-grid :is(input,select,textarea){width:100%}body.ha-redesign .contact-channel{padding:18px 0;border-bottom:1px solid #e5edf3}body.ha-redesign .contact-channel :is(b,strong){color:#426e8c}body.ha-redesign .hp-field{position:absolute;left:-9999px}body.ha-redesign .form-alert{background:#edf7fd;padding:14px;border-radius:4px;color:#487995}body.ha-redesign .form-alert.error{background:#fff2f1;color:#b25452}body.ha-redesign .form-alert.success{background:#ecf8f1;color:#407d5d}
body.ha-redesign .domain-market-hero .domain-market-search{background:#fff;border:0;display:flex;gap:10px;box-shadow:none}body.ha-redesign .domain-market-search input{min-width:0;flex:1;color:#35536c}body.ha-redesign .domain-market-chips span{background:#ffffff16;border:1px solid #ffffff40;color:#fff;border-radius:4px;padding:6px 10px;font-size:11px}body.ha-redesign .domain-market-tabs button,body.ha-redesign .domain-tabs button{background:#eff6fc;color:#6491b0;border:1px solid #dcebf5;padding:10px 16px;border-radius:4px;cursor:pointer}body.ha-redesign .domain-market-tabs button.active,body.ha-redesign .domain-tabs button.active{background:#40a1e9;color:#fff}body.ha-redesign .domain-market-table-wrap{background:#fff;border:1px solid #e2eaf0;overflow-x:auto;border-radius:5px}body.ha-redesign .domain-market-table{width:100%;border-collapse:collapse;min-width:620px}body.ha-redesign .domain-market-table :is(th,td){background:#fff;color:#6d889d;border-bottom:1px solid #e3ecf3;padding:17px;text-align:left;font-size:13px}body.ha-redesign .domain-market-table th{background:#eef7fe;color:#4689b6}body.ha-redesign .domain-price-guide-layout,body.ha-redesign .domain-market-benefits{gap:22px}body.ha-redesign .domain-price-card{padding:20px}body.ha-redesign .domain-price-card b{color:#3597d6}body.ha-redesign .domain-ai-discovery-card h2{color:#355c78}body.ha-redesign .domain-transfer-modern{padding:65px 0}body.ha-redesign .domain-transfer-modern h2{color:#355c78}
body.ha-redesign .template-card{padding:0;overflow:hidden}body.ha-redesign .template-card img{display:block;width:100%;height:225px;object-fit:cover}body.ha-redesign .template-card>div{padding:22px}body.ha-redesign .template-card :is(h3,b,span){color:#567e9a}body.ha-redesign .template-card a{color:#3494d5}
body.ha-redesign .legal-hero{padding:50px 0}body.ha-redesign .legal-hero small{color:#d7edfc}body.ha-redesign .legal-layout{display:grid;grid-template-columns:240px 1fr;gap:45px;align-items:start}body.ha-redesign .legal-nav{background:#f5f9fc;padding:22px;border:1px solid #e3edf4;border-radius:5px;position:sticky;top:115px}body.ha-redesign .legal-nav a{display:block;color:#6f8ca2;padding:8px 0;font-size:12px}body.ha-redesign .legal-nav strong{color:#3b6685;font-size:14px}body.ha-redesign .legal-document{padding:0;background:#fff;color:#4b667c}body.ha-redesign .legal-document section{padding:0 0 28px}body.ha-redesign .legal-document h2{font-size:25px;color:#3b5b73}body.ha-redesign .legal-document p{font-size:15px;line-height:1.9}
/* Pricing mirrors the compact column reference, with one aligned feature matrix. */
body.ha-redesign .ha-pricing-section{background:linear-gradient(180deg,#40a1e9 0,#40a1e9 470px,#fff 470px,#fff 100%);padding:42px 0 45px}
body.ha-redesign .ha-pricing-section .section-heading{margin-bottom:28px}body.ha-redesign .ha-pricing-section .section-heading h2{font-size:32px;margin-top:10px}body.ha-redesign .ha-pricing-section .section-heading p{color:#e8f5ff;font-size:14px}
body.ha-redesign .ha-plan-grid{box-shadow:0 4px 18px #253b5412;overflow:visible;align-items:stretch}body.ha-redesign .ha-plan{padding:0 22px 25px;background:#f7f8fc;border-color:#dce0eb;box-shadow:none}body.ha-redesign .ha-plan.popular{background:#f7f8fc;border:1px solid #787ab3;box-shadow:none;z-index:2}body.ha-redesign .ha-plan-badge{margin:0 -22px 18px;height:26px;padding:5px;font-size:9px;background:transparent}body.ha-redesign .ha-plan.popular .ha-plan-badge{background:#60639e;color:#fff;letter-spacing:.04em}
body.ha-redesign .ha-plan h3{font-size:27px;font-weight:600;margin-bottom:8px;color:var(--plan-accent)}body.ha-redesign .plan-tag{font-size:11px;min-height:36px;color:#7d8da4}body.ha-redesign .ha-plan-price{color:#25394b;margin:10px 0 4px}body.ha-redesign .ha-plan-price strong{font-size:34px;font-weight:600;letter-spacing:-.03em}body.ha-redesign .ha-plan-price>span{font-size:25px;font-weight:600}body.ha-redesign .ha-plan-price small{font-size:18px;color:#3f5264;font-weight:400}body.ha-redesign .plan-total{font-size:10px;color:#7c8ba2;min-height:28px}body.ha-redesign .plan-saving{font-size:10px;min-height:20px;color:#669285}body.ha-redesign .ha-plan>.btn{background:#ffd500!important;border-color:#edc500!important;color:#293743!important;font-size:11px;font-weight:600;text-transform:uppercase;min-height:37px;padding:8px 16px;margin:8px 0 16px;width:auto;display:flex;max-width:160px;margin-inline:auto;box-shadow:0 2px 7px #987e0018}body.ha-redesign .ha-plan>.btn:hover{background:#f4ca00!important}body.ha-redesign .ha-plan .plan-description{font-size:11px;line-height:1.55;padding:0 0 16px;border-bottom:1px solid #d9deea;color:#6d7e95;min-height:65px;margin-bottom:14px}
.ha-feature-group{margin:0;padding:0}.ha-feature-group h4{font-size:13px;font-weight:600;letter-spacing:0;color:#34495e;margin:17px 0 11px}.ha-feature-group ul{list-style:none;padding:0;margin:0}.ha-feature-group li{display:flex;align-items:start;gap:7px;font-size:11px;line-height:1.6;color:#6a7d92;padding:7px 0;position:relative;min-height:30px}.feature-status{font-size:16px;line-height:1.1;flex:0 0 13px;color:#45c2a7}.is-excluded .feature-status{color:#ff6466}.feature-name{flex:1;min-width:0}.feature-info{position:relative;flex:0 0 15px;margin-top:2px}.feature-info summary{list-style:none;display:grid;place-items:center;border:1px solid #a6b1bd;border-radius:50%;width:14px;height:14px;font-size:9px;color:#526574;cursor:pointer;line-height:1}.feature-info summary::-webkit-details-marker{display:none}.feature-tooltip{position:absolute;z-index:30;right:-5px;bottom:calc(100% + 10px);width:220px;max-width:70vw;padding:14px;background:#fff;border:1px solid #d9e4ed;border-radius:5px;box-shadow:0 10px 25px #26476620;font-size:12px;line-height:1.65;color:#55738a}.feature-info[open] summary{color:#298ed0;border-color:#298ed0;background:#e9f6ff}
body.ha-redesign .ha-pricing-note{color:#8c9da9;font-size:10px;line-height:1.8}body.ha-redesign .ha-unavailable-note{color:#7890a2;font-size:12px}body.ha-redesign .pricing-help{color:#748b9d;font-size:13px}body.ha-redesign .pricing-help a{color:#3395d7;border:0}
body.ha-redesign .ha-comparison{background:#f7f9fc;padding:55px 0}.ha-compare-table .comparison-feature{line-height:1.7}body.ha-redesign .ha-compare-table thead th{background:#439fe0;font-size:15px}body.ha-redesign .ha-compare-table .btn{background:#ffd500;color:#374354;border-color:#edc500}
/* Hosting content follows the full reference structure with original copy and assets. */
body.ha-redesign :is(.ha-beyond,.ha-toolkit,.ha-developers,.ha-transfer,.ha-network,.ha-related,.ha-stories){padding:68px 0;background:#fff}body.ha-redesign :is(.ha-toolkit,.ha-transfer,.ha-related){background:#f6f9fc}
.ha-benefit{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:75px;padding:43px 0}.ha-benefit.reverse{grid-template-columns:1.1fr 1fr}.ha-benefit.reverse>:first-child{order:2}.ha-benefit h2{margin:12px 0 18px}.ha-benefit p{font-size:15px;line-height:1.9}.ha-benefit-art img,.ha-benefit>img{width:100%;max-width:480px;display:block;margin:auto}.ha-check-list{list-style:none;padding:0;margin:22px 0}.ha-check-list li{position:relative;padding:6px 0 6px 23px;color:#71889a;font-size:14px;line-height:1.8}.ha-check-list li:before{content:"✓";position:absolute;left:0;color:#52bba1;font-size:16px}.ha-benefit .hero-actions{align-items:center;margin-top:24px}.ha-sub-link{display:inline-block;font-size:12px;margin-top:20px;color:#3497d9}
.ha-toolkit-layout{display:grid;grid-template-columns:.9fr 1.3fr;align-items:center;gap:60px}.ha-toolkit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 30px}.ha-toolkit-grid h3{font-size:17px;margin:0 0 10px}.ha-toolkit-grid p{font-size:13px;line-height:1.8;margin:0}.ha-toolkit-grid .ha-mini-icon{width:30px;height:30px;font-size:14px;margin-bottom:12px}.ha-section-note{text-align:center;font-size:11px;color:#94a5b3;margin-top:20px}.ha-dev-item{padding:15px 0;border-bottom:1px solid #e7eef4}.ha-dev-item h3{font-size:18px;margin:0 0 7px}.ha-dev-item p{font-size:13px;margin:0}.ha-developers .btn{margin-top:25px}
.ha-transfer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.ha-transfer-grid article{background:#fff;border:1px solid #e4ecf2;border-radius:6px;padding:37px 40px}.ha-transfer-grid h3{font-size:25px;margin:14px 0}.ha-transfer-icon{font-size:34px;color:#409ddd;line-height:1}.ha-transfer-grid .btn{margin-top:15px}.ha-network-map{max-width:950px;margin:auto}.ha-network-map svg{display:block;width:100%;height:auto}.ha-network-stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;max-width:900px;margin:30px auto 0;border-top:1px solid #e5edf3;padding-top:25px}.ha-network-stats b{display:block;color:#439bdd;font-size:28px;font-weight:500}.ha-network-stats span{font-size:12px;color:#8094a4}
.ha-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.ha-related-grid article{text-align:center}.ha-related-grid article>span{display:grid;place-items:center;width:65px;height:65px;margin:auto;background:#e5f2fb;color:#3998d8;border-radius:50%;font-size:30px}.ha-related-grid h3{font-size:22px;margin:22px 0 12px}.ha-related-grid p{font-size:14px;line-height:1.9}.ha-related-grid a{font-size:13px;color:#3598d9}
.ha-stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.ha-stories-grid article{text-align:center;padding:25px 23px;border:1px solid #e6edf3;border-radius:6px}.ha-stories-grid img{display:block;margin:auto auto 16px;width:90px;height:90px}.ha-demo-label{font-size:9px;letter-spacing:.13em;color:#92a2b1}.ha-stories-grid h3{font-size:18px;margin:10px 0 6px}.ha-story-website{font-size:11px;color:#4099d7}.ha-stories-grid blockquote{font-size:13px;line-height:1.9;color:#8092a2;margin:19px 0 0;font-style:italic}.ha-hosting-launch{background:#40a1e9;color:white;text-align:center;padding:55px 0}.ha-hosting-launch h2{color:#fff;font-size:31px}.ha-hosting-launch p{color:#e0f1ff}.ha-hosting-launch .btn{margin-top:15px}
body.ha-redesign .ha-footer-cta{background:#edf7fe;padding:38px 0}body.ha-redesign .ha-footer-cta h2{color:#355d7a;font-size:28px}body.ha-redesign .ha-footer-cta p{color:#7691a5}body.ha-redesign .site-footer{background:#fff;border-top:1px solid #e6edf3;color:#73899c;padding-top:52px}body.ha-redesign .footer-grid h4{color:#3b5b73;font-size:13px;font-weight:600}body.ha-redesign .footer-grid a{color:#7a8fa1;font-size:12px}body.ha-redesign .footer-grid a:hover{color:#3999db}body.ha-redesign .footer-brand p{color:#7d92a3}body.ha-redesign .footer-bottom{border-color:#e9eff4;color:#9aaab6}
@media(max-width:1050px){body.ha-redesign .nav-shell{height:75px;gap:18px}body.ha-redesign .brand img{width:165px}body.ha-redesign .site-header .main-nav{top:75px;background:#fff!important}body.ha-redesign .site-header .main-nav.is-open{display:flex}body.ha-redesign .ha-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}body.ha-redesign .ha-plan,body.ha-redesign .ha-plan:first-child,body.ha-redesign .ha-plan:last-child{border:1px solid #dce0eb;border-radius:5px}.ha-benefit,.ha-toolkit-layout{gap:40px}body.ha-redesign .feature-grid:has(>article:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}body.ha-redesign :is(.page-hero-grid,.cf-hero-grid,.affiliate-hero-grid,.bb-hero-layout,.domain-market-hero-layout,.hosty-experience-layout){gap:35px}.ha-stories-grid{gap:22px}.ha-related-grid{gap:25px}body.ha-redesign .contact-command-layout{gap:30px}body.ha-redesign .ha-plan .plan-description{min-height:65px}}
@media(max-width:760px){body.ha-redesign .container{width:calc(100% - 36px)}body.ha-redesign .nav-shell{gap:12px}body.ha-redesign .client-login{font-size:11px;padding:9px 12px}body.ha-redesign .brand img{width:150px}body.ha-redesign :is(.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero,.legal-hero){padding:42px 0}body.ha-redesign :is(.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero,.legal-hero) h1{font-size:34px}body.ha-redesign :is(.page-hero-grid,.cf-hero-grid,.affiliate-hero-grid,.bb-hero-layout,.domain-market-hero-layout,.hosty-experience-layout){grid-template-columns:1fr;gap:30px;min-height:0}body.ha-redesign .cf-visual{height:320px;min-height:320px;max-width:400px}body.ha-redesign .page-art{height:310px;min-height:310px}body.ha-redesign .ha-product-hero h1{font-size:34px}body.ha-redesign .ha-product-hero{padding:35px 0 40px}body.ha-redesign :is(.section,.section-soft,.section-dark,.bb-explain,.bb-included-section,.hosty-capability-section,.hosty-lab,.contact-main,.contact-next-step,.domain-ai-discovery,.domain-market-results-section,.domain-price-guide,.legal-section,.template-showcase,.ha-beyond,.ha-toolkit,.ha-developers,.ha-transfer,.ha-network,.ha-related,.ha-stories){padding:45px 0}body.ha-redesign .section-heading h2{font-size:28px}body.ha-redesign :is(.feature-grid,.services-grid,.pricing-grid,.business-packages-grid){grid-template-columns:repeat(2,minmax(0,1fr))}body.ha-redesign :is(.contact-command-layout,.quote-service-card,.legal-layout){grid-template-columns:1fr;gap:28px}body.ha-redesign .legal-nav{position:static}body.ha-redesign :is(.cta-card,.cloud-cta-card){display:block;padding:28px}body.ha-redesign :is(.cta-card,.cloud-cta-card) .btn{margin-top:20px}.ha-benefit,.ha-benefit.reverse,.ha-toolkit-layout{grid-template-columns:1fr;gap:25px;padding:25px 0}.ha-benefit.reverse>:first-child{order:0}.ha-benefit h2{font-size:29px}.ha-benefit img,.ha-toolkit-layout>img{max-width:360px;margin:auto}.ha-transfer-grid{gap:20px}.ha-transfer-grid article{padding:25px}.ha-transfer-grid h3{font-size:22px}.ha-related-grid,.ha-stories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ha-related-grid article:last-child{grid-column:1/-1;max-width:400px;margin:auto}.ha-network-stats{grid-template-columns:repeat(2,1fr);gap:25px}.ha-hosting-launch h2{font-size:27px}body.ha-redesign .ha-plan-badge{margin-inline:-22px}body.ha-redesign .ha-plan h3{font-size:25px}body.ha-redesign .ha-plan-price strong{font-size:32px}body.ha-redesign .ha-plan .plan-description{font-size:11px;min-height:70px}.ha-feature-group li{font-size:12px}body.ha-redesign .affiliate-numbers>.container{grid-template-columns:repeat(2,1fr);gap:25px}body.ha-redesign .domain-market-search{flex-wrap:wrap}body.ha-redesign .domain-market-search button{width:100%}}
@media(max-width:520px){body.ha-redesign .ha-plan-grid{grid-template-columns:1fr}body.ha-redesign .ha-plan .plan-description{min-height:0}.ha-feature-group li{font-size:13px}.ha-feature-group h4{font-size:14px}body.ha-redesign :is(.feature-grid,.services-grid,.pricing-grid,.business-packages-grid,.ssl-choice-grid,.quote-factor-grid),body.ha-redesign .feature-grid:has(>article:nth-child(4):last-child),.ha-transfer-grid,.ha-related-grid,.ha-stories-grid,.ha-toolkit-grid{grid-template-columns:1fr}.ha-related-grid article:last-child{grid-column:auto}.ha-toolkit-grid{gap:24px}.ha-transfer-grid article{padding:28px}.ha-stories-grid article{padding:28px}.ha-feature-group li{padding-block:9px}.feature-tooltip{width:230px}body.ha-redesign .premium-form-grid{grid-template-columns:1fr}body.ha-redesign .cf-node{width:106px;padding:14px 11px}body.ha-redesign .cf-core{width:145px;height:145px}body.ha-redesign .cf-orbit{inset:48px 38px}body.ha-redesign .cf-orbit.two{inset:20px 10px}body.ha-redesign .cf-node.n2{top:135px}body.ha-redesign .utility-bar .container>div{gap:15px;font-size:10px}body.ha-redesign .utility-bar a{font-size:10px}body.ha-redesign .language-label,body.ha-redesign .currency-trigger{font-size:10px}.ha-benefit .hero-actions{justify-content:flex-start}}
.ha-catalog-details{margin-top:22px;border-top:1px solid #dce2ed;padding-top:15px}.ha-catalog-details summary{font-size:11px;color:#5c819f;cursor:pointer}.ha-catalog-details ul{list-style:none;padding:0;margin:15px 0 0;font-size:11px;color:#788b9e}.ha-catalog-details li{margin:9px 0;line-height:1.7}
body.ha-redesign .bb-console,body.ha-redesign .bb-machine,body.ha-redesign .bb-dashboard,body.ha-redesign .contact-channel-panel{background:#f5faff;color:#537d9b;border:1px solid #dceaf4;border-radius:6px;padding:26px}body.ha-redesign .contact-panel-top{font-size:10px;color:#86a0b4}body.ha-redesign .reply-meter{background:#edf6fd;border-radius:5px;padding:18px;margin-top:25px}body.ha-redesign .reply-meter strong{color:#4293c8;font-size:25px}body.ha-redesign .reply-meter small{color:#8096a7;font-size:10px}
/* Page-specific structures share the same theme and responsive rules. */
body.ha-redesign :is(.bb-hero-grid,.hosty-experience-grid,.domain-market-layout){display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;min-height:340px}body.ha-redesign .bb-command-centre{background:#f3f9fe;border:1px solid #d2e7f6;border-radius:10px;color:#577e9b;box-shadow:0 15px 40px #1c5d8914;overflow:hidden;max-width:100%}body.ha-redesign .bb-command-centre :is(small,b,strong,em,span){color:#5d85a2}body.ha-redesign .bb-topbar{padding:20px;border-bottom:1px solid #dceaf4;font-size:10px;display:flex;justify-content:space-between}body.ha-redesign .bb-core-area{position:relative;min-height:360px}body.ha-redesign .bb-brand-core{background:#dcedfa;border:1px solid #bddcf2;border-radius:50%;width:135px;height:135px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}body.ha-redesign .bb-brand-core strong{font-size:16px;color:#4489b9}body.ha-redesign .bb-node{background:#fff;border:1px solid #dce9f3;border-radius:6px;width:160px;min-width:0;padding:13px;box-shadow:none;position:absolute;display:flex;gap:8px;align-items:center;font-size:10px}body.ha-redesign .bb-node i{font-style:normal;color:#52b49a}body.ha-redesign .bb-node :is(b,small){display:block}body.ha-redesign .bb-node em{font-size:7px;font-style:normal}body.ha-redesign .node-brand{top:18px;left:18px}body.ha-redesign .node-platform{top:50px;right:18px}body.ha-redesign .node-ops{bottom:35px;left:18px}body.ha-redesign .node-support{bottom:18px;right:18px}body.ha-redesign .bb-orbit{border:1px solid #d1e5f3;border-radius:50%}body.ha-redesign .bb-console-footer{padding:18px;border-top:1px solid #dce9f4;font-size:11px;display:flex;justify-content:space-between}body.ha-redesign .bb-simple-promise{display:flex;gap:20px;flex-wrap:wrap;color:#e6f4ff;margin-top:25px}body.ha-redesign .bb-simple-promise :is(b,span){display:block;font-size:11px;color:#e6f4ff}body.ha-redesign .bb-simple-promise b{font-size:9px;letter-spacing:.1em;margin-bottom:5px}
body.ha-redesign .business-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}body.ha-redesign .business-package-card{padding:25px 20px;position:relative}body.ha-redesign .business-package-card h3{font-size:21px;min-height:78px}body.ha-redesign .business-package-card .business-package-ribbon{position:static;display:block;margin-bottom:10px}body.ha-redesign .business-package-card .business-package-price{font-size:30px}body.ha-redesign .business-package-card.featured{border-color:#8bc6ed}
body.ha-redesign .sitejet-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}body.ha-redesign .sitejet-template-card{background:#fff;border:1px solid #e1eaf2;border-radius:6px;overflow:hidden;box-shadow:none;color:#57768c}body.ha-redesign .sitejet-template-card img{width:100%;height:220px;object-fit:cover;display:block}body.ha-redesign .sitejet-template-card>div{padding:22px}body.ha-redesign .sitejet-template-card :is(b,h3,span){color:#4e7a9b}body.ha-redesign .sitejet-template-card p{color:#8396a5;font-size:13px}body.ha-redesign .sitejet-template-card a{color:#3695d6}
body.ha-redesign .hosty-core-screen{background:#e4f3fd;border:1px solid #c3e2f7;border-radius:50%}body.ha-redesign .hosty-core-ring{border:1px solid #ffffff30;border-radius:50%}body.ha-redesign .hosty-signal{background:#fff;border:1px solid #deedf7;border-radius:6px;color:#5b839e;box-shadow:none;padding:15px}body.ha-redesign .hosty-signal :is(b,small,em){color:#598aa9}body.ha-redesign .hosty-live-row{color:#d9efff;font-size:11px}body.ha-redesign .hosty-live-row :is(span,b){color:#d9efff}body.ha-redesign :is(.hosty-lab-shell,.hosty-capability,.hosty-final-card,.hosty-console){background:#f5faff;border:1px solid #dcebf5;border-radius:6px;color:#547d99;box-shadow:none;padding:26px}body.ha-redesign :is(.hosty-lab-shell,.hosty-capability,.hosty-final-card,.hosty-console) :is(h2,h3,strong,b,span,small){color:#547d99}body.ha-redesign .hosty-idea-btn{background:#fff;border:1px solid #cfe3f2;border-radius:4px;color:#5d87a4;padding:12px;cursor:pointer}body.ha-redesign .hosty-idea-btn.is-active{background:#40a1e9;color:#fff}body.ha-redesign .hosty-chat-body{background:#fff;color:#59819d;border-radius:5px;padding:20px}
body.ha-redesign .domain-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}body.ha-redesign .studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}body.ha-redesign .step{background:#f5faff;color:#6c8ba1;border:1px solid #dcebf5;border-radius:5px;padding:24px;margin:15px 0}
@media(max-width:1050px){body.ha-redesign .business-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.ha-redesign .sitejet-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.ha-redesign :is(.bb-hero-grid,.hosty-experience-grid,.domain-market-layout){gap:30px}body.ha-redesign .bb-node{width:140px;padding:11px}}
@media(max-width:760px){body.ha-redesign :is(.bb-hero-grid,.hosty-experience-grid,.domain-market-layout,.studio-layout){grid-template-columns:1fr;gap:30px;min-height:0}body.ha-redesign .domain-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.ha-redesign .business-package-card h3{min-height:0}body.ha-redesign .bb-command-centre{width:min(450px,100%);margin:auto}}
@media(max-width:520px){body.ha-redesign :is(.business-package-grid,.sitejet-template-grid,.domain-price-grid){grid-template-columns:1fr}body.ha-redesign .bb-node{width:125px;padding:10px;font-size:9px}body.ha-redesign .bb-node em{display:none}body.ha-redesign .bb-core-area{min-height:320px}body.ha-redesign .bb-brand-core{width:115px;height:115px}body.ha-redesign .node-platform{top:70px}body.ha-redesign .node-ops{bottom:65px}}
.compare-included{color:#45b899;font-size:16px}.compare-excluded{color:#fa7375;font-size:16px}
.ha-demo-awards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px;text-align:center;padding-top:45px;border-top:1px solid #e8eef3}.ha-demo-awards h3{font-size:15px;margin:13px 0}.ha-demo-awards p{font-size:11px;line-height:1.8}.ha-demo-awards small{font-size:8px;color:#9aa9b6;letter-spacing:.1em;display:block;margin-top:10px}.ha-award-mark{display:grid;place-items:center;width:58px;height:67px;margin:auto;background:#e8f4fd;color:#70acd3;border-radius:5px 5px 20px 20px;font-size:34px}
@media(max-width:760px){.ha-demo-awards{grid-template-columns:repeat(2,1fr);gap:25px}}

/* Readable foregrounds on every blue hero and hosting call-to-action. */
body.ha-redesign :is(.ha-home-hero,.ha-product-hero,.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero,.legal-hero,.ha-hosting-launch) p{color:#fff}
body.ha-redesign :is(.ha-home-hero,.ha-product-hero,.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero,.legal-hero,.ha-hosting-launch) .btn-secondary{color:#fff;border-color:#fff;background:transparent}
body.ha-redesign :is(.ha-home-hero,.ha-product-hero,.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero,.legal-hero,.ha-hosting-launch) .btn-secondary:hover{color:#267eb6;background:#fff;border-color:#fff}
body.ha-redesign :is(.ha-home-hero,.ha-product-hero,.page-hero,.cf-hero,.affiliate-hero,.bb-hero,.hosty-experience-hero,.domain-market-hero,.legal-hero) :is(.eyebrow,.hero-eyebrow,.hero-proof,.hero-proof span){color:#fff}
/* Light cards inside blue sections keep their own dark text. */
body.ha-redesign :is(.page-art,.affiliate-dashboard,.bb-command-centre,.hosty-signal,.domain-market-search-shell,.domain-market-result,.hero-starting) p{color:#526c80}

/* Mobile navigation: full-width blue sheet and a separate close control. */
.mobile-menu,.mobile-menu-backdrop,.mobile-menu-close{display:none}
@media(max-width:1050px){
 body.ha-redesign .site-header .main-nav,body.ha-redesign .nav-shell>.client-login{display:none!important}
 body.ha-redesign .nav-toggle{margin-left:auto;cursor:pointer;min-width:44px;min-height:44px;align-items:center;justify-content:center}
 body.ha-redesign .mobile-menu{display:block;position:fixed;inset:0 0 auto;z-index:202;margin:0;background:#40a1e9;color:#fff;border-radius:0 0 140px 0;box-shadow:6px 6px 0 #83c3f0;max-height:calc(100dvh - 115px);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-105%);transition:transform .42s cubic-bezier(.22,.8,.25,1),opacity .28s ease,visibility .42s;isolation:isolate}
 body.ha-redesign .mobile-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}
 .mobile-menu-scroll{max-height:calc(100dvh - 115px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:max(12px,env(safe-area-inset-top)) 0 38px;scrollbar-width:thin;scrollbar-color:#ffffff60 transparent}
 body.ha-redesign .mobile-menu-row,body.ha-redesign .mobile-group>button{display:flex;align-items:center;width:100%;min-height:65px;padding:18px 46px;color:#fff!important;font-size:18px;font-weight:400;text-align:left;text-decoration:none;border:0;border-bottom:1px solid #328dca55;background:transparent!important;cursor:pointer;line-height:1.5}
 body.ha-redesign .mobile-group>button{position:relative;padding-left:49px}
 .mobile-group>button>i{position:absolute;left:23px;top:27px;width:9px;height:9px;border-top:2px solid #258bc9;border-right:2px solid #258bc9;transform:rotate(45deg);transition:transform .25s}
 .mobile-group>button[aria-expanded=true]>i{transform:rotate(135deg)}
 .mobile-submenu{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .32s ease,opacity .25s ease,visibility .32s;background:#3496d9}
 .mobile-group>button[aria-expanded=true]+.mobile-submenu{grid-template-rows:1fr;opacity:1;visibility:visible}
 .mobile-submenu-inner{min-height:0;overflow:hidden;padding:0 28px 0 49px}
 .mobile-submenu-inner>div{padding:12px 0}
 body.ha-redesign .mobile-submenu small{display:block;margin:10px 0 4px;color:#e1f3ff;letter-spacing:.09em;font-size:10px;font-weight:600}
 body.ha-redesign .mobile-submenu a{display:block;padding:10px 0;color:#fff!important;font-size:15px;line-height:1.5;text-decoration:none}
 body.ha-redesign .mobile-submenu a b{font-weight:400}
 body.ha-redesign .mobile-submenu a span{display:none}
 body.ha-redesign .mobile-menu-contact{display:flex;align-items:center;gap:10px;padding:24px 22px;color:#fff!important;font-size:17px;font-weight:600;text-decoration:none}
 .mobile-menu-contact svg{width:26px;height:26px;flex-shrink:0}
 body.ha-redesign .mobile-client-login{display:inline-flex;margin:24px 20px 0;padding:10px 15px;border:2px solid #fff;border-radius:3px;color:#fff!important;background:transparent!important;font-size:15px;font-weight:600;line-height:1.6;text-decoration:none}
 body.ha-redesign .mobile-menu a:hover,body.ha-redesign .mobile-group>button:hover{background:#ffffff0c!important}
 body.ha-redesign .mobile-menu :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:-4px}
 .mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:201;background:#0008;opacity:0;visibility:hidden;transition:opacity .3s,visibility .42s;touch-action:none}
 .mobile-menu-open .mobile-menu-backdrop{opacity:1;visibility:visible}
 .mobile-menu-close{display:block;position:fixed;z-index:203;left:50%;bottom:max(24px,env(safe-area-inset-bottom));width:48px;height:48px;border:0;border-radius:50%;background:#40a1e9;box-shadow:0 4px 18px #19466922;opacity:0;visibility:hidden;transform:translate(-50%,12px) scale(.8);transition:opacity .25s,transform .35s,visibility .42s;cursor:pointer}
 .mobile-menu-open .mobile-menu-close{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
 .mobile-menu-close span{position:absolute;left:12px;top:23px;width:24px;height:2px;background:#fff;transform:rotate(45deg)}
 .mobile-menu-close span:last-child{transform:rotate(-45deg)}
 .mobile-menu-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu-backdrop,.mobile-menu-close,.mobile-submenu,.mobile-group>button>i{transition:none!important}}

/* Consistent outline icons, including iOS where text arrows become emoji. */
body.ha-redesign .ha-ui-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:-3px;max-width:none}
body.ha-redesign .btn .ha-ui-icon,body.ha-redesign .contact-channel-icon .ha-ui-icon{vertical-align:middle}
body.ha-redesign .ha-transfer-icon .ha-ui-icon{width:28px;height:28px}

/* Contact layout: prevent intrinsic input and email widths expanding the grid. */
body.ha-redesign .contact-main{padding:55px 0 65px;background:#fff}
body.ha-redesign .contact-command-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:start}
body.ha-redesign .contact-command-layout>*{min-width:0;max-width:100%}
body.ha-redesign .contact-channel-panel{padding:30px;background:#f5f9fc;border:1px solid #e0eaf2;border-radius:8px;overflow:visible}
body.ha-redesign .contact-panel-top{padding:0;background:transparent;justify-content:flex-start;font-size:11px;font-weight:600;letter-spacing:.1em;color:#478ab8}
body.ha-redesign .contact-channel-panel h2{font-size:29px;line-height:1.25;margin:16px 0 12px;color:#2d475d}
body.ha-redesign .contact-channel-panel>p{font-size:14px;line-height:1.7;margin:0 0 22px;color:#6b8091}
body.ha-redesign .contact-channel{grid-template-columns:36px minmax(0,1fr) auto;gap:12px;padding:18px 0;background:transparent;border-bottom:1px solid #dde7ef}
body.ha-redesign .contact-channel-icon{width:36px;height:36px;place-items:center;color:#3898d9;background:#e5f2fc;border-radius:7px}
body.ha-redesign .contact-channel :is(b,small){overflow-wrap:anywhere}
body.ha-redesign .contact-channel small{font-size:10px;color:#748b9c;letter-spacing:.045em}
body.ha-redesign .contact-channel b{font-size:14px;line-height:1.5;color:#325b78}
body.ha-redesign .contact-channel em{font-size:11px;font-style:normal;color:#7790a2}
body.ha-redesign .reply-meter{background:#eaf4fb;margin-top:24px;padding:16px;border-radius:5px}
body.ha-redesign .reply-meter>div:first-child{gap:12px;flex-wrap:wrap}
body.ha-redesign .reply-meter span{font-size:9px;letter-spacing:.04em}
body.ha-redesign .reply-meter strong{font-size:18px;color:#398ec5}
body.ha-redesign .reply-meter small{font-size:11px}
body.ha-redesign .reply-bar{background:#d7e7f1;border-radius:3px}
body.ha-redesign .reply-bar i{background:#60b7ce;border-radius:3px}
body.ha-redesign .contact-command-form{padding:32px;border-radius:8px;overflow:visible}
body.ha-redesign .contact-command-form .form-heading{padding:0;margin-bottom:24px}
body.ha-redesign .contact-command-form .form-heading>span{font-size:11px;font-weight:600;letter-spacing:.1em;color:#478ab8}
body.ha-redesign .contact-command-form .form-heading h2{font-size:29px;color:#2d475d;margin:12px 0}
body.ha-redesign .contact-command-form .form-heading p{font-size:14px;line-height:1.7;margin:0;color:#6b8091}
body.ha-redesign .contact-command-form .premium-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:20px}
body.ha-redesign .contact-command-form .premium-form-grid label{min-width:0;display:block;font-size:13px;color:#42627b}
body.ha-redesign .contact-command-form .premium-form-grid label span{margin-bottom:8px}
body.ha-redesign .contact-command-form :is(input:not([type=hidden]),select,textarea){min-width:0;width:100%;font-size:16px;line-height:1.5;padding:11px 12px;border-color:#d6e3ee}
body.ha-redesign .contact-command-form textarea{min-height:150px}
body.ha-redesign .contact-command-form .form-submit-row{padding:22px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:17px}
body.ha-redesign .contact-command-form .form-submit-row p{margin:0;font-size:12px;line-height:1.7;text-align:left;max-width:100%;color:#7b8d9b}
body.ha-redesign .contact-command-form .form-submit-row p i{display:none}
body.ha-redesign .contact-submit{min-height:46px;padding:11px 22px;font-size:14px;font-weight:600;gap:12px;border-radius:4px;white-space:normal}
body.ha-redesign .contact-command-form .form-alert{margin:0 0 20px;font-size:14px}
@media(max-width:1000px){body.ha-redesign .contact-command-layout{grid-template-columns:minmax(0,1fr);gap:26px}body.ha-redesign .contact-command-form{order:-1}}
@media(max-width:520px){body.ha-redesign .contact-main{padding:30px 0 40px}body.ha-redesign :is(.contact-channel-panel,.contact-command-form){padding:23px 20px}body.ha-redesign .contact-command-form .premium-form-grid{grid-template-columns:minmax(0,1fr);gap:18px}body.ha-redesign :is(.contact-command-form .form-heading h2,.contact-channel-panel h2){font-size:25px}body.ha-redesign .contact-submit{width:100%;min-height:46px}body.ha-redesign .contact-channel{gap:9px;grid-template-columns:32px minmax(0,1fr) auto}body.ha-redesign .contact-channel b{font-size:13px}}

/* Compact plan comparison; complete HostAngle extras remain expandable. */
body.ha-redesign .ha-plan{padding:0 20px 18px}
body.ha-redesign .ha-plan-badge{height:24px;margin:0 -20px 12px;padding:4px;font-size:9px;line-height:16px}
body.ha-redesign .ha-plan h3{font-size:27px;line-height:1.2;margin:0 0 8px}
body.ha-redesign .ha-plan .plan-tag{display:none}
body.ha-redesign .ha-plan-price{margin:0 0 3px;line-height:1.2}
body.ha-redesign .ha-plan-price strong{font-size:30px;line-height:1.2}
body.ha-redesign .ha-plan-price>span{font-size:24px}
body.ha-redesign .ha-plan-price small{font-size:19px}
body.ha-redesign .plan-total{font-size:10px;line-height:1.5;min-height:15px;margin:0}
body.ha-redesign .plan-saving{font-size:9px;line-height:1.5;min-height:14px;margin:0}
body.ha-redesign .ha-plan>.btn{min-height:34px;padding:7px 18px;margin:8px auto 11px;font-size:10px;line-height:1.6;max-width:145px}
body.ha-redesign .ha-plan .plan-description{font-size:11px;line-height:1.5;min-height:45px;padding:0 0 10px;margin:0 0 8px}
body.ha-redesign .ha-feature-group h4{font-size:13px;line-height:1.4;margin:12px 0 5px}
body.ha-redesign .ha-feature-group li{font-size:11px;line-height:1.5;padding:5px 0;min-height:27px;gap:6px;align-items:center}
body.ha-redesign .feature-status{font-size:15px;line-height:1.2}
body.ha-redesign :is(.ha-extras-details,.ha-catalog-details){text-align:left;margin-top:10px;border-top:1px solid #dce2ed;padding-top:4px}
body.ha-redesign :is(.ha-extras-details,.ha-catalog-details)>summary{font-size:11px;font-weight:600;color:#456783;padding:8px 0;cursor:pointer;line-height:1.5}
body.ha-redesign .ha-catalog-details ul{list-style:none;padding:0;margin:4px 0 0}
body.ha-redesign .ha-catalog-details li{font-size:11px;line-height:1.6;padding:4px 0;color:#6a7d92}
@media(max-width:760px){body.ha-redesign .ha-plan h3{font-size:25px}body.ha-redesign .ha-plan .plan-description{min-height:45px}body.ha-redesign .ha-feature-group li{font-size:12px}}
@media(max-width:520px){body.ha-redesign .ha-plan{padding-inline:22px}body.ha-redesign .ha-plan-badge{margin-inline:-22px}body.ha-redesign .ha-plan .plan-description{min-height:0}body.ha-redesign .ha-feature-group li{font-size:13px;min-height:28px;padding:4px 0}body.ha-redesign :is(.ha-extras-details,.ha-catalog-details)>summary{font-size:12px;padding-block:10px}body.ha-redesign .ha-catalog-details li{font-size:12px}}

/* Upmind manages availability, catalogue pricing and domain checkout internally. */
body.ha-redesign .ha-upmind-domain-search{width:100%;max-width:960px;margin:28px auto 0;padding:24px;background:#fff;border:1px solid #dce8f1;border-radius:6px;color:#344b5e;box-shadow:0 8px 25px #14558515;text-align:left;min-width:0;overflow-wrap:anywhere}
body.ha-redesign .ha-upmind-domain-search upm-dac{display:block;width:100%;min-width:0;min-height:80px;color:#344b5e}
body.ha-redesign .ha-upmind-domain-search noscript p{color:#54758d;font-size:14px}
@media(max-width:520px){body.ha-redesign .ha-upmind-domain-search{padding:17px 12px;margin-top:22px}}

/* Compact service menus with consistent icon and copy placement. */
@media(min-width:1001px){
 body.ha-redesign .site-header .nav-shell{position:relative}
 body.ha-redesign .site-header .nav-dropdown:not(.compact){position:static}
 body.ha-redesign .site-header .mega-menu{width:790px;max-width:calc(100vw - 48px);left:auto;right:0;top:calc(100% + 8px);padding:22px;gap:16px;border:1px solid #dce8f1;border-radius:12px;box-shadow:0 18px 48px #163e6526;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
 body.ha-redesign .site-header .mega-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
 body.ha-redesign .site-header .mega-menu>div{min-width:0}
 body.ha-redesign .site-header .mega-menu>div+div{border-left:1px solid #edf2f7;padding-left:16px}
 body.ha-redesign .site-header .mega-menu small{font-size:10px;letter-spacing:.12em;color:#52738b;margin:0 0 10px 10px}
 body.ha-redesign .site-header .mega-menu a{display:flex;align-items:flex-start;gap:10px;padding:11px 9px;margin:2px 0;border-radius:8px;transition:background .16s ease}
 body.ha-redesign .site-header .mega-menu a b{font-size:13px;font-weight:600;line-height:1.4}
 body.ha-redesign .site-header .mega-menu .menu-copy{display:block;margin:0;min-width:0}
 body.ha-redesign .site-header .mega-menu .menu-copy>span{font-size:11px;line-height:1.5;margin-top:3px;color:#647b8c!important}
 body.ha-redesign .site-header .mega-menu .menu-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;margin:0;border-radius:7px;background:#edf7ff;color:#2899e8!important}
 body.ha-redesign .menu-icon svg{display:block;width:21px;height:21px}
 body.ha-redesign .site-header .mega-menu a:is(:hover,:focus-visible){background:#eaf5fd!important;outline:2px solid transparent}
 body.ha-redesign .site-header .mega-menu a:focus-visible{outline-color:#40a1e9}
 body.ha-redesign .site-header .nav-dropdown.compact .mega-menu{width:220px;right:0;left:auto;padding:12px;grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body.ha-redesign .site-header .mega-menu,body.ha-redesign .site-header .mega-menu a{transition:none}}

/* Decorative dashboards use normal flow so their labels cannot collide. */
body.ha-redesign :is(.build-workspace,.ssl-security-console){height:auto;min-height:0;width:100%;max-width:560px;margin-inline:auto;padding:0;overflow:hidden;background:#f5faff;border:1px solid #d9eaf6;border-radius:12px;box-shadow:0 16px 40px #195b8a16}
body.ha-redesign :is(.build-workspace,.ssl-security-console) .tech-window-bar{position:static;display:flex;align-items:center;justify-content:space-between;gap:10px;height:auto;min-height:58px;padding:16px 20px;background:#eaf5fd;border-bottom:1px solid #d9eaf6;font-size:11px;color:#44677f}
body.ha-redesign :is(.build-workspace,.ssl-security-console) .tech-window-bar b{font-size:11px;letter-spacing:.06em}
body.ha-redesign :is(.build-workspace,.ssl-security-console) .tech-window-bar em{font-size:10px;font-style:normal;color:#248f68}
body.ha-redesign .build-workspace .studio-layout{position:static;inset:auto;display:grid;grid-template-columns:105px minmax(0,1fr);align-items:stretch;gap:0;overflow:visible;min-height:0}
body.ha-redesign .build-workspace .studio-layout aside{padding:25px 15px;display:flex;flex-direction:column;gap:13px;background:#f0f7fc;border-right:1px solid #dcebf5;font-size:11px;min-width:0}
body.ha-redesign .build-workspace .studio-layout aside b{font-size:9px;letter-spacing:.1em;margin-bottom:6px}
body.ha-redesign .build-workspace .code-editor{min-width:0;display:flex;flex-direction:column;gap:15px;padding:27px 20px;background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
body.ha-redesign .build-workspace .code-editor small{font-size:11px;line-height:1.5;color:#51718a;overflow-wrap:anywhere}
body.ha-redesign .build-workspace .build-progress{position:static;height:auto;margin-top:10px;padding:0}
body.ha-redesign .build-workspace .build-progress span{height:5px;border-radius:5px;background:#40a1e9;width:92%}
body.ha-redesign .build-workspace .build-progress em{position:static;display:block;margin-top:10px;font-size:10px;line-height:1.6;font-style:normal;color:#637d90}
body.ha-redesign .build-workspace .studio-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px;background:#f0f7fc;border-top:1px solid #dcebf5}
body.ha-redesign .build-workspace .studio-metric{position:static;min-width:0;padding:12px 14px;background:#fff;border:1px solid #dcebf5;border-radius:7px}
body.ha-redesign .build-workspace .studio-metric small{font-size:9px;letter-spacing:.08em;color:#688399}
body.ha-redesign .build-workspace .studio-metric b{font-size:17px;color:#2b668f}
body.ha-redesign .ssl-security-console .ssl-shield{position:relative;inset:auto;transform:none;width:136px;height:156px;margin:24px auto 20px;display:grid;place-items:center;background:#e6f5ff;border:1px solid #cfe7f7;clip-path:polygon(50% 0,94% 17%,87% 70%,50% 100%,13% 70%,6% 17%)}
body.ha-redesign .ssl-security-console .ssl-shield::before,body.ha-redesign .ssl-security-console .ssl-pulse{display:none}
body.ha-redesign .ssl-security-console .ssl-shield-inner{padding:20px 0;background:transparent;border:0;text-align:center}
body.ha-redesign .ssl-security-console .ssl-shield-inner span{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 7px;color:#24936c;font-size:27px}
body.ha-redesign .ssl-security-console .ssl-shield-inner b{font-size:22px;color:#2c709f;line-height:1.3}
body.ha-redesign .ssl-security-console .ssl-shield-inner small{font-size:8px;letter-spacing:.1em;color:#54788f}
body.ha-redesign .ssl-security-console .ssl-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 20px}
body.ha-redesign .ssl-security-console .ssl-metric{position:static;min-width:0;padding:14px 9px;text-align:center;background:#fff;border:1px solid #dcebf5;border-radius:7px}
body.ha-redesign .ssl-security-console .ssl-metric small{font-size:8px;letter-spacing:.05em;color:#648399}
body.ha-redesign .ssl-security-console .ssl-metric b{font-size:14px;line-height:1.5;color:#2c709f}
body.ha-redesign .ssl-security-console .ssl-metric em{font-size:9px;font-style:normal;color:#248f68}
body.ha-redesign .ssl-security-console .ssl-traffic{position:static;height:auto;display:grid;grid-template-columns:auto minmax(15px,1fr) auto;gap:12px;padding:17px 20px;background:#eaf5fd;border-top:1px solid #d9eaf6;color:#567a91;font-size:11px}
body.ha-redesign .ssl-security-console .ssl-traffic>b{height:2px;background:#9cd4f6}
@media(max-width:380px){body.ha-redesign .build-workspace .studio-layout{grid-template-columns:80px minmax(0,1fr)}body.ha-redesign .build-workspace .studio-layout aside{padding-inline:10px}body.ha-redesign .build-workspace .code-editor{padding-inline:12px}body.ha-redesign .ssl-security-console .ssl-metrics{gap:6px;padding-inline:10px}body.ha-redesign .ssl-security-console .ssl-metric{padding-inline:5px}body.ha-redesign .ssl-security-console .ssl-metric b{font-size:12px}}