/* v1.2.2 Full Dark Infrastructure UI */
:root{--wn-bg:#030b16;--wn-bg2:#071424;--wn-panel:rgba(8,28,47,.78);--wn-line:rgba(35,199,255,.20);--wn-cyan:#19d5ff;--wn-blue:#2589ff;--wn-text:#f4f8ff;--wn-muted:#91a5bb;--wn-green:#2ce6a6}
body.index-page{background:var(--wn-bg);color:var(--wn-text)}
.wn-dark-section{position:relative;background:linear-gradient(180deg,#04101d 0%,#020a13 100%)!important;color:var(--wn-text);border-top:1px solid rgba(44,196,255,.13);overflow:hidden}
.wn-dark-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(25,213,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(25,213,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}
.wn-dark-section>.container,.wn-dark-section>.container-fluid{position:relative;z-index:1}
.wn-dark-section .section-title{padding-bottom:30px}.wn-dark-section .section-title h2{color:#fff;text-transform:uppercase;letter-spacing:-.03em;font-weight:800}.wn-dark-section .section-title h2:after{background:var(--wn-cyan)}.wn-dark-section .section-title p{color:var(--wn-muted)}
/* Why us */
.wn-why{padding:90px 0}.wn-why .row{max-width:1320px;margin:auto;align-items:stretch}.wn-why .content{padding-top:20px!important}.wn-why .content h3{font-size:clamp(30px,4vw,54px);font-weight:800;color:#fff}.wn-why .content p{color:var(--wn-muted);font-size:17px;line-height:1.8}.wn-why .faq-container{display:grid;gap:12px}.wn-why .faq-item{background:var(--wn-panel)!important;border:1px solid var(--wn-line);border-radius:14px;padding:20px 54px 20px 22px;box-shadow:none}.wn-why .faq-item h3,.wn-why .faq-item h3 span{color:#eaf7ff!important}.wn-why .faq-item h3 span{color:var(--wn-cyan)!important;font-family:monospace}.wn-why .faq-item p{color:var(--wn-muted)!important}.wn-why .faq-toggle{color:var(--wn-cyan)!important}.wn-why .why-us-img{display:flex;align-items:stretch;padding:18px}.wn-why .why-us-img img{width:100%;object-fit:cover;border-radius:20px;border:1px solid var(--wn-line);filter:saturate(.65) contrast(1.08);box-shadow:0 24px 70px rgba(0,0,0,.35)}
/* Services */
.wn-services{padding:90px 0}.wn-services .row{row-gap:20px}.wn-services .service-item{width:100%;height:100%;background:linear-gradient(145deg,rgba(8,31,52,.95),rgba(5,18,32,.92));border:1px solid var(--wn-line);border-radius:16px;padding:28px;transition:.25s;box-shadow:none}.wn-services .service-item:hover{transform:translateY(-6px);border-color:rgba(25,213,255,.55);box-shadow:0 18px 50px rgba(0,160,220,.10)}.wn-services .service-item .icon{width:54px;height:54px;border-radius:12px;background:rgba(25,213,255,.08);border:1px solid rgba(25,213,255,.25);display:grid;place-items:center;margin-bottom:24px}.wn-services .service-item .icon i{color:var(--wn-cyan);font-size:27px}.wn-services .service-item h4 a{color:#fff!important;font-weight:750}.wn-services .service-item p{color:var(--wn-muted);line-height:1.65}
/* Process */
.wn-process{padding:90px 0}.wn-process .steps-item{height:100%;background:var(--wn-panel);border:1px solid var(--wn-line);border-radius:18px;overflow:hidden}.wn-process .steps-image{height:190px;overflow:hidden;background:#071728}.wn-process .steps-image img{width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(.65)}.wn-process .steps-content{padding:26px!important}.wn-process .steps-number{background:var(--wn-cyan)!important;color:#00111c!important;box-shadow:0 0 30px rgba(25,213,255,.25)}.wn-process h3{color:#fff}.wn-process p,.wn-process .feature-item span{color:var(--wn-muted)}.wn-process .feature-item i{color:var(--wn-cyan)}
/* CTA */
.wn-cta{min-height:auto;padding:72px 0!important}.wn-cta>img{opacity:.16;filter:saturate(.4)}.wn-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,19,.97),rgba(3,22,39,.82))}.wn-cta .container{position:relative;z-index:2}.wn-cta h3{font-size:36px;color:#fff}.wn-cta p{color:#a8bbcd}.wn-cta .cta-btn{border:1px solid var(--wn-cyan)!important;background:linear-gradient(90deg,var(--wn-cyan),var(--wn-blue))!important;color:#00111d!important;border-radius:10px!important;font-weight:800}
/* Pricing */
.wn-pricing{padding:90px 0}.wn-pricing .pricing-item{height:100%;background:linear-gradient(160deg,rgba(9,32,54,.96),rgba(4,16,29,.96))!important;border:1px solid var(--wn-line)!important;border-radius:18px!important;box-shadow:none!important;padding:32px!important}.wn-pricing .pricing-item.featured{border-color:rgba(25,213,255,.65)!important;box-shadow:0 0 50px rgba(25,213,255,.08)!important}.wn-pricing h3{color:#fff!important}.wn-pricing h4,.wn-pricing h4 sup{color:var(--wn-cyan)!important}.wn-pricing h4 span{color:var(--wn-muted)!important}.wn-pricing li span{color:#b8c7d6}.wn-pricing li i{color:var(--wn-green)!important}.wn-pricing li.na span{color:#566a7d}.wn-pricing .buy-btn{border:1px solid var(--wn-cyan)!important;color:var(--wn-cyan)!important;border-radius:9px!important}.wn-pricing .featured .buy-btn,.wn-pricing .buy-btn:hover{background:linear-gradient(90deg,var(--wn-cyan),var(--wn-blue))!important;color:#00111d!important}
/* FAQ */
.wn-faq{padding:90px 0}.wn-faq .faq-container{display:grid;gap:12px}.wn-faq .faq-item{background:var(--wn-panel)!important;border:1px solid var(--wn-line);border-radius:14px!important;padding:22px 58px!important}.wn-faq .faq-item h3{color:#eef8ff!important}.wn-faq .faq-icon,.wn-faq .faq-toggle{color:var(--wn-cyan)!important}.wn-faq .faq-content p{color:var(--wn-muted)!important}
/* Contact */
.wn-contact{padding:90px 0 100px}.wn-contact .card{background:var(--wn-panel)!important;border:1px solid var(--wn-line)!important;border-radius:16px!important;box-shadow:none!important}.wn-contact .card-body{padding:28px!important}.wn-contact .bg-light{background:rgba(25,213,255,.08)!important;border:1px solid rgba(25,213,255,.2)}.wn-contact .card i{color:var(--wn-cyan)}.wn-contact .text-muted{color:var(--wn-muted)!important}.wn-contact .fw-semibold{color:#fff}.wn-contact .link-primary{color:var(--wn-cyan)!important}.wn-contact .btn-outline-primary{border-color:var(--wn-cyan);color:var(--wn-cyan)}.wn-contact .btn-primary{background:var(--wn-cyan);border-color:var(--wn-cyan);color:#00111d}
/* Footer */
.wn-footer{min-height:110px;background:#020812!important;border-top:1px solid rgba(25,213,255,.15);position:relative}.wn-footer:after{content:"SYSADMIN.KM.UA  •  SERVER  •  NETWORK  •  VPN  •  BACKUP  •  SECURITY";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;text-align:center;color:#4d7088;font:11px/1.4 monospace;letter-spacing:.18em}
@media(max-width:991px){.wn-why,.wn-services,.wn-process,.wn-pricing,.wn-faq,.wn-contact{padding:65px 0}.wn-why .why-us-img{margin-top:24px}.wn-process .steps-image{height:220px}}
@media(max-width:575px){.wn-dark-section .section-title h2{font-size:30px}.wn-services .service-item,.wn-pricing .pricing-item{padding:22px!important}.wn-faq .faq-item{padding:18px 44px 18px 18px!important}.wn-footer:after{font-size:9px;letter-spacing:.08em;padding:0 20px}}