:root{--bg: #0a0a0a;--bg-surface: rgba(18, 18, 20, .65);--bg-surface-hover: rgba(28, 28, 32, .8);--bg-elevated: rgba(38, 38, 42, .5);--accent: #10B981;--accent-muted: rgba(16, 185, 129, .12);--accent-subtle: rgba(16, 185, 129, .06);--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-tertiary: #71717A;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--font-heading: "Outfit", system-ui, -apple-system, sans-serif;--font-body: "Outfit", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--space-xs: clamp(.5rem, 1vw, .75rem);--space-sm: clamp(.75rem, 1.5vw, 1rem);--space-md: clamp(1.5rem, 3vw, 2rem);--space-lg: clamp(3rem, 6vw, 5rem);--space-xl: clamp(5rem, 10vw, 8rem);--space-2xl: clamp(7rem, 14vw, 12rem);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-normal: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-weight:400;font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;position:relative;line-height:1.6;overflow-x:hidden}.bg-mesh{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 50% at 20% 40%,rgba(16,185,129,.04) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 80% 60%,rgba(16,185,129,.02) 0%,transparent 70%)}.bg-grid{position:fixed;inset:0;z-index:-2;background-image:linear-gradient(to right,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black 20%,transparent 80%);-webkit-mask-image:linear-gradient(to bottom,black 20%,transparent 80%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--text-primary)}h1{font-size:clamp(2.8rem,5.5vw,4.8rem);font-weight:800;letter-spacing:-.04em}h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:var(--space-md)}h3{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600;margin-bottom:var(--space-sm)}p{line-height:1.65;color:var(--text-secondary);font-weight:400}.text-accent{color:var(--accent)}.text-mono{font-family:var(--font-mono);font-size:.875em}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 4px 24px #0003}.glass-panel:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.875rem 1.75rem;border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:600;font-size:.95rem;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out);text-decoration:none;border:none;position:relative;overflow:hidden;letter-spacing:-.01em}.btn-primary{background:var(--accent);color:#000;box-shadow:inset 0 1px #fff3,0 2px 8px #10b98126}.btn-primary:hover{background:#0fa874;box-shadow:inset 0 1px #ffffff40,0 4px 16px #10b98133}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-hover);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff0a;border-color:#fff3}.container{max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}section{position:relative}.section-divider{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--border),transparent);margin:var(--space-lg) 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}::selection{background:var(--accent-muted);color:var(--text-primary)}@media(max-width:768px){h1{font-size:clamp(1.8rem,7vw,2.6rem)}h2{font-size:clamp(1.4rem,5vw,2rem)}h3{font-size:clamp(1rem,3vw,1.25rem)}.glass-panel{padding:var(--space-sm);border-radius:var(--radius-md)}.orb{display:none}}.btn-primary:hover{background:#0fa874;box-shadow:inset 0 1px #ffffff40,0 4px 16px #10b98140;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary:hover{background:#ffffff0f;border-color:#ffffff38;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0) scale(.98)}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.03;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");background-size:180px 180px}@keyframes orb-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(55px,-75px) scale(1.07)}66%{transform:translate(-45px,55px) scale(.93)}}.orb{position:fixed;border-radius:50%;pointer-events:none;filter:blur(80px);animation:orb-drift ease-in-out infinite;z-index:0;will-change:transform}.orb-1{width:700px;height:700px;top:-15%;left:-8%;background:radial-gradient(circle,rgba(16,185,129,.07) 0%,transparent 65%);animation-duration:28s}.orb-2{width:500px;height:500px;top:35%;right:-10%;background:radial-gradient(circle,rgba(16,185,129,.05) 0%,transparent 65%);animation-duration:34s;animation-delay:-10s}.orb-3{width:380px;height:380px;bottom:8%;left:28%;background:radial-gradient(circle,rgba(16,185,129,.04) 0%,transparent 65%);animation-duration:22s;animation-delay:-18s}@keyframes route-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(2.2);opacity:0}}