body[data-page-version="services-v1"]{background:#fff}.services-hero{position:relative;isolation:isolate;overflow:hidden;padding:74px 0 58px;text-align:center;border-bottom:1px solid #f1ebf6}.services-hero::before,.services-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}.services-hero::before{background:radial-gradient(ellipse at 50% 34%,#e7d8ff9c 0,transparent 48%),radial-gradient(ellipse at 22% 18%,#dff9fd80 0,transparent 35%),radial-gradient(ellipse at 85% 52%,#f1dff188 0,transparent 36%),#fff}.services-hero::after{background:radial-gradient(circle,#70568a26 .75px,transparent .85px);background-size:6px 6px;-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 10%,transparent 72%)}.services-hero .wrap{max-width:980px}.services-hero .hero-label{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.services-hero h1{font-size:52px;font-weight:800;letter-spacing:-.055em;line-height:1.06;max-width:900px;margin:0 auto}.services-hero h1 em{background:linear-gradient(100deg,#7040c7,#8e51ff 55%,#45dcf6);-webkit-background-clip:text;background-clip:text;color:transparent}.services-hero p{max-width:720px;margin:18px auto 0;color:var(--muted);font-size:15px;line-height:1.75}.services-hero-actions{display:flex;justify-content:center;margin-top:24px}.services-hero-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:26px}.services-hero-facts span{padding:7px 10px;border:1px solid #e1d8ea;border-radius:8px;background:#ffffffa0;color:#6d6376;font-size:9px;font-weight:600}.services-section{padding:68px 0;scroll-margin-top:132px}.services-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.services-heading h2,.services-copy h2{font-size:38px;text-align:left;margin:8px 0 0}.services-heading>p{max-width:420px;color:var(--muted);font-size:12px;line-height:1.7}.services-copy>p{max-width:580px;color:var(--muted);font-size:12px;line-height:1.75;margin-top:14px}.services-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:stretch}.service-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0}.service-checks span{position:relative;padding:11px 12px 11px 29px;border:1px solid #e3dbea;border-radius:10px;background:#fbf9fd;color:#5f5569;font-size:10px;font-weight:600}.service-checks span::before{content:"";position:absolute;left:12px;top:50%;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#7040c7,#45dcf6);transform:translateY(-50%)}.service-checks.compact{grid-template-columns:1fr;margin-bottom:22px}.support-shell .services-copy{display:flex;flex-direction:column;justify-content:center}.ops-panel{position:relative;overflow:hidden;padding:24px;border:1px solid #d8cde5;border-radius:20px;background:radial-gradient(ellipse at 90% 0,#4d3968,#15141d 68%);color:#fff;min-height:390px}.ops-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#ffffff18 .7px,transparent 1px);background-size:5px 5px;-webkit-mask-image:radial-gradient(ellipse at 86% 0,#000,transparent 65%);mask-image:radial-gradient(ellipse at 86% 0,#000,transparent 65%);pointer-events:none}.ops-head,.ops-score,.ops-bars,.ops-events{position:relative;z-index:1}.ops-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #ffffff12}.ops-head strong{font-size:11px}.ops-head span{font-size:7px;color:#7ce0b9}.ops-score{padding:28px 0 22px}.ops-score strong{display:block;font-size:44px;letter-spacing:-.05em}.ops-score span{display:block;font-size:8px;color:#a99db4;margin-top:3px}.ops-bars{display:grid;gap:12px}.ops-bars>div{display:grid;grid-template-columns:46px 1fr 36px;gap:9px;align-items:center;font-size:8px;color:#bdb3c6}.ops-bars i{position:relative;height:5px;background:#ffffff0d;border-radius:10px;overflow:hidden}.ops-bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#8e51ff,#45dcf6);border-radius:inherit}.ops-bars b{color:#fff;text-align:right}.ops-events{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.ops-events span{padding:12px;border:1px solid #ffffff10;border-radius:10px;background:#ffffff06}.ops-events b{display:block;font-size:8px}.ops-events small{display:block;color:#948a9d;font-size:6px;margin-top:3px;line-height:1.5}
.ip-section{background:linear-gradient(180deg,#fbf9fd,#fff);border-top:1px solid #f2edf6;border-bottom:1px solid #f2edf6}.ip-shell{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;align-items:stretch}.ip-shell article{position:relative;overflow:hidden;min-height:132px;padding:20px;border:1px solid #e1d8ea;border-radius:15px;background:#fff}.ip-shell article::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#7c6d9628 .7px,transparent 1px);background-size:5px 5px;-webkit-mask-image:radial-gradient(ellipse at 90% 0,#000,transparent 66%);mask-image:radial-gradient(ellipse at 90% 0,#000,transparent 66%)}.ip-shell strong,.ip-shell span{position:relative;z-index:1}.ip-shell strong{display:block;font-size:22px;letter-spacing:-.04em;color:#694097}.ip-shell span{display:block;margin-top:30px;color:#756a7e;font-size:9px;line-height:1.55}.ip-shell .btn{align-self:stretch;min-width:145px}
.service-card-grid{display:grid;gap:14px}.service-card-grid.four{grid-template-columns:repeat(4,1fr)}.service-card-grid.three{grid-template-columns:repeat(3,1fr)}.service-mini{position:relative;overflow:hidden;min-height:205px;padding:22px;border:1px solid #e2d9eb;border-radius:17px;background:#fff}.service-mini:nth-child(2){background:#f6f3fb}.service-mini:nth-child(3){background:#f4f8fb}.service-mini:nth-child(4){background:#f5f8f7}.service-mini::after,.storage-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#7c6d9627 .7px,transparent 1px);background-size:5px 5px;-webkit-mask-image:radial-gradient(ellipse at 80% 0,#000,transparent 66%);mask-image:radial-gradient(ellipse at 80% 0,#000,transparent 66%);pointer-events:none}.icon-box{position:relative;z-index:1;width:42px;height:42px;border:1px solid #ded4e8;border-radius:12px;background:#ffffffb8;display:grid;place-items:center;color:#7a4cad}.icon-box .icon{width:21px;height:21px}.service-mini h3{position:relative;z-index:1;font-size:18px;margin:28px 0 9px}.service-mini p{position:relative;z-index:1;color:var(--muted);font-size:10px;line-height:1.7}.section-action{text-align:center;margin-top:22px}
.ddos-section{background:#10121b;color:#fff;overflow:hidden}.ddos-shell{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}.ddos-copy .eyebrow{color:#bfa6db}.ddos-copy h2{font-size:40px;text-align:left;margin:9px 0 14px;color:#fff}.ddos-copy h2 em{color:#c8a7ff}.ddos-copy p{max-width:560px;color:#b7afc0;font-size:12px;line-height:1.75}.ddos-copy .btn{margin-top:22px}.shield-visual{position:relative;min-height:340px}.shield-core{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:32px;background:radial-gradient(circle at 35% 20%,#5f437c,#1a1622 70%);border:1px solid #ffffff14;display:grid;place-items:center;align-content:center;gap:6px;box-shadow:0 18px 60px #8e51ff26}.shield-core .icon{width:38px;height:38px;color:#d0b2ff}.shield-core strong{font-size:19px}.shield-core span{font-size:6px;letter-spacing:.16em;color:#9e91a9}.shield-ring{position:absolute;left:50%;top:50%;border:1px solid #8e51ff2e;border-radius:50%;transform:translate(-50%,-50%)}.ring-a{width:250px;height:250px}.ring-b{width:330px;height:330px;border-color:#45dcf620}.shield-note{position:absolute;padding:8px 10px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff08;color:#cec5d6;font-size:8px}.shield-note.n1{left:8%;top:20%}.shield-note.n2{right:7%;top:26%}.shield-note.n3{right:17%;bottom:15%}
.mail-server-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:center;padding:34px;border:1px solid #e0d6e9;border-radius:22px;background:radial-gradient(ellipse at 95% 0,#def8fc,#f4eefc 44%,#fff 76%)}.dual-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.dual-actions>a{font-size:10px;font-weight:700;color:var(--purple)}.mail-server-card{padding:22px;border:1px solid #dfd4e8;border-radius:17px;background:#ffffffd9;box-shadow:0 18px 45px #432f570d}.server-card-top{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #eee7f3;color:#8b7b99;font-size:8px;letter-spacing:.1em}.server-card-top b{color:#613c8c}.server-line{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #f0ebf4}.server-line span{font-size:8px;color:#8b8096}.server-line strong{font-size:11px}.server-status{margin-top:15px;padding:10px;border-radius:9px;background:#f4faf7;color:#55876d;font-size:8px}.server-status span{color:#58bf88;margin-right:6px}
.storage-section{background:#fbfafc;border-top:1px solid #f1edf4;border-bottom:1px solid #f1edf4}.storage-card{position:relative;overflow:hidden;min-height:260px;padding:26px;border:1px solid #e2d8ec;border-radius:18px;background:#fff;display:flex;flex-direction:column}.storage-card.dark{background:radial-gradient(ellipse at 90% 0,#4f3a68,#17151f 70%);color:#fff;border-color:#30273a}.storage-tag{position:relative;z-index:1;font-size:7px;letter-spacing:.13em;font-weight:800;color:#8b6ba9}.storage-card.dark .storage-tag{color:#c4a7e1}.storage-card h3{position:relative;z-index:1;font-size:24px;margin:42px 0 10px}.storage-card p{position:relative;z-index:1;color:var(--muted);font-size:11px;line-height:1.7}.storage-card.dark p{color:#b8aebe}.storage-card>span{position:relative;z-index:1;margin-top:auto;padding-top:26px;font-size:9px;font-weight:700;color:#7040c7}.storage-card.dark>span{color:#cfadff}
.infra-build-shell{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center;padding:34px;border:1px solid #dfd5e8;border-radius:22px;background:radial-gradient(ellipse at 10% 0,#f0e7ff,transparent 42%),radial-gradient(ellipse at 100% 100%,#def8fc,transparent 44%),#fbfafc}.infra-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.infra-steps span{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid #e3dbe9;border-radius:9px;background:#ffffffa8;font-size:9px;font-weight:600}.infra-steps b{font-size:7px;color:#8051b7}.infra-flow{position:relative;min-height:390px;border:1px solid #dfd4e8;border-radius:18px;background:#ffffffbd;overflow:hidden}.infra-flow::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#7c6d9624 .7px,transparent 1px);background-size:6px 6px;-webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 78%);mask-image:radial-gradient(ellipse at center,#000,transparent 78%)}.flow-node{position:absolute;left:50%;transform:translateX(-50%);min-width:128px;padding:12px;border:1px solid #d8cbe5;border-radius:10px;background:#fff;text-align:center;font-size:9px;font-weight:700;z-index:2}.flow-node.internet{top:28px}.flow-node.firewall{top:102px;background:#f4edfc;color:#67408f}.flow-node.balance{top:176px}.flow-node.compute{top:265px;min-width:92px}.flow-node.compute.a{left:23%}.flow-node.compute.b{left:50%;background:#18151f;color:#fff;border-color:#34283e}.flow-node.compute.c{left:77%}.flow-line{position:absolute;left:50%;width:1px;height:46px;background:linear-gradient(#8e51ff66,#45dcf688);z-index:1}.flow-line.l1{top:56px}.flow-line.l2{top:130px}.flow-branch{position:absolute;left:23%;right:23%;top:237px;height:1px;background:#8e51ff55}.flow-branch::before{content:"";position:absolute;left:50%;top:-33px;width:1px;height:33px;background:#8e51ff55}.flow-bottom{position:absolute;left:20%;right:20%;bottom:24px;display:flex;justify-content:space-between;gap:14px}.flow-bottom span{flex:1;padding:10px;border:1px dashed #cdbbe0;border-radius:9px;background:#faf7fd;text-align:center;font-size:8px;color:#76588f}.services-contact{background:linear-gradient(180deg,#fff,#f8f5fc)}.services-dialog-form{display:grid;gap:12px}.services-dialog-form label{display:grid;gap:6px;color:#6e6378;font-size:9px;font-weight:700}.services-dialog-form input,.services-dialog-form textarea,.services-dialog-form select{width:100%;border:1px solid #ddd4e7;border-radius:9px;padding:11px 12px;background:#fff;color:#211831;outline:none}.services-dialog-form input:focus,.services-dialog-form textarea:focus,.services-dialog-form select:focus{border-color:#8e51ff;box-shadow:0 0 0 3px #8e51ff12}.services-dialog-form .btn{width:100%;margin-top:4px}
@media(max-width:1100px){.ip-shell{grid-template-columns:repeat(2,1fr)}.ip-shell .btn{grid-column:1/-1}.service-card-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.services-split,.ddos-shell,.mail-server-shell,.infra-build-shell{grid-template-columns:1fr}.ops-panel{min-height:340px}.ddos-copy{text-align:center}.ddos-copy h2{text-align:center}.ddos-copy p{margin:auto}.shield-visual{min-height:300px}.mail-server-shell,.infra-build-shell{padding:28px}.service-card-grid.three{grid-template-columns:1fr}.storage-card{min-height:220px}}
@media(max-width:760px){.services-hero{padding:48px 0 42px}.services-hero h1{font-size:38px}.services-hero-actions .btn{width:100%}.services-section{padding:52px 0}.services-heading{display:block}.services-heading h2,.services-copy h2{font-size:31px}.services-heading>p{margin-top:10px}.service-checks{grid-template-columns:1fr}.ops-events{grid-template-columns:1fr}.ip-shell{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ip-shell::-webkit-scrollbar{display:none}.ip-shell article{flex:0 0 78%;scroll-snap-align:start}.ip-shell .btn{flex:0 0 58%;min-height:132px}.service-card-grid.four{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.service-card-grid.four::-webkit-scrollbar{display:none}.service-mini{flex:0 0 82%;scroll-snap-align:start}.ddos-copy h2{font-size:31px}.mail-server-shell,.infra-build-shell{padding:22px}.infra-steps{grid-template-columns:1fr}.infra-flow{min-height:360px}.dual-actions{align-items:stretch;flex-direction:column}.dual-actions .btn{width:100%}.dual-actions>a{text-align:center}.section-action .btn{width:100%}}