*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b10;color:#f4f6f8;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);border-bottom:1px solid #20252d;position:sticky;top:0;background:#080b10e8;backdrop-filter:blur(16px);z-index:20}.brand{font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:10px}.brand span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#5a65ff;color:white}.nav nav{display:flex;gap:28px;color:#aeb4bd;font-size:14px}.nav nav a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;background:#5965f5;padding:15px 22px;border-radius:10px;font-weight:700;box-shadow:0 10px 35px #5965f52c}.btn.small{padding:11px 16px;font-size:13px}.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:90px max(7vw,30px);position:relative;overflow:hidden}.glow{position:absolute;width:500px;height:500px;background:#4c55ff24;filter:blur(90px);border-radius:50%;right:5%;top:12%}.hero-copy{z-index:1}.eyebrow,.section small,.cta small,.showcase .tag{font-size:11px;font-weight:800;letter-spacing:2px;color:#7f89ff}.hero h1{font-size:clamp(44px,5vw,74px);line-height:1.02;letter-spacing:-4px;margin:20px 0}.hero h1 em{font-style:normal;color:#6974ff}.hero p{max-width:570px;color:#9ba2ad;font-size:17px;line-height:1.7}.actions{display:flex;gap:14px;margin-top:32px}.ghost{padding:14px 20px;border:1px solid #303641;border-radius:10px}.trust{display:flex;gap:25px;margin-top:38px;color:#808894;font-size:11px}.mock{z-index:1;transform:perspective(1000px) rotateY(-5deg);box-shadow:0 35px 90px #000;border:1px solid #303744;border-radius:16px;overflow:hidden;background:#0f141c}.browser{height:40px;background:#161b24;display:flex;align-items:center;gap:6px;padding:0 12px}.browser i{width:7px;height:7px;background:#49505b;border-radius:50%}.browser span{font-size:9px;color:#68707c;margin-left:20px}.mockbody{padding:22px}.mini-nav{display:flex;justify-content:space-between;font-size:8px;color:#8e96a2}.mini-hero{padding:65px 20px 45px}.mini-hero small{font-size:7px;color:#737cff}.mini-hero h2{font-size:29px;letter-spacing:-1.5px}.mini-hero p{font-size:9px}.mini-hero button,.project button{border:0;background:#5d68f5;color:white;padding:10px 13px;border-radius:6px;font-size:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #252c36;padding-top:18px}.stats div{display:grid}.stats small{color:#6f7782;font-size:7px}.section{padding:100px max(7vw,30px)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section h2,.showcase h2,.cta h2{font-size:clamp(34px,4vw,54px);letter-spacing:-2.5px;margin:10px 0}.section-head p{max-width:410px;color:#858d98;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{background:#0e1218;border:1px solid #202630;border-radius:15px;padding:30px;min-height:265px}.cards .icon{font-size:24px;color:#7580ff}.cards h3{font-size:19px;margin-top:32px}.cards p{color:#7f8792;font-size:14px;line-height:1.7}.cards a{font-size:12px;color:#8992ff;font-weight:700}.showcase{padding:100px max(7vw,30px);background:#0c1016}.showcase>h2{text-align:center}.showcase>h2 span{color:#6f7782}.tag{text-align:center}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px}.project{height:390px;border-radius:17px;border:1px solid #282e38;overflow:hidden;padding:42px}.p1{background:radial-gradient(circle at 75% 30%,#542d1e,#14100f 55%)}.project-ui{width:70%;padding:30px;background:#101216dd;border:1px solid #333;border-radius:12px}.food{font-size:9px;color:#f6a65f}.project-ui h3{font-size:34px;margin:15px 0}.project-ui p{color:#9299a3;font-size:12px}.p2{background:#111722}.dash{display:flex;height:100%;background:#0b1017;border:1px solid #29313d;border-radius:12px;overflow:hidden}.side{width:55px;padding:20px;text-align:center;line-height:45px;color:#6873e8;border-right:1px solid #252d38}.panel{padding:30px;flex:1}.panel h3{margin:7px 0 25px}.metrics{display:flex;gap:12px}.metrics b{background:#141b25;padding:15px;display:grid;flex:1}.metrics small{font-size:8px;color:#747e8a;margin-top:6px}.chart{height:100px;margin-top:20px;background:linear-gradient(165deg,transparent 47%,#5865f2 48%,#5865f2 50%,transparent 51%)}.process{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;text-align:left}.steps div{padding:10px 35px;border-left:1px solid #262c35}.steps b{color:#6570f5}.steps p{color:#7d8590;font-size:13px}.cta{margin:40px max(5vw,20px);padding:65px max(5vw,30px);border-radius:20px;background:linear-gradient(120deg,#4d58e9,#6e55e7);display:flex;align-items:center;justify-content:space-between}.cta small{color:#d8dcff}.cta p{max-width:600px;color:#d9dcf8}.btn.light{background:white;color:#30386e;box-shadow:none}footer{padding:50px max(7vw,30px);display:flex;justify-content:space-between;align-items:center;color:#747d89;font-size:12px}footer div{text-align:right;line-height:1.8}.float{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:25px;z-index:30;box-shadow:0 10px 35px #0008}@media(max-width:800px){.nav nav{display:none}.nav{padding:0 18px}.hero{grid-template-columns:1fr;padding:70px 22px}.hero h1{letter-spacing:-2.5px}.mock{transform:none}.trust{flex-wrap:wrap}.section{padding:75px 22px}.section-head{display:block}.cards,.project-grid,.steps{grid-template-columns:1fr}.project{height:330px;padding:22px}.project-ui{width:90%}.cta{display:block;padding:45px 25px}.cta .btn{margin-top:20px}footer{display:grid;gap:22px}footer div{text-align:left}}