:root{--bg: #f5f5f5;--surface: #ffffff;--border: #e8e8e8;--text: #1a1a1a;--textMuted: #777777;--textFaint: #aaaaaa;--accent: #ff6b35;--accentText: #ffffff;--displayFont: "Audiowide", system-ui, sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.32, .72, 0, 1);--radius-pill: 9999px;--radius-lg: 1.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.7;color:var(--text);background:var(--bg);min-height:100vh}.nav-wrapper{position:fixed;top:20px;left:0;right:0;z-index:40;display:flex;justify-content:center;transition:transform .6s var(--ease-out-expo);will-change:transform}.nav-wrapper.scrolled{transform:translateY(-8px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 12px 12px 28px;border-radius:var(--radius-pill);background:#ffffffbf;border:1px solid var(--border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);width:min(92vw,880px);transition:all .6s var(--ease-out-expo);box-shadow:0 4px 24px #0000000f}.nav-wrapper.scrolled .nav{background:#ffffffe6;box-shadow:0 4px 32px #0000001a}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);flex-shrink:0}.nav-logo:hover{text-decoration:none}.nav-logo svg{height:28px;width:auto}.nav-logo-text{font-family:var(--displayFont);font-size:20px;line-height:1.15}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-links a{font-size:14px;font-weight:500;color:var(--textMuted);padding:8px 16px;border-radius:var(--radius-pill);transition:all .4s var(--ease-out-expo);white-space:nowrap;text-decoration:none}.nav-links a:hover{color:var(--text);background:#0000000a;text-decoration:none}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accentText);font-size:14px;font-weight:600;font-family:system-ui,sans-serif;border:none;cursor:pointer;transition:all .5s var(--ease-spring);white-space:nowrap;text-decoration:none;flex-shrink:0}.nav-cta:hover{opacity:.88;transform:scale(1.02);text-decoration:none}.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}.nav-hamburger span{display:block;width:22px;height:1.5px;background:var(--text);border-radius:2px;transition:all .4s var(--ease-out-expo);transform-origin:center}.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.nav-hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-menu{display:none;position:fixed;inset:0;z-index:35;background:#fffffff7;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;pointer-events:none;transition:opacity .5s var(--ease-out-expo)}.mobile-menu.active{display:flex;opacity:1;pointer-events:all}.mobile-menu a{font-family:var(--displayFont);font-size:28px;font-weight:500;color:var(--textMuted);padding:12px 24px;border-radius:var(--radius-lg);transition:all .4s var(--ease-out-expo);transform:translateY(30px);opacity:0;text-decoration:none}.mobile-menu.active a{transform:translateY(0);opacity:1}.mobile-menu.active a:nth-child(1){transition-delay:.1s}.mobile-menu.active a:nth-child(2){transition-delay:.15s}.mobile-menu.active a:nth-child(3){transition-delay:.2s}.mobile-menu.active a:nth-child(4){transition-delay:.25s}.mobile-menu a:hover{color:var(--text)}.container{max-width:1100px;margin:0 auto;padding:120px 48px 100px}.site-footer{padding:40px 48px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:60px auto 0}.footer-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-family:var(--displayFont);font-size:16px;line-height:1.15}.footer-copy{font-size:12px;color:var(--textFaint)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}@media(max-width:900px){.nav-links,.nav-cta.desktop-only{display:none}.nav-hamburger{display:flex}}@media(max-width:700px){.container,.site-footer{padding-left:20px;padding-right:20px}}