:root{--navy:#08111f;--blue:#38bdf8;--violet:#7c3aed;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--soft:#f7f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--ink)}h1,h2,h3,h4,h5,h6,.brand{font-family:'Plus Jakarta Sans',Inter,sans-serif}.navbar{background:rgba(8,17,31,.72);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12;transition:.3s}.navbar.scrolled{background:#08111ff2;box-shadow:0 12px 35px #0002}.brand{color:#fff!important;font-weight:800;display:flex;align-items:center;gap:9px}.brand b{color:#67e8f9}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 0 25px #38bdf833}.nav-link{color:#cbd5e1!important;font-size:.88rem}.nav-link:hover{color:#fff!important}.navbar-toggler{border-color:#475569}.navbar-toggler-icon{filter:invert(1)}.btn{border-radius:13px;padding:.8rem 1.1rem;font-weight:700}.btn-primary{border:0;background:linear-gradient(135deg,#38bdf8,#6366f1);box-shadow:0 10px 28px #3b82f63d}.hero{min-height:780px;padding:155px 0 90px;color:#fff;background:radial-gradient(circle at 78% 28%,#38bdf826,transparent 25%),radial-gradient(circle at 20% 70%,#7c3aed25,transparent 30%),linear-gradient(135deg,#06101d,#0d1b2e);overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(#000,transparent)}.hero h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:1.03;letter-spacing:-3px}.gradient-text{background:linear-gradient(90deg,#fff,#67e8f9,#a78bfa);-webkit-background-clip:text;color:transparent}.hero p{color:#b8c5d6;max-width:680px;line-height:1.8}.eyebrow{display:inline-block;padding:.45rem .8rem;border:1px solid #ffffff18;border-radius:999px;background:#ffffff0a;color:#bae6fd;font-size:.78rem}.hero-art{height:420px;position:relative;display:grid;place-items:center}.orb{width:270px;height:270px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#67e8f9,transparent 25%,#7c3aed30 60%,transparent 70%);box-shadow:0 0 110px #38bdf82b}.server-card,.float-card{position:absolute;border:1px solid #ffffff20;background:#0c1b2eb8;backdrop-filter:blur(18px);box-shadow:0 30px 80px #0005;border-radius:20px}.server-card{width:290px;padding:18px;animation:float 5s ease-in-out infinite}.server-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff10;color:#cbd5e1;font-size:.8rem}.float-card{padding:11px 14px;font-size:.75rem;color:#e2e8f0}.f1{top:30px;right:0}.f2{bottom:35px;left:0}.f3{top:110px;left:0}.f4{bottom:0;right:15px}@keyframes float{50%{transform:translateY(-12px)}}.trust{padding:28px 0;background:#091522;color:#cbd5e1}.section{padding:100px 0}.soft{background:var(--soft)}.dark{background:var(--navy);color:#fff}.kicker{text-transform:uppercase;letter-spacing:2px;font-weight:800;color:#0284c7;font-size:.72rem}.section-title{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-1.5px}.sub{color:var(--muted);line-height:1.8}.cardx,.price-card,.portfolio-card,.benefit,.step{height:100%;background:#fff;border:1px solid var(--line);border-radius:22px;transition:.3s}.cardx,.price-card,.benefit,.step{padding:25px}.cardx:hover,.price-card:hover,.portfolio-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px #0f172a14}.iconbox{width:52px;height:52px;border-radius:16px;background:#eef6ff;color:#0284c7;display:grid;place-items:center;font-weight:800;margin-bottom:18px}.cardx p,.cardx li,.benefit p{color:var(--muted);font-size:.9rem;line-height:1.7}.cardx ul{padding-left:1.1rem}.domain{padding:55px;border-radius:28px;background:linear-gradient(135deg,#08111f,#11243d);color:#fff}.domain-input{padding:15px;border:0;border-radius:13px;width:100%;outline:0}.price-card.pop{border:2px solid #38bdf8}.badge-pop{background:#0ea5e9;color:#fff;border-radius:99px;padding:6px 11px;font-size:.7rem;font-weight:800;display:inline-block}.price{font-size:2.2rem;font-weight:800}.price-card li{list-style:none;margin:11px 0;color:#475569;font-size:.9rem}.price-card ul{padding:0}.portfolio-img{height:210px;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#164e63 55%,#4c1d95);color:#fff;font-weight:800}.portfolio-body{padding:22px}.cta{padding:65px;border-radius:28px;background:radial-gradient(circle at 80% 20%,#38bdf833,transparent 25%),linear-gradient(135deg,#08111f,#101d32);color:#fff}.contact{padding:30px;background:#fff;border:1px solid var(--line);border-radius:24px}.form-control,.form-select{padding:.85rem 1rem;border-radius:12px}.footer{background:#06101b;padding:70px 0 25px;color:#cbd5e1}.footer a{display:block;color:#94a3b8;text-decoration:none;margin:9px 0;font-size:.87rem}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff12;padding-top:22px;display:flex;justify-content:space-between;color:#64748b;font-size:.78rem}.wa-float{position:fixed;right:20px;bottom:20px;z-index:999;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 12px 35px #0004}.wa-float small{position:absolute;right:65px;white-space:nowrap;background:#0f172a;color:#fff;padding:7px 10px;border-radius:8px;opacity:0;transition:.2s}.wa-float:hover small{opacity:1}.toast-msg{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:#0f172a;color:#fff;padding:12px 18px;border-radius:12px;z-index:2000;transition:.25s}.toast-msg.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:991px){.navbar-collapse{background:#08111f;padding:12px;border-radius:14px;margin-top:8px}.hero{padding-top:135px}.hero-art{height:350px;margin-top:30px}.section{padding:75px 0}}@media(max-width:575px){.hero h1{letter-spacing:-2px}.hero-art{height:300px}.server-card{width:245px}.orb{width:210px;height:210px}.float-card{font-size:.65rem;padding:8px}.f1{top:0}.f3{top:80px;left:-4px}.domain{padding:35px 20px}.footer-bottom{flex-direction:column;gap:8px}}