/* Shared navigation, mobile drawer and lead form. */
.site-header,.site-header *,.site-drawer,.site-drawer *,#contact,#contact *{box-sizing:border-box}
.site-header{width:90%;max-width:1180px;height:80px;min-height:80px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:20;border:0;color:#090f20;font:500 16px/1.4 Manrope,system-ui,sans-serif}
.site-brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-size:24px;font-weight:800;letter-spacing:-1.3px;line-height:1;color:inherit;text-decoration:none}
.site-brand img{width:30px;height:30px;display:block}
.site-header .site-nav{display:flex;align-items:center;gap:30px;position:static;inset:auto;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:none;font-size:15px;color:#36425a}
.site-header a,.site-drawer a{color:inherit;text-decoration:none}
.site-header .site-nav>a{display:inline-flex;align-items:center;min-height:48px;white-space:nowrap}
.site-header a:hover,.site-drawer nav a:hover{color:#1555dd}
.site-head-actions{display:flex;align-items:center;gap:20px}
.site-header .site-cta,.site-drawer .site-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;width:auto;margin:0;padding:15px 24px;border:1px solid #1555dd;border-radius:13px;background:#1555dd;color:#fff;font:600 15px/1.2 Manrope,system-ui,sans-serif;text-decoration:none;white-space:nowrap;transition:background .2s}
.site-header .site-cta:hover,.site-drawer .site-cta:hover{background:#0c42b4;color:#fff}
.site-menu-toggle,.site-menu-close{display:none;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:9px;border:0;border-radius:10px;background:transparent;color:#16233c;cursor:pointer}
.site-menu-toggle svg,.site-menu-close svg{width:26px;height:26px;display:block}
.site-header a:focus-visible,.site-header summary:focus-visible,.site-header button:focus-visible,.site-drawer a:focus-visible,.site-drawer summary:focus-visible,.site-drawer button:focus-visible{outline:3px solid #78a7ff;outline-offset:3px}
.solutions-menu{position:relative;min-width:0}
.solutions-menu summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:48px;cursor:pointer;user-select:none}
.solutions-menu summary::-webkit-details-marker{display:none}
.solutions-menu summary svg{width:16px;height:16px;flex:none;transition:transform .2s}
.solutions-menu[open]>summary svg{transform:rotate(180deg)}
.solutions-submenu{display:flex;flex-direction:column;gap:2px}
.site-nav .solutions-submenu{position:absolute;top:calc(100% + 6px);left:-20px;width:310px;padding:10px;background:#fff;border:1px solid #e5ebf4;border-radius:16px;box-shadow:0 16px 48px #152c471a}
.solutions-submenu a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;min-height:46px;border-radius:9px;font-size:14px;line-height:1.5;font-weight:500;text-decoration:none}
.solutions-submenu a svg{width:18px;height:18px;flex:none;color:#8191ac}
.solutions-submenu a:hover,.solutions-submenu a[aria-current=page]{background:#f0f5ff;color:#1555dd}
.site-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(88vw,380px);max-width:380px;height:100dvh;max-height:100dvh;padding:24px 26px 28px;border:0;border-radius:24px 0 0 24px;background:#fff;color:#090f20;box-shadow:-16px 0 70px #08162f26;font:500 16px/1.5 Manrope,system-ui,sans-serif;overscroll-behavior:contain;overflow-y:auto}
.site-drawer[open]{display:flex;flex-direction:column;animation:site-drawer-in .3s cubic-bezier(.22,.8,.25,1) both}
.site-drawer[open].closing{animation:site-drawer-out .2s ease both}
.site-drawer::backdrop{background:#07152980;backdrop-filter:blur(5px)}
.site-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.site-drawer #menu-title{margin:0;padding:0;color:#090f20;font-size:24px;font-weight:650;line-height:1.4;max-width:none}
.site-drawer #menu-title:focus{outline:none}
.site-drawer .site-menu-close{display:flex}
.site-drawer nav{display:flex;position:static;flex-direction:column;gap:0;inset:auto;margin:0 0 28px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.site-drawer nav>a,.site-drawer summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:14px 0;border-bottom:1px solid #e9edf4;font-size:16px;font-weight:550;line-height:1.5;letter-spacing:0}
.site-drawer .solutions-submenu{padding:8px 0 12px;border-bottom:1px solid #e9edf4}
.site-drawer .solutions-submenu a{font-size:14px;padding:12px;min-height:48px;color:#49556b}
.site-drawer>.site-cta{margin-top:auto;width:100%;min-height:52px;flex-shrink:0}
.site-drawer>.site-cta svg{width:20px;height:20px}
body:has(.site-drawer[open]){overflow:hidden}
@keyframes site-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes site-drawer-out{from{transform:translateX(0)}to{transform:translateX(100%)}}
@media(max-width:1199px){.site-header{height:72px;min-height:72px}}
@media(max-width:1099px){.site-header .site-nav{display:none}.site-menu-toggle{display:flex}}
@media(max-width:760px){.site-header{width:calc(100% - 40px)}}
@media(max-width:650px){.site-header{height:76px;min-height:76px}.site-brand{font-size:24px}.site-header .site-cta{display:none}}
@media(max-width:359px){.site-header{width:calc(100% - 32px)}.site-drawer{padding-inline:20px}.site-brand{font-size:22px}}

/* The same form on the home page and on each service page. */
#contact.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:48px;padding:48px!important;margin:0 auto 64px;background:linear-gradient(115deg,#f8faff,#eef4fc);border-radius:24px;text-align:left;scroll-margin-top:24px;color:#090f20;line-height:1.6}
#contact .contact-intro,#contact .contact-form{min-width:0}
#contact h2{font-size:32px;font-weight:650;line-height:1.2;letter-spacing:-.8px;margin:0 0 16px;text-align:left}
#contact .contact-intro>p{font-size:16px;margin:0;max-width:420px;line-height:1.75;color:#49556b}
#contact .contact-form{display:flex;flex-direction:column;gap:18px;margin:0;text-align:left;font-size:16px}
#contact .field{display:flex;flex-direction:column;gap:8px}
#contact .field label{font-weight:550;font-size:14px;line-height:1.5}
#contact input,#contact textarea{width:100%;min-width:0;border:1px solid #cbd5e5;border-radius:12px;padding:14px 16px;font:400 16px/1.5 Manrope,system-ui,sans-serif;color:#090f20;background:#fff;transition:border-color .2s}
#contact textarea{min-height:140px;resize:vertical}
#contact input:focus,#contact textarea:focus{outline:3px solid #78a7ff;outline-offset:2px;border-color:#1555dd}
#contact [aria-invalid=true]{border-color:#d93a3a}
#contact .field-error{margin:0;color:#c62828;font-size:13px;line-height:1.5}
#contact .field-error:empty{display:none}
#contact .form-actions{display:flex;margin:4px 0 0}
#contact .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;min-height:52px;margin:0;padding:15px 22px;border:1px solid #1555dd;border-radius:12px;background:#1555dd;color:#fff;font:550 15px/1.3 Manrope,system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:background .2s}
#contact .btn:hover{background:#0c42b4}
#contact .btn:disabled{opacity:.7;cursor:progress;transform:none}
#contact .btn:focus-visible{outline:3px solid #78a7ff;outline-offset:3px}
#contact .btn-whatsapp{background:#15803d;border-color:#15803d}
#contact .btn-whatsapp:hover{background:#116a32}
#contact .btn.secondary{background:transparent;border-color:#cbd5e5;color:#172845}
#contact .btn.secondary:hover{background:#e8effb}
#contact .icon{width:20px!important;height:20px!important;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
#contact .icon-fill{fill:currentColor;stroke:none}
#contact .contact-direct{margin-top:28px;padding-top:24px;border-top:1px solid #d8e0ee}
#contact .contact-direct-title{margin:0 0 14px;font-size:14px;font-weight:550;color:#172845;line-height:1.6}
#contact .contact-direct-links{display:flex;flex-wrap:wrap;gap:12px}
#contact .form-consent{margin:0;max-width:none;font-size:12px;line-height:1.65;color:#5b6780}
#contact .form-consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}
#contact .hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
body:has(.hero-art) #contact{margin-top:var(--block-gap,80px);margin-bottom:0}
@media(max-width:1000px){#contact.contact{grid-template-columns:1fr;gap:28px;padding:36px!important}}
@media(max-width:650px){#contact.contact{padding:28px 20px!important;border-radius:20px;margin-bottom:48px}#contact h2{font-size:26px;letter-spacing:-.5px}#contact .contact-intro>p{font-size:15px}#contact .contact-direct-links{flex-direction:column}#contact .btn{width:100%}#contact .form-actions{display:block}#contact .contact-direct{margin-top:24px;padding-top:20px}}
.toasts{position:fixed;right:24px;top:24px;z-index:1000;display:flex;flex-direction:column;gap:12px;width:min(420px,calc(100vw - 32px));pointer-events:none}
.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:16px;background:#0e1d36;color:#fff;box-shadow:0 18px 40px #0a162d40;font:400 14px/1.5 Manrope,system-ui,sans-serif;animation:site-toast-in .25s ease both}
.toast p{margin:0;flex:1;padding-top:1px;color:#fff}
.toast-close{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer}
.toast-close svg{width:20px;height:20px}
.toast-out{opacity:0;transition:opacity .2s}
@keyframes site-toast-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@media(max-width:650px){.toasts{left:16px;right:16px;top:16px;width:auto}}
@media(prefers-reduced-motion:reduce){.site-drawer[open],.site-drawer[open].closing,.toast{animation:none!important}.site-header *,.site-drawer *,#contact *{transition:none!important}}


/* One footer for home, service, policy and error pages. */
.global-footer,.global-footer *{box-sizing:border-box}
.global-footer{flex-shrink:0;width:100%;margin-top:0;padding:0;border:0;background:radial-gradient(600px 350px at 0 0,#172f54,transparent 75%),#0c1a2f;color:#b6c3d7;font:400 14px/1.65 Manrope,system-ui,sans-serif;text-align:left}
.global-footer-inner{width:90%;max-width:1180px;margin:auto}
.global-footer-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.05fr) minmax(0,.85fr) minmax(0,1.15fr);gap:44px;padding:58px 0 46px}
.global-footer a{color:#c6d2e5;text-decoration:none;transition:color .2s,background .2s}
.global-footer a:hover{color:#fff}
.global-footer a:focus-visible{outline:3px solid #78a7ff;outline-offset:4px;border-radius:6px}
.global-footer .global-footer-logo{display:inline-flex;align-items:center;gap:10px;min-height:36px;font-size:25px;font-weight:750;line-height:1;letter-spacing:-1px;color:#fff}
.global-footer-logo img{width:32px;height:32px;display:block;flex:none}
.global-footer p{max-width:none;margin:0;padding:0;font:inherit;color:inherit}
.global-footer-brand>p{max-width:265px;margin-top:20px;font-size:15px;line-height:1.65;color:#e0e8f6}
.global-footer .global-footer-caption{margin-top:12px;font-size:13px;line-height:1.75;color:#91a3bd}
.global-footer .global-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:static;inset:auto;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;font:inherit;min-width:0}
.global-footer .global-footer-title{margin:0 0 10px;color:#fff;font-size:14px;font-weight:600;line-height:1.6;letter-spacing:0}
.global-footer-col>a{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:100%;min-height:30px;line-height:1.5;overflow-wrap:anywhere}
.global-footer-col>a svg{width:16px;height:16px;flex:none;color:#7e98bd}
.global-footer-col>a[aria-current=page]{color:#fff}
.global-footer-col>a[aria-current=page] svg{color:#76a4ff}
.global-footer-contact .global-footer-caption{margin:0 0 6px}
.global-footer .global-footer-direct{justify-content:flex-start;gap:10px;font-size:14px}
.global-footer .global-footer-direct svg{width:18px;height:18px;color:#91a9cd}
.global-footer .global-footer-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;margin-top:10px;padding:13px 18px;border:1px solid #385985;border-radius:12px;background:#173259;color:#fff;font-size:14px;font-weight:550;line-height:1.4}
.global-footer .global-footer-cta:hover{background:#204373}
.global-footer .global-footer-cta svg{width:18px;height:18px;color:#a6c6ff}
.global-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 0 26px;border-top:1px solid #263a57;font-size:12px;color:#8195b1}
.global-footer-bottom a{color:#9cadc5}
.global-footer-top{display:inline-flex;align-items:center;gap:8px}
.global-footer-top svg{width:16px;height:16px}
body:has(.hero-art) .global-footer{margin-top:var(--block-gap,80px)}
@media(max-width:1099px){.global-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px}.global-footer-brand{grid-column:1}.global-footer-grid>.global-footer-col:nth-child(2){grid-column:1;grid-row:2}.global-footer-grid>.global-footer-col:nth-child(3){grid-column:2;grid-row:2}.global-footer-contact{grid-column:2;grid-row:1}}
@media(max-width:760px){.global-footer-inner{width:calc(100% - 40px)}.global-footer-grid{gap:28px 24px;padding:40px 0 28px}.global-footer-brand{grid-column:1/-1}.global-footer-brand>p{max-width:360px;margin-top:16px}.global-footer .global-footer-caption{max-width:360px}.global-footer .global-footer-contact{grid-column:1/-1;grid-row:3;padding-top:24px;border-top:1px solid #263a57}.global-footer .global-footer-title{margin-bottom:4px}.global-footer-col>a{min-height:44px;width:100%;font-size:13px}.global-footer-col>a svg{width:14px;height:14px}.global-footer .global-footer-direct{width:auto;min-height:44px}.global-footer .global-footer-cta{width:100%;margin-top:8px;min-height:50px;font-size:14px}.global-footer-bottom{gap:6px 20px;padding:20px 0}.global-footer-bottom>span{width:100%}.global-footer-bottom>a{min-height:44px;display:inline-flex;align-items:center}.global-footer-bottom .global-footer-top{margin-left:auto}}
@media(max-width:359px){.global-footer-inner{width:calc(100% - 32px)}.global-footer-grid{column-gap:20px}.global-footer-bottom{column-gap:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.global-footer a{transition:none}}