/* Managed Server V2 visual language, explicitly opted in on MAIN only.
   Reference: live V2 after the 2026-11-13 readability refinement.
   No body/root selectors, shell rules, JavaScript, or commerce changes. */
@font-face{font-family:HostatomContent;src:url('../fonts/managed-server-v2/prompt-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:HostatomContent;src:url('../fonts/managed-server-v2/prompt-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:HostatomContent;src:url('../fonts/managed-server-v2/prompt-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:HostatomContent;src:url('../fonts/managed-server-v2/prompt-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
main.site-v2{
 --ui-font:HostatomContent,sans-serif;--ui-navy:#002E5B;--ui-yellow:#FDE428;
 --ui-ink:#0f172a;--ui-text:#334155;--ui-muted:#475569;--ui-line:#cbd5e1;
 --ui-surface:#f8fafc;--ui-subtle:#f1f5f9;--ui-radius:8px;
 --ui-container:1230px;--ui-section:48px;--ui-hero:64px;--ui-gap:24px;
 --ui-h1:30px;--ui-h2:25px;--ui-h3:18px;--ui-plan:18px;--ui-price:36px;--ui-cta:15px;
 --font-body:var(--ui-font);--font-heading-th:var(--ui-font);--font-heading-en:var(--ui-font);
 --body:var(--ui-muted);--ink:var(--ui-ink);--border:var(--ui-line);--pale:var(--ui-surface);
 --ha-muted:var(--ui-muted);--ha-ink:var(--ui-ink);--ha-line:var(--ui-line);
 --ha-container:var(--ui-container);--ha-radius:var(--ui-radius);--ha-space:var(--ui-section);
 background:#fff;color:var(--ui-text);font:400 16px/1.65 var(--ui-font);letter-spacing:normal;
}
main.site-v2 :is(h1,h2,h3,h4,button,input,select,textarea,summary){font-family:var(--ui-font)}
main.site-v2 .ui-h1{font-size:var(--ui-h1);font-weight:700;line-height:1.4;letter-spacing:-.015em;color:var(--ui-ink);text-wrap:pretty}
main.site-v2 .ui-h2{font-size:var(--ui-h2);font-weight:700;line-height:1.5;letter-spacing:normal;color:var(--ui-navy);text-wrap:pretty}
main.site-v2 .ui-h3{font-size:var(--ui-h3);font-weight:600;line-height:1.5;letter-spacing:normal;color:var(--ui-ink);text-wrap:pretty}
main.site-v2 .ui-copy{font-size:16px;line-height:1.65;font-weight:400;color:var(--ui-muted);text-wrap:pretty}
main.site-v2 :is(.container,.wrap){width:min(var(--ui-container),calc(100% - 32px));margin-inline:auto}
main.site-v2 .ui-section{padding-block:var(--ui-section);border-radius:0;box-shadow:none}
main.site-v2 .ui-section.ui-hero{padding-block:var(--ui-hero);background:#fff;border-radius:0;border-bottom:1px solid var(--ui-line);color:var(--ui-text)}
main.site-v2 .ui-hero::before,main.site-v2 .ui-hero::after{content:none}
main.site-v2 .ui-hero :is(.hero-main,.hosting-hero-layout,.hp-hero-layout,.sd-hero-layout,.hero-layout,.ms-hero-layout,.ssl-hero-layout,.brands-hero-layout,.quote-hero-layout){min-height:0;padding-block:0;gap:32px}
main.site-v2 .ui-hero .ui-h1 :is(span,em){color:var(--ui-navy)}
main.site-v2 .ui-hero :is(.lead,.hero-description,.sd-hero-copy>p,.hosting-hero-copy>p,.hp-hero-copy>p,.hero-content>p,.ms-hero-copy>p,.ssl-hero-copy>p,.brands-hero-copy>p,.quote-lead){font-size:16px;line-height:1.65;color:var(--ui-muted);margin-top:20px}
main.site-v2 .ui-hero :is(.hero-tags,.hero-note,.sd-hero-note,.hp-hero-note,.hosting-hero-note,.hero-footnote,.hero-bottom){font-size:13px;line-height:1.6;color:var(--ui-muted)}
main.site-v2 .ui-light-band{background:var(--ui-surface);color:var(--ui-text);border-block:1px solid #e2e8f0}
main.site-v2 .ui-light-band :is(p,li,small){color:var(--ui-muted)}
main.site-v2 .ui-light-band :is(h2,h3,strong){color:var(--ui-navy)}
main.site-v2 :is(.section-intro,.sd-heading,.hp-section-heading,.hosting-section-heading,.ssl-section-heading,.section-heading,.center-heading){margin-bottom:32px}
main.site-v2 :is(.section-intro,.sd-heading,.hp-section-heading,.hosting-section-heading,.ssl-section-heading,.section-heading,.center-heading)>.ui-copy{margin-top:12px;font-size:16px;line-height:1.65}
main.site-v2 :is(.button,.btn).ui-button,main.site-v2 .ui-button{
 font:600 var(--ui-cta)/1.5 var(--ui-font);letter-spacing:normal;min-height:48px;
 border-radius:4px;padding:12px 20px;box-shadow:none;transform:none;
 text-align:center;white-space:normal;max-width:100%;transition:background-color .15s,border-color .15s;
}
main.site-v2 :is(.button,.btn):not(.button-outline,.btn-outline,.button-yellow,.btn-yellow,.btn-outline-white){background:var(--ui-navy);color:#fff;border:1px solid var(--ui-navy)}
main.site-v2 :is(.button-outline,.btn-outline,.btn-outline-white){background:#fff;color:var(--ui-navy);border:1px solid var(--ui-line)}
main.site-v2 :is(.button-yellow,.btn-yellow){background:var(--ui-yellow);color:var(--ui-navy);border:1px solid var(--ui-yellow)}
main.site-v2 .ui-button:hover{transform:none;box-shadow:none;filter:brightness(.97)}
main.site-v2 :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--ui-navy);outline-offset:4px}
main.site-v2 :is(.text-link,.link-arrow){font:500 15px/1.65 var(--ui-font)}
main.site-v2 :is(.ui-card,.ui-panel,.ui-feature){background:#fff;border:1px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:none;color:var(--ui-text)}
main.site-v2 :is(.ui-card,.ui-feature){padding:24px;min-height:0;gap:20px;transform:none}
main.site-v2 .ui-panel{padding:24px}
main.site-v2 :is(.ui-card,.ui-feature):hover{transform:none;box-shadow:none;border-color:#94a3b8}
main.site-v2 .ui-feature>.ui-h3{margin-top:16px}
main.site-v2 :is(.ui-card,.ui-feature) .ui-h3+.ui-copy{font-size:15px;margin-top:8px;line-height:1.65}
main.site-v2 :is(.discover-icon,.svc-badge,.why-feature .round){width:44px;height:44px;border-radius:8px;background:var(--ui-subtle);color:var(--ui-navy);border:0;box-shadow:none;flex-shrink:0}
main.site-v2 :is(.sd-feature-grid,.hp-feature-grid,.hosting-feature-grid){gap:var(--ui-gap)}
main.site-v2 :is(.ui-feature>svg,.ui-feature>span>svg){width:24px;height:24px;color:var(--ui-navy);stroke-width:1.8}
main.site-v2 :is(.sd-feature-grid,.hp-feature-grid,.hosting-feature-grid) .ui-feature{border-top:1px solid var(--ui-line)}
/* Home composition remains unique; all content, icons and graphics retained. */
main.site-v2 .hero-copy{padding:0}
main.site-v2 .hero-copy .ui-h1{margin-bottom:20px}
main.site-v2 .hero-art>img{filter:none}
main.site-v2 :is(.discover-card,.svc-card){background:#fff;border-radius:8px}
main.site-v2 .discover-card:nth-child(n){background:#fff}
main.site-v2 .discover-card{gap:20px}
main.site-v2 .discover-card .ui-h3{margin-bottom:8px}
main.site-v2 :is(.svc-card,.discover-card) .ui-copy{font-size:15px}
main.site-v2 .svc-group{padding-block:28px;gap:24px}
main.site-v2 .svc-card .svc-badge{margin-bottom:16px}
main.site-v2 .svc-card .link-arrow{margin-top:20px}
main.site-v2 .why-grid{gap:40px}
main.site-v2 .why-feature .ui-copy{font-size:15px}
main.site-v2 .why-feature strong{font-size:18px;line-height:1.5;margin-bottom:8px}
main.site-v2 .logos .logo-slot{padding:16px;background:var(--ui-surface);height:94px}
main.site-v2 .logos .logo-slot span{font-size:13px;color:var(--ui-muted)}
main.site-v2 .news-state{border-radius:8px;background:var(--ui-surface);padding:24px}
main.site-v2 :is(.news-feature,.news-small){border-radius:8px;border:1px solid var(--ui-line);box-shadow:none}
main.site-v2 :is(.news-body,.news-small .news-body){padding:24px}
main.site-v2 .news-body h3{font:600 18px/1.5 var(--ui-font)}
main.site-v2 .review-card{background:#fff;border:1px solid var(--ui-line);border-radius:8px;box-shadow:none;padding:24px;min-height:0}
main.site-v2 .review-card blockquote{font:400 16px/1.7 var(--ui-font);color:var(--ui-text)}
main.site-v2 :is(.news-meta,.review-person span){font-size:13px}
/* One reusable pricing system. Compact domain cards retain their own content. */
main.site-v2 .pricing-card-grid.pricing-card-grid{gap:24px;--pricing-row-gap:12px}
main.site-v2 article.pricing-card.pricing-card{margin:0;border:1px solid var(--ui-line);border-radius:8px;background:#fff;box-shadow:none;color:var(--ui-text);overflow:visible}
main.site-v2 article.pricing-card-recommended.pricing-card{border:2px solid var(--ui-navy);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d}
main.site-v2 .pricing-card.pricing-card .pricing-card-head{padding:24px 24px 0;background:#fff;border-radius:8px 8px 0 0;align-items:flex-start}
main.site-v2 .pricing-card.pricing-card .pricing-card-head h3{font:700 var(--ui-plan)/1.5 var(--ui-font);letter-spacing:normal;color:var(--ui-ink);overflow-wrap:normal}
main.site-v2 .pricing-card.pricing-card .pricing-card-head p{font:400 15px/1.65 var(--ui-font);margin-top:8px;color:var(--ui-muted)}
main.site-v2 .pricing-card.pricing-card :is(.hp-plan-kicker,.sr-plan-kicker,.ms-plan-format,.ssl-validation-tag,.dn-tld-group,.hosting-plan-top>span,.plan-recommend){font:400 13px/1.6 var(--ui-font);color:var(--ui-muted)}
main.site-v2 .pricing-card.pricing-card :is(.pricing-plan-icon,.plan-index){display:none}
main.site-v2 .pricing-card.pricing-card .pricing-recommended-tag{top:-14px;right:50%;transform:translateX(50%);max-width:calc(100% - 32px);white-space:normal;text-align:center;background:var(--ui-navy);color:#fff;font:600 13px/1.4 var(--ui-font);padding:4px 12px;border-radius:4px}
main.site-v2 .pricing-card.pricing-card .pricing-card-body{padding:20px 24px 24px;background:#fff;border:0}
main.site-v2 .pricing-card.pricing-card .pricing-card-price,main.site-v2 .pricing-card.pricing-card .pricing-card-price strong{font:700 var(--ui-price)/1.15 var(--ui-font);letter-spacing:-.025em;color:var(--ui-ink)}
main.site-v2 .pricing-card.pricing-card .pricing-card-price>span,main.site-v2 .pricing-card.pricing-card .bs-unit{font:400 14px/1.5 var(--ui-font);color:var(--ui-muted)}
main.site-v2 .pricing-card.pricing-card :is(.pricing-card-price>small,.hosting-average,.hosting-saving,.hp-average,.hp-saving){font:400 13px/1.6 var(--ui-font);color:var(--ui-muted);margin-top:8px}
main.site-v2 .pricing-card.pricing-card .pricing-card-features{background:#fff;padding:0 24px 0;color:var(--ui-text)}
main.site-v2 .pricing-card.pricing-card .pricing-features-title{font:600 15px/1.65 var(--ui-font);margin-bottom:16px}
main.site-v2 .pricing-card.pricing-card :is(.pricing-card-features li,.pricing-card-features dt,.pricing-card-features dd){font:400 15px/1.65 var(--ui-font);color:var(--ui-text)}
main.site-v2 .pricing-card.pricing-card .pricing-card-features dd{font-weight:600}
main.site-v2 .pricing-card.pricing-card .pricing-card-features :is(ul,dl){gap:12px}
main.site-v2 .pricing-card.pricing-card .pricing-card-features dl>div{grid-template-columns:16px minmax(0,1fr) minmax(0,max-content)}
main.site-v2 .pricing-card.pricing-card .pricing-card-features :is(li,dt,dd){overflow-wrap:anywhere}
main.site-v2 .pricing-card.pricing-card .pricing-card-features li svg{width:14px;height:14px}
main.site-v2 .pricing-card.pricing-card>.pricing-card-cta{width:auto;margin:28px 24px 24px;min-height:48px;align-self:end;border-radius:4px;font:600 var(--ui-cta)/1.5 var(--ui-font);background:#fff;color:var(--ui-navy);border:1px solid var(--ui-line);padding:12px}
main.site-v2 .pricing-card.pricing-card-recommended>.pricing-card-cta{background:var(--ui-navy);border-color:var(--ui-navy);color:#fff}
main.site-v2 .pricing-card.pricing-card-compact .pricing-card-body{padding-bottom:24px;border-radius:0 0 8px 8px}
@supports(grid-template-rows:subgrid){main.site-v2 .pricing-card-grid.pricing-card-grid>.pricing-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}main.site-v2 .pricing-compact-grid.pricing-compact-grid>.pricing-card{grid-row:span 2}}
/* Existing responsive table regions and catalog sorting/filtering stay intact. */
main.site-v2 .ui-table{font:400 15px/1.6 var(--ui-font);border-color:var(--ui-line);box-shadow:none}
main.site-v2 .ui-table :is(th,td){font-size:15px;line-height:1.6;padding:16px;border-color:#e2e8f0}
main.site-v2 .ui-table th{background:var(--ui-surface);color:var(--ui-navy);font-weight:600}
main.site-v2 :is(.catalog-table-wrap,.catalog-filters,.sr-catalog,.sr-filters){border-radius:8px;box-shadow:none;border-color:var(--ui-line)}
main.site-v2 .sr-ded-row{border-color:var(--ui-line);font-size:15px}
main.site-v2 .sr-ded-row :is(p,span,small){font-size:14px;line-height:1.6}
/* Nested legacy dark panels need their own surface/text pairing when their
   parent section adopts the light reference surface. Logos stay untouched. */
main.site-v2 .hosting-platform-panel :is(.hosting-panel-title,dt){color:var(--ui-navy);font-size:16px}
main.site-v2 .hosting-platform-panel dd{color:var(--ui-muted);font-size:15px}
main.site-v2 :is(.gemini-label,.ms-product-label){color:var(--ui-navy);font-size:15px}
main.site-v2 :is(.ms-ai,.ssl-scope) h2 span{color:var(--ui-navy)}
main.site-v2 :is(.gemini-demo,.ms-ai-draft,.ms-prompt,.ms-ai-example,.ssl-scope-points article){background:#fff;border:1px solid var(--ui-line);border-radius:8px;box-shadow:none;color:var(--ui-text)}
main.site-v2 .gemini-demo small{color:var(--ui-muted);font-size:13px;line-height:1.65}
main.site-v2 .gemini-label span{color:var(--ui-navy)}
main.site-v2 .gemini-demo .demo-label{color:var(--ui-muted);font-size:13px;line-height:1.65}
main.site-v2 :is(.gemini-demo,.ms-ai-draft) .ui-copy{color:var(--ui-muted)}
main.site-v2 .brands-validation{background:var(--ui-surface);color:var(--ui-text)}
main.site-v2 .validation-letter{color:var(--ui-navy)}
main.site-v2 .quote-selected{background:var(--ui-subtle);color:var(--ui-navy);border-radius:8px}
main.site-v2 .quote-selected span{color:var(--ui-muted);font-size:13px}
main.site-v2 .care-migration-art>span{color:var(--ui-muted)}
/* The old story list still reserved a 24px number track after numbering was
   removed. Let the actual copy occupy the full content column. */
main.site-v2 .ms-story-list article{grid-template-columns:minmax(0,1fr);gap:0}
main.site-v2 .ms-story{align-items:start;gap:48px}
main.site-v2 :is(.app-switcher button,.ms-app-tabs button){font-size:13px;line-height:1.5;min-height:44px;border-radius:4px}
main.site-v2 :is(svg.icon,svg.ui-icon){stroke-width:1.8}
/* Native details remains keyboard-operable, with clean V2 dividers. */
main.site-v2 .ui-faq-item{background:#fff;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;box-shadow:none;padding:0}
main.site-v2 .ui-faq-item summary{font:600 16px/1.65 var(--ui-font);color:var(--ui-navy);padding:20px 0;min-height:60px}
main.site-v2 .ui-faq-item .ui-copy{font:400 16px/1.7 var(--ui-font);color:var(--ui-muted);padding:0 0 20px}
/* Forms: no field attributes/actions or submission handlers are changed. */
main.site-v2 :is(input,textarea,select){font-family:var(--ui-font);font-size:16px;line-height:1.5;border-radius:4px}
main.site-v2 :is(.quote-field,.pc-field)>label{font:500 15px/1.65 var(--ui-font);color:var(--ui-navy)}
main.site-v2 :is(.quote-service,.pc-method-card){border-radius:8px;border-color:var(--ui-line);background:#fff}
main.site-v2 :is(.quote-service,.pc-method-card):has(input:checked){border-color:var(--ui-navy);background:var(--ui-subtle);box-shadow:0 0 0 1px var(--ui-navy)}
main.site-v2 :is(.quote-service,.pc-method-card) small,main.site-v2 :is(.quote-field,.pc-field) small{font-size:13px;line-height:1.65}
main.site-v2 :is(.quote-fieldset legend,.pc-form legend){font-size:20px;line-height:1.5}
main.site-v2 :is(.quote-summary,.pc-side){background:var(--ui-surface)}
main.site-v2 :is(.quote-summary,.pc-side) :is(p,li){font-size:15px;line-height:1.65}
/* Existing contact composition is retained inside MAIN; FOOTER is untouched. */
main.site-v2 .ha-contact{background:var(--ui-surface);margin:0;width:100%;padding-block:48px;border:0;border-top:1px solid var(--ui-line);border-radius:0}
main.site-v2 .ha-contact .container{width:min(var(--ui-container),calc(100% - 32px));max-width:none}
main.site-v2 .ha-contact .ms-contact-grid{gap:32px}
main.site-v2 .ha-contact .ms-contact-intro h2{font-size:var(--ui-h2);line-height:1.5;color:var(--ui-navy)}
main.site-v2 .ha-contact .ms-contact-intro>p{font-size:16px;line-height:1.65}
main.site-v2 .ha-contact .ms-contact-card{border-radius:8px;background:#fff;border-color:var(--ui-line);box-shadow:none;min-height:104px}
main.site-v2 .ha-contact .ms-contact-card strong{font:600 18px/1.5 var(--ui-font)}
main.site-v2 .ha-contact .ms-contact-card small{font:400 13px/1.65 var(--ui-font)}
main.site-v2 .ha-contact .ms-contact-icon{border-radius:8px}
main.site-v2 [hidden]{display:none!important}
@media(min-width:768px){main.site-v2{--ui-h1:36px;--ui-h2:28px}main.site-v2 :is(.container,.wrap){width:min(var(--ui-container),calc(100% - 48px))}main.site-v2 .ha-contact .container{width:min(var(--ui-container),calc(100% - 48px))}}
@media(min-width:1024px){main.site-v2{--ui-h1:40px;--ui-h2:30px;--ui-plan:20px;--ui-price:38px;--ui-cta:16px}main.site-v2 .pricing-card.pricing-card .pricing-card-head{padding:28px 28px 0}main.site-v2 .pricing-card.pricing-card .pricing-card-body{padding-inline:28px}main.site-v2 .pricing-card.pricing-card .pricing-card-features{padding-inline:28px}main.site-v2 .pricing-card.pricing-card>.pricing-card-cta{margin-inline:28px;margin-bottom:28px}}
@media(max-width:767px){
 main.site-v2{--ui-section:40px;--ui-hero:40px}
 main.site-v2 .ui-hero :is(.hero-main,.hosting-hero-layout,.hp-hero-layout,.sd-hero-layout,.hero-layout,.ms-hero-layout,.ssl-hero-layout,.brands-hero-layout,.quote-hero-layout){grid-template-columns:minmax(0,1fr);gap:28px}
 main.site-v2 .pricing-card-grid.pricing-card-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 main.site-v2 .pricing-card.pricing-card{display:flex;grid-row:auto}
 main.site-v2 .pricing-card.pricing-card>.pricing-card-cta{align-self:stretch}
 main.site-v2 .ui-panel{padding:20px}
 main.site-v2 .ha-contact .ms-contact-cards{grid-template-columns:minmax(0,1fr)}
 main.site-v2 .hero-btns{grid-template-columns:minmax(0,1fr)}
 main.site-v2 .ui-button{min-height:48px}
 main.site-v2 .ui-table :is(th,td){padding:14px}
}
@media(prefers-reduced-motion:reduce){main.site-v2 .ui-button{transition:none}}