/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(8,15,24,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0);transition:background 400ms ease,border-color 400ms ease,box-shadow 400ms ease}
.nav--scrolled{background:rgba(8,15,24,.95);border-bottom-color:rgba(255,255,255,.07);box-shadow:0 4px 24px rgba(0,0,0,.3)}
.nav__inner{max-width:1380px;margin:0 auto;padding:0 2rem;height:68px;display:flex;align-items:center;gap:2rem}
.nav__logo{display:flex;align-items:center;gap:10px;flex-shrink:0;transition:opacity var(--ease)}
.nav__logo:hover{opacity:.88}
.nav__logo-icon{width:36px;height:36px;background:var(--t400);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(29,158,117,.35)}
.nav__logo-text{font-family:var(--fd);font-size:1.125rem;font-weight:700;color:var(--wh);letter-spacing:-.02em}
.nav__logo-text span{color:var(--t300)}
.nav__links{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav__link{padding:7px 12px;font-family:var(--fb);font-size:.875rem;font-weight:500;color:rgba(255,255,255,.68);border-radius:var(--rmd);transition:color var(--ease),background var(--ease);white-space:nowrap;display:flex;align-items:center;gap:4px}
.nav__link:hover{color:var(--wh);background:rgba(255,255,255,.08)}
.nav__link svg{opacity:.5;transition:transform var(--ease),opacity var(--ease);flex-shrink:0}
.nav__dg:hover .nav__link svg{transform:rotate(180deg);opacity:1}
.nav__dg{position:relative}
.nav__dd{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);min-width:252px;background:var(--n800);border:1px solid rgba(255,255,255,.1);border-radius:var(--rxl);padding:6px;box-shadow:var(--shlg);opacity:0;visibility:hidden;transition:opacity var(--ease),transform var(--ease),visibility var(--ease)}
.nav__dg:hover .nav__dd{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav__dd a{display:block;padding:10px 14px;font-family:var(--fb);font-size:.875rem;font-weight:500;color:rgba(255,255,255,.72);border-radius:var(--rmd);transition:color var(--ease),background var(--ease);line-height:1.4}
.nav__dd a:hover{color:var(--wh);background:rgba(29,158,117,.15)}
.nav__dd a small{display:block;font-size:.73rem;font-weight:400;color:rgba(255,255,255,.35);margin-top:1px}
.nav__cta{margin-left:12px}
.nav__burger{display:none;flex-direction:column;gap:5px;padding:8px;margin-left:auto}
.nav__burger span{display:block;width:22px;height:2px;background:var(--wh);border-radius:2px;transition:transform var(--ease),opacity var(--ease)}
.nav__mob{display:none}
.nav__mob.open{display:flex;flex-direction:column;background:var(--n900);border-top:1px solid rgba(255,255,255,.07);position:fixed;top:68px;left:0;right:0;height:calc(100vh - 68px);z-index:199;padding:1.5rem 1.75rem;gap:2px;overflow-y:auto}
.nav__mob a{display:block;padding:11px 14px;font-family:var(--fb);font-size:1rem;font-weight:500;color:rgba(255,255,255,.78);border-radius:var(--rmd);transition:background var(--ease),color var(--ease)}
.nav__mob a:hover{background:rgba(255,255,255,.07);color:var(--wh)}
.mob-sec{font-family:var(--fb);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.28);padding:14px 14px 6px;margin-top:6px}
.mob-cta{margin-top:1.25rem;background:var(--t400)!important;color:var(--wh)!important;text-align:center;border-radius:var(--rmd);font-weight:600!important}

/* footer */
.footer{background:#060E18;border-top:1px solid rgba(255,255,255,.06)}
.ft-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;padding:4.5rem 0 3rem}
.ft-logo{display:flex;align-items:center;gap:10px;margin-bottom:1.25rem}
.ft-logo-ico{width:34px;height:34px;background:var(--t400);border-radius:8px;display:flex;align-items:center;justify-content:center}
.ft-logo-nm{font-family:var(--fd);font-size:1.05rem;font-weight:700;color:var(--wh);letter-spacing:-.02em}
.ft-logo-nm span{color:var(--t400)}
.ft-tag{font-family:var(--fb);font-size:.875rem;color:rgba(255,255,255,.38);line-height:1.65;margin-bottom:1.25rem;max-width:245px;font-weight:400}
.ft-em{font-family:var(--fb);font-size:.875rem;font-weight:500;color:var(--t300);transition:color var(--ease)}
.ft-em:hover{color:var(--t100)}
.ft-col-h{font-family:var(--fb);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:1.2rem}
.ft-links{display:flex;flex-direction:column;gap:.55rem}
.ft-links a{font-family:var(--fb);font-size:.875rem;font-weight:400;color:rgba(255,255,255,.5);transition:color var(--ease)}
.ft-links a:hover{color:var(--t300)}
.ft-bot{border-top:1px solid rgba(255,255,255,.06);padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}
.ft-copy{font-family:var(--fb);font-size:.8rem;color:rgba(255,255,255,.25)}
.ft-leg{display:flex;gap:1.5rem}
.ft-leg a{font-family:var(--fb);font-size:.8rem;color:rgba(255,255,255,.3);transition:color var(--ease)}
.ft-leg a:hover{color:rgba(255,255,255,.65)}

@media(max-width:960px){
  .nav__links,.nav__cta{display:none}.nav__burger{display:flex}
  .ft-main{grid-template-columns:1fr 1fr;gap:2.5rem}
}
@media(max-width:620px){
  .ft-main{grid-template-columns:1fr}.ft-bot{flex-direction:column;align-items:flex-start}
}