:root{--navy:#06182b;--navy2:#0b2d50;--blue:#1364e8;--orange:#ff6b2c;--cream:#f5f3ee;--text:#102033;--muted:#667386;--line:#dde3e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}em{font-family:'Playfair Display',serif;color:var(--orange)}.header{height:82px;padding:0 7%;position:absolute;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff1a}.logo{display:flex;align-items:center;gap:11px}.logo>b{width:40px;height:40px;border-radius:11px;background:linear-gradient(145deg,var(--orange),#ffa264);display:grid;place-items:center;font-size:22px;transform:rotate(-7deg);box-shadow:0 8px 25px #ff6b2c55}.logo span{display:flex;flex-direction:column}.logo small{font-size:8px;letter-spacing:3px;text-transform:uppercase}.header nav{display:flex;gap:30px;font-size:14px}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;background:linear-gradient(135deg,var(--orange),#ff873f);color:#fff;border:0;border-radius:8px;font-weight:800;box-shadow:0 12px 30px #ff6b2c40;cursor:pointer;transition:.3s}.btn:hover{transform:translateY(-3px);box-shadow:0 17px 35px #ff6b2c60}.header-btn{font-size:13px;padding:11px 17px}.hero{min-height:730px;padding:145px 7% 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:radial-gradient(circle at 76% 32%,#164b86,transparent 34%),radial-gradient(circle at 20% 100%,#4c1c25,transparent 30%),linear-gradient(120deg,#03111f,#071d35 58%,#082b4d);color:#fff;position:relative;overflow:hidden}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.hero-copy,.visual{position:relative;z-index:1}.pill{width:max-content;border:1px solid #69a0e052;background:#0c3157aa;padding:8px 10px;border-radius:40px;font-size:10px;color:#cbe2fa;margin-bottom:18px}.pill i{display:inline-block;width:7px;height:7px;background:#61e5a4;border-radius:50%;margin-right:7px}.pill b{background:#ffffff16;padding:4px 7px;border-radius:20px;margin-left:6px}.tag{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#9cb3cc}.tag.blue{color:var(--blue)}h1,h2{margin:0;line-height:1.06;letter-spacing:-2px}h1{font-size:clamp(57px,6.3vw,90px)}h2{font-size:clamp(39px,4vw,61px)}.lead{font-size:17px;line-height:1.8;color:#b8c7d8;max-width:610px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.watch{font-weight:700;font-size:14px}.watch span{display:inline-grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff55;border-radius:50%;font-size:10px;margin-right:8px}.numbers{display:flex;gap:40px;margin-top:52px}.numbers div{display:flex;flex-direction:column;border-left:1px solid #ffffff25;padding-left:14px}.numbers strong{font-size:24px}.numbers small{font-size:9px;color:#8fa4bb;text-transform:uppercase;letter-spacing:1px}.visual{min-height:500px}.orbit{position:absolute;width:500px;height:500px;border:1px dashed #ffffff20;border-radius:50%;animation:spin 25s linear infinite}.orbit.two{width:380px;height:380px;top:60px;left:60px;animation-direction:reverse}.dashboard{position:absolute;top:95px;left:5%;width:90%;height:320px;padding:24px;background:linear-gradient(145deg,#102e4f,#081c31);border:1px solid #ffffff2b;border-radius:18px;box-shadow:0 40px 90px #000a;animation:float 5s ease-in-out infinite}.dash-head{display:flex;justify-content:space-between;color:#b7c8da;font-size:12px}.dash-head i{display:inline-block;width:8px;height:8px;background:#50dd9b;border-radius:50%;margin-right:6px}.dash-body{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;margin-top:24px}.metric,.chart,.scores{padding:17px;background:#06182a;border:1px solid #ffffff12;border-radius:10px}.metric{display:flex;flex-direction:column}.metric strong{font-size:30px;margin:13px 0}.metric i{font-size:10px;color:#50dd9b}.chart{display:flex;align-items:flex-end;justify-content:space-around}.chart span{width:10%;background:linear-gradient(var(--orange),var(--blue));border-radius:10px 10px 0 0}.chart span:nth-child(1){height:30%}.chart span:nth-child(2){height:48%}.chart span:nth-child(3){height:42%}.chart span:nth-child(4){height:68%}.chart span:nth-child(5){height:88%}.scores{display:flex;justify-content:space-around;margin-top:15px}.scores span{font-size:10px;color:#7daaf0}.scores b{color:#fff;margin-left:8px}.float{position:absolute;background:#fff;color:var(--text);padding:13px 17px;border-radius:12px;display:flex;gap:11px;box-shadow:0 18px 50px #0008;animation:float 4s ease-in-out infinite}.float span{display:flex;flex-direction:column}.float small{color:#778596;font-size:9px}.leads{top:50px;right:0}.ranking{bottom:45px;left:0;animation-delay:-2s}.marquee{background:var(--orange);color:#fff;padding:16px;overflow:hidden;transform:rotate(-1deg);width:102%;margin-left:-1%}.marquee div{width:max-content;font-weight:800;letter-spacing:2px;font-size:12px;word-spacing:22px;animation:move 24s linear infinite}.trust{padding:26px 7%;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.trust div{display:flex;gap:28px}.section{padding:105px 7%}.about{background:var(--cream);display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.about-art{height:470px;background:radial-gradient(circle,#174e7c,#071c30 65%);position:relative;box-shadow:22px 22px 0 #e3dfd6}.rings{position:absolute;width:300px;height:300px;border:1px solid #ffffff2b;border-radius:50%;top:70px;left:calc(50% - 150px);display:grid;place-items:center;color:#fff;font-size:38px}.rings:before,.rings:after{content:'';position:absolute;border:1px solid #ffffff25;border-radius:50%;inset:55px}.rings:after{inset:110px;background:var(--orange);border:0}.rings{z-index:1}.rings::first-letter{position:relative;z-index:2}.badge{position:absolute;bottom:25px;right:20px;background:#fff;padding:18px;display:flex;flex-direction:column}.badge strong{font-size:22px;color:var(--orange)}.about>div>p:not(.tag),.heading>p{color:var(--muted);line-height:1.8}.about ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.about li:before{content:'✓';background:var(--orange);color:#fff;border-radius:50%;padding:2px 5px;margin-right:8px}.link,.cards a{color:var(--blue);font-weight:800}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.heading>p{max-width:440px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.cards article{padding:33px;border:1px solid var(--line);border-radius:16px;transition:.3s;position:relative;overflow:hidden}.cards article>b{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#eaf1ff;color:var(--blue)}.cards article:hover{transform:translateY(-7px);background:var(--navy);color:#fff;box-shadow:0 22px 50px #07182b35}.cards article:hover p{color:#b4c2d1}.cards article:hover>b{background:var(--orange);color:#fff}.cards h3{font-size:19px}.cards p{font-size:13px;line-height:1.7;color:var(--muted)}.cards a{font-size:12px;color:var(--orange)}.package{margin:20px 7% 105px;padding:60px;background:radial-gradient(circle at 90% 10%,#185896,transparent 40%),linear-gradient(120deg,#061a30,#0a3157);color:#fff;border-radius:22px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;box-shadow:0 30px 70px #102c4b2c}.package>div>p:not(.tag){color:#acbed0;line-height:1.7}.white{background:#fff;color:var(--navy)}.package-list p{display:flex;gap:20px;border-bottom:1px solid #ffffff20;padding:17px}.package-list>p>b{color:var(--orange);font-size:10px}.package-list span{color:#aebfd0;font-size:12px}.package-list strong{display:block;color:#fff;font-size:15px;margin-bottom:6px}.process{background:var(--cream)}.center{text-align:center;margin-bottom:50px}.steps{display:grid;grid-template-columns:repeat(4,1fr)}.steps article{text-align:center;padding:20px}.steps article>b{display:grid;place-items:center;width:88px;height:88px;background:#fff;border:1px solid var(--line);border-radius:50%;margin:12px auto;font-size:25px;color:var(--orange);transition:.3s}.steps article:hover>b{background:var(--orange);color:#fff;transform:translateY(-6px)}.steps article>span{font-size:10px;color:var(--blue)}.steps p{color:var(--muted);font-size:12px}.big-cta{padding:65px 7%;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(115deg,#0f55c8,#0b77e5 55%,#124084);color:#fff}.big-cta .tag{color:#c8ddff}.big-cta h2{font-size:clamp(35px,4vw,55px)}.big-cta em{color:#ffd1bc}.contact{padding:95px 7%;display:grid;grid-template-columns:1fr .85fr;gap:8%;background:linear-gradient(120deg,#071d34,#0b3156);color:#fff}.contact>div>p{color:#afc1d3;line-height:1.8}.contact>div>a{display:block;margin:18px 0;color:#d9e6f2}.contact form{background:#fff;color:var(--text);padding:35px;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px;box-shadow:0 30px 70px #0006}.contact form h3,.contact form button,.contact form small{grid-column:1/3}.contact input,.contact select{width:100%;padding:13px;border:1px solid var(--line);border-radius:8px}.contact form small{text-align:center;color:var(--muted)}footer{padding:65px 7%;background:#03111f;color:#9db0c3;display:grid;grid-template-columns:2fr 1fr 1.3fr 1.3fr;gap:50px;font-size:12px}footer>div{display:flex;flex-direction:column;gap:11px}footer h4{color:#fff}.whatsapp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;display:grid;place-items:center;background:#25d366;color:#fff;border-radius:50%;font-size:25px;box-shadow:0 10px 30px #0004;z-index:20;animation:pulse 2s infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes move{to{transform:translateX(-50%)}}@keyframes pulse{50%{box-shadow:0 10px 30px #0004,0 0 0 12px transparent}}
@media(max-width:980px){.header nav,.header-btn{display:none}.menu-btn{display:block;background:none;border:0;color:#fff;font-size:25px}.header.open nav{position:absolute;display:flex;flex-direction:column;top:70px;right:5%;padding:20px;background:#fff;color:var(--text);border-radius:10px;box-shadow:0 20px 50px #0005}.hero{grid-template-columns:1fr}.visual{max-width:700px;width:100%;margin:auto}.trust{flex-direction:column}.about,.package,.contact{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:2fr 1fr 1fr}.big-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.header{height:72px;padding:0 20px}.hero{padding:120px 20px 55px}.pill{font-size:8px}.hero h1{font-size:49px}.lead{font-size:15px}.actions{align-items:flex-start;flex-direction:column}.numbers{gap:18px}.visual{min-height:385px}.dashboard{height:265px;top:70px;padding:15px}.dash-body{gap:8px}.metric,.chart,.scores{padding:10px}.orbit{width:370px;height:370px}.orbit.two{width:270px;height:270px;top:50px;left:50px}.leads{top:35px}.ranking{bottom:10px}.trust div{flex-wrap:wrap;gap:10px}.section{padding:72px 20px}.about-art{height:380px;box-shadow:12px 12px 0 #e3dfd6}.rings{width:240px;height:240px;left:calc(50% - 120px)}.about ul,.cards,.steps{grid-template-columns:1fr}.heading{display:block}.package{margin:0;padding:65px 20px;border-radius:0}.big-cta,.contact{padding:65px 20px}.contact form{grid-template-columns:1fr;padding:24px}.contact form h3,.contact form button,.contact form small{grid-column:1}.big-cta h2{font-size:34px}footer{grid-template-columns:1fr 1fr;padding:55px 20px}footer>div:first-child{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* New web technology services */
.host-card>b{background:linear-gradient(135deg,#0ea5e9,#38d3f5)!important;color:#fff!important}.gws-card>b{background:linear-gradient(135deg,#4285f4,#34a853)!important;color:#fff!important}.domain-card>b{background:linear-gradient(135deg,#f97316,#facc15)!important;color:#fff!important}.mail-card>b{background:linear-gradient(135deg,#ec4899,#a855f7)!important;color:#fff!important}.care-card>b{background:linear-gradient(135deg,#14b8a6,#22c55e)!important;color:#fff!important}.backup-card>b{background:linear-gradient(135deg,#334155,#64748b)!important;color:#fff!important}.host-card:hover{background:linear-gradient(145deg,#0369a1,#083344)!important}.gws-card:hover{background:linear-gradient(145deg,#245fc1,#176530)!important}.domain-card:hover{background:linear-gradient(145deg,#c65308,#7c3b06)!important}.mail-card:hover{background:linear-gradient(145deg,#b91c6c,#641374)!important}.care-card:hover{background:linear-gradient(145deg,#087f72,#14532d)!important}.backup-card:hover{background:linear-gradient(145deg,#263548,#111827)!important}

/* Attractive separate colors for SEO, AEO and GEO */
.services{background:radial-gradient(circle at 8% 10%,#e8f1ff 0,transparent 22%),radial-gradient(circle at 92% 88%,#fff0e7 0,transparent 24%),#fff}.seo-card{background:linear-gradient(145deg,#fff,#eaf3ff)}.aeo-card{background:linear-gradient(145deg,#fff,#f2eaff)}.geo-card{background:linear-gradient(145deg,#fff,#e8fff7)}.seo-card>b{background:linear-gradient(135deg,#1268ef,#45a3ff)!important;color:#fff!important;box-shadow:0 12px 28px #1268ef45}.aeo-card>b{background:linear-gradient(135deg,#7c3aed,#b66cff)!important;color:#fff!important;box-shadow:0 12px 28px #7c3aed45}.geo-card>b{background:linear-gradient(135deg,#00a97f,#3ce0af)!important;color:#fff!important;box-shadow:0 12px 28px #00a97f45}.seo-card:hover{background:linear-gradient(145deg,#0d4dba,#062960)!important}.aeo-card:hover{background:linear-gradient(145deg,#6d28d9,#34106b)!important}.geo-card:hover{background:linear-gradient(145deg,#008e6c,#004b3a)!important}.package{background:radial-gradient(circle at 90% 10%,#7c3aed66,transparent 35%),radial-gradient(circle at 70% 90%,#00a97f44,transparent 35%),linear-gradient(120deg,#061a30,#0a3157)}.package-list .seo-line{border-left:3px solid #2784ff}.package-list .aeo-line{border-left:3px solid #9b5cf6}.package-list .geo-line{border-left:3px solid #16c784}.package-list .seo-line,.package-list .aeo-line,.package-list .geo-line{padding-left:15px}.big-cta{background:radial-gradient(circle at 70% 20%,#c447ff55,transparent 28%),linear-gradient(115deg,#0e55d5,#6d28d9 62%,#c02673)}.contact{background:radial-gradient(circle at 14% 95%,#7c3aed55,transparent 30%),radial-gradient(circle at 90% 10%,#0ea5e955,transparent 30%),linear-gradient(120deg,#06172b,#102e50)}