:root{--navy:#06133a;--navy2:#071b52;--blue:#1260e8;--blue2:#0875ff;--light:#f5f8ff;--text:#081536;--muted:#64708a;--border:#dfe6f2;--white:#fff;--shadow:0 12px 35px rgba(13,48,110,.10);--radius:14px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:#06122f;color:#fff;font-size:13px}.topbar-inner{height:36px;display:flex;align-items:center;justify-content:space-between}.topbar span{margin-right:22px}.topbar a{color:#fff}
.navbar{height:74px;background:#fff;border-bottom:1px solid #e8edf5;position:sticky;top:0;z-index:50}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;color:#0a1c49}.logo-mark{width:40px;height:40px;border-radius:7px;background:#1766ed;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.logo small{display:block;font-size:9px;font-weight:500;color:#71809d}.logo strong{font-size:18px;line-height:1}
.nav-links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}.nav-links a{transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.menu-btn{display:none;border:0;background:none;font-size:25px;color:var(--navy)}
.hero{background:radial-gradient(circle at 75% 45%,#0b3b8b 0,#071d55 42%,#050f2e 100%);color:#fff;overflow:hidden}.hero .container{min-height:430px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.hero-copy{padding:55px 0}.kicker{font-size:16px;margin-bottom:4px}.hero h1{font-size:44px;line-height:1.05;margin-bottom:15px}.hero h1 span{color:#2182ff}.hero p{color:#dbe7ff;max-width:540px;font-size:14px;margin-bottom:19px}.check-grid{display:grid;grid-template-columns:repeat(2,max-content);gap:7px 30px;font-size:12px;color:#e7efff;margin-bottom:22px}.check-grid div:before{content:"✓";display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#1383ff;margin-right:7px;font-size:9px}
.btns{display:flex;gap:10px}.btn{border:1px solid transparent;border-radius:7px;padding:12px 22px;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(18,96,232,.18)}.btn-primary{background:#1466ee;color:#fff}.btn-outline{border-color:#b7c9ed;color:#fff;background:transparent}
.server-wrap{height:330px;display:grid;place-items:center}.server{width:330px;height:220px;position:relative;transform:perspective(700px) rotateY(-7deg);animation:float 5s ease-in-out infinite}.server-body{position:absolute;inset:20px 0 0 40px;border-radius:14px;background:linear-gradient(145deg,#334e7d,#081329);box-shadow:0 25px 50px rgba(0,0,0,.5);border:2px solid #54709e}.rack{height:38px;margin:12px 16px;border-radius:8px;background:#0d1b35;border:1px solid #5875a6;display:flex;align-items:center;gap:8px;padding:0 12px}.rack i{width:8px;height:8px;border-radius:50%;background:#1580ff;box-shadow:0 0 10px #1580ff}.cloud{position:absolute;width:155px;height:65px;left:8px;bottom:45px;background:linear-gradient(#fff,#cddbf1);border-radius:55px;opacity:.95}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:75px;height:75px;left:30px;top:-30px}.cloud:after{width:55px;height:55px;left:88px;top:-20px}.shield{position:absolute;right:-8px;bottom:22px;width:92px;height:110px;background:linear-gradient(145deg,#bff0c9,#58bf70);clip-path:polygon(50% 0,92% 17%,84% 70%,50% 100%,16% 70%,8% 17%);display:grid;place-items:center;color:#0a6631;font-weight:900;font-size:13px;text-align:center;filter:drop-shadow(0 12px 15px rgba(0,0,0,.3))}.uptime{position:absolute;left:30px;bottom:6px;background:#fff;color:#0b2051;padding:12px 18px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.25);font-weight:900;font-size:17px}
.section{padding:60px 0}.section-head{text-align:center;margin-bottom:30px}.eyebrow{font-size:10px;color:#1264df;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.section-head h2{font-size:29px;margin:4px 0}.section-head p{font-size:12px;color:var(--muted)}
.page-hero{background:linear-gradient(120deg,#071b52,#0a4eb5);color:#fff;padding:72px 0}.page-hero .container{text-align:center}.page-hero h1{font-size:42px;line-height:1.1;margin-bottom:12px}.page-hero p{max-width:700px;margin:auto;color:#dce9ff;font-size:14px}.breadcrumb{font-size:10px;margin-bottom:12px;color:#a8c7ff}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--border);border-radius:14px;background:#fff;padding:24px;box-shadow:0 8px 25px rgba(20,55,110,.06);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card h3{font-size:17px;margin-bottom:6px}.card p{font-size:11px;color:var(--muted)}.price{font-size:29px;font-weight:900;color:var(--blue);margin:12px 0}.price small{font-size:10px;color:var(--muted)}.feature-list{list-style:none;font-size:11px;margin:15px 0;min-height:120px}.feature-list li{margin:7px 0}.feature-list li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:8px}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan{border:1px solid var(--border);border-radius:12px;background:#fff;padding:25px 18px 18px;position:relative;box-shadow:0 5px 20px rgba(25,58,110,.04);transition:.25s}.plan:hover{transform:translateY(-6px)}.plan.popular{border:2px solid var(--blue);transform:translateY(-5px)}.plan.popular:hover{transform:translateY(-10px)}.badge{position:absolute;top:-1px;left:-2px;right:-2px;background:var(--blue);color:#fff;text-align:center;font-size:9px;font-weight:900;padding:5px;border-radius:10px 10px 0 0}.plan.popular{padding-top:31px}.plan h3{text-align:center;font-size:15px}.plan .sub{text-align:center;color:#65728b;font-size:10px;margin:2px 0 15px}.plan .price{text-align:center}.save{display:table;margin:5px auto 17px;background:#edf4ff;color:#145dd6;border-radius:10px;padding:3px 9px;font-size:9px;font-weight:800}.features{list-style:none;min-height:190px;font-size:10px;color:#1b2945}.features li{margin:7px 0}.features li:before{content:"✓";color:#1467ee;font-weight:900;margin-right:7px}.plan .btn{width:100%;font-size:11px;padding:10px}
.benefits{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #e2e9f4;border-radius:12px;overflow:hidden}.benefit{padding:19px 12px;display:flex;gap:10px;align-items:center}.benefit+.benefit{border-left:1px solid #e8edf4}.icon{width:34px;height:34px;flex:none;border-radius:50%;background:#edf4ff;color:#1166ea;display:grid;place-items:center;font-size:16px;font-weight:900}.benefit strong{font-size:11px;display:block}.benefit span{font-size:9px;color:#69758a}
.service-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-price-card{background:#fff;border:1px solid #dfe7f2;border-radius:14px;padding:24px 20px 20px;box-shadow:0 8px 25px rgba(20,55,110,.06);position:relative;transition:.25s}.service-price-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-price-card.featured{border:2px solid var(--blue)}.service-price-card h3{font-size:17px}.service-desc{font-size:10px;color:#68758d;margin:4px 0 12px}.service-price{font-size:28px;font-weight:900;color:#1260e8;margin-bottom:14px}.service-price small{font-size:10px;color:#68758d}.service-price-list{list-style:none;font-size:10px;min-height:130px}.service-price-list li{margin:7px 0}.service-price-list li:before{content:"✓";color:#1267e9;font-weight:900;margin-right:7px}
.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platform{border:1px solid var(--border);border-radius:14px;padding:25px;text-align:center;transition:.25s}.platform:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.platform-logo{width:62px;height:62px;margin:0 auto 12px;border-radius:14px;background:#eef4ff;color:var(--blue);display:grid;place-items:center;font-size:24px;font-weight:900}.platform h3{font-size:18px}.platform p{font-size:11px;color:var(--muted);margin:5px 0 14px}.platform .price{font-size:23px}.platform-note{font-size:9px;color:var(--muted);margin-top:10px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.info-box{border:1px solid var(--border);border-radius:14px;padding:28px}.info-box h2{font-size:22px;margin-bottom:8px}.info-box p{font-size:11px;color:var(--muted);margin-bottom:14px}.info-list{list-style:none;font-size:11px}.info-list li{margin:9px 0}.info-list li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:8px}
.cta{background:linear-gradient(100deg,#0756e2,#126ef0);color:#fff;border-radius:12px;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font-size:21px}.cta p{font-size:11px;color:#dbe9ff}
footer{background:#06132f;color:#fff;margin-top:60px;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}.footer-logo{margin-bottom:12px}.footer-text{font-size:10px;color:#b8c7e4;max-width:220px}footer h4{font-size:11px;margin-bottom:11px}footer ul{list-style:none}footer li{font-size:10px;color:#b8c7e4;margin:7px 0}footer li a:hover{color:#fff}.footer-bottom{border-top:1px solid #203052;margin-top:25px;padding-top:13px;display:flex;justify-content:space-between;font-size:9px;color:#9eafd0}.social{display:flex;gap:8px;margin-top:12px}.social a{width:25px;height:25px;border:1px solid #385077;border-radius:50%;display:grid;place-items:center;font-size:10px}
.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 25px rgba(0,0,0,.25);z-index:100;transition:.2s}.whatsapp svg{width:31px;height:31px}.whatsapp span{position:absolute;right:68px;white-space:nowrap;background:#06132f;color:#fff;padding:8px 12px;border-radius:7px;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.whatsapp:hover{transform:scale(1.08)}.whatsapp:hover span{opacity:1}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}.pulse{animation:pulse 2.4s infinite}@keyframes float{0%,100%{transform:perspective(700px) rotateY(-7deg) translateY(0)}50%{transform:perspective(700px) rotateY(-7deg) translateY(-12px)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(18,96,232,.3)}50%{box-shadow:0 0 0 12px rgba(18,96,232,0)}}
@media(max-width:1000px){.plans{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(3),.benefit:nth-child(5){border-left:0}.benefit:nth-child(n+3){border-top:1px solid #e8edf4}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.topbar-inner{justify-content:center}.topbar-inner>div:first-child{display:none}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:15px 4%;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.nav-links.active{display:flex}.menu-btn{display:block}.hero .container{grid-template-columns:1fr}.hero-copy{padding:45px 0 5px}.hero h1{font-size:35px}.server-wrap{height:260px}.server{transform:scale(.8)}.cards,.service-pricing,.platforms,.two-col{grid-template-columns:1fr}.plans{grid-template-columns:1fr}.plan.popular,.plan.popular:hover{transform:none}.benefits{grid-template-columns:1fr}.benefit+.benefit{border-left:0;border-top:1px solid #e8edf4}.footer-grid{grid-template-columns:1fr 1fr}.cta{padding:25px;flex-direction:column;align-items:flex-start}.page-hero h1{font-size:34px}}
@media(max-width:480px){.hero h1{font-size:30px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}