.compact-menu{display:none}#mobile-navigation{inset:0 0 0 auto;margin:0;width:min(400px,calc(100vw - 24px));height:100dvh;max-height:100dvh;max-width:none;background:#14232d;color:#f2f4f5;border:0;border-left:1px solid #ffffff20;padding:26px 28px;overflow:auto;box-shadow:-25px 0 80px #0005}#mobile-navigation[open]{animation:slidein .23s ease-out}#mobile-navigation::backdrop{background:#030b12a8;backdrop-filter:blur(4px)}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.drawer-top img{width:100px}.drawer-close{display:grid;place-items:center;width:44px;height:44px;padding:0;background:none;color:white;border:1px solid #ffffff30;border-radius:50%;font-size:30px;line-height:1}.drawer-links{display:grid}.drawer-links a{font-size:18px;padding:14px 0;border-bottom:1px solid #ffffff15;display:flex;justify-content:space-between}.drawer-links a:hover{color:#80cbd6}.drawer-links a:first-child{color:#80cbd6}.drawer-contact{display:flex;justify-content:space-between;background:#80cbd6;color:#0a1922;padding:14px 18px;border-radius:9px;margin-top:28px;font-size:17px}.drawer-contact:hover{background:#b0e4e9}@keyframes slidein{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:1270px){header{flex-wrap:nowrap;gap:16px;padding:12px 16px}header #navigation{display:none}header .nav-actions{margin-left:auto}header .nav-actions>a:last-child{display:none}header .compact-menu{display:flex;gap:12px;align-items:center;background:none;border:1px solid #ffffff35;color:#f2f4f5;border-radius:8px;padding:10px 13px;font-size:14px;min-height:44px}header .brand img{width:100px}.hero{padding-top:145px}html{scroll-padding-top:110px}}@media(max-width:480px){header{left:10px;right:10px;top:10px;gap:8px;padding:10px}.hero{padding-top:130px}header .brand img{width:82px}header .nav-actions .button{font-size:12px;padding:10px 8px}header .compact-menu{padding:8px 10px;gap:8px;font-size:13px}#mobile-navigation{padding:22px}.drawer-links a{padding:12px 0;font-size:17px}}@media(prefers-reduced-motion:reduce){#mobile-navigation[open]{animation:none}}
@media(max-width:1270px){header .nav-actions>a:last-child{display:inline-flex}header .nav-actions{gap:8px}}
@media(max-width:480px){header{gap:6px;padding:9px}header .brand img{width:68px}header .nav-actions{gap:5px}header .nav-actions .button{font-size:11px;padding:10px 7px;min-height:44px}header .compact-menu{font-size:0;gap:0;padding:8px;width:44px;justify-content:center;flex-shrink:0}header .compact-menu span{font-size:19px}}

.contact-compact{display:none}@media(max-width:1270px){.contact-wide{display:none}.contact-compact{display:inline}}

@media(max-width:360px){header .brand img{width:54px}header .nav-actions .button{padding:10px 5px}header{gap:4px}}

