:root{--color-bg: #0a0a0b;--color-bg-elevated: #111113;--color-bg-card: #18181b;--color-border: #27272a;--color-border-hover: #3f3f46;--color-text: #fafafa;--color-text-muted: #a1a1aa;--color-text-dim: #71717a;--color-accent: #22d3ee;--color-accent-muted: #0891b2;--color-accent-glow: rgba(34, 211, 238, .15);--color-success: #4ade80;--color-warning: #fbbf24;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;overflow-x:hidden}.grain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}::selection{background:var(--color-accent);color:var(--color-bg)}main{min-height:calc(100vh - 200px)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;background:#0a0a0bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.125rem}.logo-bracket{color:var(--color-accent)}.logo-text{color:var(--color-text)}.nav-links{display:flex;gap:2.5rem}.nav-link{font-size:.875rem;font-weight:500;color:var(--color-text-muted);transition:color .2s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent);transition:width .3s ease}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-cta{font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;background:var(--color-accent);color:var(--color-bg);border-radius:6px;transition:all .2s ease}.nav-cta:hover{background:var(--color-text);transform:translateY(-1px)}.mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-toggle span{width:24px;height:2px;background:var(--color-text);transition:all .3s ease}.mobile-menu{position:fixed;inset:0;background:var(--color-bg);z-index:99;display:none;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu.active{opacity:1;pointer-events:auto}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.mobile-link{font-size:1.5rem;font-weight:500;color:var(--color-text-muted)}.mobile-link:hover{color:var(--color-accent)}.mobile-cta{font-size:1rem;font-weight:500;padding:.75rem 2rem;background:var(--color-accent);color:var(--color-bg);border-radius:6px;margin-top:1rem}.footer{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);padding:4rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;border-bottom:1px solid var(--color-border);margin-bottom:2rem}.footer-tagline{font-size:.875rem;color:var(--color-text-dim);margin-top:.5rem}.footer-links{display:flex;gap:2rem}.footer-links a{font-size:.875rem;color:var(--color-text-muted);transition:color .2s ease}.footer-links a:hover{color:var(--color-accent)}.footer-social{display:flex;gap:1rem}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-muted);transition:all .2s ease}.footer-social a:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.footer-bottom{text-align:center}.footer-bottom p{font-size:.8125rem;color:var(--color-text-dim)}@media(max-width:768px){.nav-links,.nav-cta{display:none}.mobile-toggle,.mobile-menu{display:flex}.footer-container{flex-direction:column;gap:2rem;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}