:root{--white:#fff;--black:#0a0a0f;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--accent:#7c3aed;--accent-light:#a78bfa;--accent-dark:#5b21b6;--accent-glow:#7c3aed26;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Inter", system-ui, -apple-system, sans-serif;font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--gray-50);color:var(--gray-600);overflow-x:hidden}#root{width:100%;min-height:100vh;position:relative}::selection{background:var(--accent);color:var(--white)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.app{position:relative;overflow:hidden}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.bg-gradient-orb{pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed0f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;transition:transform .3s ease-out;position:fixed;top:-200px;right:-200px}.bg-gradient-orb.or2{background:radial-gradient(circle,#3b82f60d 0%,#0000 70%);width:500px;height:500px;inset:auto auto -150px -150px}.bg-noise{opacity:.02;pointer-events:none;z-index:0;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");background-size:256px 256px;position:fixed;inset:0}.particles{pointer-events:none;z-index:0;position:fixed;inset:0}.particle{background:var(--accent);opacity:.08;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{opacity:.08;transform:translateY(0)scale(1)}25%{opacity:.18;transform:translateY(-20px)scale(1.2)}50%{opacity:.05;transform:translateY(0)scale(.8)}75%{opacity:.14;transform:translateY(15px)scale(1.1)}}.nav{z-index:100;padding:0 24px;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;display:flex}.nav-logo{background:linear-gradient(135deg, var(--accent), var(--accent-dark));-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.nav-cta{border:1px solid var(--accent);color:var(--accent);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;background:0 0;border-radius:10px;padding:8px 20px;text-decoration:none;transition:all .25s}.nav-cta:hover{background:var(--accent);color:var(--white);box-shadow:0 0 20px var(--accent-glow)}.hero{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 24px 40px;display:flex;position:relative}.hero-glow{pointer-events:none;background:radial-gradient(circle,#7c3aed0a 0%,#0000 60%);border-radius:50%;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:2;max-width:800px;position:relative}.hero-badge{letter-spacing:.5px;text-transform:uppercase;color:var(--accent);background:#7c3aed0f;border:1px solid #7c3aed26;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 16px;font-size:12px;font-weight:600;animation:.8s fadeUp;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #7c3aed4d}50%{opacity:.7;box-shadow:0 0 0 8px #7c3aed00}}.hero-title{margin:0 0 24px;animation:.8s .1s both fadeUp}.hero-title-line{letter-spacing:-3px;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 40%, #6366f1 70%, #3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(56px,10vw,104px);font-weight:800;line-height:1;display:block}.hero-title-sub{color:var(--gray-400);letter-spacing:0;font-size:22px;font-weight:400;display:block}.hero-desc{color:var(--gray-500);max-width:560px;margin:0 auto 40px;font-size:18px;line-height:1.7;animation:.8s .2s both fadeUp}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;animation:.8s .3s both fadeUp;display:flex}.price-chip{border-left:2px solid var(--gray-200);flex-direction:column;align-items:flex-start;padding:10px 24px;display:flex}.price-amount{color:var(--gray-800);letter-spacing:-.5px;font-size:26px;font-weight:700}.price-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--gray-400);margin-top:2px;font-size:11px}.hero-metrics{justify-content:center;align-items:center;gap:32px;margin-top:56px;animation:.8s .4s both fadeUp;display:flex}.metric{flex-direction:column;align-items:center;gap:2px;display:flex}.metric-value{color:var(--gray-800);letter-spacing:-.5px;font-size:32px;font-weight:700}.metric-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--gray-400);font-size:12px}.metric-divider{background:var(--gray-200);width:1px;height:36px}.hero-scroll-indicator{animation:.8s .6s both fadeUp;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-mouse{border:2px solid var(--gray-300);border-radius:12px;width:24px;height:38px;position:relative}.scroll-dot{background:var(--accent);border-radius:2px;width:4px;height:8px;animation:2s ease-in-out infinite scrollAnim;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scrollAnim{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(16px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;line-height:1;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:var(--white);position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--accent-light), var(--accent));opacity:0;transition:opacity .3s;position:absolute;inset:0}.btn-primary span,.btn-primary svg{z-index:1;position:relative}.btn-primary:hover:before{opacity:1}.btn-primary:hover{box-shadow:0 0 30px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-200);border-color:var(--accent);color:var(--accent)}.section-header{text-align:center;max-width:640px;margin:0 auto 56px}.section-tag{letter-spacing:.5px;text-transform:uppercase;color:var(--accent);background:#7c3aed0f;border:1px solid #7c3aed1f;border-radius:6px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.section-title{color:var(--gray-800);letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.2}.section-desc{color:var(--gray-500);font-size:16px;line-height:1.7}.features{z-index:1;padding:100px 24px;position:relative}.features-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.feature-card{border:1px solid var(--gray-200);background:var(--white);text-align:left;border-radius:16px;padding:32px 24px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.feature-card:hover{border-color:var(--accent);background:var(--white);transform:translateY(-4px);box-shadow:0 12px 40px #7c3aed14}.card-glow{pointer-events:none;opacity:0;background:radial-gradient(circle,#7c3aed14 0%,#0000 70%);border-radius:50%;width:120px;height:120px;transition:opacity .4s;position:absolute;top:-30px;right:-30px}.feature-card:hover .card-glow{opacity:1}.card-icon{width:48px;height:48px;color:var(--accent);background:#7c3aed0f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;transition:all .3s;display:flex}.feature-card:hover .card-icon{background:#7c3aed1a;box-shadow:0 0 20px #7c3aed1a}.feature-card h3{color:var(--gray-800);margin-bottom:8px;font-size:18px;font-weight:600}.feature-card p{color:var(--gray-500);margin:0;font-size:14px;line-height:1.6}.uses{z-index:1;padding:100px 24px;position:relative}.uses-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.use-item{border:1px solid var(--gray-200);background:var(--white);text-align:left;border-radius:12px;padding:28px 24px;transition:all .3s;box-shadow:0 1px 3px #0000000a}.use-item:hover{border-color:var(--accent);box-shadow:0 8px 24px #7c3aed0f}.use-number{color:#7c3aed1f;font-size:32px;font-weight:800;line-height:1;font-family:var(--font-display);margin-bottom:16px}.use-item h4{color:var(--gray-800);margin-bottom:8px;font-size:16px;font-weight:600}.use-item p{color:var(--gray-500);margin:0;font-size:14px;line-height:1.6}.cta-sale{z-index:1;text-align:center;padding:100px 24px;position:relative}.cta-sale-glow{pointer-events:none;background:radial-gradient(circle,#7c3aed0a 0%,#0000 60%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-sale-content{z-index:1;max-width:560px;margin:0 auto;position:relative}.cta-sale-title{color:var(--gray-800);letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(28px,4vw,38px);font-weight:700;line-height:1.2}.cta-sale-desc{color:var(--gray-500);margin-bottom:36px;font-size:16px;line-height:1.7}.btn-large{border-radius:14px;padding:18px 36px;font-size:17px}.footer{border-top:1px solid var(--gray-200);z-index:1;background:var(--white);position:relative}.footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:24px;display:flex}.footer-logo{color:var(--gray-400);font-size:15px;font-weight:600}.footer-text{color:var(--gray-400);font-size:13px}@media (width<=1024px){.features-grid,.uses-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hero{padding:80px 20px 32px}.hero-title-line{letter-spacing:-1.5px;font-size:44px}.hero-title-sub{font-size:17px}.hero-desc{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.price-chip{border-left:none;border-top:2px solid var(--gray-200);align-items:center;padding:12px 0 0}.hero-metrics{gap:20px;margin-top:40px}.metric-value{font-size:26px}.features,.uses,.cta-sale{padding:60px 20px}.features-grid,.uses-grid{grid-template-columns:1fr;gap:12px}.section-header{margin-bottom:36px}.btn-large{justify-content:center;width:100%}.nav{padding:0 16px}.footer-inner{text-align:center;flex-direction:column;gap:8px}}