:root{--bg-gradient-start:#0a0e27;--bg-gradient-end:#1a1f3a;--color-primary:#00d9ff;--color-accent:#8b5cf6;--text-primary:#ffffff;--text-secondary:rgba(255,255,255,.78);--radius-2xl:1rem;--radius-full:9999px;--container:1200px;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--shadow-lg:0 8px 32px rgba(0,0,0,.35);--glass-bg:rgba(255,255,255,.06);--glass-border:rgba(255,255,255,.12);--glass-blur:blur(20px) saturate(160%) brightness(110%);--transition:0.4s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text-primary);background:linear-gradient(180deg,var(--bg-gradient-start),var(--bg-gradient-end));font-family:"Space Grotesk",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-4)}.section{padding:calc(var(--space-12) + 64px) 0 var(--space-12)}h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.1;margin:0 0 var(--space-6)}h2{font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.2;margin:0 0 var(--space-6)}h3{font-size:1.125rem;margin:0 0 var(--space-2)}p{margin:0 0 var(--space-4);color:var(--text-secondary)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);transition:transform var(--transition),box-shadow var(--transition)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.45),inset 0 0 24px rgba(0,217,255,.18)}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.glass-card{background:rgba(255,255,255,.12)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:44px;padding:0 var(--space-6);border-radius:var(--radius-2xl);border:1px solid transparent;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#001018;box-shadow:0 8px 20px rgba(0,217,255,.18)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,217,255,.25)}.btn-outline{background:transparent;border-color:rgba(255,255,255,.2);color:var(--text-primary)}.btn-outline:hover{background:rgba(255,255,255,.06)}.nav{position:fixed;top:0;left:0;right:0;z-index:50}.glass-bar{background:rgba(255,255,255,.04);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}.nav-inner{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;letter-spacing:.3px}.nav-links{display:flex;gap:var(--space-6)}.nav-links a{opacity:.9}.nav-links a:hover{opacity:1}.hero{position:relative;min-height:100vh;display:flex;align-items:center}.hero #particles{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero-content{position:relative;z-index:1;max-width:820px}.hero .actions{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.feature-card{padding:var(--space-6)}.tech-grid,.usecases-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.cta{background:linear-gradient(135deg,rgba(0,217,255,.08),rgba(139,92,246,.08));border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.footer .footer-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.footer-links{display:flex;gap:var(--space-6)}.reveal-on-scroll{opacity:0;transform:translateY(16px);transition:opacity var(--transition),transform var(--transition)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}.tech-grid,.usecases-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.features-grid{grid-template-columns:repeat(4,1fr)}}