/* Approved header: rounded track surface with corner brackets. */
header{background:#11212beb;border:0;border-bottom:1px solid #ffffff30;border-radius:14px;box-shadow:0 15px 30px #0003}
header nav a{position:relative;isolation:isolate;background:transparent!important;padding:12px 5px;border-radius:0;transition:color .2s}
header nav a:is(:hover,.active){color:#eefbff}
header nav a:before,header nav a:after{content:'';position:absolute;width:8px;height:8px;opacity:0;transition:opacity .2s,transform .2s;border-color:#81d5e1;border-style:solid;pointer-events:none}
header nav a:before{left:0;top:2px;border-width:2px 0 0 2px;transform:translate(-3px,-3px)}header nav a:after{right:0;bottom:2px;border-width:0 2px 2px 0;transform:translate(3px,3px)}
header nav a:is(:hover,.active):before,header nav a:is(:hover,.active):after{opacity:1;transform:none}
/* Fit by measured content width, not an arbitrary device breakpoint. */
header:not(.nav-collapsed){display:flex;flex-wrap:nowrap;gap:12px;padding:10px 16px}
header:not(.nav-collapsed) #navigation{display:flex;position:static;flex:0 0 auto;order:0;width:auto;margin:auto;gap:8px;padding:0;border:0;background:none;overflow:visible;flex-direction:row}
header:not(.nav-collapsed) #navigation a{font-size:14px;white-space:nowrap}
header:not(.nav-collapsed) .brand img{width:90px}
header:not(.nav-collapsed) .nav-actions{margin-left:0;gap:7px}
header:not(.nav-collapsed) .nav-actions .button{font-size:13px;padding:11px 12px;max-width:none;white-space:nowrap}
header:not(.nav-collapsed) .compact-menu{display:none}
header:not(.nav-collapsed) .contact-wide{display:inline}header:not(.nav-collapsed) .contact-compact{display:none}
header.nav-collapsed #navigation{display:none}header.nav-collapsed .compact-menu{display:flex}header.nav-collapsed .contact-wide{display:none}header.nav-collapsed .contact-compact{display:inline}
#mobile-navigation{inset:14px 14px 14px auto;margin:0;height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);width:min(455px,calc(100vw - 28px));border:1px solid #85d8e15c;border-radius:22px;background:linear-gradient(145deg,#244754,#101e29 65%);box-shadow:inset 0 1px 0 #cffaff45,-18px 20px 70px #0008;padding:24px 30px}
#mobile-navigation .drawer-top{padding-bottom:23px;border-bottom:1px solid #a0dbe324}
#mobile-navigation .drawer-close{border:0;border-radius:8px;background:#ffffff08}
#mobile-navigation .drawer-close:focus-visible{outline:2px solid #85d4df;outline-offset:3px}
#mobile-navigation .drawer-links{border:0;padding:0;gap:5px}
#mobile-navigation .drawer-links a{position:relative;border:0;padding:13px 18px;font-size:19px;transition:transform .2s,background .2s}
#mobile-navigation .drawer-links a:before,#mobile-navigation .drawer-links a:after{content:'';position:absolute;width:9px;height:9px;border:solid #85d7e1;opacity:0;transition:opacity .18s}
#mobile-navigation .drawer-links a:before{left:0;top:4px;border-width:2px 0 0 2px}#mobile-navigation .drawer-links a:after{right:0;bottom:4px;border-width:0 2px 2px 0}
#mobile-navigation .drawer-links a:is(:hover,:focus-visible):before,#mobile-navigation .drawer-links a:is(:hover,:focus-visible):after{opacity:1}
#mobile-navigation .drawer-links a:hover{transform:translateX(5px);background:linear-gradient(90deg,#80cbd625,transparent)}
#mobile-navigation .drawer-links a:active{background:#80cbd630}
#mobile-navigation .drawer-contact{background:#9cdee7;box-shadow:0 5px 0 #071820,0 10px 20px #0003;border:1px solid #cbf3f7;border-radius:9px}
@media(max-width:480px){#mobile-navigation{inset:8px 8px 8px auto;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:20px;box-shadow:-8px 10px 30px #0005}#mobile-navigation .drawer-links a{font-size:17px;padding:12px 16px}}

/* Approved small-dot separators and spacing for desktop navigation. */
header:not(.nav-collapsed) #navigation{gap:16px}
header nav a .nav-separator{display:none;position:absolute;right:-9px;top:50%;pointer-events:none}
header:not(.nav-collapsed) nav a:not(:last-child) .nav-separator{display:block;width:3px;height:3px;border-radius:50%;background:#86b2c15c;transform:translate(1px,-50%)}

/* Shared glass treatment for expanded navigation on every preview page. */
#mobile-navigation{background:linear-gradient(145deg,rgba(29,69,87,.42),rgba(11,30,45,.52));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:#d5f8ff70;box-shadow:inset 0 1px 0 #ffffff45,-18px 20px 70px #0003}
#mobile-navigation::backdrop{background:#06182424;backdrop-filter:blur(2px)}
#mobile-navigation .drawer-links a{color:#fff;text-shadow:0 1px 5px #09263880}
#mobile-navigation .drawer-links a:first-child{color:#a4f2f6}
/* Shared rounded header and actions on all pages. */
body>header{border-radius:30px!important}
body>header .nav-actions .button{border-radius:22px}
@media(max-width:760px){body>header{border-radius:22px!important}body>header .nav-actions .button{border-radius:18px}}