*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#1b4ddb;--red:#d93636;--green:#1db954;--ink:#151519;--ink-light:#4a4a55;--surface:#fafaf8;--white:#fff;--border:#e2e2dc;--display:"Space Grotesk", sans-serif;--body:"DM Sans", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.65}nav#navbar{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fafaf8eb;width:100%;transition:box-shadow .3s;position:fixed;top:0}nav#navbar.scrolled{box-shadow:0 2px 20px #0000000f}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:68px;margin:0 auto;padding:0 32px;display:flex}.logo{font-family:var(--display);color:var(--ink);align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.logo-dots{gap:4px;display:flex}.logo-dot{border-radius:2px;width:10px;height:10px}.logo-dot.r{background:var(--red)}.logo-dot.g{background:var(--green)}.logo-dot.b{background:var(--blue)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{font-family:var(--body);color:var(--ink-light);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-links .btn-nav{background:var(--blue);color:var(--white);border-radius:8px;padding:10px 22px;font-weight:600;transition:background .2s}.nav-links .btn-nav:hover{color:var(--white);background:#1640b8}.nav-menu{position:relative}.nav-menu-button{font-family:var(--body);color:var(--ink-light);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:15px;font-weight:500;display:flex}.nav-menu-button:hover,.nav-menu-button.active,.nav-menu.open .nav-menu-button{color:var(--ink)}.nav-menu-button span{font-size:11px}.nav-menu-panel{background:var(--white);border:1px solid var(--border);border-radius:12px;width:320px;padding:10px;display:none;position:absolute;top:calc(100% + 18px);left:-20px;box-shadow:0 16px 40px #00000014}.nav-menu:hover .nav-menu-panel,.nav-menu:focus-within .nav-menu-panel,.nav-menu.open .nav-menu-panel{display:grid}.nav-menu-panel:before{content:"";height:18px;position:absolute;top:-18px;left:0;right:0}.nav-links .nav-menu-item{border-radius:8px;gap:2px;padding:10px 12px;display:grid}.nav-links .nav-menu-item:hover{background:var(--surface)}.nav-menu-item strong{font-family:var(--display);color:var(--ink);font-size:15px;font-weight:600}.nav-menu-item strong span{font-family:var(--body);color:var(--ink-light);font-weight:500}.nav-menu-item small{color:var(--ink-light);font-size:13px;line-height:1.4}.nav-links .nav-menu-all{border-top:1px solid var(--border);color:var(--blue);margin-top:4px;padding:10px 12px 6px;font-size:14px;font-weight:600}.mobile-toggle{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.mobile-toggle span{background:var(--ink);width:24px;height:2px;margin:6px 0;transition:all .3s;display:block}footer.site-footer{background:var(--ink);color:#ffffff80;padding:48px 32px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.footer-logo{font-family:var(--display);color:var(--white);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.footer-links{flex-wrap:wrap;gap:28px;display:flex}.footer-links a{color:#ffffff80;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--white)}.footer-copy{font-size:14px}.fade-up{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-up.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.fade-up{opacity:1;transition:none;transform:none}}@media (width<=760px){.nav-links{display:none}.nav-links.open{background:var(--white);border-bottom:1px solid var(--border);flex-direction:column;gap:20px;padding:24px 32px;display:flex;position:absolute;top:68px;left:0;right:0;box-shadow:0 12px 40px #00000014}.mobile-toggle{display:block}.nav-menu-button span{display:none}.nav-menu-panel,.nav-menu:hover .nav-menu-panel{width:auto;box-shadow:none;border:0;padding:8px 0 0 12px;display:grid;position:static}.nav-menu-panel:before{display:none}.footer-inner{text-align:center;flex-direction:column}.footer-links{justify-content:center}}