.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 48px;transition:background .4s ease,padding .4s ease,box-shadow .4s ease;background:#f9fbfedb;backdrop-filter:blur(10px)}.nav.deep{box-shadow:0 1px 0 var(--border)}.nav-mark{display:flex;align-items:center;gap:12px}.nav-mark .name{font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg1)}.nav-mark svg path{fill:var(--highlight)}.nav-group{display:flex;align-items:center;gap:36px}.nav a{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.82;color:var(--fg1);transition:opacity .16s ease}.nav a:hover,.nav a.active{opacity:1}.nav a.active:after{content:"";display:block;height:2px;margin-top:5px;background:var(--highlight)}.nav.over-hero{background:transparent;backdrop-filter:none;padding:26px 48px;box-shadow:none}.nav.over-hero .nav-mark .name,.nav.over-hero .nav-group a{color:#fff}.nav.over-hero .nav-mark svg path{fill:var(--highlight)}.nav.over-hero.solid{background:#f9fbfee6;backdrop-filter:blur(10px);padding:18px 48px;box-shadow:0 1px 0 var(--border)}.nav.over-hero.solid .nav-mark .name,.nav.over-hero.solid .nav-group a{color:var(--fg1)}.nav.over-hero.solid .nav-mark svg path{fill:var(--highlight)}.nav-toggle{display:none}.site-footer{background:var(--bg-inverse);color:#fff;margin-top:80px;padding:72px 48px 40px}.foot-in{max-width:1280px;margin:0 auto}.foot-mark{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;font-size:clamp(40px,8vw,104px);line-height:.9;margin-bottom:46px}.foot-cols{display:flex;flex-wrap:wrap;gap:60px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.16)}.foot-col{display:flex;flex-direction:column;gap:12px}.foot-label{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c}.foot-link{color:#fff;font-family:var(--font-body);font-size:16px;font-weight:500;opacity:.85}.foot-link:hover{color:var(--highlight);opacity:1}.foot-link.big{font-family:var(--font-display);font-size:clamp(18px,2vw,24px);font-weight:600}.foot-link.social-link{display:inline-flex;align-items:center;gap:10px}.foot-link.social-link svg{width:18px;height:18px;display:block}.foot-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:26px}.foot-copy{font-family:var(--font-body);font-size:13px;color:#ffffff8c}.foot-legal{display:flex;gap:22px}.foot-legal-btn{background:none;border:0;color:#fff9;font-family:var(--font-body);font-size:13px;cursor:none}.foot-legal-btn:hover{color:#fff}.foot-legal a{color:#fff9;font-family:var(--font-body);font-size:13px}.foot-legal a:hover{color:#fff}@media(max-width:860px){.nav{padding:14px 22px}.nav.over-hero{padding:20px 22px}.nav.over-hero.solid{padding:14px 22px}.nav-group{gap:22px}.site-footer{padding:54px 22px 34px}}@media(max-width:720px){.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;padding:6px;margin:-6px -6px -6px 0;border:0;background:none;cursor:pointer;z-index:2}.nav-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:var(--fg1);transition:transform .3s ease,opacity .2s ease}.nav.over-hero:not(.solid):not(.open) .nav-toggle span{background:#fff}.nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.open .nav-toggle span:nth-child(2){opacity:0}.nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-group{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#f9fbfefa;backdrop-filter:blur(12px);padding:0 22px;box-shadow:0 12px 30px #171d2324;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .32s ease,opacity .2s ease}.nav.open .nav-group{max-height:70vh;opacity:1;pointer-events:auto}.nav .nav-group a,.nav.over-hero .nav-group a,.nav.over-hero.solid .nav-group a{color:var(--fg1);opacity:1;font-size:14px;padding:15px 0;border-bottom:1px solid var(--border)}.nav .nav-group a:last-child{border-bottom:0}.nav .nav-group a.active:after{display:none}.nav.over-hero.open{background:#f9fbfefa;backdrop-filter:blur(12px)}.nav.over-hero.open .nav-mark .name{color:var(--fg1)}.nav.over-hero.open .nav-mark svg path{fill:var(--highlight)}}