@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--clr-bg:#080b14;--clr-bg-2:#0d1120;--clr-surface:#111827;--clr-surface-2:#1a2235;--clr-border:#ffffff12;--clr-border-hover:#ffffff24;--clr-primary:#6366f1;--clr-primary-2:#818cf8;--clr-accent:#06b6d4;--clr-accent-2:#22d3ee;--gradient-brand:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);--gradient-glow:radial-gradient(ellipse at center, #6366f140 0%, transparent 70%);--clr-text:#f0f4ff;--clr-text-muted:#8b9ab5;--clr-text-dim:#4b5a73;--font-sans:"Inter", sans-serif;--font-display:"Space Grotesk", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-full:9999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-med:.3s;--duration-slow:.6s;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 20px 60px #00000080;--shadow-glow:0 0 40px #6366f14d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-sans);background-color:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--clr-bg)}::-webkit-scrollbar-thumb{background:var(--clr-surface-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--clr-primary)}.font-display{font-family:var(--font-display)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--clr-text);font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.container{width:100%;max-width:1200px;padding-inline:var(--space-xl);margin-inline:auto}@media (max-width:768px){.container{padding-inline:var(--space-lg)}}.section{padding-block:var(--space-3xl)}@media (max-width:768px){.section{padding-block:var(--space-2xl)}}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--clr-border);border-radius:var(--radius-lg);background:#ffffff0a}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-sans);letter-spacing:.02em;cursor:pointer;transition:all var(--duration-med) var(--ease-out);white-space:nowrap;border:none;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--duration-fast);background:#ffffff1f;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 20px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f18c}.btn-outline{color:var(--clr-text);border:1px solid var(--clr-border-hover);background:0 0}.btn-outline:hover{border-color:var(--clr-primary);color:var(--clr-primary-2);transform:translateY(-2px)}.section-tag{align-items:center;gap:var(--space-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--clr-primary-2);margin-bottom:var(--space-md);font-size:.8rem;font-weight:600;display:inline-flex}.section-tag:before{content:"";background:var(--gradient-brand);border-radius:var(--radius-full);width:24px;height:2px;display:block}.section-title{margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3rem)}.section-subtitle{color:var(--clr-text-muted);max-width:520px;font-size:1.05rem;line-height:1.7}.orb{filter:blur(80px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.divider{background:linear-gradient(90deg, transparent, var(--clr-border-hover), transparent);height:1px;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fade-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}::selection{color:#fff;background:#6366f159}