:root{--bg:#050611;--panel:#0d1120;--text:#f7f8ff;--muted:#a3aac2;--line:#ffffff14;--cyan:#00e5ff;--purple:#7456ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.nav{height:76px;position:fixed;top:0;width:100%;z-index:20;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:#05061199;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo{color:#fff;text-decoration:none;font-size:27px;font-weight:900;letter-spacing:4px}.logo span{color:var(--cyan)}nav{display:flex;gap:30px}nav a,footer a{color:var(--muted);text-decoration:none;font-size:14px}nav a:hover{color:#fff}.navbtn,.btn{padding:13px 19px;border-radius:12px;text-decoration:none;font-weight:800;font-size:13px}.navbtn{border:1px solid var(--line);color:#fff}.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;display:flex;align-items:center;padding:120px 7% 60px;background:linear-gradient(#071029 0%,#0b1b38 45%,#08101e 100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050611dd 0%,#05061188 48%,transparent 100%);z-index:1}.hero-copy{position:relative;z-index:4;max-width:680px}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:4px;font-weight:900}.hero h1{font-size:clamp(55px,7vw,98px);line-height:.93;letter-spacing:-6px;margin:18px 0}.hero h1 span{background:linear-gradient(90deg,#fff,#8ffaff,#8067ff);color:transparent;background-clip:text}.hero p,.section-title p,.crmtext>p,.contactbox p{color:var(--muted);font-size:18px;line-height:1.7;max-width:620px}.actions{display:flex;gap:12px;margin-top:30px}.primary{color:#fff;background:linear-gradient(135deg,var(--purple),var(--cyan));box-shadow:0 18px 60px #4d5cff33}.ghost{color:#fff;border:1px solid var(--line)}.mountains{position:absolute;left:-10%;right:-10%;bottom:-2%;height:55%;z-index:0;clip-path:polygon(0 68%,8% 55%,14% 66%,22% 28%,30% 60%,38% 18%,45% 58%,54% 33%,62% 63%,70% 23%,77% 57%,86% 35%,94% 62%,100% 42%,100% 100%,0 100%);transform-origin:center bottom}.far{background:#2b4f77;opacity:.75;bottom:17%}.mid{background:#163558;bottom:7%;clip-path:polygon(0 55%,10% 38%,18% 64%,28% 30%,37% 59%,48% 18%,56% 55%,66% 35%,76% 65%,86% 25%,100% 57%,100% 100%,0 100%)}.near{background:#071423;bottom:-1%;clip-path:polygon(0 60%,12% 42%,20% 70%,31% 35%,40% 63%,51% 25%,62% 68%,73% 38%,84% 64%,93% 34%,100% 54%,100% 100%,0 100%)}.stars{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:70px 70px;z-index:0}.moon{position:absolute;right:18%;top:18%;width:120px;height:120px;border-radius:50%;background:#eafcff;box-shadow:0 0 80px #8eeaff88;z-index:0}.glass{background:#ffffff0d;border:1px solid #ffffff18;backdrop-filter:blur(18px);box-shadow:0 30px 100px #0008}.hero-dashboard{position:absolute;right:8%;top:28%;width:370px;padding:24px;border-radius:25px;z-index:5;transform:perspective(1000px) rotateY(-10deg) rotateX(4deg)}.dashhead{display:flex;justify-content:space-between;color:#aeb5ca;font-size:11px;letter-spacing:1px}.dashhead i{color:var(--cyan);font-style:normal}.bigmetric{font-size:57px;font-weight:900;margin:38px 0 18px}.bigmetric small{display:block;font-size:11px;color:#858ca4}.metricrow{display:flex;gap:55px}.metricrow b{display:block;font-size:19px}.metricrow small{color:#7e859e;font-size:10px}.chart{height:100px;display:flex;gap:8px;align-items:end;margin-top:25px}.chart i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(var(--cyan),var(--purple));display:block}.section{padding:130px 7%;position:relative}.section-title{max-width:800px;margin-bottom:55px}.section-title h2,.crmtext h2,.contactbox h2{font-size:clamp(40px,5vw,70px);line-height:1;letter-spacing:-4px;margin:12px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:32px;min-height:320px;border-radius:25px;background:linear-gradient(145deg,#13182a,#080a13);border:1px solid var(--line);transition:.6s}.card:hover{transform:translateY(-14px);border-color:#00e5ff55}.card>b{color:var(--cyan)}.card h3{margin-top:75px;font-size:27px}.card p{color:var(--muted);line-height:1.65}.crm{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:radial-gradient(circle at 75% 50%,#3d37a622,transparent 45%)}.features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.features span{padding:14px;border:1px solid var(--line);border-radius:11px;color:#d5d9e8;background:#ffffff05}.dashboard{padding:24px;border-radius:25px;transform:perspective(1000px) rotateY(7deg)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.stats>div{padding:20px;border-radius:15px;background:#070914;border:1px solid var(--line)}.stats small{color:#7d849c;font-size:9px}.stats strong{display:block;font-size:30px;margin-top:8px}.stats .wide{grid-column:1/-1}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps>div{border-top:1px solid var(--line);padding:25px}.steps b{color:var(--cyan)}.steps h3{font-size:23px}.steps p{color:var(--muted);line-height:1.6}.contactbox{padding:55px;border-radius:30px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact{background:linear-gradient(#050611,#0b1020)}form{display:grid;gap:12px}input,select,textarea{width:100%;padding:15px;border:1px solid var(--line);border-radius:11px;background:#050711;color:#fff;outline:0}textarea{min-height:120px;resize:vertical}.notice{margin-top:25px;padding:12px;border:1px solid #00e5ff44;border-radius:10px;color:#9ff8ff;font-size:13px}footer{padding:30px 7%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#707891;font-size:12px}.card,.crmtext,.dashboard,.steps>div,.contactbox{opacity:0;transform:translateY(30px);transition:1s}.show{opacity:1;transform:none}@media(max-width:1000px){nav{display:none}.hero-dashboard{right:4%;width:330px;opacity:.65}.cards,.crm,.contactbox{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.crm .dashboard{transform:none}}@media(max-width:650px){.hero{padding-left:5%;padding-right:5%}.hero-dashboard{display:none}.hero h1{font-size:57px}.section{padding:100px 5%}.cards,.features,.steps{grid-template-columns:1fr}.contactbox{padding:30px;gap:25px}footer{padding:25px 5%;display:block}.moon{right:5%}.nav{padding:0 5%}.navbtn{display:none}}