/* Shared, compact header inspired by the supplied business navigation reference. */
.topbar{background:#172133;border-top:2px solid #303b4e;color:#c5cedb;font-size:.78rem}
.topbar>.container{width:min(var(--container,1240px),100% - 40px);min-height:44px;gap:24px}
.topbar .topbar-left{gap:19px}
.topbar .topbar-left>a{color:#b9c6d7;gap:7px}
.topbar .topbar-left>a:hover{color:#fff}
.topbar .topbar-right{gap:8px;flex-wrap:nowrap}
.topbar .topbar-right>span{margin-right:12px;color:#b9c6d7;font-size:.76rem}
.topbar .topbar-right>a{gap:7px;padding:7px 11px;border:1px solid #ffffff24;border-radius:7px;background:#ffffff08;color:#eef2f8;font-size:.76rem;line-height:1.3;font-weight:600;transition:background .15s,border-color .15s}
.topbar .topbar-right>a:hover{background:#ffffff15;border-color:#ffffff45}
.topbar .ok{color:#2dd4a0}
.topbar .header-utility-icon{display:inline-flex;flex:none;color:#b8c7dc}
.topbar .header-utility-icon svg{width:14px;height:14px}
.site-head{background:#fff;border-bottom:1px solid #e5eaf1;box-shadow:0 3px 12px #13243d06}
.site-head .container.nav-wrap{width:min(var(--container,1240px),100% - 40px);height:76px;gap:24px}
body.blog-page .topbar>.container,body.blog-page .site-head .container.nav-wrap{width:min(1200px,100% - 48px)}
.site-head .brand{font-size:1.25rem;gap:11px;letter-spacing:-.035em}
.site-head .brand-mark{width:42px;height:42px;filter:drop-shadow(0 4px 7px #2563eb24)}
.site-head .brand small{font-size:.65rem;letter-spacing:.08em;font-weight:600;color:#526177;margin-top:5px;line-height:1.3}
/* Keep the footer's shared light sweep, with dark gradients for the white header. */
.site-head .brand .brand-online{color:#205ed8;text-shadow:0 2px 12px #317fe02b}
.site-head .brand .brand-hosting{color:#17334f;text-shadow:0 2px 10px #38658b16}
@supports (background-clip:text) or (-webkit-background-clip:text){
 .site-head .brand .brand-online{background:linear-gradient(120deg,#1d4fd1 12%,#2874dc 58%,#087eaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
 .site-head .brand .brand-hosting{background:linear-gradient(120deg,#12273f 20%,#345877 65%,#152e49);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
}
@media(forced-colors:active){.site-head .brand .brand-online,.site-head .brand .brand-hosting{background:none;color:LinkText;-webkit-text-fill-color:currentColor;text-shadow:none}}
.site-head .header-menu-label{display:inline-flex;align-items:center;gap:7px}
.site-head .header-menu-icon{display:inline-flex;flex:none;color:#7c8a9e}
.site-head .header-menu-icon svg{width:17px;height:17px}
.site-head .nav-direct:hover .header-menu-icon,.site-head .nav-direct[aria-current="page"] .header-menu-icon,.site-head .nav-disclosure[open]>summary .header-menu-icon,.site-head .nav-disclosure.is-current>summary .header-menu-icon{color:#316be0}
.site-head .nav-cta{gap:8px;border-radius:9px;background:linear-gradient(110deg,#08894e,#087d4b);box-shadow:0 4px 12px #087f421c;font-size:.9rem;padding:12px 18px}
.site-head .nav-cta:hover{background:#076f43;box-shadow:0 5px 15px #087f4229}
.site-head .nav-cta svg{width:19px;height:19px}
@media(min-width:1101px){
 .site-head .site-nav{gap:21px}
 .site-head .site-nav>.nav-direct,.site-head .nav-disclosure>summary{display:inline-flex;align-items:center;gap:7px;min-height:76px;padding:0;line-height:1.3;font-size:.9rem;font-weight:600;color:#526177}
 .site-head .site-nav>.nav-direct:hover,.site-head .site-nav>.nav-direct[aria-current="page"],.site-head .nav-disclosure[open]>summary,.site-head .nav-disclosure.is-current>summary{color:#2563eb}
 .site-head .site-nav>.nav-direct[aria-current="page"]::after,.site-head .nav-disclosure.is-current>summary::after{bottom:13px;height:2px}
 .site-head .nav-disclosure>summary>svg{width:12px;height:12px}
}
@media(min-width:1101px) and (max-width:1300px){
 .site-head .container.nav-wrap{gap:16px}
 .site-head .site-nav{gap:12px}
 .site-head .site-nav>.nav-direct,.site-head .nav-disclosure>summary{font-size:.82rem}
 .site-head .header-menu-label{gap:6px}
 .site-head .header-menu-icon svg{width:15px;height:15px}
 .site-head .brand{font-size:1.18rem;gap:9px}
 .site-head .brand-mark{width:39px;height:39px}
 .site-head .nav-cta{font-size:.84rem;padding:11px 13px}
 .topbar .topbar-right>span{font-size:.72rem;margin-right:7px}
}
@media(max-width:1100px){
 .site-head .container.nav-wrap{height:74px;gap:16px}
 .site-head .site-nav>.nav-direct,.site-head .nav-disclosure>summary{align-items:center}
 .site-head .header-menu-label{gap:11px}
 .site-head .header-menu-icon svg{width:18px;height:18px}
 .site-head .nav-toggle{border-radius:10px;border-color:#e0e6ef;background:#f6f8fc}
 .topbar .topbar-right>span{display:none}
}
@media(max-width:720px){
 .site-head .container.nav-wrap{width:calc(100% - 36px);height:72px}
 body.blog-page .site-head .container.nav-wrap{width:calc(100% - 32px)}
 .site-head .brand{flex:1;min-width:0;font-size:clamp(1.4rem,6vw,1.72rem);gap:12px;letter-spacing:-.035em;line-height:1.08}
 .site-head .brand-mark{width:50px;height:50px}
 .site-head .brand .brand-wordmark{display:inline-flex;align-items:baseline;gap:.04em;white-space:nowrap}
 .site-head .brand .brand-hosting{margin-left:.035em}
 .site-head .brand small{display:block;font-size:clamp(.7rem,2.7vw,.78rem);letter-spacing:.09em;margin-top:6px;line-height:1.3;color:#526177}
}
@media(max-width:360px){
 .site-head .brand{font-size:1.24rem;gap:8px}
 .site-head .brand-mark{width:42px;height:42px}
 .site-head .container.nav-wrap{gap:9px}
 .site-head .brand small{font-size:.66rem;letter-spacing:.07em;margin-top:5px}
}
/* Mobile footer: compact, clearly separated navigation without extra scripts. */
@media(max-width:720px){
 .site-foot{padding:36px 0 24px}.site-foot>.container{width:calc(100% - 40px)}
 .site-foot .foot-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .site-foot .foot-grid>div{grid-column:auto;min-width:0}
 .site-foot .foot-grid>div:first-child{padding:0 0 22px;margin-bottom:4px;border-bottom:1px solid #abc7ec24}
 .site-foot .brand{font-size:clamp(1.3rem,5.3vw,1.6rem);gap:12px;letter-spacing:-.025em}
 .site-foot .brand-mark{width:44px;height:44px}
 .site-foot .brand small{display:block;font-size:.65rem;letter-spacing:.09em;line-height:1.3;margin-top:6px;color:#9eb8d5}
 .site-foot .foot-desc{max-width:42ch;margin:17px 0 0;font-size:.95rem;line-height:1.7;color:#b6c8dd}
 .site-foot .foot-grid>div:not(:first-child){padding:18px;border:1px solid #abc7ec24;border-radius:14px;background:#ffffff03}
 .site-foot .foot-grid h4{margin:0 0 12px;font-size:.74rem;line-height:1.5;letter-spacing:.08em;color:#edf4ff}
 .site-foot .foot-grid ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin:0;padding:0;list-style:none}
 .site-foot .foot-grid li{margin:0;min-width:0}
 .site-foot .foot-grid li a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:6px 0;font-size:.88rem;line-height:1.45;color:#c7d8ed}
 .site-foot .foot-grid li a::after{content:"›";flex:none;color:#7fa4d3;font-size:1.15rem;line-height:1}
 .site-foot .foot-grid li a:focus-visible{outline:2px solid #8fb8ff;outline-offset:3px;border-radius:4px}
 .site-foot .foot-grid>div:last-child ul{grid-template-columns:minmax(0,1fr);gap:10px}
 .site-foot .foot-grid>div:last-child li a{padding:10px 12px;background:#80b7ff0a;border:1px solid #abc7ec30;border-radius:8px;color:#dce9fa}
 .site-foot .foot-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:22px 0 38px}
 .site-foot .foot-bottom>span{max-width:100%}
}
/* Shared WhatsApp contact: icon only and a composited, gentle pulse. */
.wa-float{width:56px;height:56px;right:22px;bottom:22px;border:1px solid #ffffff70;border-radius:50%;background:linear-gradient(135deg,#287bff,#1554cb);color:#fff;box-shadow:0 6px 20px #1554cb35;animation:none;isolation:isolate}
.wa-float:hover{background:linear-gradient(135deg,#216bea,#1246ae);color:#fff}.wa-float:focus-visible{outline:3px solid #82b2ff;outline-offset:5px}
.wa-float>svg{width:27px;height:27px;flex:none}
.wa-float::before{content:"";position:absolute;inset:-6px;border:1px solid #287bff70;border-radius:50%;z-index:-1;pointer-events:none;animation:contact-pulse 3s ease-out infinite}
@keyframes contact-pulse{0%{transform:scale(.95);opacity:.65}75%,100%{transform:scale(1.3);opacity:0}}
@media(max-width:720px){.wa-float{width:52px;height:52px;right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.topbar .topbar-right>a{transition:none}.wa-float::before{animation:none;opacity:.35;transform:none}}