/* English copy uses the approved hierarchy with room for naturally longer headings. */
html[lang=en] .sp-hero h1{font-size:clamp(42px,5vw,76px);line-height:1.03}html[lang=en] .sp-hero .sp-title-first{font-size:inherit}html[lang=en] .df-contact h2{font-size:clamp(20px,2vw,28px)}html[lang=en] .dragon-domain-search h2{line-height:1.08}html[lang=en] .df-group a{line-height:1.5}html[lang=en] .sp-plan h3{overflow-wrap:anywhere}@media(max-width:760px){html[lang=en] .sp-hero h1{font-size:clamp(30px,8vw,44px)}html[lang=en] .dragon-hero h1{font-size:clamp(30px,8vw,46px)}html[lang=en] .dragon-hero-accent{font-size:clamp(24px,6vw,34px)}html[lang=en] .df-contact h2{font-size:24px}}@media(prefers-reduced-motion:reduce){header.site .dragon-menu-toggle span{transition:none}}
header.site #navlinks .menu-branch>a[aria-current=page]{color:#ed142c}
@media(min-width:761px){html[lang=en] .sp-page .sp-hero-graphic h1{font-size:clamp(30px,4.1vw,74px);line-height:1.04;width:34vw;max-width:34vw;white-space:normal}html[lang=en] .sp-page .sp-hero-graphic h1>span{display:block;white-space:normal;position:static;top:auto;font-size:.8em;padding:0;margin:0}html[lang=en] .sp-page .sp-hero-graphic h1>.sp-title-first{font-size:1em;top:auto}html[lang=en] .sp-page .sp-hero-graphic h1>br{display:none}}
@media(min-width:761px){html[lang=en] .sp-domain .sp-hero-graphic h1{font-size:clamp(30px,3.6vw,66px)}html[lang=en] .sp-vps .sp-hero-graphic h1{font-size:clamp(30px,3.7vw,68px)}html[lang=en] .sp-email .sp-hero-graphic h1{font-size:clamp(30px,3.8vw,70px)}}
@media(min-width:761px){html[lang=en] .sp-hero-graphic .sp-button{font-size:clamp(13px,1.12vw,20px);padding-inline:12px}}

