:root{--sws-blue:#2d8ccc;--sws-blue2:#61c5ff;--sws-dark:#071c2f;--sws-text:#506070;--sws-soft:#eaf7ff;--sws-card:rgba(255,255,255,.86);--sws-border:rgba(45,140,204,.16);--sws-green:#8cffd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--sws-text);background:#fff;overflow-x:hidden}a{text-decoration:none}.bg-soft{background:linear-gradient(135deg,#f1f9ff,#fff)}#matrixCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3;background:#fff}.page-glow{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(45,140,204,.22),transparent 30%),radial-gradient(circle at 85% 5%,rgba(140,255,210,.16),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.96))}.top-strip{position:fixed;top:0;left:0;right:0;z-index:1032;background:#061827;color:#d9ecf8;font-size:.82rem;padding:7px 0}.top-strip a{color:#fff;margin-left:16px;font-weight:800}.top-strip i{color:var(--sws-blue2);margin-right:5px}.sws-nav{top:34px;padding:12px 0;background:rgba(255,255,255,.84);backdrop-filter:blur(18px);box-shadow:0 14px 35px rgba(6,24,39,.08);border-bottom:1px solid rgba(45,140,204,.08)}.navbar-brand img{width:55px;height:55px;object-fit:contain}.brand-text{line-height:1}.brand-title{font-weight:950;letter-spacing:.08em;color:var(--sws-dark);font-size:1rem}.brand-sub{font-size:.7rem;letter-spacing:.22em;color:var(--sws-blue)}.nav-link{font-weight:850;color:var(--sws-dark)!important;margin:0 4px;border-radius:999px;padding:8px 11px!important}.nav-link:hover,.nav-link.active{color:var(--sws-blue)!important;background:rgba(45,140,204,.08)}.btn-main{background:linear-gradient(135deg,var(--sws-blue),#14639b);color:#fff;border:0;border-radius:999px;padding:12px 22px;font-weight:900;box-shadow:0 16px 35px rgba(45,140,204,.28);transition:.3s ease}.btn-main:hover{color:#fff;transform:translateY(-2px);box-shadow:0 20px 45px rgba(45,140,204,.38)}.btn-outline-main{border:1px solid var(--sws-blue);color:var(--sws-blue);background:rgba(255,255,255,.78);border-radius:999px;padding:12px 22px;font-weight:900;transition:.3s ease}.btn-outline-main:hover{background:var(--sws-blue);color:#fff;transform:translateY(-2px)}.hero{position:relative;min-height:98vh;display:flex;align-items:center;overflow:hidden;padding:175px 0 105px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,248,255,.9))}.home-hero:before{content:"0101 SOUTHERN WEB SYSTEMS 1010 DIGITAL MATRIX";position:absolute;left:-80px;top:125px;font-size:clamp(3rem,11vw,10rem);font-weight:950;letter-spacing:.02em;color:rgba(45,140,204,.055);white-space:nowrap;animation:slideText 20s linear infinite}.hero-badge{display:inline-flex;gap:9px;align-items:center;padding:9px 15px;border:1px solid var(--sws-border);border-radius:999px;background:rgba(255,255,255,.88);color:var(--sws-blue);font-weight:900;box-shadow:0 12px 35px rgba(7,28,47,.06)}.hero h1{font-size:clamp(2.45rem,5.2vw,5.45rem);line-height:.99;font-weight:950;color:var(--sws-dark);letter-spacing:-.065em}.hero p{font-size:1.12rem;max-width:720px}.hero-trust{display:flex;gap:10px;flex-wrap:wrap}.hero-trust span{padding:8px 13px;background:#fff;border:1px solid var(--sws-border);border-radius:999px;font-weight:800;color:var(--sws-dark);font-size:.88rem}.hero-showcase{position:relative;min-height:560px}.main-shot{position:absolute;inset:25px 0 0 35px;border-radius:36px;overflow:hidden;border:1px solid var(--sws-border);box-shadow:0 35px 90px rgba(7,28,47,.18);background:#fff;animation:float 6s ease-in-out infinite}.main-shot img{width:100%;height:100%;object-fit:cover}.main-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,28,47,.75))}.shot-label{position:absolute;left:28px;bottom:28px;color:#fff;z-index:2}.shot-label strong{display:block;font-size:1.4rem}.shot-label span{color:#d9ecf8}.mini-card{position:absolute;background:#fff;border:1px solid var(--sws-border);border-radius:24px;overflow:hidden;box-shadow:0 22px 55px rgba(7,28,47,.18);width:210px;z-index:3}.mini-card img{height:130px;width:100%;object-fit:cover}.mini-card span{display:block;padding:12px 14px;font-weight:950;color:var(--sws-dark)}.card-a{left:0;top:0}.card-b{right:-15px;bottom:20px}.client-ticker{padding:28px 0;background:#061827}.ticker-inner{display:flex;gap:35px;overflow:hidden;white-space:nowrap;color:#d7efff;font-weight:950;letter-spacing:.16em;justify-content:center;flex-wrap:wrap}section{padding:90px 0}.section-title{font-size:clamp(2rem,3.5vw,3.45rem);font-weight:950;color:var(--sws-dark);letter-spacing:-.045em}.section-kicker{color:var(--sws-blue);font-weight:950;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem}.image-service,.project-card,.value-card,.contact-card,.service-detail{height:100%;background:var(--sws-card);border:1px solid var(--sws-border);border-radius:30px;box-shadow:0 20px 55px rgba(7,28,47,.07);transition:.35s ease;overflow:hidden;color:inherit;display:block}.image-service:hover,.project-card:hover,.value-card:hover,.contact-card:hover,.service-detail:hover{transform:translateY(-8px);box-shadow:0 32px 75px rgba(7,28,47,.13)}.image-service img{width:100%;height:245px;object-fit:cover}.image-service-body,.project-body{padding:24px}.image-service h3,.project-body h3,.value-card h3,.contact-card h3,.service-detail h3{font-size:1.25rem;color:var(--sws-dark);font-weight:950}.image-service span{display:inline-block;color:var(--sws-blue);font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;margin-bottom:8px}.promise-section{background:linear-gradient(135deg,#f1f9ff,#fff)}.image-stack{position:relative;min-height:510px}.stack-main{position:absolute;inset:0 70px 70px 0;width:calc(100% - 70px);height:440px;object-fit:cover;border-radius:34px;box-shadow:0 30px 80px rgba(7,28,47,.16)}.stack-small{position:absolute;right:0;bottom:0;width:270px;height:210px;object-fit:cover;border:10px solid #fff;border-radius:30px;box-shadow:0 25px 65px rgba(7,28,47,.16)}.check-list{list-style:none;padding:0;margin:0}.check-list li{margin:12px 0;padding-left:32px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:23px;height:23px;border-radius:50%;background:var(--sws-soft);color:var(--sws-blue);display:grid;place-items:center;font-weight:900}.results-section{background:#061827;color:#fff}.result-box{text-align:center;border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:30px 15px;background:rgba(255,255,255,.05)}.result-box strong{display:block;font-size:2.6rem;font-weight:950}.result-box span{color:#cfe2f1;font-weight:800}.project-card img{width:100%;height:230px;object-fit:cover}.tag{display:inline-block;border-radius:999px;padding:7px 12px;background:var(--sws-soft);color:var(--sws-blue);font-weight:900;font-size:.78rem;margin:0 6px 10px 0}.contact-preview{background:linear-gradient(135deg,#fff,#edf8ff)}.cta-wrap{padding:90px 0;background:#fff}.cta{background:linear-gradient(135deg,var(--sws-dark),#0c5e94);color:#fff;border-radius:36px;padding:55px;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.1)}.cta h2{font-weight:950;letter-spacing:-.04em}.footer{background:#061827;color:#cfe2f1;padding:58px 0 24px}.footer a{color:#cfe2f1}.footer a:hover{color:#fff}.footer-logo{width:70px;height:70px;object-fit:contain;background:#fff;border-radius:18px;padding:5px}.socials{display:flex;gap:10px}.socials a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:1.15rem;color:#fff}.socials a:hover{background:var(--sws-blue)}.page-header{position:relative;padding:175px 0 95px;background:linear-gradient(135deg,rgba(238,247,255,.94),rgba(255,255,255,.91));overflow:hidden}.page-header:before{content:"SWS DIGITAL MATRIX";position:absolute;right:-80px;bottom:-20px;font-size:clamp(3rem,10vw,9rem);font-weight:950;color:rgba(45,140,204,.07);white-space:nowrap}.page-header .container{position:relative;z-index:2}.page-header h1{font-weight:950;color:var(--sws-dark);font-size:clamp(2.35rem,4vw,4.5rem);letter-spacing:-.055em}.page-header p{font-size:1.08rem;max-width:640px}.page-hero-card{position:relative;border-radius:34px;overflow:hidden;min-height:390px;box-shadow:0 30px 80px rgba(7,28,47,.18);border:1px solid rgba(255,255,255,.7);background:#fff}.page-hero-card img{width:100%;height:100%;min-height:390px;object-fit:cover}.page-hero-overlay{position:absolute;left:22px;right:22px;bottom:22px;padding:18px 20px;border-radius:22px;background:rgba(7,28,47,.72);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.14)}.page-hero-overlay span{display:inline-block;font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#91cfff;margin-bottom:7px}.page-hero-overlay strong{display:block;font-size:1.2rem;line-height:1.2}.page-hero-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--sws-border);font-weight:850;color:var(--sws-dark);box-shadow:0 12px 28px rgba(7,28,47,.08);margin-top:20px}.page-hero-chip i{color:var(--sws-blue)}.image-panel{border-radius:32px;overflow:hidden;box-shadow:0 30px 70px rgba(7,28,47,.14);position:relative}.image-panel img{width:100%;height:100%;object-fit:cover;min-height:420px}.value-card,.contact-card{padding:28px}.service-detail{padding:0}.service-detail img{height:260px;width:100%;object-fit:cover}.service-detail>div{padding:28px}.client-logo{background:#fff;border:1px solid var(--sws-border);border-radius:22px;padding:24px;text-align:center;font-weight:950;color:var(--sws-dark);box-shadow:0 14px 35px rgba(7,28,47,.05)}.form-control,.form-select{border-radius:16px;padding:14px 16px;border:1px solid var(--sws-border)}.form-control:focus,.form-select:focus{border-color:var(--sws-blue);box-shadow:0 0 0 .25rem rgba(45,140,204,.15)}.map-wrap{border:1px solid var(--sws-border);border-radius:30px;overflow:hidden;box-shadow:0 25px 65px rgba(7,28,47,.1)}.map-wrap iframe{width:100%;height:440px;display:block}.contact-img{width:100%;height:220px;object-fit:cover;border-radius:22px;margin-bottom:20px}.whatsapp-float{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;font-size:1.7rem;z-index:1000;box-shadow:0 18px 40px rgba(37,211,102,.35)}.whatsapp-float:hover{color:#fff;transform:translateY(-2px)}.fade-up{opacity:0;transform:translateY(28px);transition:all .8s ease}.fade-up.show{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes slideText{0%{transform:translateX(0)}100%{transform:translateX(-45%)}}@media(max-width:991px){.top-strip{display:none}.sws-nav{top:0}.hero{padding-top:125px;min-height:auto}.page-header{padding-top:135px}.navbar-collapse{padding-top:15px}.hero-showcase{min-height:auto}.main-shot,.mini-card{position:relative;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;width:100%;margin-top:18px}.main-shot{height:430px}.mini-card{display:none}.stack-main,.stack-small{position:relative;inset:auto;width:100%;height:320px}.stack-small{margin-top:18px}.image-stack{min-height:auto}.page-hero-card{min-height:auto}.page-hero-card img{min-height:320px}.cta{padding:35px}}@media(max-width:575px){.navbar-brand img{width:47px;height:47px}.brand-title{font-size:.86rem}.brand-sub{font-size:.6rem}.hero h1{font-size:2.35rem}.cta{border-radius:26px;padding:28px}section{padding:65px 0}.ticker-inner{gap:18px;font-size:.8rem}.main-shot{height:340px}.image-service img{height:210px}}


.clients-showcase{background:linear-gradient(135deg,#f3faff,#fff);position:relative;overflow:hidden}
.clients-showcase:before{content:"CLIENT BRANDS";position:absolute;left:-40px;top:35px;font-size:clamp(3rem,9vw,8rem);font-weight:950;color:rgba(45,140,204,.045);white-space:nowrap}
.client-logo-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.client-logo-card{background:#fff;border:1px solid var(--sws-border);border-radius:28px;min-height:210px;padding:24px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 45px rgba(7,28,47,.07);transition:.35s ease}
.client-logo-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(7,28,47,.13);border-color:rgba(45,140,204,.28)}
.client-logo-card img{width:135px;height:105px;object-fit:contain;margin-bottom:18px;filter:saturate(1.05)}
.client-logo-card span{display:block;color:var(--sws-dark);font-weight:950;font-size:1rem;line-height:1.2}
.client-logo-card small{color:#64788c;font-weight:800;margin-top:6px}
@media(max-width:1199px){.client-logo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.client-logo-grid{grid-template-columns:repeat(2,1fr)}.client-logo-card{min-height:185px;padding:20px 12px}.client-logo-card img{width:115px;height:92px}}
@media(max-width:420px){.client-logo-grid{grid-template-columns:1fr}}

.seo-focus-section{background:linear-gradient(135deg,#fff,#eef8ff);position:relative;overflow:hidden}.seo-focus-section:before{content:"SEO • WEB • SOCIAL • BOOKING • DRONE";position:absolute;left:-60px;bottom:10px;font-size:clamp(2.5rem,7vw,7rem);font-weight:950;color:rgba(45,140,204,.045);white-space:nowrap}


.form-label{font-weight:850;color:var(--sws-dark);margin-bottom:7px}
.form-status:empty{display:none}
.was-validated .form-control:invalid,.was-validated .form-select:invalid{border-color:#dc3545}
.was-validated .form-control:valid,.was-validated .form-select:valid{border-color:#198754}


.floating-whatsapp{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;font-size:27px;z-index:999;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.service-card.d-block{text-decoration:none;color:inherit}
.check-list{list-style:none;padding-left:0}
.check-list li{margin:10px 0;padding-left:28px;position:relative}
.check-list li:before{content:"✓";position:absolute;left:0;top:0;font-weight:900;color:#198754}
.proof-card{background:#fff;border-radius:24px;padding:30px;box-shadow:0 16px 45px rgba(15,23,42,.08)}
.cta-section{padding-top:30px}