/* Service-level presentation layer for the shared hostatom v2 system. */
.service-next{--navy:#002E5B;--yellow:#FDE428;--blue:#286ca6;--body:#536b80;--pale:#f2f7fc;--border:#dce6ee;background:#fff;color:var(--ha-ink)}
.service-next .container,.service-next .wrap{width:min(var(--ha-container),calc(100% - 64px));margin-inline:auto}
.service-next h1,.service-next h2,.service-next h3{font-weight:600;letter-spacing:-.035em;text-wrap:pretty}
.service-next h2{line-height:1.5}
.service-next main>section:first-child{background:linear-gradient(115deg,#f6faff,#edf6ff 55%,#f5f3ff);border-radius:0 0 40px 40px;border-bottom:1px solid #e3edf5;color:var(--ha-navy)}
.service-next main>section:first-child h1{color:var(--ha-navy);line-height:1.4}
.service-next main>section:first-child h1 :is(span,em){color:var(--ha-blue)}
.service-next.managed-server-page .ms-page .ms-hero h1 :is(.ms-title-lead,.ms-title-keep){color:var(--ha-navy)}
.service-next main>section:first-child :is(.sd-hero-copy,.hp-hero-copy,.hosting-hero-copy,.ssl-hero-copy,.brands-hero-copy,.ms-hero-copy,.hero-content,.ms-hero-grid>div:first-child,.quote-hero-layout>div:first-child)>p{color:var(--ha-muted);line-height:1.85}
.service-next main>section:first-child :is(.eyebrow,.section-label,.ms-kicker){color:var(--ha-blue)}
.service-next main>section:first-child :is(.ms-hero-foot,.hero-note,.sd-hero-note,.hp-hero-note,.hosting-hero-note){color:var(--ha-muted)}
.service-next :is(.button,.btn){border-radius:12px;min-height:48px;font-size:16px;font-weight:500;transition:background var(--ha-ease),border-color var(--ha-ease),transform var(--ha-ease)}
.service-next :is(.button-yellow,.btn-yellow){background:var(--ha-yellow);color:var(--ha-navy);border-color:var(--ha-yellow)}
.service-next :is(.button-yellow,.btn-yellow):hover{background:#f0d719;transform:translateY(-2px)}
.service-next :is(.button-outline,.btn-outline,.ms-button-ghost){background:#fff;border:1px solid #a8bfd2;color:var(--ha-navy)}
.service-next :is(.button-outline,.btn-outline,.ms-button-ghost):hover{background:#e9f4ff;color:var(--ha-navy)}
.service-next :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #286ca6;outline-offset:4px}
.service-next :is(input,select,textarea){font-size:16px;border-radius:10px}
.service-next :is(.sd-section-nav,.hp-section-nav,.hosting-section-nav){background:#fff;border-bottom:1px solid var(--ha-line);box-shadow:none}
.service-next :is(.sd-section-nav,.hp-section-nav,.hosting-section-nav) a{border-radius:10px}
.service-next :is(.sd-section-nav,.hp-section-nav,.hosting-section-nav) a:hover{background:var(--ha-sky)}
.service-next :is(.sd-pale,.hp-pale,.ms-pale,.section-pale){background:var(--ha-surface)}
.service-next article.pricing-card.pricing-card{border-radius:22px;border-color:#dce6ee;box-shadow:0 12px 36px #002e5b05}
.service-next .pricing-card.pricing-card .pricing-card-head{background:#fff}
.service-next :is(.pricing-card-body,.pricing-card-features){background:#f5f8fc}
.service-next .pricing-card-cta{border-radius:12px}
.service-next :is(.quote-form,.quote-summary,.payment-email-form,.sd-panel,.sd-checklist,.brands-filters){border-radius:22px;border-color:var(--ha-line);box-shadow:var(--ha-shadow)}
.service-next :is(.app-item,.faq-list details,.ms-faq-list details){border-color:var(--ha-line)}
.service-next .ms-draft-notice{background:#e8f2fc;border:1px solid #c5daed;color:var(--ha-navy)}
.service-next .ms-draft-notice p{color:var(--ha-muted)}
.service-next .ms-draft-notice :is(strong,span){color:#655700}
.service-next.managed-server-page .ms-page .ms-monitor figcaption{color:var(--ha-muted)}
.service-next #ms-addons .ms-addon{border-radius:22px}
.service-next #ms-environments .ms-environment{border-radius:20px;box-shadow:var(--ha-shadow)}
/* Responsive behavior follows each service's existing grids. */
@media(max-width:1199px){.ha-modern .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ha-modern .home-nav{gap:4px}}
@media(max-width:900px){.ha-modern .header-row{min-height:80px}.ha-modern .ha-contact .ms-contact-grid{grid-template-columns:1fr}}
@media(max-width:600px){.service-next .container,.service-next .wrap{width:calc(100% - 40px)}.service-next main>section:first-child{border-radius:0 0 28px 28px}.ha-modern .brand img{width:146px}.ha-modern .ha-contact{margin-inline:12px;padding:40px 0;border-radius:24px}.ha-modern .ha-contact .container{width:calc(100% - 40px)}.ha-modern .ms-contact-intro h2{font-size:28px}.ha-modern .ms-contact-cards{grid-template-columns:1fr}.ha-modern .footer-grid{grid-template-columns:1fr;gap:32px}.ha-modern .site-footer{margin-top:40px}.ha-modern .footer-directory{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.service-next :is(.button,.btn,.ms-contact-card){transition:none}.service-next :is(.button,.btn):hover{transform:none}}