:root{--h01-nav-h:clamp(72px,4.5vw,86px)}
body.site-shell{margin:0;overflow-x:hidden;font-family:"Poppins",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.site-shell-page{padding-top:0}
body.h01-menu-open{overflow:hidden}
.site-nav-solid{padding-top:var(--h01-nav-h)!important}
.site-nav-solid .h01-nav::before{border-bottom-color:rgba(73,174,218,.26);background:rgba(2,17,34,.94);box-shadow:0 10px 35px rgba(0,8,20,.2);-webkit-backdrop-filter:blur(16px) saturate(1.18);backdrop-filter:blur(16px) saturate(1.18)}
.swd-skip-link{position:fixed;z-index:10000;top:8px;left:8px;padding:10px 14px;border-radius:6px;background:#ffd64f;color:#07172c;font:700 .8rem/1.2 "Poppins",Arial,sans-serif;text-decoration:none;transform:translateY(-160%)}
.swd-skip-link:focus{transform:translateY(0)}

/* Dedicated navigation shell for the index-01 homepage. */
.h01-nav{position:fixed;z-index:100;top:0;right:0;left:0;color:#fff;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}
.h01-nav::before{position:absolute;z-index:-1;inset:0;border-bottom:1px solid transparent;background:rgba(2,17,34,0);content:"";transition:background-color .25s ease,border-color .25s ease,backdrop-filter .25s ease;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}
.h01-nav.is-scrolled::before,.h01-nav:focus-within::before,.h01-nav:has(.h01-nav__item.is-open)::before{border-bottom-color:rgba(73,174,218,.22);background:rgba(2,17,34,.76);box-shadow:0 10px 35px rgba(0,8,20,.18);-webkit-backdrop-filter:blur(16px) saturate(1.18);backdrop-filter:blur(16px) saturate(1.18)}
.h01-nav__inner{display:grid;width:var(--h01-wide,min(85vw,1620px));height:var(--h01-nav-h);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(22px,2vw,38px);margin-inline:auto}
.h01-nav__brand{position:relative;display:block;isolation:isolate;width:clamp(176px,10.2vw,194px);line-height:0}
.h01-nav__brand::before{position:absolute;z-index:-1;top:16%;left:-2%;width:58%;height:54%;border:2px solid #d8ad3f;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;content:"";transform:rotate(-12deg)}
.h01-nav__brand img{position:relative;width:100%;height:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.42))}
.h01-nav__links{display:flex;height:100%;min-width:0;align-items:center;justify-content:center;gap:clamp(12px,1.05vw,20px);white-space:nowrap}
.h01-nav__links a{position:relative;color:#fff;font-size:clamp(.82rem,.76vw,.9rem);font-weight:600;text-decoration:none;text-shadow:0 2px 8px rgba(0,0,0,.58)}
.h01-nav .h01-nav__links>a:hover,.h01-nav .h01-nav__links>a:focus-visible,.h01-nav .h01-nav__links>a.is-active,.h01-nav .h01-nav__item>a:hover,.h01-nav .h01-nav__item>a:focus-visible,.h01-nav .h01-nav__item>a.is-active{color:#fff}
.h01-nav__links a span{display:inline-block;margin-left:2px;color:#8fdfff;font-size:.82em;transform:translateY(-1px)}
.h01-nav__links a.is-active::after{position:absolute;right:0;bottom:-8px;left:0;height:2px;background:#ffd64f;content:""}
.h01-nav__actions{display:flex;align-items:center;gap:11px;white-space:nowrap}
.h01-nav__phone,.h01-nav__quote{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border-radius:999px;font-size:clamp(.78rem,.72vw,.86rem);font-weight:700;text-decoration:none}
.h01-nav__phone{gap:9px;border:1px solid rgba(255,214,79,.82);padding:10px 21px;color:#ffd64f;background:rgba(2,18,37,.3)}
.h01-nav__phone svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.h01-nav__quote{gap:11px;padding:10px 24px;background:#ffd64f;color:#07172c;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.h01-nav__quote span{font-size:1rem;line-height:1}
.h01-nav__menu{display:none;width:42px;height:42px;align-content:center;justify-items:center;gap:5px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(2,18,37,.28)}
.h01-nav__menu i{display:block;width:18px;height:2px;border-radius:2px;background:#fff;transition:opacity .18s ease,transform .18s ease}
.h01-nav__item{position:relative;display:flex;height:100%;align-items:center}
.h01-nav__item>a{display:flex;height:auto;align-items:center}
.h01-nav__item::after{position:absolute;top:100%;right:-14px;left:-14px;height:8px;content:""}

/* Full-width desktop mega menus. */
.h01-nav__dropdown{position:fixed;z-index:80;top:var(--h01-nav-h);right:0;left:0;visibility:hidden;width:100vw;border-top:1px solid rgba(74,194,235,.25);border-bottom:1px solid rgba(74,194,235,.32);background:linear-gradient(135deg,rgba(2,18,35,.97),rgba(3,31,55,.96));box-shadow:0 26px 55px rgba(0,7,18,.42);opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15)}
.h01-nav__item.is-open>.h01-nav__dropdown,.h01-nav__item:focus-within>.h01-nav__dropdown{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.h01-nav__mega-inner{width:var(--h01-wide,min(85vw,1620px));margin-inline:auto;padding:24px 0 28px}
.h01-nav__services-layout{display:grid;grid-template-columns:minmax(235px,.65fr) minmax(0,2fr);gap:clamp(28px,3vw,58px);align-items:stretch}
.h01-nav__mega-intro{align-self:center;padding-right:clamp(12px,2vw,30px)}
.h01-nav__mega-intro>p,.h01-nav__dropdown-heading p{margin:0 0 9px;color:#20daf7;font-size:.69rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.h01-nav .h01-nav__mega-intro h2,.h01-nav .h01-nav__dropdown-heading h2{max-width:100%;margin:0;color:#fff;font-size:clamp(1.15rem,1.4vw,1.55rem);font-weight:700;letter-spacing:-.025em;line-height:1.2;white-space:normal;text-wrap:balance}
.h01-nav__mega-intro>span{display:block;margin-top:10px;color:#a9c0d2;font-size:.78rem;line-height:1.55;white-space:normal}
.h01-nav__links .h01-nav__mega-intro>a{display:inline-flex;height:auto;align-items:center;gap:8px;margin-top:15px;color:#ffd64f;font-size:.76rem;text-shadow:none}
.h01-nav__mega-intro>a b,.h01-nav__service-grid>a b{font-size:.95rem;font-weight:500;transition:transform .18s ease}
.h01-nav__mega-intro>a:hover b,.h01-nav__service-grid>a:hover b{transform:translateX(4px)}
.h01-nav__service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.h01-nav__links .h01-nav__service-grid>a{position:relative;isolation:isolate;display:flex;min-height:118px;align-items:flex-start;justify-content:flex-end;flex-direction:column;overflow:hidden;border:1px solid rgba(92,159,205,.32);border-radius:10px;padding:38px 42px 14px 16px;background-color:#0c324f;background-position:center;background-size:cover;color:#edf8ff;line-height:1.35;text-shadow:none;transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.h01-nav__service-grid>a:nth-child(1){background-image:url("/images/services-menu/service-menu-web-design-v2.webp")}.h01-nav__service-grid>a:nth-child(2){background-image:url("/images/services-menu/service-menu-ai-search-v2.webp")}.h01-nav__service-grid>a:nth-child(3){background-image:url("/images/services-menu/service-menu-seo-v2.webp")}.h01-nav__service-grid>a:nth-child(4){background-image:url("/images/services-menu/service-menu-product-configurator-v2.webp")}.h01-nav__service-grid>a:nth-child(5){background-image:url("/images/services-menu/service-menu-autonomous-systems-v2.webp")}.h01-nav__service-grid>a:nth-child(6){background-image:url("/images/services-menu/service-menu-edi-automation-v2.webp")}
.h01-nav__service-grid>a::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(2,17,33,.22) 0%,rgba(3,23,43,.62) 45%,rgba(2,18,35,.97) 100%);content:"";transition:background .18s ease}
.h01-nav__service-grid strong,.h01-nav__service-grid small,.h01-nav__service-grid>a b{position:relative;z-index:1}.h01-nav__service-grid strong{font-size:clamp(.8rem,.72vw,.88rem);text-shadow:0 2px 8px rgba(0,0,0,.72)}.h01-nav__service-grid small{display:block;margin-top:5px;color:#d1e0eb;font-size:clamp(.67rem,.62vw,.74rem);font-weight:500;line-height:1.45;white-space:normal;text-shadow:0 2px 6px rgba(0,0,0,.8)}.h01-nav__service-grid>a b{position:absolute;right:16px;bottom:17px;color:#ffd64f}
.h01-nav__links .h01-nav__service-grid>a:hover,.h01-nav__links .h01-nav__service-grid>a:focus-visible{border-color:rgba(255,214,79,.82);box-shadow:0 12px 26px rgba(0,5,15,.34);color:#fff;outline:0;transform:translateY(-3px)}
.h01-nav__links .h01-nav__service-grid>a:hover::before,.h01-nav__links .h01-nav__service-grid>a:focus-visible::before{background:linear-gradient(180deg,rgba(2,17,33,.1) 0%,rgba(3,23,43,.48) 43%,rgba(2,18,35,.94) 100%)}
.h01-nav__dropdown-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:16px}
.h01-nav__dropdown-heading p{margin-bottom:6px}
.h01-nav__links .h01-nav__dropdown-heading>a{height:auto;flex:0 0 auto;color:#ffd64f;font-size:.76rem;text-shadow:none}
.h01-nav__links .h01-nav__dropdown-heading>a span{color:inherit;font-size:1em}
.h01-nav__project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.h01-nav__links .h01-nav__project-grid>a{display:grid;min-width:0;overflow:hidden;border:1px solid rgba(92,159,205,.24);border-radius:10px;background:#082846;color:#fff;text-shadow:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.h01-nav__links .h01-nav__project-grid>a:hover,.h01-nav__links .h01-nav__project-grid>a:focus-visible{border-color:#ffd64f;box-shadow:0 12px 28px rgba(0,4,12,.3);outline:0;transform:translateY(-3px)}
.h01-nav__project-grid img{width:100%;height:92px;object-fit:cover}
.h01-nav__links .h01-nav__project-grid>a>span{display:block;min-width:0;margin:0;padding:10px;color:#fff;font-size:inherit;transform:none}
.h01-nav__project-grid strong,.h01-nav__project-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h01-nav__project-grid strong{font-size:.78rem}.h01-nav__project-grid small{margin-top:4px;color:#afc4d4;font-size:.64rem;font-weight:500}

/* Mobile navigation. */
.h01-mobile{display:none}
body.h01-menu-open{overflow:hidden}
.h01-nav.is-mobile-open .h01-nav__menu i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.h01-nav.is-mobile-open .h01-nav__menu i:nth-child(2){opacity:0}
.h01-nav.is-mobile-open .h01-nav__menu i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:1400px) and (min-width:1101px){.h01-nav__project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.h01-nav__project-grid img{height:84px}}
@media(max-width:1320px){.h01-nav__inner{gap:18px}.h01-nav__brand{width:155px}.h01-nav__links{gap:11px}.h01-nav__links a{font-size:.78rem}.h01-nav__phone,.h01-nav__quote{padding-inline:14px}.h01-nav__services-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}}
@media(max-width:1100px){:root{--h01-nav-h:76px}.h01-nav__inner{grid-template-columns:auto 1fr auto}.h01-nav__brand{width:165px}.h01-nav__links,.h01-nav__actions{display:none}.h01-nav__menu{display:grid;grid-column:3;cursor:pointer}.h01-mobile{position:fixed;z-index:75;top:var(--h01-nav-h);right:18px;left:18px;display:block;visibility:hidden;overflow:auto;max-height:calc(100vh - 92px);border:1px solid rgba(63,178,222,.35);border-radius:14px;padding:10px 18px 18px;background:rgba(3,22,42,.96);box-shadow:0 24px 60px rgba(0,7,18,.55);opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.h01-nav.is-mobile-open .h01-mobile{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.h01-mobile>a,.h01-mobile__group>button{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid rgba(91,157,203,.2);padding:10px 2px;background:transparent;color:#fff;font:600 .83rem/1.3 "Poppins",Arial,sans-serif;text-align:left;text-decoration:none}.h01-mobile__group>button{cursor:pointer}.h01-mobile__group>button span{color:#ffd64f;font-size:1.2rem;font-weight:400;transition:transform .18s ease}.h01-mobile__group.is-open>button span{transform:rotate(45deg)}.h01-mobile__panel{display:none;padding:3px 0 9px 14px;border-bottom:1px solid rgba(91,157,203,.2)}.h01-mobile__group.is-open .h01-mobile__panel{display:block}.h01-mobile__panel a{display:block;padding:9px 0;color:#bcd0df;font-size:.72rem;line-height:1.35;text-decoration:none}.h01-mobile__panel a:hover,.h01-mobile__panel a:focus-visible{color:#35dff7}.h01-mobile__panel .h01-mobile__all{color:#ffd64f}.h01-mobile .h01-mobile__phone{justify-content:center;margin-top:14px;border:1px solid rgba(255,214,79,.65);border-radius:999px;color:#ffd64f}.h01-mobile .h01-mobile__quote{justify-content:center;margin-top:10px;border:0;border-radius:999px;background:#ffd64f;color:#07172c;font-weight:800}}
@media(max-width:980px){.h01-nav__inner{width:min(100% - 36px,1440px)}}
@media(max-width:760px){.h01-nav__inner{width:calc(100% - 36px);height:76px}.h01-nav__brand{width:150px}}
@media(max-width:560px){.h01-nav__inner{width:calc(100% - 28px)}.h01-nav__brand{width:142px}}