@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--accent-purple:#f97316;--accent-purple-glow:#f9731626;--accent-blue:#0ea5e9;--accent-blue-glow:#0ea5e926;--glass-bg:#ffffffb3;--glass-border:#0000000d;--font-inter:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-inter);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes glowPulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.animate-fade-in-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.glass-panel{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.gradient-text{background:linear-gradient(135deg, var(--accent-purple), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.primary-btn{background:linear-gradient(135deg, var(--accent-purple), #ea580c);color:#fff;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #f973164d}.primary-btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.secondary-btn{color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.secondary-btn:hover{background:var(--bg-secondary);border-color:#94a3b8}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:120px 0}.text-center{text-align:center}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 64px;font-size:1.125rem}.navbar{z-index:1000;background:0 0;width:100%;padding:24px 0;transition:all .3s;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);background:#ffffffd9;padding:16px 0;box-shadow:0 1px 3px #0000000d}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent-purple), #ea580c);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 10px #f973164d}.logo-icon svg{color:#fff!important}.logo-text{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent-purple)}.nav-actions{gap:16px;display:flex}.desktop-only{display:flex}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.mobile-menu{display:none}@media (width<=768px){.desktop-only{display:none}.mobile-menu-btn{display:block}.mobile-menu{background:var(--bg-primary);border-bottom:1px solid var(--glass-border);flex-direction:column;width:100%;padding:24px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 10px 15px -3px #0000001a}.mobile-menu a{color:var(--text-primary);border-bottom:1px solid var(--glass-border);padding:16px 0;font-size:1.125rem;font-weight:500;text-decoration:none}.mobile-actions{flex-direction:column;gap:12px;margin-top:24px;display:flex}.w-full{justify-content:center;width:100%}}.hero{padding:180px 0 100px;position:relative;overflow:hidden}.hero-glow{filter:blur(120px);z-index:-1;opacity:.4;border-radius:50%;width:600px;height:600px;position:absolute}.hero-glow-1{background:var(--accent-purple-glow);width:700px;height:700px;top:-100px;left:-100px}.hero-glow-2{background:var(--accent-blue-glow);width:600px;height:600px;bottom:0;right:-100px}.hero-container{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.badge{color:var(--text-primary);background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #00000005}.badge-icon{color:var(--accent-purple)}.hero-title{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin:0 auto 40px;font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.6}.hero-cta{justify-content:center;gap:16px;margin-bottom:80px;display:flex}.hero-btn{padding:16px 36px;font-size:1.125rem}.hero-dash-mockup{perspective:1000px;width:100%;max-width:1000px;margin:0 auto}.mockup-window{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:10px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);animation:6s ease-in-out infinite float;transform:rotateX(5deg)scale(.95);box-shadow:0 25px 50px -12px #00000026}.mockup-window:hover{transform:rotateX(0)scale(1)}.mockup-header{gap:8px;padding:8px 12px 16px;display:flex}.mockup-dot{border-radius:50%;width:12px;height:12px}.mockup-dot.red{background:#ff5f56}.mockup-dot.yellow{background:#ffbd2e}.mockup-dot.green{background:#27c93f}.mockup-img{border-radius:8px;width:100%;display:block;box-shadow:0 4px 6px -1px #0000001a}@media (width<=768px){.hero-cta{flex-direction:column;align-items:stretch;width:100%;max-width:320px}}.features{background:var(--bg-secondary);position:relative}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:64px;display:grid}.feature-card{background:#fff;padding:40px 32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,-20%), #f973160d, transparent 40%);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.feature-card:hover{border-color:#e2e8f0;transform:translateY(-8px);box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000d}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.feature-icon-svg{width:32px;height:32px}.text-blue{color:var(--accent-blue)}.text-purple{color:var(--accent-purple)}.text-indigo{color:#6366f1}.feature-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:16px;font-size:1.5rem;font-weight:700}.feature-desc{color:var(--text-secondary);line-height:1.6}.highlight{background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;position:relative}.highlight-container{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.accent-purple-badge{color:#ea580c;background:#f973161a;border-color:#f973164d}.highlight-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:1.125rem;line-height:1.6}.highlight-list{flex-direction:column;gap:16px;margin-bottom:40px;list-style:none;display:flex}.highlight-list-item{align-items:center;gap:12px;font-size:1.05rem;display:flex}.check-icon{color:var(--accent-purple);flex-shrink:0}.mt-8{margin-top:32px}.highlight-visual{position:relative}.glow-backdrop{background:radial-gradient(circle, var(--accent-purple-glow) 0%, transparent 60%);filter:blur(50px);z-index:0;width:130%;height:130%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-preview{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:10px;transition:transform .5s;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg);box-shadow:0 25px 50px -12px #00000026}.app-preview:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.highlight-img{border-radius:8px;width:100%;display:block}.relative{position:relative}.z-10{z-index:10}@media (width<=992px){.highlight-container{text-align:center;grid-template-columns:1fr}.highlight-list{align-items:center}.highlight-visual{margin-top:40px}}.sales{background:var(--bg-secondary);position:relative}.sales-card{background:#fff;border-color:#f9731633;padding:80px 40px;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d}.sales-glow{background:radial-gradient(circle, var(--accent-purple-glow) 0%, transparent 60%);z-index:0;pointer-events:none;width:600px;height:600px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.sales-card>*{z-index:10;position:relative}.sales-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 48px;font-size:1.125rem;line-height:1.6}.sales-features{flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:56px;display:flex}.sales-feature{flex-direction:column;align-items:center;gap:16px;display:flex}.sf-icon{width:56px;height:56px;color:var(--accent-blue);background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;display:flex}.sales-feature span{color:var(--text-primary);font-size:1.05rem;font-weight:600}.sales-cta-wrapper{flex-direction:column;align-items:center;gap:16px;display:flex}.sales-btn{padding:16px 40px;font-size:1.125rem}.sales-contact-info{color:var(--text-secondary);font-size:.95rem}.sales-contact-info strong{color:var(--text-primary)}@media (width<=768px){.sales-card{padding:56px 24px}.sales-features{gap:32px}}.contact{background:#fff;border-top:1px solid #e2e8f0;position:relative}.contact-container{grid-template-columns:1fr 1fr;gap:64px;display:grid}.contact-desc{color:var(--text-secondary);max-width:480px;margin-bottom:48px;font-size:1.125rem;line-height:1.6}.contact-methods{flex-direction:column;gap:32px;display:flex}.contact-method{align-items:flex-start;gap:16px;display:flex}.method-icon{background:var(--bg-secondary);width:48px;height:48px;color:var(--accent-blue);border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-method h4{color:var(--text-primary);margin-bottom:4px;font-size:1.125rem;font-weight:700}.contact-method p{color:var(--text-secondary)}.contact-form-wrapper{background:#f8fafc;padding:40px}.contact-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.form-group input,.form-group textarea{color:var(--text-primary);font-family:var(--font-inter);background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:16px;font-size:1rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-purple);outline:none;box-shadow:0 0 0 3px #f9731626}::placeholder{color:#94a3b8}@media (width<=992px){.contact-container{grid-template-columns:1fr}}.footer{background:var(--bg-secondary);border-top:1px solid #e2e8f0;padding:100px 0 0}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:64px;margin-bottom:80px;display:flex}.footer-brand{max-width:320px}.footer-brand .logo{margin-bottom:24px}.footer-desc{color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.social-links{gap:16px;display:flex}.social-links a{width:40px;height:40px;color:var(--text-secondary);background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 1px 2px #0000000d}.social-links a:hover{color:var(--accent-purple);border-color:var(--accent-purple);transform:translateY(-2px)}.footer-links-group{flex-wrap:wrap;gap:80px;display:flex}.footer-links h4{color:var(--text-primary);margin-bottom:24px;font-size:1.125rem;font-weight:700}.footer-links a{color:var(--text-secondary);margin-bottom:12px;font-weight:500;text-decoration:none;transition:color .2s;display:block}.footer-links a:hover{color:var(--accent-purple)}.footer-bottom{text-align:center;color:var(--text-secondary);border-top:1px solid #e2e8f0;padding:32px 0;font-size:.875rem}@media (width<=768px){.footer-links-group{gap:40px}}
