:root{--bg:#020c1c;--panel:#07182d;--text:#f4f7fb;--muted:#9eb0c7;--blue:#2589ff;--blue2:#0568e8;--line:rgba(154,190,232,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 5%,#072d5c 0,transparent 27%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20}.container{width:min(1180px,calc(100% - 44px));margin:auto}.nav-wrap{position:fixed;z-index:10;top:0;width:100%;background:rgba(2,12,28,.62);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.04)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:"Space Grotesk";font-weight:700;letter-spacing:2px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#2994ff,#0759c8);display:grid;place-items:center;font-size:21px;box-shadow:0 8px 28px #0878f755}.nav-links{display:flex;gap:34px}.nav-links a,footer a{color:#c8d3e1;text-decoration:none;font-size:14px}.nav-links a:hover,footer a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;text-decoration:none;font-weight:700;font-size:14px;box-shadow:0 10px 35px #0878f733;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px #0878f755}.btn.small{padding:11px 18px}.btn.ghost{background:rgba(6,27,53,.5);border:1px solid #2678ce;box-shadow:none}.menu{display:none}.hero{min-height:800px;padding-top:165px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.eyebrow{color:#3295ff;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:18px}.hero h1,.section h2,.erp-copy h2,.about h2,.contact h2{font-family:"Space Grotesk";letter-spacing:-2.5px;margin:0;line-height:.99}.hero h1{font-size:clamp(55px,6vw,82px)}h1 span,h2 span{color:#2589ff}.hero-copy>p{color:var(--muted);font-size:17px;line-height:1.75;max-width:570px;margin:26px 0}.actions{display:flex;gap:12px}.trust{margin-top:44px;display:flex;align-items:center;gap:13px;color:#7188a4;font-size:12px;text-transform:uppercase;letter-spacing:1px}.trust i{width:3px;height:3px;background:#2589ff;border-radius:50%}.hero-art{height:560px;position:relative;display:grid;place-items:center}.p-card{position:relative;width:330px;height:410px;border-radius:52px;background:linear-gradient(145deg,rgba(39,145,255,.15),rgba(0,35,83,.15));border:1px solid rgba(85,165,255,.22);backdrop-filter:blur(8px);display:grid;place-items:center;transform:rotate(4deg);box-shadow:0 50px 100px #0008,inset 0 0 80px #1479e322;overflow:hidden}.p-symbol{font:700 285px/1 "Space Grotesk";color:#167fe9;text-shadow:-3px -2px 0 #66b5ff,18px 22px 45px #0009;transform:rotate(-4deg) translateY(-5px)}.scan{position:absolute;width:100%;height:2px;background:#6dc0ff;box-shadow:0 0 22px #50adff;animation:scan 4s linear infinite}@keyframes scan{0%{top:5%;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:95%;opacity:0}}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:390px;height:390px;background:#0867d522;box-shadow:0 0 120px #087efb44}.orb-b{width:8px;height:8px;background:#5bb2ff;right:4%;top:30%;box-shadow:0 0 18px #3ba2ff}.grid-floor{position:absolute;bottom:0;width:115%;height:210px;background-image:linear-gradient(#1476d522 1px,transparent 1px),linear-gradient(90deg,#1476d522 1px,transparent 1px);background-size:28px 28px;transform:perspective(300px) rotateX(64deg);mask-image:linear-gradient(to top,#000,transparent);z-index:-1}.float-card{position:absolute;padding:13px 16px;border:1px solid #2b659955;background:#071b32cc;backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 20px 40px #0005}.float-card strong,.float-card span{display:block}.float-card strong{font-size:17px}.float-card span{color:#8ea6c2;font-size:10px;margin-top:4px}.fc1{left:0;top:23%}.fc2{right:0;bottom:18%}.section{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section h2,.about h2{font-size:clamp(42px,5vw,64px)}.section-head>p{max-width:450px;color:var(--muted);line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{position:relative;min-height:300px;padding:28px;border-radius:18px;background:linear-gradient(150deg,rgba(17,43,74,.9),rgba(6,22,43,.75));border:1px solid var(--line);overflow:hidden;transition:.3s}.service:hover{transform:translateY(-7px);border-color:#2b80d866}.service:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:#1683ef16;right:-60px;top:-60px}.service .icon{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;background:#0b5fa9;color:#5eb7ff;font-weight:800;font-size:18px;margin-bottom:28px}.service .purple{background:#4d2d8d;color:#ba8aff}.service .teal{background:#126b67;color:#6ce0d6}.service .amber{background:#73551d;color:#ffc95c}.service h3{font:600 20px "Space Grotesk"}.service p{color:#a7b7ca;font-size:14px;line-height:1.75}.service>span{position:absolute;bottom:25px;color:#42617f;font-weight:700}.erp-section{padding:40px 0 110px}.erp-panel{padding:50px;border-radius:26px;border:1px solid #20558b66;background:radial-gradient(circle at 75% 50%,#0b4d912b,transparent 40%),linear-gradient(145deg,#06172d,#031022);display:grid;grid-template-columns:.85fr 1.35fr;gap:50px;align-items:center;box-shadow:0 35px 80px #0004}.erp-copy h2{font-size:52px}.erp-copy h3{font:600 20px "Space Grotesk"}.erp-copy p{color:var(--muted);line-height:1.7}.erp-copy ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px;margin:25px 0 30px}.erp-copy li:before{content:"✓";display:inline-grid;place-items:center;margin-right:8px;width:18px;height:18px;background:#1179e9;border-radius:50%;font-size:10px}.dashboard{height:480px;background:#030d1a;border:1px solid #31567a77;border-radius:20px;display:grid;grid-template-columns:150px 1fr;overflow:hidden;box-shadow:0 30px 60px #0008;transform:perspective(1100px) rotateY(-4deg)}.dashboard aside{padding:24px 14px;border-right:1px solid #18334e;display:flex;flex-direction:column;gap:9px}.dashboard aside b{font:700 12px "Space Grotesk";margin-bottom:20px}.dashboard aside em{color:#2991ff;font-style:normal}.dashboard aside span{font-size:10px;color:#7990aa;padding:9px;border-radius:7px}.dashboard aside .active{background:#0d2a47;color:#5aaeff}.dash-main{padding:25px 20px}.dash-top{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dash-top>div,.chart,.activity{background:#0a1a2d;border:1px solid #112d49;border-radius:9px;padding:13px}.dash-top small,.chart small,.activity small{display:block;color:#8298b2;font-size:9px}.dash-top strong{display:block;font-size:16px;margin:7px 0}.dash-top em{font-size:8px;color:#3dd596}.dash-top em.down{color:#f15d6b}.chart{height:190px;margin-top:10px}.chart svg{width:100%;height:145px;margin-top:8px}.chart .area{fill:url(#g)}.chart .line{fill:none;stroke:#2589ff;stroke-width:2}.activity{margin-top:10px}.activity p{font-size:9px;color:#a7b7ca;margin:8px 0}.activity i{font-style:normal;color:#48d797;margin-right:7px}.activity span{float:right;color:#647b94}.about{padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.about>div>p{color:var(--muted);line-height:1.8;margin-top:40px}.stats{margin-top:40px;display:grid}.stats div{padding:18px 0;border-top:1px solid var(--line);display:flex;gap:20px}.stats strong{color:#2589ff}.stats span{font-size:14px}.contact{position:relative;text-align:center;padding:80px 20px;margin-bottom:100px;border:1px solid #26588766;border-radius:24px;background:#07182dcc;overflow:hidden}.contact .glow{position:absolute;width:450px;height:250px;background:#117ee333;filter:blur(80px);left:50%;top:0;transform:translate(-50%,-50%)}.contact h2{font-size:52px}.contact p{color:var(--muted);margin:18px auto 26px}.center{justify-content:center}footer{border-top:1px solid var(--line);padding:55px 0 25px;background:#020a16}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:60px}.footer-grid p{color:#748aa3;max-width:310px;font-size:13px;line-height:1.7}.footer-grid h4{font-size:13px;margin:5px 0 18px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid span{color:#c8d3e1;font-size:14px}.socials{display:flex!important;flex-direction:row!important;gap:8px!important}.socials a{width:38px;height:38px;border:1px solid #274663;border-radius:10px;display:grid;place-items:center;color:#d8e5f3;font-weight:700;font-size:11px}.copyright{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#60758e;font-size:11px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav .btn.small{display:none}.nav-links{position:fixed;top:82px;left:22px;right:22px;display:none;flex-direction:column;padding:25px;background:#07182df5;border:1px solid #1b3d61;border-radius:16px}.nav-links.open{display:flex}.menu{display:block;background:none;border:0;width:34px}.menu span{display:block;height:2px;background:#fff;margin:7px}.hero{grid-template-columns:1fr;padding-top:145px}.hero-art{height:470px}.services-grid{grid-template-columns:1fr 1fr}.erp-panel{grid-template-columns:1fr;padding:35px}.dashboard{transform:none}.about{grid-template-columns:1fr;gap:20px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.hero{min-height:auto}.hero h1{font-size:52px}.hero-art{height:400px}.p-card{width:230px;height:300px}.p-symbol{font-size:205px}.fc1{left:0}.fc2{right:0}.section{padding:80px 0}.section-head{display:block}.section-head>p{margin-top:20px}.services-grid{grid-template-columns:1fr}.service{min-height:250px}.erp-panel{padding:24px}.erp-copy h2,.contact h2{font-size:40px}.erp-copy ul{grid-template-columns:1fr}.dashboard{height:410px;grid-template-columns:90px 1fr}.dashboard aside{padding:15px 8px}.dashboard aside span{font-size:8px;padding:6px}.dash-main{padding:15px 9px}.dash-top strong{font-size:11px}.about{padding:80px 0}.footer-grid{grid-template-columns:1fr;gap:35px}.copyright{gap:15px}.actions{flex-wrap:wrap}}