/* Final Node4VM fixes */
.site-header{position:sticky!important;top:0!important;z-index:999!important}.head{gap:18px!important}.brand{width:205px!important;flex:0 0 205px!important;overflow:hidden!important}.brand img{width:100%!important;max-width:205px!important;height:56px!important;object-fit:contain!important}.desktop-nav{gap:22px!important}.desktop-nav>a,.nav-drop>button{white-space:nowrap!important}
.n4-footer-logo,.n4-bottom-logo{display:none!important}.n4-html-logo{display:flex;align-items:center;gap:6px;max-width:370px}.n4-logo-icon{width:112px;height:112px;overflow:hidden;flex:none}.n4-logo-icon img{height:112px!important;width:320px!important;max-width:none!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 0 7px rgba(255,120,0,.32))!important}.n4-logo-copy{display:flex;flex-direction:column}.n4-logo-name{display:flex;font:800 44px/1 Rajdhani,Manrope,sans-serif;letter-spacing:-2px;white-space:nowrap}.n4-logo-name span{color:#fff!important}.n4-logo-name strong{color:#ff7800!important}.n4-logo-tag{display:flex;align-items:center;gap:5px;color:#fff!important;font:800 5.7px Manrope,sans-serif;letter-spacing:1.4px;margin-top:7px;white-space:nowrap}.n4-logo-tag i{width:20px;height:1px;background:#ff7800}.n4-bottom-html-logo{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;color:#fff}.n4-bottom-html-logo div{font:800 38px/1 Rajdhani,Manrope,sans-serif}.n4-bottom-html-logo strong{color:#ff7800}.n4-bottom-html-logo small{font:800 5px Manrope;letter-spacing:1.4px;margin-top:5px}
@media(max-width:980px){.head{height:70px!important}.brand{width:165px!important;flex-basis:165px!important}.brand img{max-width:165px!important;height:48px!important}.mobile-drawer{z-index:1001!important;top:70px!important}.drawer-overlay{z-index:1000!important;top:70px!important}.menu-btn{z-index:1002!important}}
@media(max-width:720px){.n4-html-logo{max-width:310px}.n4-logo-icon{width:88px;height:88px}.n4-logo-icon img{height:88px!important;width:260px!important}.n4-logo-name{font-size:36px}.n4-bottom-html-logo{justify-self:start;align-items:flex-start}}
@media(max-width:420px){.brand{width:140px!important;flex-basis:140px!important}.brand img{max-width:140px!important}.n4-logo-icon{width:78px;height:78px}.n4-logo-icon img{height:78px!important;width:235px!important}.n4-logo-name{font-size:32px}.n4-logo-tag{font-size:4.7px}}


/* 2026 UX, mobile navigation and conversion improvements */
.desktop-nav a.active,.desktop-nav a[aria-current="page"]{color:var(--o,#ff7d00)}
.drawer-overlay[hidden]{display:none!important}.mobile-drawer{overscroll-behavior:contain}.mobile-drawer a[aria-current="page"]{color:#ff7d00}
.mobile-actions{display:grid;gap:10px;padding-top:14px;margin-top:8px;border-top:1px solid var(--line)}.mobile-actions a{text-align:center;border:1px solid var(--line);border-radius:10px}.mobile-actions .mobile-deploy{background:#ff7d00;color:#111;border-color:#ff7d00}
.currency-switch{display:flex!important;width:max-content;max-width:100%;margin:0 auto 28px!important;justify-content:center;align-items:center}.billing-switch,.billing-toggle{margin-left:auto!important;margin-right:auto!important;justify-content:center!important}
.n4-contact a{color:inherit;text-decoration:none}.n4-contact a:hover{color:#ff7d00}.n4-contact p:has(b:empty){display:none}
:focus-visible{outline:3px solid rgba(255,125,0,.55);outline-offset:3px}.btn,.currency-btn,.menu-btn,.theme-btn{touch-action:manipulation}
.geo-answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.geo-answer-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 16px 45px rgba(0,0,0,.08)}.geo-answer-card h3{margin:0 0 10px}.geo-answer-card p{margin:0;color:var(--muted);line-height:1.7}.geo-answer-card strong{color:#ff7d00}
@media(max-width:980px){.geo-answer-grid{grid-template-columns:1fr}.site-header{position:sticky;top:0;z-index:1000}.menu-btn{display:flex!important}.head-actions,.desktop-nav{display:none!important}.mobile-drawer{z-index:1002}.drawer-overlay{z-index:1001}}
@media(max-width:560px){.currency-switch{width:min(100%,320px)!important}.sticky-cta{padding-bottom:max(10px,env(safe-area-inset-bottom))}.hero h1{font-size:clamp(38px,12vw,58px)}}