@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--blue:#2563eb;--violet:#7c3aed;--blue2:#60a5fa;--glass:#ffffff0d;--glass2:#ffffff14;--border:#ffffff1a;--text:#cbd5e1;--white:#fff}a{color:inherit;text-decoration:none}.scrollBar{background:linear-gradient(90deg, var(--blue), var(--violet));z-index:9999;width:0%;height:2px;position:fixed;top:0;left:0}.noise{opacity:.035;pointer-events:none;z-index:1;background-image:radial-gradient(#fff9 .5px,#0000 .5px);background-size:3px 3px;position:fixed;inset:0}.aurora{filter:blur(130px);z-index:-1;border-radius:50%;animation:10s ease-in-out infinite auroraPulse;position:fixed}.aurora1{background:#2563eb42;width:700px;height:700px;top:-230px;left:-230px}.aurora2{background:#7c3aed38;width:620px;height:620px;animation-delay:-3s;bottom:-180px;right:-180px}.aurora3{background:#60a5fa1f;width:420px;height:420px;animation-delay:-6s;top:42%;left:50%}@keyframes auroraPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.gridBg{opacity:.5;z-index:-2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:52px 52px;animation:26s linear infinite gridMove;position:fixed;inset:0}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(-52px)}}.mouseLight{pointer-events:none;z-index:1;background:radial-gradient(circle,#2563eb1f,#0000 70%);border-radius:50%;width:360px;height:360px;transition:transform 80ms linear;position:fixed}.navbar{z-index:100;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-bottom:1px solid var(--border);background:#020617b8;justify-content:space-between;align-items:center;width:100%;padding:20px 8%;display:flex;position:sticky;top:0}.brand,.footerBrand{letter-spacing:-.6px;align-items:center;gap:14px;font-size:22px;font-weight:900;display:flex}.brandIcon{background:linear-gradient(135deg, var(--blue), var(--violet));border-radius:16px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 0 25px #2563eb73,0 0 60px #7c3aed47}.smallIcon{border-radius:13px;width:40px;height:40px}.navLinks{gap:32px;display:flex}.navLinks a{color:var(--text);font-size:15px;font-weight:600;transition:all .3s;position:relative}.navLinks a:after{content:"";background:var(--blue2);width:0;height:1px;transition:all .3s;position:absolute;bottom:-5px;left:0}.navLinks a:hover{color:#fff}.navLinks a:hover:after{width:100%}.navBtn,.btnPrimary{background:linear-gradient(135deg, var(--blue), var(--violet));color:#fff;white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:13px 26px;font-weight:800;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 22px #2563eb59}.btnPrimary{border-radius:16px;padding:17px 30px;font-size:16px;box-shadow:0 0 28px #2563eb59,0 0 60px #7c3aed2e}.navBtn:hover,.btnPrimary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 0 34px #2563eb8c}.btnPrimary:before{content:"";filter:blur(40px);background:#ffffff2e;border-radius:50%;width:200px;height:200px;animation:5s linear infinite btnGlow;position:absolute;top:-100px;left:-100px}@keyframes btnGlow{0%{transform:translate(-60px)}50%{transform:translate(200px)}to{transform:translate(-60px)}}.btnGhost{border:1px solid var(--border);color:#fff;background:var(--glass);border-radius:16px;align-items:center;gap:10px;padding:17px 30px;font-size:16px;font-weight:800;transition:all .3s;display:inline-flex}.btnGhost:hover{background:var(--glass2);border-color:#fff3;transform:translateY(-3px)}.hero{flex-wrap:wrap;align-items:center;gap:70px;min-height:100vh;padding:150px 8% 100px;display:flex;position:relative;overflow:hidden}.heroLeft{z-index:2;flex:1;min-width:320px;max-width:680px}.heroRight{perspective:1200px;flex:1;justify-content:center;align-items:center;min-width:320px;display:flex;position:relative}.pill{color:var(--blue2);background:#2563eb24;border:1px solid #2563eb52;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-3px;margin-bottom:24px;font-size:clamp(42px,5.8vw,76px);font-weight:900;line-height:1.05}.grad{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#dbeafe,#c4b5fd,#fff) 0 0/300%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite gradMove}@keyframes gradMove{0%{background-position:0%}to{background-position:300%}}.hero p{color:var(--text);max-width:650px;margin-bottom:34px;font-size:19px;line-height:1.8}.heroActions{flex-wrap:wrap;gap:16px;margin-bottom:44px;display:flex}.heroStats{flex-wrap:wrap;gap:34px;display:flex}.statItem{background:#ffffff0b;border:1px solid #ffffff14;border-radius:20px;min-width:140px;padding:18px 20px}.statItem strong{color:#fff;letter-spacing:-.6px;font-size:22px;font-weight:900;display:block}.statItem span{color:var(--text);font-size:13px}.orbCanvas{z-index:0;border-radius:50%;width:100%;max-width:600px;height:500px;position:absolute}.dashboard{z-index:2;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#ffffff0e;border:1px solid #ffffff1f;border-radius:30px;width:100%;max-width:560px;padding:28px;animation:5s ease-in-out infinite float;position:relative;box-shadow:0 0 50px #2563eb33,inset 0 0 30px #ffffff06}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.winTop{align-items:center;gap:8px;margin-bottom:22px;display:flex}.winDot{border-radius:50%;width:11px;height:11px}.winDot.r{background:#ef4444}.winDot.y{background:#f59e0b}.winDot.g{background:#22c55e}.winTop p{color:var(--text);margin-left:10px;font-size:13px;font-weight:700}.miniCards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.miniCard{border:1px solid var(--border);text-align:center;background:#fff1;border-radius:18px;padding:16px 14px;transition:all .4s}.miniCard:hover{transform:translateY(-6px);box-shadow:0 0 25px #2563eb40}.miniCard svg{color:#93c5fd;margin-bottom:8px}.miniCard strong{margin-bottom:3px;font-size:22px;font-weight:900;display:block}.miniCard span{color:var(--text);font-size:12px}.chartPanel{background:#0003;border-radius:20px;align-items:flex-end;gap:10px;height:160px;margin-bottom:16px;padding:14px;display:flex}.bar{background:linear-gradient(to top, var(--blue), var(--violet));border-radius:10px 10px 4px 4px;flex:1;animation:2.8s infinite pulse,3s ease-in-out infinite barAnim;box-shadow:0 0 15px #2563eb59}@keyframes pulse{50%{opacity:.7}}@keyframes barAnim{50%{transform:scaleY(.82)}}.schedList{flex-direction:column;gap:10px;display:flex}.schedRow{background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .4s;display:flex}.schedRow:hover{transform:translateY(-4px);box-shadow:0 0 20px #2563eb33}.schedRow strong{font-size:14px;font-weight:700;display:block}.schedRow span{color:var(--text);font-size:12px}.schedRow b{color:#93c5fd;font-size:14px}.section{padding:120px 8%;position:relative}.sectionCenter{text-align:center;max-width:900px;margin:0 auto 70px}.sectionCenter h2,.sectionText h2{letter-spacing:-2px;margin-bottom:16px;font-size:clamp(34px,4.7vw,58px);font-weight:900;line-height:1.12}.sectionCenter p,.sectionText p{color:var(--text);font-size:18px;line-height:1.75}.splitSection{flex-wrap:wrap;align-items:center;gap:80px;display:flex}.sectionText{flex:1;min-width:300px}.problemGrid{flex:1;grid-template-columns:repeat(2,1fr);gap:18px;min-width:300px;display:grid}.problemCard,.featureCard,.advCard{background:var(--glass);border:1px solid var(--border);border-radius:24px;padding:28px;transition:all .4s;position:relative;overflow:hidden}.problemCard:before,.featureCard:before{content:"";background:linear-gradient(135deg, var(--blue), var(--violet));filter:blur(80px);opacity:.18;width:200px;height:200px;position:absolute;top:-80px;right:-80px}.problemCard:hover,.featureCard:hover,.advCard:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 0 40px #2563eb3b,0 0 70px #7c3aed24}.cardIcon{background:linear-gradient(135deg, var(--blue), var(--violet));z-index:2;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:18px;display:grid;position:relative;box-shadow:0 0 20px #2563eb59}.problemCard h3,.featureCard h3,.advCard h3{letter-spacing:-.6px;z-index:2;margin-bottom:10px;font-size:20px;font-weight:900;position:relative}.problemCard p,.featureCard p,.advCard p{color:var(--text);z-index:2;font-size:15px;line-height:1.7;position:relative}.featureGrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.featureCard{border-radius:28px;min-height:230px;padding:32px}.advantageGrid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.advCard{border-radius:28px;padding:36px}.advCard:after{content:attr(data-num);color:#2563eb1f;font-size:72px;font-weight:900;line-height:1;position:absolute;top:16px;right:24px}.timeline{flex-direction:column;max-width:760px;margin:0 auto;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, transparent, var(--blue), var(--violet), transparent);width:1px;position:absolute;top:0;bottom:0;left:23px}.stepCard{align-items:flex-start;gap:28px;padding:32px 32px 32px 0;transition:all .4s;display:flex}.stepCard:hover{transform:translate(10px)}.stepDot{background:linear-gradient(135deg, var(--blue), var(--violet));z-index:1;border-radius:50%;place-items:center;width:48px;min-width:48px;height:48px;font-size:16px;font-weight:900;display:grid;position:relative;box-shadow:0 0 20px #2563eb80}.stepCard h3{letter-spacing:-.5px;margin-bottom:8px;font-size:20px;font-weight:900}.stepCard p{color:var(--text);font-size:15px;line-height:1.7}.cinematicSection{background:radial-gradient(at 30%,#2563eb14,#0000 60%),radial-gradient(at 70%,#7c3aed14,#0000 60%)}.ctaSection{padding:80px 8%}.ctaBox{text-align:center;border:1px solid var(--border);background:radial-gradient(circle at 0 0,#2563eb40,#0000 40%),radial-gradient(circle at 100% 100%,#7c3aed40,#0000 40%),#ffffff0a;border-radius:40px;padding:90px 55px;box-shadow:0 0 80px #2563eb26}.ctaPill{margin-bottom:28px}.ctaBox h2{letter-spacing:-2px;color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;margin-bottom:22px;font-size:clamp(36px,5vw,62px);font-weight:900;line-height:1.1}.ctaBox p{color:var(--text);margin-bottom:36px;font-size:20px}.bigBtn{padding:22px 40px;font-size:18px}.contactInfo{color:var(--text);flex-wrap:wrap;justify-content:center;gap:36px;margin-top:32px;font-size:14px;display:flex}footer{color:var(--text);border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:36px 8%;display:flex}.footerInfo{flex-wrap:wrap;gap:20px;font-size:13px;display:flex}.reveal{opacity:0;filter:blur(12px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s;transform:translateY(50px)}.reveal.visible{opacity:1;filter:none;transform:none}@media (width<=1100px){.featureGrid,.advantageGrid{grid-template-columns:1fr}.splitSection{flex-direction:column}.problemGrid{grid-template-columns:1fr}.navLinks,.navBtn{display:none}footer{text-align:center;flex-direction:column}}@media (width<=700px){.hero{text-align:center;flex-direction:column;padding:135px 5% 80px}.hero h1{letter-spacing:-2px;font-size:clamp(38px,11vw,54px)}.heroActions,.heroStats{justify-content:center}.ctaBox{padding:55px 24px}.miniCards{grid-template-columns:1fr}.orbCanvas{display:none}.dashboard{max-width:100%}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#020617;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{text-decoration:none}.site{min-height:100vh;position:relative;overflow:hidden}.bg{filter:blur(180px);z-index:-2;opacity:.35;border-radius:50%;width:700px;height:700px;position:fixed}.bg1{background:#2563eb;top:-200px;left:-200px}.bg2{background:#7c3aed;bottom:-200px;right:-200px}body:before{content:"";opacity:.3;pointer-events:none;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite moveBg;position:fixed;inset:0}@keyframes moveBg{0%{transform:translateY(0)}to{transform:translateY(-60px)}}.header{z-index:100;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#020617a6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;padding:25px 8%;display:flex;position:sticky;top:0}.logo{align-items:center;gap:15px;font-size:28px;font-weight:800;display:flex}.logoIcon{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:18px;place-items:center;width:55px;height:55px;animation:8s linear infinite rotateGlow;display:grid;box-shadow:0 0 25px #2563eb80,0 0 60px #7c3aed66}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}nav{gap:35px;display:flex}nav a{color:#cbd5e1;font-weight:700;transition:all .3s}nav a:hover{color:#fff;text-shadow:0 0 15px #2563eb}.btn,.btnGhost{border-radius:18px;justify-content:center;align-items:center;gap:12px;font-weight:800;transition:all .4s;display:inline-flex;position:relative;overflow:hidden}.btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);padding:18px 30px;box-shadow:0 0 25px #2563eb66,0 0 60px #7c3aed40}.btn:hover{transform:translateY(-5px)scale(1.03)}.btn:before{content:"";filter:blur(40px);background:#fff3;border-radius:50%;width:250px;height:250px;animation:5s linear infinite buttonGlow;position:absolute;top:-120px;left:-120px}@keyframes buttonGlow{0%{transform:translate(-50px)}50%{transform:translate(180px)}to{transform:translate(-50px)}}.btnGhost{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;padding:18px 30px}.btnGhost:hover{background:#ffffff1a}.hero{flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;min-height:100vh;padding:140px 8%;display:flex;overflow:hidden}.hero-left{z-index:2;flex:1;min-width:320px;max-width:650px}.hero-right{flex:1;justify-content:center;align-items:center;min-width:320px;display:flex}.dashboard-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:30px;width:100%;max-width:650px;padding:30px;animation:5s ease-in-out infinite float;box-shadow:0 0 40px #008cff40,inset 0 0 30px #ffffff08}.hero h1{color:#fff;margin-bottom:25px;font-size:clamp(48px,7vw,92px);font-weight:900;line-height:1.05}.hero p{color:#ffffffbf;margin-bottom:35px;font-size:20px;line-height:1.8}@media (width<=1100px){.hero{text-align:center;flex-direction:column;padding-top:180px}.hero-left{max-width:100%}.hero-right{width:100%}.dashboard-preview{max-width:100%}.hero h1{font-size:clamp(42px,10vw,72px)}}@media (width<=700px){.hero{padding:140px 20px}.dashboard-preview{border-radius:22px;padding:20px}}.mockup{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:35px;padding:25px;box-shadow:0 0 50px #2563eb26,0 0 100px #7c3aed1f}.mockTop{align-items:center;gap:10px;margin-bottom:25px;display:flex}.mockTop span{border-radius:50%;width:12px;height:12px}.mockTop span:first-child{background:#ef4444}.mockTop span:nth-child(2){background:#f59e0b}.mockTop span:nth-child(3){background:#22c55e}.mockTop p{color:#cbd5e1;margin-left:10px;font-weight:700}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;padding:22px;transition:all .4s;box-shadow:0 0 20px #2563eb14}.card:hover{transform:translateY(-10px);box-shadow:0 0 30px #2563eb40,0 0 60px #7c3aed33}.card svg{color:#93c5fd}.card strong{margin:14px 0 6px;font-size:34px;display:block}.card span{color:#e2e8f0}.chart{background:#0003;border-radius:28px;align-items:flex-end;gap:14px;height:240px;margin:25px 0;padding:20px;display:flex}.chart i{background:linear-gradient(#7c3aed,#2563eb);border-radius:18px 18px 5px 5px;flex:1;animation:2.8s infinite pulse,3s ease-in-out infinite bars;box-shadow:0 0 20px #2563eb4d}@keyframes bars{50%{transform:scaleY(.8)}}.schedule{flex-direction:column;gap:14px;display:flex}.row{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;padding:18px;transition:all .4s;display:flex}.row:hover{transform:translateY(-5px);box-shadow:0 0 25px #2563eb33}.row div{flex-direction:column;gap:5px;display:flex}.row strong{color:#fff}.row span{color:#cbd5e1}.row b{color:#93c5fd}.section{padding:130px 8%}.sectionTitle{text-align:center;max-width:950px;margin:0 auto 70px}.sectionTitle h2{background:linear-gradient(90deg,#fff,#dbeafe,#c4b5fd,#fff) 0 0/300%;-webkit-text-fill-color:transparent;text-shadow:0 0 15px #fff3,0 0 40px #2563eb4d;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(40px,6vw,70px);line-height:1.1;animation:8s linear infinite glowText}.sectionTitle p{color:#cbd5e1;font-size:22px;line-height:1.7}.grid,.advantages{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.advantages{grid-template-columns:repeat(2,1fr)}.feature,.adv{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;min-height:260px;padding:35px;transition:all .5s;position:relative;overflow:hidden;box-shadow:0 0 30px #2563eb14}.feature:hover,.adv:hover{transform:translateY(-10px);box-shadow:0 0 40px #2563eb40,0 0 80px #7c3aed2e}.feature:before,.adv:before{content:"";filter:blur(100px);opacity:.2;background:linear-gradient(135deg,#2563eb,#7c3aed);width:250px;height:250px;position:absolute;top:-120px;right:-120px}.featureIcon{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:22px;place-items:center;width:70px;height:70px;margin-bottom:25px;display:grid;box-shadow:0 0 30px #2563eb4d}.feature h3,.adv h3{color:#fff;margin-bottom:18px;font-size:30px}.feature p,.adv p{color:#cbd5e1;font-size:17px;line-height:1.8}.cta{text-align:center;background:radial-gradient(circle at 0 0,#2563eb4d,#0000 35%),radial-gradient(circle at 100% 100%,#7c3aed4d,#0000 35%),#ffffff0d;border:1px solid #ffffff1a;border-radius:40px;margin:100px 8%;padding:100px 40px;box-shadow:0 0 60px #2563eb26}.cta h2{background:linear-gradient(90deg,#fff,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:25px;font-size:clamp(40px,6vw,70px);line-height:1.1}.cta p{color:#cbd5e1;margin-bottom:35px;font-size:22px}.contact{color:#cbd5e1;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:35px;display:flex}footer{color:#cbd5e1;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:40px 8%;display:flex}footer strong{color:#fff;font-size:24px}@media (width<=1100px){.hero,.grid,.advantages,.cards{grid-template-columns:1fr}nav{display:none}footer{text-align:center;flex-direction:column;gap:15px}}@media (width<=600px){.hero,.section{padding-left:5%;padding-right:5%}.header{padding:20px 5%}.cta{margin-left:5%;margin-right:5%;padding:60px 25px}}
