:root{--bg:#080611;--panel:#121025;--text:#f6f3ff;--muted:#aaa5c0;--purple:#a94cff;--blue:#5370ff;--line:rgba(196,160,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:1240px;padding:0 28px;margin:auto}.ambient{position:absolute;pointer-events:none;z-index:-1;filter:blur(90px);border-radius:50%}.ambient-a{width:650px;height:530px;right:-230px;top:0;background:#41117e70}.site-header{height:86px;position:sticky;top:0;z-index:50;background:rgba(8,6,17,.87);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:194px;max-height:63px;object-fit:contain;display:block}.nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#c7c2da}.nav>a:not(.nav-cta){transition:color .2s}.nav>a:hover,.nav>a.active{color:white}.nav-cta{border:1px solid #a445ff;background:linear-gradient(115deg,#5521c5,#b118f1);box-shadow:0 0 24px #812bff66;padding:13px 19px;border-radius:12px;color:white;font-weight:700}.nav-cta span,.btn span{margin-left:10px}.menu-toggle{display:none}.section-pad{padding:88px 0}.hero{position:relative;min-height:620px;overflow:hidden;padding:88px 0 72px;background:radial-gradient(ellipse at 74% 38%,#43137952,transparent 46%)}.hero-grid{display:grid;grid-template-columns:48% 52%;align-items:center;gap:20px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#c580ff}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #613981;background:#211435a6;padding:10px 15px;border-radius:40px;color:#dad3e9;letter-spacing:1.1px;white-space:nowrap}.eyebrow>span:not(.spark){color:#a861ff}.spark{width:7px;height:7px;background:#b854ff;border-radius:50%;box-shadow:0 0 10px #d466ff}.hero h1,h2,h3{font-family:Manrope,Arial,sans-serif}.hero h1{font-size:clamp(43px,5.15vw,72px);line-height:1.12;letter-spacing:-3.8px;margin:27px 0 22px;font-weight:600}.hero h1 span,h2 span{background:linear-gradient(100deg,#e39cff,#ae4eff 48%,#7773ff);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-intro{font-size:16px;line-height:1.85;color:#beb9d1;max-width:505px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:16px 24px;border-radius:12px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(110deg,#7724ed,#bf2df0);box-shadow:0 0 26px #9620eb63;color:white}.btn-outline{border:1px solid #7446a5;background:#1b113284}.trust-line{display:flex;gap:18px;flex-wrap:wrap;margin-top:55px;color:#bfb3d9;font-size:11px}.trust-line span::first-letter{color:#bd6dfd}.hero-visual{position:relative;height:460px;perspective:1000px}.visual-halo{position:absolute;inset:48px -20px 0 0;background:radial-gradient(ellipse,#8b26ff55 0,transparent 67%);filter:blur(18px)}.orb{position:absolute;border-radius:50%;filter:blur(32px)}.orb-one{background:#6538ff77;width:170px;height:170px;top:30px;right:0}.orb-two{background:#c713ed66;width:145px;height:145px;left:0;bottom:0}.glass{background:linear-gradient(125deg,rgba(45,29,81,.62),rgba(15,13,37,.92));border:1px solid rgba(173,119,248,.30);box-shadow:0 22px 70px #0008,inset 0 1px 0 #ffffff0d}.dashboard{position:absolute;top:48px;left:40px;width:94%;border-radius:17px;overflow:hidden;transform:rotateY(-7deg) rotateX(3deg);box-shadow:0 30px 80px #0009,0 0 33px #813cff48}.dash-top{height:51px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#140f2b}.dash-brand{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#c6b9e1}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a347ff;margin-right:5px;box-shadow:0 0 10px #a347ff}.dash-pills{display:flex;gap:5px}.dash-pills i{width:7px;height:7px;border-radius:50%;background:#5e477e}.dash-body{display:flex;min-height:300px}.dash-side{width:57px;background:#100d25;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:20px;padding:23px 0;font-size:19px;color:#76669e}.side-selected{color:#cf88ff;background:#56238b77;padding:5px 8px;border-radius:8px}.dash-main{flex:1;padding:27px 26px 24px;min-width:0}.mini-label,.dash-main p{font-size:10px;letter-spacing:1px;color:#aaa0cd}.dash-main h3{margin:8px 0 4px;font-size:24px;letter-spacing:-1px}.dash-main h3 em{font-style:normal;color:#c577ff}.chart{height:133px;margin-top:15px;position:relative}.chart svg{position:absolute;inset:0;width:100%;height:100%}.grid-lines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 31px,#8b74be22 32px 33px)}.dash-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-tiles div{padding:12px 10px;background:#22173d;border:1px solid #60408b55;border-radius:8px;display:flex;flex-direction:column;gap:7px}.dash-tiles small{font-size:8px;color:#ad86e2}.dash-tiles b{font-size:12px}.dash-tiles span{font-size:8px;color:#8ae9d1}.float-card{position:absolute;z-index:4;border:1px solid #9148e688;background:#1c1438ed;backdrop-filter:blur(15px);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 45px #0008,0 0 26px #9620fd42}.float-card b{display:block;font-size:11px}.float-card small{display:block;margin-top:5px;color:#a99bbf;font-size:9px}.float-left{top:7px;right:6px}.float-right{bottom:17px;right:-5px}.float-icon{width:32px;height:32px;background:#472185;border-radius:9px;display:grid;place-items:center;color:#cf91ff;font-size:18px}.float-icon.violet{background:#6220a3}.check{color:#64e5af;margin-left:8px}.hero-bottom-glow{height:1px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,transparent,#8136bd77,transparent)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:34px}.section-heading h2,.about h2{font-size:clamp(29px,3.2vw,43px);letter-spacing:-1.8px;line-height:1.2;margin:15px 0 10px;font-weight:650}.section-heading p,.about p{color:#a9a3be;line-height:1.8;font-size:14px;max-width:560px}.text-link{color:#d29bff;font-size:12px;font-weight:700;white-space:nowrap}.services{background:#090715}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{border-radius:15px;padding:25px 22px 22px;min-height:240px;transition:transform .2s,border-color .2s}.service-card:hover,.solution-panel:hover{transform:translateY(-5px);border-color:#a24bf2}.service-icon{width:46px;height:46px;display:grid;place-items:center;font-size:22px;color:#cd83ff;background:linear-gradient(145deg,#49217e,#24133d);border:1px solid #8053af;border-radius:12px;box-shadow:0 0 18px #9d36ff3d}.service-card h3{font-size:16px;margin:22px 0 8px}.service-card p{font-size:12px;line-height:1.7;color:#aaa3bc;min-height:62px}.service-card a{font-size:11px;color:#cb84ff;font-weight:700}.service-card a span{margin-left:6px}.solutions{background:radial-gradient(ellipse at 20% 10%,#38125e32,transparent 54%)}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-panel{border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s}.solution-scene{height:188px;margin:9px;background:#140f2e;border-radius:10px;position:relative;overflow:hidden;padding:16px;box-shadow:inset 0 0 70px #4718ad55}.scene-one{background:radial-gradient(circle at 70% 30%,#7019cb6b,transparent 60%),#140e2b}.scene-two{background:radial-gradient(circle at 50% 80%,#8a24ec66,transparent 64%),#140e2b}.scene-three{background:radial-gradient(circle at 50% 35%,#401ce19c,transparent 70%),#140e2b}.scene-top{font-size:8px;letter-spacing:1px;color:#9f8ec4}.scene-window{border:1px solid #8250ce;position:absolute;inset:52px 27px 16px;border-radius:10px;background:#170f34d9;transform:rotate(-3deg);box-shadow:0 0 40px #7b28ff5c}.scene-dots{font-size:11px;letter-spacing:3px;color:#b96cff;margin-left:16px}.scene-code{margin:15px;display:grid;gap:10px}.scene-code i{height:7px;border-radius:10px;background:#50358c;width:68%}.scene-code i:nth-child(2){width:42%;background:#9c57f0}.scene-code i:nth-child(3){width:82%}.scene-code i:nth-child(4){width:55%;background:#6849bc}.workflow{position:absolute;top:78px;left:15px;right:15px;display:flex;align-items:center;justify-content:space-between;gap:4px}.workflow div{border:1px solid #7741a5;background:#271445;padding:12px 8px;border-radius:9px;font-size:9px;color:#dfcef3}.workflow span{color:#bc62fb}.workflow .flow-emphasis{background:#5b1f96;box-shadow:0 0 25px #af34fa88}.mini-graph{position:absolute;bottom:24px;left:35px;right:35px;height:96px;display:flex;gap:18px;align-items:end}.mini-graph>div{flex:1;background:linear-gradient(0deg,#6735a8,#c06cff);border-radius:9px 9px 0 0;box-shadow:0 0 20px #a550f166}.mg-a{height:47%}.mg-b{height:70%}.mg-c{height:55%}.mg-d{height:91%}.mg-e{height:77%}.solution-details{padding:16px 20px 23px}.pill{font-size:9px;letter-spacing:1px;color:#c68bff}.solution-details h3{font-size:16px;margin:10px 0}.solution-details p{font-size:12px;line-height:1.7;color:#a9a1bc}.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c0919}.about-grid{display:grid;grid-template-columns:45% 55%;gap:45px;align-items:center}.about p{font-size:15px;margin:0 0 20px}.contact-section{padding:85px 0}.contact-panel{border:1px solid #9850e78c;border-radius:23px;min-height:320px;padding:55px 65px;background:radial-gradient(ellipse at 80% 45%,#7520bb75,transparent 57%),linear-gradient(120deg,#20103e,#100c24);position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff15}.contact-panel:before{content:'';position:absolute;width:300px;height:300px;border:1px solid #a751ff59;border-radius:50%;right:80px;top:45px;box-shadow:0 0 0 35px #8b38fa13,0 0 0 75px #8b38fa0b}.contact-panel>*{position:relative}.contact-panel h2{font-size:clamp(30px,4vw,51px);letter-spacing:-2px;margin:14px 0}.contact-panel p{color:#d4c5e9;max-width:530px;font-size:14px;line-height:1.8}.contact-panel .btn{margin-top:18px}.contact-number{color:#bfa2de;margin-top:14px;font-size:12px;letter-spacing:1px}.footer{border-top:1px solid var(--line);padding:28px 0;background:#070510}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand img{width:148px;max-height:58px;object-fit:contain}.footer-nav{display:flex;gap:25px;color:#b7accb;font-size:11px}.footer-inner>span{font-size:10px;color:#8c819f}.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:white;background:#24c565;box-shadow:0 6px 25px #0d7b3b90}.wa-float svg{width:27px;height:27px}@media(max-width:1060px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:75px}.hero-copy{max-width:760px}.hero-visual{max-width:750px;width:100%;margin:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.solution-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:730px){.container{padding:0 20px}.site-header{height:72px}.brand img{width:155px}.menu-toggle{display:block;color:white;background:#26153f;border:1px solid #62428b;border-radius:9px;padding:7px 12px;font-size:20px}.nav{display:none;position:absolute;top:71px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:17px 20px 22px;background:#110b23;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav>a{padding:12px}.nav-cta{text-align:center;margin-top:10px}.section-pad{padding:64px 0}.hero{padding:60px 0}.eyebrow{font-size:8px;gap:6px;letter-spacing:0}.hero h1{letter-spacing:-2.4px;font-size:clamp(41px,10vw,57px)}.trust-line{margin-top:30px}.hero-visual{height:380px}.dashboard{left:12px;width:94%;top:60px}.float-card{padding:9px}.float-left{right:0}.float-right{right:0;bottom:0}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:12px}.service-grid,.solution-grid,.about-grid{grid-template-columns:1fr}.about-grid{gap:5px}.contact-panel{padding:42px 25px}.contact-panel:before{right:-160px}.footer-inner{flex-direction:column}.footer-nav{flex-wrap:wrap;justify-content:center}}@media(max-width:400px){.hero-visual{height:335px}.dashboard{top:55px}.dash-main{padding:15px}.dash-tiles{gap:4px}.dash-tiles div{padding:8px 5px}.dash-tiles b{font-size:10px}.float-left{top:8px}.float-card small{display:none}}
