@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#081425;--navy:#0b1b30;--text:#10223b;--muted:#66778c;--purple:#7357ee;--cyan:#49d5ec;--line:#e5eaf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);background:white}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:82px;position:sticky;top:0;background:rgba(8,20,37,.97);z-index:20;border-bottom:1px solid #ffffff16;backdrop-filter:blur(14px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;color:white;font:800 22px Manrope,sans-serif;letter-spacing:-1.1px}.logo-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#7e63ff,#4d37c8);font-size:23px;font-weight:800}.logo-icon span{color:#5ee1ed}.accent{color:#a79cff}.nav nav{display:flex;align-items:center;gap:32px;color:#c1cddd;font-size:13px;font-weight:700}.nav nav a:hover{color:white}.nav-cta{background:white;color:#111d31!important;padding:13px 19px;border-radius:9px}.nav-cta span{margin-left:10px}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{position:relative;overflow:hidden;background:#081425;color:white;padding:102px 0 112px}.glow{position:absolute;filter:blur(100px);opacity:.25;border-radius:50%;pointer-events:none}.glow1{width:450px;height:450px;background:#5438c4;right:-120px;top:50px}.glow2{width:350px;height:350px;background:#0a88a8;left:-190px;bottom:-220px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;position:relative}.eyebrow,.kicker{font-size:11px;letter-spacing:2.1px;font-weight:800;color:#8d78ff}.eyebrow{display:inline-flex;gap:10px;align-items:center;background:#ffffff0c;border:1px solid #ffffff1a;color:#b8b0ff;padding:10px 14px;border-radius:40px}.pulse{width:7px;height:7px;border-radius:50%;background:#6fe3cc;box-shadow:0 0 12px #6fe3cc}.hero h1,h2{font-family:Manrope,sans-serif;letter-spacing:-2.6px;line-height:1.12}.hero h1{font-size:clamp(42px,4.6vw,65px);margin:27px 0 22px;font-weight:800}.hero h1 em{font-style:normal;color:#a999ff}.hero-copy>p{color:#a8b6c8;line-height:1.8;font-size:16px;max-width:520px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;border-radius:10px;padding:16px 22px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.primary{background:#7860f4;color:white;box-shadow:0 10px 35px #6b4deb3b}.ghost{border:1px solid #4a5870;color:#e1e8f1}.hero-foot{display:flex;gap:42px;margin-top:57px}.hero-foot div{display:flex;flex-direction:column;gap:5px}.hero-foot b{font-size:13px}.hero-foot span{font-size:12px;color:#899ab0}.visual{position:relative;padding:24px 0}.dashboard{position:relative;z-index:2;background:#101e33;border:1px solid #41516c;border-radius:16px;overflow:hidden;box-shadow:0 40px 100px #0007;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}.dash-top{height:46px;background:#1a2940;border-bottom:1px solid #32415a;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#8092ab;font-size:10px}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#ef6a79}.dots i:nth-child(2){background:#f0c45e}.dots i:nth-child(3){background:#59c8a3}.live{color:#72d7bb}.dash-body{display:flex;min-height:355px}.dash-sidebar{width:65px;border-right:1px solid #29394e;display:flex;align-items:center;flex-direction:column;gap:25px;padding:22px 0;color:#7d8ba1}.side-brand{font-weight:900;color:white;font-size:25px}.side-brand span{color:#8b73ff}.side-active{color:#a996ff;background:#6653d52c;padding:8px;border-radius:7px}.dash-main{flex:1;padding:30px 23px}.dash-label{font-size:9px;letter-spacing:1.5px;color:#8394ac}.dash-main h3{font-size:21px;letter-spacing:-.8px;margin:10px 0 24px}.dash-main h3 span{color:#ab9dff}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-card{background:#1a2a41;border:1px solid #30415c;border-radius:10px;padding:16px;min-height:118px;display:flex;flex-direction:column;gap:5px}.mini-icon{font-size:23px;color:#ab96ff}.mini-icon.cyan{color:#65d9f2}.mini-icon.orange{color:#ffbf84}.mini-icon.green{color:#70ddbe}.mini-card b{font-size:12px}.mini-card small{font-size:10px;color:#8799b1}.mini-bar{height:3px;width:65%;border-radius:10px;background:linear-gradient(90deg,#7b62f7,#43c9dd);margin-top:7px}.dash-bottom{display:flex;justify-content:space-between;color:#8b9cb3;font-size:10px;margin-top:23px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb1{width:330px;height:330px;right:-40px;top:-30px;background:#6a56dd35}.orb2{width:230px;height:230px;left:-70px;bottom:-50px;background:#2ac5dd24}.float-chip{position:absolute;z-index:3;background:#fff;color:#243248;padding:12px 17px;border-radius:9px;box-shadow:0 15px 35px #0004;font-size:11px;font-weight:800}.chip1{right:-23px;top:18px}.chip2{left:-30px;bottom:5px}.chip2 span{color:#20c898}.trust{background:#f5f7fb;border-bottom:1px solid var(--line)}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0}.trust span{font-size:10px;color:#8792a3;letter-spacing:1.5px;font-weight:800}.trust-inner div{font-size:12px;font-weight:800;letter-spacing:1.3px;color:#4a5c75}.trust b{color:#9b8df3;margin:0 15px}.section{padding:110px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading h2,.about h2,.contact h2{font-size:clamp(34px,3.5vw,49px);margin:13px 0 0}.section-heading h2 em,.about h2 em,.contact h2 em{font-style:normal;color:#7961ed}.section-heading>p{max-width:365px;line-height:1.8;color:var(--muted);font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-card{min-height:330px;border:1px solid var(--line);border-radius:17px;padding:32px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 45px #101c3510}.service-card.featured{background:#101d36;color:white;border-color:#101d36}.service-number{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#91a0b5}.service-icon{font-size:34px;color:#a58fff;margin-top:30px}.service-icon.violet{color:#7860f4}.service-icon.blue{color:#3ab7d5}.service-icon.green{color:#39bfa1}.service-card h3{font:800 23px Manrope,sans-serif;letter-spacing:-.8px;margin:14px 0 10px}.service-card p{font-size:14px;line-height:1.8;color:#6d7c90;max-width:390px}.featured p{color:#b6c3d3}.service-card a{display:inline-block;font-size:13px;font-weight:800;color:#7258e9;margin-top:12px}.featured a{color:#ad9fff}.service-card a span{margin-left:10px}.card-art{position:absolute;right:-10px;bottom:-17px;font-size:43px;letter-spacing:-3px;font-weight:800;color:#ffffff0c;transform:rotate(-12deg)}.card-art span{color:#a997ff25}.hosting{background:#f6f8fc}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{background:white;border:1px solid #e2e7f0;border-radius:17px;padding:34px 28px;position:relative;display:flex;flex-direction:column}.plan.popular{border:2px solid #7d65f1;box-shadow:0 16px 45px #6b52de17}.popular-tag{position:absolute;right:18px;top:-13px;background:#7d65f1;color:white;font-size:9px;font-weight:800;letter-spacing:1px;border-radius:20px;padding:8px 13px}.plan-type{font-size:10px;letter-spacing:1.6px;color:#7860ec;font-weight:800}.plan h3{font:800 29px Manrope,sans-serif;margin:16px 0 5px}.plan p{font-size:13px;line-height:1.7;color:#748197;min-height:45px}.plan-rule{height:1px;background:#e8ecf3;margin:20px 0}.plan ul{list-style:none;padding:0;margin:0 0 30px;flex:1}.plan li{padding:9px 0 9px 25px;font-size:13px;color:#40506a;position:relative}.plan li:before{content:'✓';position:absolute;left:0;color:#6f5be7;font-weight:800}.plan-btn{border:1px solid #dcd5ff;color:#6c51e3;background:#f7f5ff;white-space:nowrap;font-size:12px}.popular .plan-btn{background:#7860f4;color:white;border-color:#7860f4}.plan-note{font-size:12px;color:#8a95a5;text-align:center;margin-top:24px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step>span{font:800 34px Manrope;color:#8d7bf2}.step-line{height:1px;background:linear-gradient(90deg,#8a72ff,#e6eaf1);margin:22px 0}.step h3{font-size:17px;margin:0 0 10px}.step p{font-size:13px;color:#78869a;line-height:1.8}.about{background:#0c1930;color:white;padding:90px 0}.about-inner{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:100px}.about-mark{width:220px;height:220px;border:1px solid #ffffff30;border-radius:45px;background:linear-gradient(135deg,#7360ec,#2b4776);display:grid;place-items:center;font:900 130px Manrope;box-shadow:0 25px 90px #6c58e52a}.about-mark span{font-size:48px;color:#72e4ee;position:absolute;margin:0 0 95px 120px}.about h2{margin:14px 0 20px}.about h2 em{color:#aa9aff}.about p{color:#b2bed0;line-height:1.9;max-width:670px;font-size:14px}.text-link{display:inline-block;color:#a99bff;font-weight:800;font-size:13px;margin-top:12px}.contact{background:#f8f9fd}.contact-box{position:relative;overflow:hidden;background:#edeaff;border:1px solid #ddd7ff;border-radius:25px;text-align:center;padding:78px 24px}.contact h2{margin:15px 0}.contact p{max-width:540px;margin:0 auto 28px;color:#6a7690;line-height:1.8;font-size:14px}.contact-deco{position:absolute;right:8%;top:5%;font-size:140px;color:#7c68ec12}.contact small{display:block;margin-top:17px;color:#8891a7;font-size:11px}footer{background:#081425;color:white}.footer-top{display:flex;align-items:center;gap:25px;padding:42px 0;border-bottom:1px solid #ffffff20}.footer-top p{font-size:12px;color:#8799b1;margin-left:15px}.footer-top>div{margin-left:auto;display:flex;gap:22px;font-size:12px;color:#a8b5c6}.footer-bottom{display:flex;justify-content:space-between;padding:24px 0;color:#8392a8;font-size:11px}@media(max-width:1000px){.hero-grid{gap:30px}.hero h1{font-size:48px}.dashboard{transform:none}.chip1{right:-8px}.chip2{left:-8px}.trust-inner{flex-direction:column}.about-inner{gap:40px}}@media(max-width:760px){.container{width:min(100% - 32px,1180px)}.nav{height:70px}.menu{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0b1b30;flex-direction:column;align-items:stretch;padding:20px 25px;gap:22px}.nav nav.open{display:flex}.nav-cta{text-align:center}.hero{padding:65px 0 80px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(38px,10vw,55px)}.hero-foot{margin-top:35px}.visual{margin-top:25px}.section{padding:75px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid,.plans{grid-template-columns:1fr}.service-card{min-height:300px}.steps{grid-template-columns:1fr 1fr}.about-inner{grid-template-columns:1fr;gap:35px}.about-mark{width:130px;height:130px;font-size:75px;border-radius:25px}.about-mark span{font-size:25px;margin:0 0 60px 75px}.footer-top{align-items:flex-start;flex-direction:column}.footer-top p,.footer-top>div{margin:0}.footer-top>div{flex-wrap:wrap}.trust-inner div{font-size:10px;text-align:center;line-height:2}.trust b{margin:0 5px}}@media(max-width:440px){.dash-sidebar{width:40px}.dash-main{padding:20px 12px}.mini-card{padding:10px;min-height:105px}.dash-main h3{font-size:17px}.dash-top{font-size:8px}.float-chip{display:none}.steps{grid-template-columns:1fr}.hero-foot{gap:22px}.footer-bottom{gap:10px;flex-direction:column}}