@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800&display=swap";:root{--black: #000000;--surface-50: #08080A;--surface-100: #0E0E12;--surface-200: #16161C;--surface-300: #1E1E26;--surface-400: #2A2A36;--surface-500: #4A4A5A;--surface-600: #72728A;--surface-700: #9E9EB2;--surface-800: #CDCDE0;--surface-900: #F0F0F8;--accent: #FFFFFF;--accent-dim: #C8C8D8;--accent-glow: rgba(255, 255, 255, .12);--accent-subtle: rgba(255, 255, 255, .06);--accent-border: rgba(255, 255, 255, .12);--color-blue: #6C9CFF;--color-red: #FF6B6B;--color-purple: #A78BFA;--color-orange: #FB923C;--color-cyan: #22D3EE;--color-pink: #F472B6;--color-yellow: #FBBF24;--color-green: #34D399;--gradient-primary: linear-gradient(135deg, #6C9CFF 0%, #A78BFA 50%, #F472B6 100%);--gradient-hero: linear-gradient(135deg, #6C9CFF 0%, #A78BFA 100%);--gradient-warm: linear-gradient(135deg, #FB923C 0%, #F472B6 100%);--gradient-cool: linear-gradient(135deg, #22D3EE 0%, #6C9CFF 100%);--gradient-neon: linear-gradient(135deg, #34D399 0%, #22D3EE 100%);--glass-bg: rgba(14, 14, 18, .65);--glass-bg-alt: rgba(14, 14, 18, .4);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.25, .8, .25, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--transition: all .4s var(--ease-smooth);--transition-fast: all .2s var(--ease-smooth);--shadow-sm: 0 2px 8px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 8px 32px rgba(0,0,0,.5);--shadow-lg: 0 24px 64px rgba(0,0,0,.7);--shadow-glow: 0 0 40px rgba(108, 156, 255, .08);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background-color:var(--black);color:var(--surface-900);font-family:var(--font-sans);line-height:1.6;color-scheme:dark;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.03em;line-height:1.12;color:var(--surface-900)}p{color:var(--surface-600)}a{color:inherit;text-decoration:none}::selection{background:var(--color-blue);color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-400);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--surface-500)}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-label{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--surface-800);background:var(--accent-subtle);border:1px solid var(--glass-border);margin-bottom:20px;line-height:1;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card{background:var(--surface-100);border:1px solid var(--glass-border);border-radius:16px;transition:var(--transition);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .4s ease}.card:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:var(--shadow-md)}.card:hover:before{opacity:1}.card-glow{background:var(--surface-100);border:1px solid var(--glass-border);border-radius:16px;position:relative;overflow:hidden;transition:var(--transition)}.card-glow:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:var(--gradient-primary);opacity:0;transition:var(--transition)}.card-glow:after{content:"";position:absolute;top:0;left:20%;right:20%;height:60px;background:linear-gradient(180deg,rgba(108,156,255,.06) 0%,transparent 100%);opacity:0;transition:var(--transition)}.card-glow:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-glow:hover:before{opacity:1;left:0%;right:0%}.card-glow:hover:after{opacity:1;left:0%;right:0%}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:100px;font-size:.875rem;font-weight:700;letter-spacing:-.01em;border:none;cursor:pointer;transition:var(--transition);background:var(--accent);color:var(--black);box-shadow:0 0 24px #ffffff1f,0 2px 8px #0000004d;line-height:1;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.btn-primary:hover{background:#f0f0f8;transform:translateY(-2px);box-shadow:0 0 40px #fff3,0 8px 24px #0000004d}.btn-primary:hover:before{transform:translate(100%)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:100px;font-size:.875rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:var(--transition);background:#ffffff0a;color:var(--surface-800);border:1px solid rgba(255,255,255,.12);line-height:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-secondary:hover{border-color:#ffffff3d;background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.text-gradient-white{background:linear-gradient(180deg,#fff,#88a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent{color:var(--accent)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--surface-300),transparent)}.icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--surface-200);border:1px solid var(--glass-border);color:var(--surface-700);transition:var(--transition);flex-shrink:0}.icon-box-blue{color:var(--color-blue);background:#6c9cff1a;border-color:#6c9cff26}.icon-box-red{color:var(--color-red);background:#ff6b6b1a;border-color:#ff6b6b26}.icon-box-purple{color:var(--color-purple);background:#a78bfa1a;border-color:#a78bfa26}.icon-box-orange{color:var(--color-orange);background:#fb923c1a;border-color:#fb923c26}.icon-box-cyan{color:var(--color-cyan);background:#22d3ee1a;border-color:#22d3ee26}.icon-box-pink{color:var(--color-pink);background:#f472b61a;border-color:#f472b626}.icon-box-yellow{color:var(--color-yellow);background:#fbbf241a;border-color:#fbbf2426}.icon-box-green{color:var(--color-green);background:#34d3991a;border-color:#34d39926}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;font-size:.68rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;line-height:1}.badge-blue{color:var(--color-blue);border:1px solid rgba(108,156,255,.25);background:#6c9cff14}.badge-green{color:var(--color-green);border:1px solid rgba(52,211,153,.25);background:#34d39914}.badge-purple{color:var(--color-purple);border:1px solid rgba(167,139,250,.25);background:#a78bfa14}.badge-orange{color:var(--color-orange);border:1px solid rgba(251,146,60,.25);background:#fb923c14}.badge-cyan{color:var(--color-cyan);border:1px solid rgba(34,211,238,.25);background:#22d3ee14}.badge-pink{color:var(--color-pink);border:1px solid rgba(244,114,182,.25);background:#f472b614}.badge-yellow{color:var(--color-yellow);border:1px solid rgba(251,191,36,.25);background:#fbbf2414}@media(min-width:768px){.hide-desktop{display:none!important}.show-desktop{display:flex!important}}@media(max-width:767px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.show-desktop{display:none!important}}.hero-mockup-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.hero-mockup-scroll-container::-webkit-scrollbar{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{border-color:#6c9cff33}50%{border-color:#a78bfa66}}.grid-bg{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px}.noise-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}