.hero{align-items:center;min-height:calc(100vh - 80px);padding:5rem 0 2rem;display:flex;position:relative;overflow:hidden}@supports (min-height:100svh){.hero{min-height:calc(100svh - 80px)}}.particles-canvas{z-index:0;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;grid-template-columns:1fr;align-items:center;gap:4rem;width:100%;max-width:100%;padding:0 4rem;display:grid;position:relative}.hero-text{--cursor-x:50%;--cursor-y:50%;--cursor-opacity:0;text-align:center;border-radius:20px;width:fit-content;margin:0 auto;padding:2rem;position:relative;overflow:hidden}.hero-text:before{content:"";background:radial-gradient(600px circle at var(--cursor-x,50%) var(--cursor-y,50%), #4fffc926 0%, #4fffc914 25%, #4fffc905 50%, transparent 70%);width:100%;height:100%;opacity:var(--cursor-opacity,0);pointer-events:none;z-index:-1;transition:opacity .3s;position:absolute;top:0;left:0}.hero-text:after{content:"";background:radial-gradient(300px circle at var(--cursor-x,50%) var(--cursor-y,50%), #4fffc940 0%, transparent 60%);width:100%;height:100%;opacity:var(--cursor-opacity,0);pointer-events:none;z-index:-1;filter:blur(20px);transition:opacity .3s;position:absolute;top:0;left:0}.badge{color:var(--primary);background:#4fffc90d;border:1px solid #4fffc933;border-radius:20px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.02em;margin:0 0 1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.gradient-text{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:#fff;max-width:100%;margin-bottom:2.5rem;font-size:1.25rem}.gradient-text-1{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.8rem;font-weight:700}.hero-actions{justify-content:center;gap:1rem;margin-bottom:20px;display:flex}.btn-lg{padding:.8rem 1.6rem;font-size:1.1rem}.btn-secondary{border:1px solid var(--border-light);color:var(--text-main);background:#ffffff0d;border-radius:8px}.btn-secondary:hover{background:#ffffff1a}.hero-stats{background:#0a0f1499;border:1px solid #4fffc933;border-radius:16px;justify-content:center;gap:1.5rem;margin-top:1rem;padding:1.5rem 2rem;display:flex;position:relative;overflow:visible;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d,0 0 80px #4fffc914}.hero-stats:before{content:"";background:linear-gradient(90deg,#0000,#4fffc966,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat{background:#4fffc908;border:1px solid #4fffc91a;border-radius:12px;flex-direction:column;align-items:center;min-width:100px;padding:1rem 1.5rem;transition:all .3s;display:flex;position:relative}.stat:hover{background:#4fffc914;border-color:#4fffc940;transform:translateY(-2px);box-shadow:0 8px 24px #4fffc91a}.stat-value{background:linear-gradient(135deg,#4fffc9,#00d4aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.dashboard-mockup{z-index:2;background:#fff;border-radius:16px;transition:transform .5s,box-shadow .5s;position:relative;overflow:hidden;transform:scale(1.1);box-shadow:0 30px 100px #00000080,0 0 40px #4fffc926}.dashboard-mockup:hover{transform:scale(1.12);box-shadow:0 35px 110px #0000008c,0 0 50px #4fffc933}.mockup-header{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.mockup-logo{align-items:center;gap:.4rem;display:flex}.mockup-logo-icon{font-size:1rem}.mockup-logo-text{color:#4ade80;font-size:.9rem;font-weight:700}.header-right{align-items:center;gap:.8rem;display:flex}.balance-badge{color:#fff;background:#22c55e;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:flex}.balance-icon{font-size:.7rem}.plus-btn{background:#fff3;border-radius:3px;margin-left:.2rem;padding:0 .3rem}.user-avatar{color:#fff;background:#f97316;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.6rem;font-weight:600;display:flex}.mockup-body{min-height:340px;display:flex}.mockup-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;width:100px;padding:.5rem 0}.sidebar-item{color:#64748b;cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .6rem;font-size:.55rem;transition:all .2s;display:flex}.sidebar-item:hover{background:#e2e8f0}.sidebar-item.active{color:#fff;background:#3b82f6}.sidebar-icon{font-size:.7rem}.mockup-main{background:#f8fafc;flex:1;padding:.8rem}.main-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.business-title{color:#1e293b;margin:0;font-size:.85rem;font-weight:700}.kyc-badge{color:#fff;background:#22c55e;border-radius:4px;padding:.2rem .5rem;font-size:.5rem;font-weight:600}.stats-row{gap:.5rem;margin-bottom:.8rem;display:flex}.stat-card{color:#1e293b;border:none;border-radius:10px;flex:1;align-items:center;gap:.5rem;padding:.6rem .7rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000014;background:#fff!important}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.stat-icon{font-size:.9rem}.stat-icon.agents{color:#3b82f6}.stat-icon.minutes{color:#8b5cf6}.stat-icon.calls{color:#22c55e}.stat-info{flex-direction:column;display:flex}.stat-card .stat-label{color:#64748b;font-size:.45rem}.stat-number{color:#1e293b;font-size:.75rem;font-weight:700}.chart-section{gap:.5rem;display:flex}.chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:2;padding:.5rem}.chart-title,.section-title{color:#1e293b;margin-bottom:.4rem;font-size:.55rem;font-weight:600;display:block}.line-chart{height:60px}.chart-svg{width:100%;height:100%}.agents-status{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:.5rem}.agent-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.agent-row:last-child{border-bottom:none}.agent-name{color:#475569;font-size:.5rem}.agent-status{border-radius:3px;padding:.1rem .3rem;font-size:.45rem;font-weight:600}.agent-status.online{color:#16a34a;background:#dcfce7}.agent-status.busy{color:#d97706;background:#fef3c7}.glow-effect{z-index:1;pointer-events:none;background:radial-gradient(circle,#4fffc926 0%,#0000 70%);width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1440px){.hero{padding:4rem 0 2rem}.hero-content{gap:3rem;padding:0 3rem}.hero h1{font-size:3.5rem}.gradient-text-1{font-size:2.4rem}.hero-description{max-width:500px;font-size:1.15rem}.dashboard-mockup{transform:scale(1)}.dashboard-mockup:hover{transform:scale(1.02)}}@media (max-width:1024px){.hero{min-height:auto;padding:6rem 0 4rem}.hero-content{text-align:center;grid-template-columns:1fr;gap:3rem;padding:0 2rem}.hero-text{width:100%;max-width:700px;margin:0 auto;padding:0}.hero h1{font-size:3rem}.gradient-text-1{font-size:2rem}.hero-description{max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.hero-actions{justify-content:center}.hero-stats{justify-content:center;gap:1rem;max-width:600px;margin:1rem auto 0;padding:1.2rem 1.5rem}.stat{min-width:80px;padding:.8rem 1rem}.stat-value{font-size:1.4rem}.stat-label{font-size:.7rem}.dashboard-mockup{max-width:80%;margin-top:1rem;margin-left:auto;margin-right:auto;transform:none}.dashboard-mockup:hover{transform:translateY(-5px)}}@media (max-width:768px){.hero{padding:5rem 0 3rem}.hero-content{gap:2rem;padding:0 1.5rem}.hero-text{width:100%;max-width:100%;padding:1rem 0}.hero h1{word-break:break-word;margin-bottom:1.2rem;font-size:2.5rem}.gradient-text-1{font-size:1.6rem;line-height:1.3}.hero-description{max-width:100%;margin-bottom:1.5rem;padding:0 .5rem;font-size:1.05rem;line-height:1.6}.hero-description br{display:none}.hero-actions{justify-content:center;margin-bottom:1.5rem}.hero-actions .btn-lg{border-radius:50px;width:auto;min-height:48px;padding:1rem 2.5rem;font-size:1rem}.hero-stats{box-sizing:border-box;flex-flow:wrap;justify-content:center;gap:.8rem;width:100%;margin-top:.5rem;padding:1rem}.stat{flex:auto;min-width:80px;padding:.8rem 1rem}.stat-value{font-size:1.3rem}.stat-label{font-size:.7rem}}@media (max-width:576px){.hero{min-height:auto;padding-top:80px;padding-bottom:2rem}.hero-content{gap:1.5rem;padding:0 1.25rem}.hero-text{width:100%;padding:0}.badge{margin-bottom:1.2rem;padding:.35rem .9rem;font-size:.8rem}.hero h1{word-break:break-word;margin-bottom:1rem;font-size:2rem;line-height:1.2}.hero h1 br{display:none}.gradient-text-1{margin-bottom:.5rem;font-size:1.3rem;line-height:1.3}.hero-description{margin-bottom:1.5rem;padding:0;font-size:.95rem;line-height:1.7}.hero-actions{flex-direction:column;align-items:center;gap:.8rem;width:100%;margin-bottom:1.5rem}.hero-actions .btn-lg{text-align:center;border-radius:50px;width:auto;min-width:220px;min-height:50px;padding:1rem 2rem;font-size:1rem}.hero-stats{box-sizing:border-box;flex-direction:column;gap:.6rem;width:100%;margin-top:.5rem;padding:1rem}.stat{box-sizing:border-box;flex-direction:row;flex:none;justify-content:space-between;align-items:center;width:100%;min-width:0;padding:.8rem 1.2rem;display:flex}.stat-value{margin-bottom:0;font-size:1.25rem}.stat-label{font-size:.75rem}.hero-stats:before{display:none}}@media (max-width:380px){.hero{padding-top:70px}.hero-content{padding:0 1rem}.hero h1{font-size:1.6rem}.gradient-text-1{font-size:1.1rem}.hero-description{font-size:.88rem}.badge{padding:.25rem .6rem;font-size:.7rem}.hero-actions .btn-lg{min-width:200px;padding:.85rem 1.5rem;font-size:.9rem}.stat{padding:.6rem 1rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.65rem}}
.features{box-sizing:border-box;background:linear-gradient(#050a14 0%,#0a1a1f 15%,#112a30 40%,#051016 100%);align-items:center;min-height:100vh;padding:2rem 0;display:flex;position:relative;overflow:hidden}.features:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% 30%,#00f2ea14 0%,#0000 50%),radial-gradient(60% 40% at 80% 100%,#00b4d814 0%,#0000 50%);position:absolute;inset:0}.features>.container{z-index:1;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;width:100%;padding:1rem 0;display:flex;position:relative}.section-header{text-align:center;margin-bottom:1.5rem}.section-header h2{opacity:0;margin-bottom:.5rem;font-size:2.2rem;animation:.8s forwards fadeInUp}.gradient-text-1{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-2{background:linear-gradient(135deg,#fff 0%,#00f2ea 40%,#00b4d8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 2px #00f2ea4d);-webkit-background-clip:text;background-clip:text}.section-header p{color:var(--text-muted);opacity:0;max-width:600px;margin:0 auto;font-size:1rem;animation:.8s .2s forwards fadeInUp}.features-grid{background:0 0;grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.feature-card{--mouse-x:50%;--mouse-y:50%;-webkit-backdrop-filter:blur(20px);opacity:0;background:#0a0f1499;border:1px solid #00f2ea33;border-radius:20px;padding:1.25rem;transition:all .4s cubic-bezier(.165,.84,.44,1);animation:.6s forwards cardFadeIn;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d}.feature-card:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#00f2ea66,#0000);height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #00f2ea26, transparent 40%);opacity:0;pointer-events:none;z-index:0;transition:opacity .4s;position:absolute;inset:0}.feature-card:hover:before,.feature-card:hover:after{opacity:1}.feature-card:hover{background:#0a0f14bf;border-color:#00f2ea80;transform:translateY(-8px);box-shadow:0 20px 40px #00000080,0 0 60px #00f2ea26,inset 0 0 0 1px #ffffff1a}.feature-card.highlight{background:linear-gradient(145deg,#081414b3 0%,#00f2ea1f 100%);border-color:#00f2ea66;box-shadow:0 8px 32px #0006,0 0 40px #00f2ea1a,inset 0 0 0 1px #ffffff0d}.feature-card.highlight:after{background:linear-gradient(135deg,#00f2ea26 0%,#0000 50%,#00f2ea1a 100%);height:100%}.feature-card.highlight:hover{background:linear-gradient(145deg,#081414cc 0%,#00f2ea2e 100%);box-shadow:0 20px 40px #00000080,0 0 80px #00f2ea33,inset 0 0 0 1px #ffffff1a}.feature-icon{z-index:1;background:linear-gradient(135deg,#00f2ea33 0%,#00f2ea0d 100%);border:1px solid #00f2ea33;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.75rem;padding:10px;transition:all .4s;display:flex;position:relative}.feature-icon svg{color:#00f2ea;width:28px;height:28px;transition:all .4s}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#00f2ea4d 0%,#00f2ea1a 100%);border-color:#00f2ea66;transform:scale(1.05);box-shadow:0 8px 20px #00f2ea33}.feature-card:hover .feature-icon svg{filter:drop-shadow(0 0 8px #00f2ea80);transform:scale(1.1)}.feature-card.highlight .feature-icon{animation:3s ease-in-out infinite iconPulse}.feature-card h3{color:var(--text-main);z-index:1;margin-bottom:.5rem;font-size:1.1rem;transition:color .3s;position:relative}.feature-card:hover h3{color:#fff}.feature-card p{color:var(--text-muted);z-index:1;font-size:.85rem;line-height:1.5;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes iconPulse{0%,to{box-shadow:0 0 #00f2ea66}50%{box-shadow:0 0 20px 5px #00f2ea33}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.feature-card:hover .feature-icon{animation:2s ease-in-out infinite iconFloat}.feature-card.highlight:hover .feature-icon{animation:2s ease-in-out infinite iconFloat,3s ease-in-out infinite iconPulse}@media (max-width:1440px){.section-header h2{font-size:2.1rem}.features-grid{gap:1rem}.feature-card{padding:1.15rem}}@media (max-width:1024px){.features{height:auto;min-height:100vh;padding:4rem 0}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{padding:1.25rem}.section-header{margin-bottom:2rem}}@media (max-width:768px){.features{height:auto;min-height:auto;padding:3rem 0}.features>.container{padding:0 1rem}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;line-height:1.3}.section-header p{font-size:.9rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{border-radius:14px;padding:1rem}.feature-icon{width:40px;height:40px;margin-bottom:.6rem;padding:8px}.feature-icon svg{width:24px;height:24px}.feature-card h3{margin-bottom:.4rem;font-size:1rem}.feature-card p{font-size:.8rem;line-height:1.45}}