:root{--bg-primary: #08080f;--bg-secondary: #10101e;--bg-card: #16162a;--nav-scrolled-bg: rgba(8, 8, 15, .94);--accent-purple: #7c63ff;--accent-teal: #00d4aa;--accent-coral: #ff6b8a;--text-primary: #eae8f4;--text-muted: #8b89a8;--border: rgba(124, 99, 255, .18);--gradient: linear-gradient(135deg, #7c63ff 0%, #00d4aa 100%);--s4: 4px;--s8: 8px;--s12: 12px;--s16: 16px;--s24: 24px;--s32: 32px;--s40: 40px;--s48: 48px;--s64: 64px;--s80: 80px;--s96: 96px;--r-sm: 3px;--r-md: 4px;--r-lg: 6px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .28), 0 0 0 1px rgba(124, 99, 255, .06);--shadow-lg: 0 24px 48px rgba(0, 0, 0, .4), 0 0 0 1px rgba(124, 99, 255, .1);--glow-purple: 0 12px 32px rgba(124, 99, 255, .38);--glow-teal: 0 12px 32px rgba(0, 212, 170, .28)}body.light-mode{--bg-primary: #f5f4ff;--bg-secondary: #ebe9ff;--bg-card: #ffffff;--text-primary: #1a1730;--text-muted: #5c5880;--border: rgba(124, 99, 255, .2);--nav-scrolled-bg: rgba(245, 244, 255, .94)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);background-image:radial-gradient(circle at 1px 1px,rgba(124,99,255,.09) 1px,transparent 0);background-size:28px 28px;color:var(--text-primary);font-family:Figtree,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:9998;opacity:.038}body.light-mode{background-image:radial-gradient(circle at 1px 1px,rgba(124,99,255,.12) 1px,transparent 0);background-size:28px 28px}body.light-mode:before{opacity:.055}h1{font-family:Syne,sans-serif;letter-spacing:-.04em}h2{font-family:Cormorant Garamond,Georgia,serif;letter-spacing:-.01em;font-weight:700}h3,h4{font-family:Figtree,sans-serif;letter-spacing:-.02em;font-weight:600}a{color:var(--accent-teal);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-purple)}section{padding:96px 0}@media (max-width: 768px){section{padding:64px 0}}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section-label{display:inline-flex;align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.section-label:before{content:"";display:block;width:24px;height:1px;background:var(--accent-purple);flex-shrink:0}main{counter-reset:sections}section:not(#hero){counter-increment:sections}section:not(#hero) .section-title{position:relative;overflow:visible}section:not(#hero) .section-title:after{content:"0" counter(sections);font-family:Syne,sans-serif;font-size:clamp(80px,14vw,180px);font-weight:800;color:var(--accent-purple);opacity:.045;position:absolute;right:0;bottom:-12px;line-height:1;letter-spacing:-.06em;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 600px){section:not(#hero) .section-title:after{display:none}}.section-title{font-size:clamp(38px,5.5vw,58px);font-weight:700;color:var(--text-primary);margin-bottom:56px;letter-spacing:-.02em;line-height:1.05}.section-title span{-webkit-text-stroke:1.5px var(--accent-purple);-webkit-text-fill-color:transparent;color:var(--accent-purple)}.tag{display:inline-block;padding:3px 10px;border-radius:var(--r-sm);font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:#7c63ff1a;color:var(--accent-purple);border:1px solid rgba(124,99,255,.22)}.tag--teal{background:#00d4aa14;color:var(--accent-teal);border-color:#00d4aa38}:focus-visible{outline:2px solid var(--accent-purple);outline-offset:3px;border-radius:2px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s ease both}