/* Modern shared navigation: compact controls, clear active state, restrained motion. */
header.site{position:fixed!important;inset:0 0 auto;z-index:100;background:#fff!important;border-bottom:1px solid #eceef2;box-shadow:0 4px 24px #171b2406}
header.site .dragon-header{width:min(1440px,calc(100% - 64px));min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:14px;box-sizing:border-box}
header.site #company-name{white-space:nowrap;letter-spacing:-1.1px;font-size:30px;line-height:1.2;flex-shrink:0;text-decoration:none;transition:opacity .2s}
header.site #company-name:hover{opacity:.78}
header.site #navlinks{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;overflow:visible;font-size:15px;margin:0}
header.site #navlinks .menu-branch>a{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:10px 12px;border-radius:12px;white-space:nowrap;text-decoration:none;color:#272830;font-weight:600;transition:background .22s,color .22s,transform .22s}
header.site #navlinks .menu-branch:not(.dragon-client)>a:after{content:"";position:absolute;bottom:5px;left:50%;width:16px;height:2px;border-radius:2px;background:#f20c32;transform:translateX(-50%) scaleX(0);transition:transform .22s}
header.site #navlinks .menu-branch>a[aria-current=page]{background:#fff0f3;color:#e4092d}
header.site #navlinks .menu-branch>a[aria-current=page]:after{transform:translateX(-50%) scaleX(1)}
header.site #navlinks .dragon-client>a{margin-left:16px;padding-inline:21px;background:#15171c;color:white;border:1px solid #15171c;border-radius:40px;box-shadow:0 4px 10px #171b2410}
header.site .dragon-language{display:flex;align-items:center;border-left:1px solid #e6e7eb;padding-left:12px;margin-left:8px;flex:none}
header.site .dragon-language a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #e5e7eb;border-radius:50%;font:700 12px/1 Arial,sans-serif;color:#292c34;text-decoration:none;transition:background .22s,color .22s,border-color .22s,transform .22s}
header.site :is(a,button):focus-visible{outline:3px solid #ed1437;outline-offset:4px}
@media(hover:hover){header.site #navlinks .menu-branch:not(.dragon-client)>a:hover{color:#e4092d;background:#fff0f3;transform:translateY(-1px)}header.site #navlinks .menu-branch>a:hover:after{transform:translateX(-50%) scaleX(1)}header.site #navlinks .dragon-client>a:hover{background:#ec1034;border-color:#ec1034;color:white;transform:translateY(-2px);box-shadow:0 7px 18px #ec103433}header.site .dragon-language a:hover{background:#15171c;border-color:#15171c;color:white;transform:rotate(-8deg)}}
@media(min-width:1101px) and (max-width:1300px){header.site .dragon-header{width:calc(100% - 40px);gap:16px}header.site #company-name{font-size:26px}header.site #navlinks{font-size:14px;gap:1px}header.site #navlinks .menu-branch>a{padding-inline:9px}header.site #navlinks .dragon-client>a{margin-left:8px;padding-inline:14px}}
@media(min-width:1101px){header.site .dragon-menu-toggle{display:none!important}}
@media(max-width:1100px){header.site .dragon-header{width:calc(100% - 40px);min-height:74px;padding-block:14px}header.site #company-name{font-size:27px}header.site .dragon-menu-toggle:not([hidden]){display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;flex:none;border:1px solid #e5e7eb;border-radius:14px;background:#fafafa;color:#15171c;padding:10px;cursor:pointer}header.site .dragon-menu-toggle span{display:block;width:21px;height:2px;background:currentColor;border-radius:2px;transition:transform .22s,opacity .22s}header.site .dragon-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}header.site .dragon-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}header.site .dragon-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}header.site.dragon-navigation-ready #navlinks{position:absolute;left:0;right:0;top:100%;width:100%;margin:0;display:none;flex-direction:column;align-items:stretch;gap:4px;max-height:calc(100dvh - 74px);box-sizing:border-box;overflow-y:auto;padding:12px 20px 22px;background:white;border-top:1px solid #eef0f4;box-shadow:0 16px 28px #18203512}header.site.dragon-navigation-ready[data-menu-open=true] #navlinks{display:flex;animation:dragon-menu-enter .2s ease-out}header.site #navlinks .menu-branch>a{justify-content:flex-start;min-height:48px;padding:12px 16px}header.site #navlinks .menu-branch:not(.dragon-client)>a:after{display:none}header.site #navlinks .dragon-client>a{margin:8px 0 0;justify-content:center}header.site .dragon-language{align-self:center;border:0;padding:0;margin:12px 0 0}header.site .dragon-language a{min-width:48px;min-height:44px;border-radius:14px}}
@media(max-width:360px){header.site #company-name{font-size:24px}header.site .dragon-header{width:calc(100% - 28px)}}
@keyframes dragon-menu-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){header.site a,header.site a:after,header.site .dragon-menu-toggle span{transition:none!important}header.site #navlinks{animation:none!important}}
header.site{padding:0!important}header.site #navlinks .menu-branch>a{border-radius:12px}header.site #navlinks .dragon-client>a{border-radius:40px}
/* Contact disclosure keeps the parent link usable and all four local destinations visible. */
header.site #navlinks .menu-branch:has(.dragon-submenu-toggle){position:relative;display:flex;align-items:center;gap:0}
header.site .dragon-submenu-toggle{font:inherit;display:grid;place-items:center;width:25px;height:35px;padding:0;margin-left:-5px;border:0;border-radius:8px;background:transparent;color:#5f6977;cursor:pointer;flex:none}
header.site .dragon-submenu-toggle:focus-visible{outline:2px solid #ed142c;outline-offset:2px}
header.site .dragon-contact-submenu{position:absolute;right:0;top:100%;display:none;width:245px;padding:9px;border:1px solid #e7ebf1;border-radius:16px;background:white;box-shadow:0 15px 40px #15233420;z-index:30}
header.site #navlinks .dragon-contact-submenu a{display:flex;align-items:center;min-height:45px;padding:11px 14px;border-radius:10px;font-size:.9375rem;font-weight:600;color:#263244;white-space:normal;line-height:1.4;transition:background .2s,color .2s}
header.site #navlinks .dragon-contact-submenu a:hover,header.site #navlinks .dragon-contact-submenu a[aria-current]{background:#fff0f3;color:#ec0a2d}
header.site #navlinks .menu-branch[data-submenu-open=true]>.dragon-contact-submenu{display:block}
@media(min-width:1101px) and (hover:hover){header.site #navlinks .menu-branch:has(.dragon-submenu-toggle):hover>.dragon-contact-submenu{display:block}}
@media(max-width:1100px){header.site #navlinks .menu-branch:has(.dragon-submenu-toggle){display:grid;grid-template-columns:1fr 44px;gap:0}header.site .dragon-submenu-toggle{width:40px;height:44px;margin:0;border:1px solid #edf0f5}header.site .dragon-contact-submenu{position:static;grid-column:1/-1;width:100%;border:0;border-left:2px solid #f0d7df;border-radius:0;background:#fafbfc;box-shadow:none;margin:3px 0 6px;padding:5px 8px}header.site #navlinks .dragon-contact-submenu a{font-size:.875rem;min-height:44px}}
/* Compact shared header: retain comfortable controls while reducing vertical space. */
header.site .dragon-header,header.site.dragon-navigation-ready .dragon-header{min-height:72px!important;padding-block:8px}header.site #company-name{font-size:28px}
@media(max-width:1100px){header.site .dragon-header,header.site.dragon-navigation-ready .dragon-header{min-height:64px!important;padding-block:8px}header.site #company-name{font-size:26px}header.site.dragon-navigation-ready #navlinks{max-height:calc(100dvh - var(--dragon-header-height,64px))}}
@media(max-width:760px){header.site .dragon-header,header.site.dragon-navigation-ready .dragon-header{min-height:60px!important;padding-block:8px}header.site #company-name{font-size:25px}}
@media(max-width:360px){header.site #company-name{font-size:23px}}