:root{--bg: #080808;--bg-card: #0f0f0f;--bg-hover: #141414;--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.14);--text: #e8e8e8;--muted: rgba(255,255,255,.7);--accent: #4ade80;--mono: "JetBrains Mono", monospace;--sans: "Onest", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 24px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.05s}.stagger-2{transition-delay:.1s}.stagger-3{transition-delay:.15s}.stagger-4{transition-delay:.2s}.stagger-5{transition-delay:.25s}.stagger-6{transition-delay:.3s}nav{position:sticky;top:0;z-index:110;border-bottom:1px solid var(--border);background:#080808d9;backdrop-filter:blur(12px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.logo{font-family:var(--mono);font-size:20px;font-weight:500;color:var(--text);text-decoration:none;letter-spacing:.04em;position:relative;z-index:110}.logo span{color:var(--accent-b)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-size:13px;color:var(--muted);text-decoration:none;letter-spacing:.02em;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;background:none;border:none;cursor:pointer;position:relative;z-index:110;gap:0}.hamburger-line{display:block;width:22px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .25s ease,top .35s cubic-bezier(.23,1,.32,1);position:absolute}.hamburger-line:nth-child(1){top:11px}.hamburger-line:nth-child(2){top:17.5px}.hamburger-line:nth-child(3){top:24px}.hamburger.is-open .hamburger-line:nth-child(1){top:17.5px;transform:rotate(45deg)}.hamburger.is-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.is-open .hamburger-line:nth-child(3){top:17.5px;transform:rotate(-45deg)}.mobile-menu{display:none;position:fixed;inset:0;z-index:106;background:#080808f7;backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .35s ease}.mobile-menu.is-open{opacity:1;pointer-events:all}.mobile-nav-link{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:16px 32px;transition:color .2s,transform .2s;transform:translateY(8px);opacity:0;transition:color .2s,transform .4s ease,opacity .4s ease}.mobile-menu.is-open .mobile-nav-link{transform:translateY(0);opacity:1}.mobile-menu.is-open .mobile-nav-link:nth-child(1){transition-delay:.05s}.mobile-menu.is-open .mobile-nav-link:nth-child(2){transition-delay:.1s}.mobile-menu.is-open .mobile-nav-link:nth-child(3){transition-delay:.15s}.mobile-menu.is-open .mobile-nav-link:nth-child(4){transition-delay:.2s}.mobile-menu.is-open .mobile-nav-link:nth-child(5){transition-delay:.25s}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--text)}.mobile-menu-divider{width:1px;height:32px;background:var(--border);margin:8px 0}.mobile-menu-contact{margin-top:8px;font-size:12px;color:var(--muted);font-family:var(--mono)}footer{border-top:1px solid var(--border);padding:32px 0;margin-top:96px}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-copy{font-family:var(--mono);font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:24px}.footer-links a{font-size:12px;color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text)}@media(max-width:700px){.nav-links{display:none}.hamburger,.mobile-menu{display:flex}}
