:root{--bg-deep: #060814;--bg-base: #0a0e1a;--bg-elevated: #11142a;--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .07);--bg-glass-strong:rgba(255, 255, 255, .1);--border-faint: rgba(255, 255, 255, .06);--border-base: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--emerald-50: #ecfdf5;--emerald-200: #a7f3d0;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-glow: rgba(16, 185, 129, .35);--gold-400: #fbbf24;--ruby-400: #f87171;--sky-400: #38bdf8;--violet-400: #a78bfa;--font-display: "Fraunces", "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-base: .4s;--duration-slow: .8s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;mix-blend-mode:overlay;opacity:.5}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(16,185,129,.08),transparent 50%),radial-gradient(ellipse 60% 50% at 80% 30%,rgba(167,139,250,.06),transparent 50%),radial-gradient(ellipse 70% 40% at 50% 100%,rgba(56,189,248,.04),transparent 50%);pointer-events:none;z-index:-1;animation:meshDrift 30s ease-in-out infinite alternate}@keyframes meshDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(-2%,1%) scale(1.05)}to{transform:translate(2%,-1%) scale(.98)}}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin:0}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.5rem,2.5vw,2rem)}h4{font-size:1.25rem}.display{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.03em;background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--emerald-400);margin-bottom:1.5rem}.eyebrow:before{content:"— "}a{color:inherit;text-decoration:none}.glass{background:var(--bg-glass);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-base);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-out)}.glass:hover{background:var(--bg-glass-hover);border-color:var(--border-strong);transform:translateY(-2px)}.glass-strong{background:var(--bg-glass-strong);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid var(--border-strong)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;background:var(--bg-glass);border:1px solid var(--border-base);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.chip-emerald{background:#10b9811f;border-color:var(--emerald-500);color:var(--emerald-200)}.chip-gold{background:#fbbf241f;border-color:var(--gold-400);color:var(--gold-400)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.8rem;border:1px solid var(--border-base);border-radius:var(--radius-full);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.btn:hover{background:var(--bg-glass-hover);border-color:var(--border-strong);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--emerald-500),var(--emerald-700));border-color:var(--emerald-500);color:#fff;box-shadow:0 8px 32px var(--emerald-glow),inset 0 1px #fff3}.btn-primary:hover{background:linear-gradient(135deg,var(--emerald-400),var(--emerald-600));box-shadow:0 12px 48px var(--emerald-glow),inset 0 1px #ffffff4d}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.container-narrow{max-width:880px;margin:0 auto;padding:0 2rem}section{padding:6rem 0;position:relative}section:first-of-type{padding-top:4rem}.bento{display:grid;gap:1.25rem;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(140px,auto)}.bento-2x2{grid-column:span 2;grid-row:span 2}.bento-3x2{grid-column:span 3;grid-row:span 2}.bento-4x2{grid-column:span 4;grid-row:span 2}.bento-3x1{grid-column:span 3;grid-row:span 1}.bento-2x1{grid-column:span 2;grid-row:span 1}.bento-1x1{grid-column:span 1;grid-row:span 1}@media (max-width: 968px){.bento{grid-template-columns:repeat(2,1fr)}.bento-2x2,.bento-3x2,.bento-4x2,.bento-3x1,.bento-2x1{grid-column:span 2}}.site-header{position:sticky;top:0;z-index:100;padding:1rem 0;background:#06081499;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-faint)}.site-header nav{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.site-header .logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:400;font-size:1.1rem;color:var(--text-primary);letter-spacing:-.02em}.site-header .logo:before{content:"◆";color:var(--emerald-400)}.site-header ul{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.site-header ul a{display:inline-block;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.9rem;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out)}.site-header ul a:hover{color:var(--text-primary);background:var(--bg-glass)}.site-header ul a.active{color:var(--emerald-400);background:#10b98114}.fade-in{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent,rgba(16,185,129,.3),transparent);background-size:200% 100%;animation:shimmer 3s linear infinite}.text-emerald{color:var(--emerald-400)}.text-gold{color:var(--gold-400)}.text-ruby{color:var(--ruby-400)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-mono{font-family:var(--font-mono)}.italic{font-style:italic}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-6{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:2rem}.site-footer{margin-top:6rem;padding:4rem 0 2rem;border-top:1px solid var(--border-faint);text-align:center;color:var(--text-tertiary);font-size:.9rem}.site-footer .footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.site-footer .footer-links a{color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out)}.site-footer .footer-links a:hover{color:var(--emerald-400)}
