/* Kairoscend floating nav — shared by every page. Dark glass over the hero, cream glass once scrolled. */
html{scroll-padding-top:104px}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.01em;flex-shrink:0}
.logo svg{width:30px;height:30px;flex-shrink:0;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.logo:hover svg{transform:rotate(180deg)}
.nav{position:fixed;top:14px;left:0;right:0;z-index:60;padding:0 24px;pointer-events:none}
.nav-shell{position:relative;pointer-events:auto;max-width:1232px;margin:0 auto;height:64px;display:flex;align-items:center;gap:24px;padding:0 10px 0 20px;border-radius:20px;background:rgba(10,18,15,.58);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 18px 40px -24px rgba(0,0,0,.7);transition:background .35s,border-color .35s,box-shadow .35s}
.nav .logo{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.01em;color:#fff;flex-shrink:0;transition:color .35s}
.nav .logo svg{width:30px;height:30px;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.nav .logo:hover svg{transform:rotate(180deg)}
.nav-links{display:flex;align-items:center;gap:2px;margin-left:8px}
.nav-a{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;font-size:14.5px;font-weight:500;color:rgba(255,255,255,.76);transition:background .2s,color .2s;background:none;border:0;cursor:pointer;font-family:inherit}
.nav-a:hover,.nav-dd:hover>.nav-a,.nav-dd:focus-within>.nav-a{background:rgba(255,255,255,.08);color:#fff}
.nav-a[aria-current="page"]{color:#fff}
.nav-a[aria-current="page"]::after{content:'';width:5px;height:5px;border-radius:50%;background:#5EEAD4;margin-left:2px}
.nav-a .chev{width:14px;height:14px;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.nav-dd:hover .chev,.nav-dd:focus-within .chev{transform:rotate(180deg)}
.nav-cta{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:13px;font-size:14.5px;font-weight:500;background:#0dbbaa;color:#070A08;transition:background .25s,color .25s,transform .25s}
.nav-cta:hover{background:#5EEAD4;transform:translateY(-1px)}
.nav-cta .arr{transition:transform .25s}
.nav-cta:hover .arr{transform:translateX(3px)}

/* scrolled: cream glass */
.nav.scrolled .nav-shell{background:rgba(251,246,235,.86);border-color:rgba(13,22,16,.1);box-shadow:0 16px 40px -24px rgba(13,22,16,.35)}
.nav.scrolled .logo{color:#0D1610}
.nav.scrolled .nav-a{color:#3E463F}
.nav.scrolled .nav-a:hover,.nav.scrolled .nav-dd:hover>.nav-a,.nav.scrolled .nav-dd:focus-within>.nav-a{background:rgba(13,22,16,.06);color:#0D1610}
.nav.scrolled .nav-a[aria-current="page"]{color:#0D1610}
.nav.scrolled .nav-cta{background:#0D1610;color:#fff}
.nav.scrolled .nav-cta:hover{background:#099e8f}

/* services dropdown */
.nav-dd{position:relative}
.nav-dd::after{content:'';position:absolute;left:0;right:0;top:100%;height:18px}
.dd-panel{position:absolute;top:calc(100% + 16px);left:-14px;width:600px;background:#FFFDF8;color:#0D1610;border:1px solid rgba(13,22,16,.1);border-radius:22px;box-shadow:0 34px 70px -28px rgba(7,10,8,.5);padding:12px;opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:top left;transition:opacity .25s,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s .3s}
.nav-dd:hover .dd-panel,.nav-dd:focus-within .dd-panel{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .3s cubic-bezier(.22,1,.36,1)}
.dd-head{display:flex;justify-content:space-between;align-items:baseline;padding:8px 12px 10px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6F776F}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.dd-item{display:flex;gap:13px;align-items:flex-start;padding:12px;border-radius:14px;transition:background .2s}
.dd-item:hover{background:#F3ECDC}
.dd-ico{width:40px;height:40px;border-radius:12px;background:var(--a,#0dbbaa);color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 8px 16px -10px var(--a,#0dbbaa);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.dd-item:hover .dd-ico{transform:rotate(-6deg) scale(1.06)}
.dd-ico svg{width:19px;height:19px}
.dd-item b{display:block;font-size:14.5px;font-weight:600;color:#0D1610;margin-bottom:2px}
.dd-item small{display:block;font-size:12.5px;line-height:1.45;color:#6F776F}
.dd-item em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#046A5F;background:#E0F9F7;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:2px}
.dd-all{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:14px 16px;border-radius:14px;background:#0D1610;color:#fff;font-size:14px;font-weight:500;transition:background .25s}
.dd-all span{color:#5EEAD4}
.dd-all:hover{background:#099e8f}
.dd-all:hover span{color:#fff}

/* mobile */
.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);align-items:center;justify-content:center;cursor:pointer}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{display:block;width:18px;height:2px;background:#fff;border-radius:2px;position:relative;content:'';transition:transform .3s,background .3s}
.nav-toggle span::before{position:absolute;top:-6px}
.nav-toggle span::after{position:absolute;top:6px}
.nav.open .nav-toggle span{background:transparent}
.nav.open .nav-toggle span::before{transform:translateY(6px) rotate(45deg)}
.nav.open .nav-toggle span::after{transform:translateY(-6px) rotate(-45deg)}
.nav.scrolled .nav-toggle{border-color:rgba(13,22,16,.15);background:#FFFDF8}
.nav.scrolled .nav-toggle span::before,.nav.scrolled .nav-toggle span::after,.nav.scrolled:not(.open) .nav-toggle span{background:#0D1610}

@media (max-width:960px){
  .nav-links,.nav-cta{display:none}
  .nav-toggle{display:flex}
  .nav.open .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:2px;position:absolute;top:74px;left:0;right:0;margin:0;background:#FFFDF8;border:1px solid rgba(13,22,16,.1);border-radius:20px;box-shadow:0 30px 60px -24px rgba(7,10,8,.5);padding:10px;max-height:calc(100vh - 110px);overflow:auto}
  .nav.open .nav-a{color:#0D1610;padding:13px 14px;font-size:16px;justify-content:space-between}
  .nav.open .nav-a:hover{background:#F3ECDC}
  .nav.open .dd-panel{position:static;width:auto;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 6px;background:transparent}
  .nav.open .dd-head{display:none}
  .nav.open .dd-grid{grid-template-columns:1fr}
  .nav.open .nav-dd::after{display:none}
  .nav.open .nav-links::after{content:'';display:block;height:2px}
}
@media (max-width:640px){
  .nav{top:10px;padding:0 12px}
  .nav-shell{height:60px;padding:0 8px 0 16px}
}