/* Mizban24 — storefront 2.27.34. Shared renderer, all public routes. */
body.m24-theme.m24-refined{--ui-surface:#fff;--ui-ink:#172b42;--ui-muted:#65758a;--ui-line:#e2e8ef;--ui-soft:#f3f6fa;--ui-navy:#122840;--ui-shadow:0 12px 32px rgba(18,40,64,.055);background:#f5f7fa;color:var(--ui-ink);font-size:14px;line-height:1.95}
body.m24-theme.m24-refined.dark{--ui-surface:#182539;--ui-ink:#edf4ff;--ui-muted:#aebdd0;--ui-line:#2a3b50;--ui-soft:#122034;--ui-navy:#081423;background:#0d1828}
body.m24-refined .container{max-width:1240px}
body.m24-refined :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--primary,#156be0);outline-offset:4px}
/* Consistent line icons: the legacy SVG helper supplies geometry only. */
body.m24-refined :is(.mini-icon,.menu-link-icon,.chev,.service-icon,.service-tab-icon,.plan-product-icon,.vps-server-icon,.plan-specs>div>span,.vps-resource-grid>div>span,.plans-category>span,.plans-assurance>span,.plan-order-btn,.hero-trust>span,.footer-socials a,.footer-contact-card i,.footer-security>span,.plans-continue span) svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;flex-shrink:0}
body.m24-refined .announce{background:var(--ui-navy);font-size:12px}
body.m24-theme.m24-refined .utility-bar{background:#112e47;border-bottom:1px solid #294359;color:#c6d6e5}
body.m24-refined .utility-bar>.container{min-height:35px}
body.m24-theme.m24-refined .site-header{--header-bg:#0c2238;--header-ink:#f4f8ff;--header-muted:#c4d4e5;--header-border:#2b435b;height:88px;background:var(--header-bg);color:var(--header-ink);border-bottom:1px solid var(--header-border);box-shadow:0 6px 24px #071a2c26;backdrop-filter:none}
body.m24-refined .header-row{gap:24px}
body.m24-refined .brand img{width:138px;height:52px}
body.m24-refined .main-nav{margin-right:0}
body.m24-refined .main-nav>ul{gap:2px}
body.m24-theme.m24-refined .main-nav>ul>li>a{color:var(--header-ink);padding:12px 10px;font-size:13px;border-radius:12px}
body.m24-theme.m24-refined .main-nav a:hover{background:#ffffff0e;color:#fff}
body.m24-theme.m24-refined .submenu{background:#142d45!important;border-color:var(--header-border);border-radius:16px;box-shadow:0 24px 60px #071a2c4d}
body.m24-theme.m24-refined .submenu a{color:var(--header-ink)}
body.m24-refined .main-nav:not(.menu-enhanced) .has-sub:focus-within>.submenu{display:flex!important}
body.m24-refined .header-actions{gap:10px}
body.m24-theme.m24-refined .header-actions .btn{background:#c3e6d9;color:#123c31;border-radius:12px;box-shadow:none;padding:11px 17px}
body.m24-theme.m24-refined .theme-toggle,body.m24-theme.m24-refined .mobile-toggle{background:#ffffff08;color:var(--header-ink);border:1px solid var(--header-border)}
body.m24-refined .btn{border-radius:12px;transition:background .2s,box-shadow .2s;min-height:46px}
body.m24-refined .btn-ghost{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
/* Strong opening: type, geometry and space rather than extra decorative badges. */
body.m24-theme.m24-refined .hero:not(.m24-autumn-slide):not(.m24-infra-slide){--hero-heading:#f7fbff;--hero-copy:#c5d6e6;background:#102b43;color:var(--hero-heading);padding:72px 0 82px;border-bottom:1px solid #29465e}

body.m24-refined .hero-copy h1{font-size:clamp(32px,3.6vw,54px);font-weight:900;line-height:1.6;letter-spacing:-.7px;text-wrap:balance}
body.m24-refined .hero-copy>p{font-size:16px;line-height:2.1;max-width:58ch}
body.m24-refined .hero-actions{gap:12px;flex-wrap:wrap;margin-top:26px}
body.m24-refined .hero-badge{border-radius:999px;padding:7px 14px}
body.m24-refined .hero-trust{margin-top:26px;gap:20px}
body.m24-refined .service-directory-hero{position:relative;background:var(--ui-navy);padding:60px 0 62px;color:#fff;overflow:hidden;border:0}
body.m24-refined .service-directory-hero:before{content:"";position:absolute;width:440px;height:440px;left:-160px;top:-240px;border:70px solid #ffffff07;border-radius:50%;pointer-events:none}
body.m24-refined .service-directory-hero .eyebrow{color:#9fcef7;font-size:12px;letter-spacing:0;margin-bottom:12px}
body.m24-refined .service-directory-hero h1{font-size:clamp(28px,3vw,42px);color:#fff;line-height:1.6;margin:0 0 12px;font-weight:900}
body.m24-refined .service-directory-hero p{max-width:70ch;color:#b7cce0;line-height:2;font-size:14px;margin:0}
body.m24-refined .section{padding-block:70px}
body.m24-refined .section-head{margin-bottom:32px}
body.m24-refined .section-head h2{font-size:clamp(25px,2.5vw,36px);line-height:1.7;letter-spacing:-.4px;text-wrap:balance;color:var(--ui-ink)}
body.m24-refined .section-head p{font-size:14px;line-height:2;max-width:66ch;margin-inline:auto;color:var(--ui-muted)}
body.m24-refined :is(.service-card,.domain-card,.content-card,.contact-form,.faq-support-card){background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:20px;box-shadow:var(--ui-shadow)}
body.m24-refined .service-card{padding:30px;transition:border-color .2s,box-shadow .2s}
body.m24-refined .service-card h3{font-size:20px;line-height:1.8;margin-block:18px 9px;color:var(--ui-ink)}
body.m24-refined .service-card p{color:var(--ui-muted);font-size:14px;line-height:2}
body.m24-refined .service-card em{display:inline-flex;align-items:center;gap:10px;border-top:1px solid var(--ui-line);padding-top:18px;margin-top:14px;font-style:normal;font-size:13px;color:var(--primary)}
body.m24-refined .service-icon{width:56px;height:56px;border-radius:16px;background:var(--ui-soft);color:var(--primary);box-shadow:none}
body.m24-refined .services-grid,body.m24-refined .feature-grid{gap:22px}
body.m24-refined .domain-card{padding:30px}
body.m24-refined :is(.contact-form,.domain-form) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:12px;min-height:48px}
body.m24-refined .faq-list details{background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:14px;margin-bottom:12px;box-shadow:none}
body.m24-refined .faq-list summary{padding:20px;line-height:1.9;cursor:pointer}
body.m24-refined .faq-answer{color:var(--ui-muted);line-height:2.1}
body.m24-refined .cta-card{border-radius:24px;padding:38px;background:var(--ui-navy)}
/* Catalog tabs sit directly above the plans. No repeated category banner. */
body.m24-refined .interactive-service-catalog{background:var(--ui-soft);padding-top:34px;border:0}
body.m24-refined .service-category-tabs-wrap{margin:0 0 28px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
body.m24-refined .service-category-tabs{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:10px!important;background:transparent!important;border:0!important;padding:0!important;overflow:visible!important}
body.m24-refined .service-category-tabs button{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;flex:1 1 175px!important;min-width:0!important;max-width:100%;min-height:64px;padding:12px 16px!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;text-align:start;font-size:12px!important;font-weight:700;box-shadow:none!important;white-space:normal!important;transition:background .2s,border-color .2s}
body.m24-refined .service-category-tabs button.active{background:var(--ui-navy)!important;color:#fff!important;border-color:var(--ui-navy)!important;box-shadow:0 8px 20px #1228401c!important}
body.m24-refined .service-tab-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border:0!important;border-radius:10px!important;background:var(--ui-soft)!important;color:var(--primary)!important}
body.m24-refined .service-category-tabs button.active .service-tab-icon{background:#ffffff18!important;color:#b6d5ff!important}
body.m24-refined .service-category-panels{padding:0!important;margin:0!important;border:0!important}
body.m24-refined .service-plan-panel{padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible!important}
body.m24-refined .service-plan-panel>.container{width:100%;max-width:none;padding:0}
body.m24-refined .service-plan-panel .plans-backdrop{display:none}
body.m24-refined .service-plan-panel:before,body.m24-refined .service-plan-panel:after{display:none!important}
body.m24-refined [data-plan-pricing] [data-embedded-billing-toolbar]{min-height:0!important;display:flex!important;justify-content:flex-end!important;padding:0!important;margin:0 0 20px!important;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}
body.m24-refined [data-plan-pricing] .billing-cycle-switch{padding:4px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface)!important}
body.m24-refined [data-plan-pricing] .billing-cycle-switch button{min-height:36px;font-size:12px!important}
body.m24-refined [data-plan-pricing] .billing-cycle-switch button.active{background:var(--ui-navy)!important;color:#fff!important}
/* The default card model gets a new hierarchy. Alternate saved models stay distinct. */
body.m24-refined [data-plan-pricing].pricing-style-cards{background:var(--ui-soft);--price-ink:var(--ui-ink);--price-muted:var(--ui-muted);--price-border:var(--ui-line);--price-surface:var(--ui-surface);--price-soft:var(--ui-soft)}
body.m24-refined [data-plan-pricing].pricing-style-cards [data-plan-card]{border:1px solid var(--price-border)!important;border-radius:20px!important;box-shadow:var(--ui-shadow)!important;background:var(--price-surface)!important}
body.m24-refined [data-plan-pricing].pricing-style-cards [data-plan-card]:before{display:none!important}
body.m24-refined [data-plan-pricing].pricing-style-cards :is(.plan-card-head,.vps-card-top,.whmcs-id-card-top){padding:24px 24px 10px!important}
body.m24-refined [data-plan-pricing].pricing-style-cards :is(.plan-product-icon,.vps-server-icon){background:var(--price-soft);color:var(--price-brand);width:42px;height:42px;flex-basis:42px}
body.m24-refined [data-plan-pricing].pricing-style-cards :is(.plan-title-row,.vps-title-row){padding:12px 24px 0!important}
body.m24-refined [data-plan-pricing].pricing-style-cards [data-plan-card] h3{font-size:19px!important;font-weight:900;line-height:1.9!important}
body.m24-refined [data-plan-pricing].pricing-style-cards .plan-number{display:none}
body.m24-refined [data-plan-pricing].pricing-style-cards :is(.plan-description,.whmcs-id-card>p){padding-inline:24px!important}
body.m24-refined [data-plan-pricing].pricing-style-cards .professional-price{margin:20px 24px!important;padding:18px 0!important;background:transparent!important;border:0!important;border-top:1px solid var(--price-border)!important;border-bottom:1px solid var(--price-border)!important;border-radius:0!important}
body.m24-refined [data-plan-pricing].pricing-style-cards .professional-price:before{display:none}
body.m24-refined [data-plan-pricing].pricing-style-cards .plan-price-line [data-plan-price]{font-size:clamp(25px,2.6vw,34px)!important;font-weight:900!important}
body.m24-refined [data-plan-pricing].pricing-style-cards :is(.plan-specs,.vps-resource-grid){gap:8px!important;padding:0 24px 20px!important}
body.m24-refined [data-plan-pricing].pricing-style-cards :is(.plan-specs,.vps-resource-grid)>div{padding:10px 8px!important;border:0!important;background:var(--price-soft)!important;border-radius:10px}
body.m24-refined [data-plan-pricing].pricing-style-cards :is(.plan-specs,.vps-resource-grid)>div>span{padding:0;flex-basis:24px;width:24px;height:24px;background:transparent}
body.m24-refined [data-plan-pricing].pricing-style-cards :is(.plan-card-footer,.vps-order-box,.whmcs-id-card-footer){padding:0 24px 24px!important}
body.m24-refined [data-plan-pricing].pricing-style-cards .plan-order-btn{min-height:48px;background:var(--ui-navy)!important;border-radius:11px;font-size:13px!important}
body.m24-refined [data-plan-pricing].pricing-style-cards .plan-order-btn.disabled{background:#667588!important}
body.m24-refined [data-plan-pricing].pricing-style-cards [data-plan-card].featured{--price-ink:#f5f9ff;--price-muted:#bccde1;--price-border:#ffffff25;--price-soft:#ffffff0d;--price-surface:#153451;--price-brand:#a9d2ff;background:linear-gradient(145deg,#153451,#10263d)!important;border:1px solid #153451!important;box-shadow:0 14px 36px #10263d24!important}
body.m24-refined [data-plan-pricing].pricing-style-cards .featured .plan-availability{background:#ffffff0d;color:#c2eddd;border-color:#ffffff15}
body.m24-refined [data-plan-pricing].pricing-style-cards .featured .plan-badge{background:#c3e6d9!important;color:#123c31!important;font-size:10px!important;border-radius:999px}
body.m24-refined [data-plan-pricing].pricing-style-cards .featured .plan-order-btn:not(.disabled){background:#c3e6d9!important;color:#123c31!important}
body.m24-refined [data-plan-pricing].pricing-style-cards .featured .plan-details{background:#ffffff05!important}
body.m24-refined [data-plan-pricing].pricing-style-cards :is(.plan-badge,.vps-plan-badge){font-size:10px!important}
body.m24-refined [data-plan-pricing].pricing-style-cards .plan-order-btn:hover{filter:brightness(1.1)}
/* Support and footer share one restrained dark canvas. */
body.m24-refined .support-experience{background:var(--ui-navy);border-top:1px solid #ffffff0a;overflow:hidden}
body.m24-refined .support-experience h2{font-size:clamp(26px,2.7vw,36px);line-height:1.8;color:#fff}
body.m24-refined .support-experience p{color:#b9cce0;line-height:2.1}
body.m24-refined .support-experience-grid,body.m24-refined .support-orbit,body.m24-refined .support-pulse-dot{display:none}
body.m24-refined .site-footer{background:#0d2033;color:#b9c9db;border-top:1px solid #ffffff14}
body.m24-refined .footer-glow{display:none}
body.m24-refined .footer-main{padding-block:52px 38px;gap:30px}
body.m24-refined .site-footer .footer-links a{font-size:13px;line-height:2.3;color:#b9c9db}
body.m24-refined .site-footer .footer-links a:hover{color:#fff}
body.m24-refined .site-footer .footer-links h3{font-size:14px;color:#fff}
body.m24-refined .site-footer :is(.footer-intro p,.footer-address){font-size:13px;line-height:2.1}
body.m24-refined .site-footer .footer-bottom{font-size:12px;line-height:1.9;padding-block:18px;border-color:#ffffff12}
body.m24-refined .footer-contact-card{background:#ffffff04;border:1px solid #ffffff14;border-radius:16px;box-shadow:none}
/* Public hero panels always pair light text with a dark background. */
body.m24-theme.m24-refined .hero .hero-copy h1{color:#f7fbff;-webkit-text-fill-color:#f7fbff;background:none;opacity:1;text-shadow:none;letter-spacing:0}
body.m24-theme.m24-refined .hero .hero-copy>p{color:#c5d6e6;opacity:1;line-height:2.2}
body.m24-theme.m24-refined .hero .hero-trust{color:#c5d6e6;opacity:1;font-size:12px;line-height:1.9;flex-wrap:wrap}
body.m24-theme.m24-refined .hero .hero-trust b{color:#b0e4d8}
body.m24-theme.m24-refined .hero .hero-badge{color:#b0e4d8;background:#1b3a53;border-color:#45657b}
body.m24-theme.m24-refined .hero .hero-actions .btn-glass{color:#f7fbff;background:#1b3a53;border:1px solid #45657b;box-shadow:none}
body.m24-theme.m24-refined .hero .hero-pattern,body.m24-theme.m24-refined .hero .hero-orb{opacity:.15;pointer-events:none}
body.m24-theme.m24-refined .vps-hero{background:#102b43;color:#f7fbff}
body.m24-theme.m24-refined .vps-hero .vps-hero-copy h1{color:#f7fbff;-webkit-text-fill-color:#f7fbff;opacity:1;text-shadow:none}
body.m24-theme.m24-refined .vps-hero .vps-hero-copy>p,body.m24-theme.m24-refined .vps-hero .vps-hero-points{color:#c5d6e6;opacity:1}
body.m24-theme.m24-refined .vps-hero .eyebrow,body.m24-theme.m24-refined .vps-hero-points span{color:#b0e4d8;background:#1b3a53;border-color:#45657b}
/* Explicit contrast pairs prevent generic section headings from darkening dark panels. */
body.m24-theme.m24-refined :is(.feature-section-dark,.service-overview-dark){--block-heading:#f7fbff;--block-copy:#c5d6e6;--block-accent:#b0e4d8;background:#102b43;color:var(--block-heading);padding-block:80px;border:0}
body.m24-theme.m24-refined .feature-section-dark::before,body.m24-theme.m24-refined :is(.feature-orb,.overview-orb){display:none}
body.m24-theme.m24-refined .feature-section-dark .section-head,body.m24-theme.m24-refined .service-overview-dark .service-overview-head{max-width:820px;margin:0 auto 36px;text-align:center}
body.m24-theme.m24-refined .feature-section-dark .section-head h2,body.m24-theme.m24-refined .service-overview-dark .service-overview-head h2{color:var(--block-heading);-webkit-text-fill-color:var(--block-heading);background:none;background-clip:border-box;text-shadow:none;opacity:1;font-size:clamp(28px,3vw,40px);font-weight:900;line-height:1.9;letter-spacing:0;margin:12px 0 16px;text-wrap:balance}
body.m24-theme.m24-refined .feature-section-dark .section-head p,body.m24-theme.m24-refined .service-overview-dark .service-overview-head p{color:var(--block-copy);font-size:16px;line-height:2.2;opacity:1;max-width:65ch;margin:0 auto}
body.m24-theme.m24-refined :is(.feature-section-dark .section-head,.service-overview-dark .service-overview-head) .eyebrow{background:#ffffff08;border:1px solid #466277;color:var(--block-accent);padding:6px 14px;border-radius:999px;font-size:12px}
body.m24-theme.m24-refined .feature-section-dark .feature-grid{gap:20px;align-items:stretch}
body.m24-theme.m24-refined .feature-section-dark .feature-grid article{padding:28px;border-radius:18px;background:#18384f;border:1px solid #37546b;min-height:230px;box-shadow:none;backdrop-filter:none}
body.m24-theme.m24-refined .feature-section-dark .feature-grid article:hover{transform:none;border-color:#779fa9;box-shadow:none}
body.m24-theme.m24-refined .feature-section-dark .feature-grid article>span{background:#254d61;color:#b0e4d8;box-shadow:none;border-radius:14px;width:52px;height:52px;padding:13px}
body.m24-theme.m24-refined .feature-section-dark .feature-grid h3{color:var(--block-heading);font-size:20px;line-height:1.9;font-weight:800;margin:18px 0 10px}
body.m24-theme.m24-refined .feature-section-dark .feature-grid p{color:var(--block-copy);font-size:14px;line-height:2.1;margin:0;opacity:1}
body.m24-theme.m24-refined .service-overview-dark .service-overview-grid{gap:24px;align-items:stretch}
body.m24-theme.m24-refined .service-overview-dark .service-capabilities{gap:14px}
body.m24-theme.m24-refined .service-overview-dark .service-capabilities article{background:#18384f;border:1px solid #37546b;border-radius:16px;padding:20px;min-height:106px;box-shadow:none;backdrop-filter:none;gap:14px}
body.m24-theme.m24-refined .service-overview-dark .service-capabilities article>span{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#254d61;color:#b0e4d8}
body.m24-theme.m24-refined .service-overview-dark .service-capabilities article>i{display:none}
body.m24-theme.m24-refined .service-overview-dark .service-capabilities b{color:var(--block-heading);font-size:15px;line-height:1.9}
body.m24-theme.m24-refined .service-overview-dark .service-capabilities small{color:var(--block-copy);font-size:12px;line-height:2;margin-top:5px}
body.m24-theme.m24-refined .service-overview-dark .service-progress-card{background:#0b2034;border:1px solid #37546b;border-radius:18px;padding:28px;box-shadow:none}
body.m24-theme.m24-refined .service-overview-dark .progress-card-head h3{color:var(--block-heading);font-size:20px!important;line-height:1.9;font-weight:800}
body.m24-theme.m24-refined .service-overview-dark .progress-card-head small{font-size:12px;color:var(--block-copy)}
body.m24-theme.m24-refined .service-overview-dark .service-progress-step b{color:var(--block-heading);font-size:14px;line-height:1.9}
body.m24-theme.m24-refined .service-overview-dark .service-progress-step small{color:var(--block-copy);font-size:12px;line-height:2}
body.m24-theme.m24-refined .service-overview-dark .service-progress-step em{font-size:11px;color:#b0e4d8;border-color:#517367}
body.m24-theme.m24-refined .service-overview-dark .service-progress-step.is-done>i{background:#b0e4d8;color:#123c31}
body.m24-theme.m24-refined .site-header :is(.brand,.header-ticket,.menu-link-icon,.submenu-toggle){color:var(--header-ink)}
body.m24-theme.m24-refined .main-nav .submenu .submenu-toggle{color:#c4d4e5}
body.m24-theme.m24-refined .main-nav .submenu .submenu-toggle:hover{background:#ffffff0e;color:#fff}
body.m24-theme.m24-refined .main-nav .menu-link-copy small{color:#c4d4e5}
body.m24-theme.m24-refined .main-nav .menu-link-icon{background:#ffffff09;border-color:#ffffff10}
body.m24-theme.m24-refined .mobile-toggle span{background:#f4f8ff}
body.m24-theme.m24-refined .theme-toggle .theme-sun{border-color:#c4d4e5;color:#c4d4e5}
body.m24-theme.m24-refined .utility-bar a,body.m24-theme.m24-refined .utility-bar .mini-icon{color:#c6d6e5}
@media(max-width:760px){body.m24-theme.m24-refined :is(.feature-section-dark,.service-overview-dark){padding-block:52px}body.m24-theme.m24-refined .feature-section-dark .feature-grid article{padding:24px;min-height:0}body.m24-theme.m24-refined .feature-section-dark .section-head p,body.m24-theme.m24-refined .service-overview-dark .service-overview-head p{font-size:14px}body.m24-theme.m24-refined .service-overview-dark .service-progress-card{padding:24px}body.m24-theme.m24-refined .service-overview-dark .service-overview-grid{grid-template-columns:1fr}}
@media(max-width:500px){body.m24-theme.m24-refined .service-overview-dark .service-capabilities{grid-template-columns:1fr}body.m24-theme.m24-refined .service-overview-dark .service-progress-step{flex-wrap:wrap}}
@media(hover:hover){body.m24-refined .service-card:hover{border-color:var(--primary);box-shadow:0 16px 40px #12284012}}
@media(max-width:1100px){body.m24-theme.m24-refined .site-header{height:76px}body.m24-refined .header-row{gap:14px}body.m24-theme.m24-refined .main-nav.is-open{background:#0c2238;border-color:#2b435b}body.m24-theme.m24-refined .main-nav.is-open a{color:#f4f8ff}}
@media(max-width:760px){body.m24-refined .section{padding-block:48px}body.m24-refined .interactive-service-catalog{padding-top:26px}body.m24-refined .service-directory-hero{padding:38px 0}body.m24-refined .service-category-tabs{gap:8px!important}body.m24-refined .service-category-tabs button{flex-basis:calc(50% - 8px)!important;font-size:11px!important;min-height:58px;padding:10px!important}body.m24-refined .service-tab-icon{width:28px;height:28px;flex-basis:28px}body.m24-refined .service-card,body.m24-refined .domain-card{padding:24px}body.m24-theme.m24-refined .hero:not(.m24-autumn-slide):not(.m24-infra-slide){padding:44px 0 50px}body.m24-refined .hero-copy h1{letter-spacing:0;font-size:32px}body.m24-refined .hero-copy>p{font-size:14px}body.m24-refined .footer-main{gap:24px}body.m24-refined .cta-card{padding:26px 20px}}
@media(max-width:420px){body.m24-refined .header-actions .btn{padding:9px 12px;font-size:11px}body.m24-refined .brand img{width:108px;height:46px}body.m24-refined .hero-actions>.btn{width:100%}body.m24-refined .service-category-tabs button{gap:7px!important}body.m24-refined .domain-form{flex-wrap:wrap}body.m24-refined .domain-form>.btn{width:100%}body.m24-refined .domain-input{min-width:0;max-width:100%}}
@media(prefers-reduced-motion:reduce){body.m24-refined,body.m24-refined *,body.m24-refined *::before,body.m24-refined *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Navigation owns its colors and geometry; legacy light-dropdown !important rules
   must not override the dark shared header. Visibility remains controlled by JS. */
body.m24-theme.m24-refined .site-header{--menu-bg:#142d45;--menu-card:#1a374e;--menu-line:#34536b;--menu-text:#f4f8ff;--menu-muted:#c4d4e5}
body.m24-theme.m24-refined .header-row{gap:20px}
body.m24-theme.m24-refined .main-nav{min-width:0;flex:1}
body.m24-theme.m24-refined .main-nav>ul{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
body.m24-theme.m24-refined .main-nav>ul>li{flex:0 0 auto}
body.m24-theme.m24-refined .main-nav>ul>li>a{display:flex;align-items:center;gap:8px;min-height:52px;padding:12px 10px;color:var(--menu-text)!important;font-size:12px;white-space:nowrap}
body.m24-theme.m24-refined .main-nav>ul>li.has-sub:not(.mega-menu)>a{padding-inline-end:36px}
body.m24-theme.m24-refined .main-nav>ul>li>a:hover,body.m24-theme.m24-refined .main-nav>ul>li.sub-open>a{background:#1a3a52!important;color:#fff!important}
body.m24-theme.m24-refined .main-nav .menu-link-copy{flex:1;min-width:0;display:grid;gap:3px}
body.m24-theme.m24-refined .main-nav .menu-link-label{color:inherit!important;line-height:1.85;overflow-wrap:anywhere}
body.m24-theme.m24-refined .main-nav .menu-link-icon{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;padding:6px;border-radius:9px;background:#23475e!important;color:#b0e4d8!important;box-shadow:none}
body.m24-theme.m24-refined .main-nav .menu-link-icon svg{width:18px;height:18px}
body.m24-theme.m24-refined .main-nav .has-sub>a>.chev{display:none}
body.m24-theme.m24-refined .main-nav .submenu-toggle{top:50%;left:5px;right:auto;transform:translateY(-50%);width:28px;height:28px;padding:5px;color:#d5e5f3;background:transparent;border:0;border-radius:8px}
body.m24-theme.m24-refined .main-nav .submenu-toggle:hover,body.m24-theme.m24-refined .main-nav .submenu-toggle:focus-visible{background:#2a4d65;color:#fff}
body.m24-theme.m24-refined .main-nav .submenu{background:var(--menu-bg)!important;color:var(--menu-text);border:1px solid var(--menu-line)!important;border-radius:16px!important;padding:8px!important;gap:4px!important;box-shadow:0 22px 52px #071a2c40!important;align-items:stretch!important}
body.m24-theme.m24-refined .main-nav>ul>li:not(.mega-menu)>.submenu{top:calc(100% + 8px)!important;right:0;left:auto;width:282px;min-width:240px;max-width:calc(100vw - 32px)}
body.m24-theme.m24-refined .main-nav .submenu li{min-width:0;margin:0;border:0!important;list-style:none}
body.m24-theme.m24-refined .main-nav .submenu a{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:48px;padding:10px 12px!important;color:var(--menu-text)!important;background:transparent!important;border:0;border-radius:10px!important;font-size:13px;line-height:1.9;white-space:normal}
body.m24-theme.m24-refined .main-nav .submenu a:hover,body.m24-theme.m24-refined .main-nav .submenu a:focus-visible{background:#24455e!important;color:#fff!important}
body.m24-theme.m24-refined .main-nav .submenu .has-sub>a{padding-inline-end:40px!important}
body.m24-theme.m24-refined .main-nav .submenu .menu-link-copy small{color:var(--menu-muted)!important;line-height:1.85}
body.m24-theme.m24-refined .main-nav .submenu .menu-link-icon{width:32px;height:32px;flex-basis:32px;padding:7px}
body.m24-theme.m24-refined .main-nav .submenu .submenu:not(.mega-submenu){top:-9px!important;right:calc(100% + 8px)!important;left:auto!important;width:270px;min-width:230px}
body.m24-theme.m24-refined .main-nav.menu-enhanced .has-sub>.submenu{display:none!important}
body.m24-theme.m24-refined .main-nav.menu-enhanced .has-sub.sub-open>.submenu{display:flex!important}
/* Three aligned reseller columns; their child links remain visible on desktop. */
body.m24-theme.m24-refined .main-nav>ul>li.mega-menu{position:static;display:flex;align-items:center}
body.m24-theme.m24-refined .main-nav>ul>li.mega-menu>a{padding-inline-end:5px}
body.m24-theme.m24-refined .main-nav>ul>li.mega-menu>.submenu-toggle{position:static;transform:none;margin-inline-end:5px}
body.m24-theme.m24-refined .main-nav .mega-menu>.mega-submenu{inset-inline:0!important;left:0!important;right:0!important;top:calc(100% + 8px)!important;width:auto!important;min-width:0!important;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;padding:14px!important;max-height:calc(100dvh - 180px);overflow:auto}
body.m24-theme.m24-refined .main-nav .mega-submenu>li{background:var(--menu-card);border:1px solid var(--menu-line)!important;border-radius:12px;padding:7px;min-width:0}
body.m24-theme.m24-refined .main-nav .mega-submenu>li>a{min-height:70px;background:transparent!important;padding:10px!important}
body.m24-theme.m24-refined .main-nav .mega-submenu>li>a .menu-link-label{color:var(--menu-text)!important;font-size:14px;font-weight:800}
body.m24-theme.m24-refined .main-nav .mega-submenu>li>a .menu-link-copy small{color:var(--menu-muted)!important;font-size:11px}
body.m24-theme.m24-refined .main-nav .mega-submenu>li>a .menu-link-icon{width:38px;height:38px;flex-basis:38px;padding:9px}
body.m24-theme.m24-refined .main-nav .mega-column>.submenu{position:static!important;inset:auto!important;width:auto!important;min-width:0!important;max-width:none;margin:4px 0 0!important;padding:5px 0 0!important;border:0!important;border-top:1px solid var(--menu-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:3px!important}
body.m24-theme.m24-refined .main-nav .mega-column>.submenu a{font-size:12px;min-height:43px;padding:8px!important}
body.m24-theme.m24-refined .main-nav .mega-column>.submenu .menu-link-icon{width:27px;height:27px;flex-basis:27px;padding:5px}
@media(min-width:1101px){
 body.m24-theme.m24-refined .main-nav.menu-enhanced .mega-menu.sub-open>.mega-submenu{display:grid!important}
 body.m24-theme.m24-refined .main-nav.menu-enhanced .mega-column>.submenu{display:flex!important;flex-direction:column!important}
 body.m24-theme.m24-refined .main-nav .mega-column>.submenu-toggle{display:none}
 body.m24-theme.m24-refined .main-nav .mega-column>a{padding-inline-end:10px!important}
}
@media(min-width:1101px) and (max-width:1230px){
 body.m24-theme.m24-refined .header-row{gap:12px}
 body.m24-theme.m24-refined .header-ticket{display:none}
 body.m24-theme.m24-refined .main-nav>ul>li>a{font-size:11px;padding-inline:7px;gap:6px}
 body.m24-theme.m24-refined .main-nav>ul>li.has-sub:not(.mega-menu)>a{padding-inline-end:32px}
 body.m24-theme.m24-refined .main-nav .menu-link-icon{width:26px;height:26px;flex-basis:26px;padding:5px}
}
@media(max-width:1100px){
 body.m24-theme.m24-refined .main-nav.is-open{background:#0c2238;padding:10px;border-color:var(--menu-line)}
 body.m24-theme.m24-refined .main-nav.is-open>ul{display:flex;flex-direction:column;align-items:stretch;gap:4px}
 body.m24-theme.m24-refined .main-nav>ul>li{width:100%;position:relative}
 body.m24-theme.m24-refined .main-nav>ul>li.mega-menu{position:relative;display:block}
 body.m24-theme.m24-refined .main-nav>ul>li+li{border-top:1px solid #294359}
 body.m24-theme.m24-refined .main-nav>ul>li>a,body.m24-theme.m24-refined .main-nav>ul>li.mega-menu>a{padding:12px 10px;padding-inline-end:42px;white-space:normal;min-height:50px;font-size:13px}
 body.m24-theme.m24-refined .main-nav .submenu-toggle,body.m24-theme.m24-refined .main-nav>ul>li.mega-menu>.submenu-toggle{position:absolute;top:12px;left:6px;right:auto;transform:none;width:30px;height:30px;margin:0}
 body.m24-theme.m24-refined .main-nav .submenu,body.m24-theme.m24-refined .main-nav .submenu .submenu:not(.mega-submenu),body.m24-theme.m24-refined .main-nav .mega-menu>.mega-submenu{position:static!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;min-width:0!important;max-width:none;margin:4px 8px 8px 0!important;padding:6px!important;background:#142d45!important;border:1px solid var(--menu-line)!important;border-radius:12px!important;box-shadow:none!important;max-height:none;overflow:visible}
 body.m24-theme.m24-refined .main-nav.menu-enhanced .mega-menu.sub-open>.mega-submenu{display:flex!important;flex-direction:column!important}
 body.m24-theme.m24-refined .main-nav .mega-submenu>li{background:transparent;border:0!important;border-radius:0;padding:0}
 body.m24-theme.m24-refined .main-nav .mega-submenu>li>a{min-height:50px;padding-inline-end:42px!important}
 body.m24-theme.m24-refined .main-nav .submenu a{font-size:12px;min-height:45px}
}