/*
Theme Name: ServTrack Premium
Theme URI: https://servtrackltd.com/
Author: Seem Digital Solutions
Description: Premium responsive corporate security solutions theme.
Version: 15.0.0
Requires PHP: 7.4
Text Domain: servtrack-premium
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#090e26;--purple:#5944b9;--light:#f5f6fb;--ink:#20243b}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.65}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.16;letter-spacing:-.035em}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.topbar{background:#080c22;color:#c7c9da;font-size:12px;padding:9px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:15px}.header{background:white;position:sticky;top:0;z-index:20;box-shadow:0 5px 28px #11142c10}.header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:85px;gap:20px}.brand img{width:240px;max-height:70px;object-fit:contain;object-position:left}.nav{display:flex;align-items:center;gap:25px;font-weight:700;font-size:13px}.nav a:hover{color:var(--purple)}.btn{display:inline-flex;padding:15px 23px;border-radius:7px;background:var(--purple);color:#fff;font-weight:700;transition:.2s;align-items:center;justify-content:center}.btn:hover{background:#3b2b8b;transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid #ffffff70}.hero{background:linear-gradient(90deg,#090e26 0%,#090e26e8 52%,#090e2670 100%),url('https://images.unsplash.com/photo-1557597774-9d273605dfa9?auto=format&fit=crop&w=1800&q=85') center/cover;min-height:660px;display:flex;align-items:center;color:#fff}.hero .inner{max-width:760px;padding:100px 0}.eyebrow{color:#a99bff;font-size:12px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase}.hero h1{font-size:clamp(42px,5.4vw,76px);margin:19px 0 22px}.hero p{color:#d6d9e7;max-width:600px;font-size:17px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:33px}.section{padding:100px 0}.center{text-align:center}.section h2{font-size:clamp(30px,3.4vw,46px);margin:12px 0 17px}.lead{color:#6b7183;max-width:720px;margin:0 auto 45px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:#fff;border:1px solid #e9eaf2;border-radius:15px;padding:34px;box-shadow:0 15px 45px #18244b0a;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 22px 48px #18244b16}.card .number{font-size:13px;color:var(--purple);font-weight:800}.card h3{font-size:22px}.card p{color:#697080}.muted{background:var(--light)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.split img{width:100%;height:470px;object-fit:cover;border-radius:17px}.products{grid-template-columns:repeat(3,1fr)}.product{min-height:225px;border-radius:14px;background:linear-gradient(145deg,#131c44,#473894);padding:29px;color:white;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.product:before{content:'✦';font-size:130px;opacity:.08;position:absolute;right:20px;top:-40px}.product h3{font-size:22px;margin:0 0 8px}.product span{font-size:12px;color:#c6bafa}.cta{background:linear-gradient(120deg,#10183d,#503a9c);color:white;padding:75px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{font-size:40px;max-width:650px}.footer{background:#080d25;color:#d0d2df;padding:75px 0 25px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.footer h3{color:white}.footer a{display:block;margin:9px 0}.copyright{border-top:1px solid #ffffff22;margin-top:50px;padding-top:22px;font-size:13px}.pagehead{background:linear-gradient(120deg,#0a102d,#48358c);color:white;padding:85px 0}.pagehead h1{font-size:48px}.content{padding:70px 0;min-height:350px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:15px;margin-bottom:13px;border:1px solid #dddfea;border-radius:7px;font:inherit}.contact-form textarea{height:140px}.contact-form button{border:0;cursor:pointer}.mobile-toggle{display:none}@media(max-width:850px){.mobile-toggle{display:block;background:none;border:0;font-size:26px}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:22px;box-shadow:0 20px 30px #0002;flex-direction:column;align-items:start}.nav.open{display:flex}.grid,.products,.split,.footergrid{grid-template-columns:1fr}.split{gap:30px}.split img{height:330px}.hero{min-height:560px}.section{padding:65px 0}.cta .wrap{display:block}.topbar{display:none}.brand img{width:200px}}

/* ServTrack Liquid Glass 2.0 */
:root{--navy:#0b1237;--purple:#6548da;--ice:#f4f7ff;--ink:#171c40}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f7f9ff}h1,h2,h3{letter-spacing:-.045em}.header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%);border-bottom:1px solid rgba(255,255,255,.6);box-shadow:0 8px 38px rgba(24,20,73,.07)}.header-wrap{display:flex;align-items:center;justify-content:space-between;gap:22px}.header .brand{flex-shrink:0}.header .brand img,.header .custom-logo{width:auto!important;max-width:min(330px,32vw)!important;max-height:86px!important;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(12px,2vw,29px)}.nav>a:not(.btn),.nav-parent{font-weight:650;color:#201a53;text-decoration:none}.nav a:hover,.nav a:focus-visible{color:#6757cf}.nav-dropdown{position:relative;display:flex;align-items:center;gap:5px}.nav-parent{padding:26px 0;display:inline-block}.submenu-toggle{background:none;border:0;color:#6359b4;cursor:pointer;font-size:20px}.submenu{position:absolute;top:100%;left:-25px;min-width:250px;padding:12px;display:flex;flex-direction:column;gap:3px;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(249,249,255,.91);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);box-shadow:0 25px 65px rgba(25,17,83,.18);opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s}.submenu a{display:block;padding:10px 13px;border-radius:11px;color:#22214e;font-size:14px;text-decoration:none;white-space:nowrap}.submenu a:hover{background:rgba(107,83,222,.12)}.submenu-overview{font-weight:800;color:#5c43c7!important}.nav-dropdown:hover .submenu,.nav-dropdown:focus-within .submenu,.nav-dropdown.expanded .submenu{opacity:1;visibility:visible;transform:translateY(0)}.btn{background:linear-gradient(120deg,#39228c,#7755e4);border-radius:999px;box-shadow:0 10px 26px rgba(81,58,171,.23);transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(81,58,171,.32)}.hero{background-image:linear-gradient(100deg,rgba(8,14,43,.93),rgba(12,18,55,.73),rgba(37,28,85,.38)),url(https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1900&q=85)!important;position:relative}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 25%,rgba(150,126,255,.18),transparent 35%)}.hero .inner{position:relative;z-index:1}.hero h1{font-weight:800}.card,.product{border:1px solid rgba(255,255,255,.78)!important;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(238,239,255,.65))!important;backdrop-filter:blur(20px);border-radius:24px!important;box-shadow:0 18px 42px rgba(34,29,93,.07)!important;transition:transform .25s,box-shadow .25s}.card:hover,.product:hover{transform:translateY(-7px);box-shadow:0 24px 52px rgba(47,36,125,.15)!important}.pagehead{background:radial-gradient(circle at 85% 15%,#6553c2,transparent 45%),linear-gradient(125deg,#0b1237,#24215b)!important}.content{line-height:1.85}.content h2{margin-top:1.8em}.footer{background:#0b1231}.footer .brand img{max-width:260px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.revealed{opacity:1;transform:translateY(0)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:36px 0}.catalog-card{display:flex;flex-direction:column;padding:27px;min-height:175px;text-decoration:none;color:inherit}.catalog-card h3{margin:10px 0}.catalog-card span{color:#6756c9;font-size:12px;font-weight:800;letter-spacing:.12em}.catalog-card p{margin:0;color:#5c627a}.contact-form input,.contact-form textarea,.contact-form select{border-radius:13px!important;border:1px solid #dce0f1!important;background:rgba(255,255,255,.82)!important}.mobile-toggle{cursor:pointer}@media(max-width:1050px){.header .brand img,.header .custom-logo{max-width:250px!important}.nav{gap:13px}.nav-quote{display:none}}@media(max-width:800px){.header-wrap{flex-wrap:wrap}.header .brand img,.header .custom-logo{max-width:250px!important;max-height:74px!important}.nav{display:none;position:absolute;top:100%;left:3%;right:3%;max-height:78vh;overflow-y:auto;padding:18px;flex-direction:column;align-items:stretch;background:rgba(250,250,255,.96);backdrop-filter:blur(24px);border-radius:22px;box-shadow:0 25px 65px rgba(12,14,45,.22)}.nav.open{display:flex}.nav-dropdown{display:block}.nav-parent{padding:8px 0}.submenu-toggle{float:right}.submenu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;min-width:0;padding:5px 10px;background:rgba(236,234,255,.7)}.nav-dropdown.expanded .submenu{display:flex}.product-grid{grid-template-columns:1fr}.nav-quote{display:inline-flex}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ServTrack 3.0 — readable glass surfaces and accessible menus */
.product,.product:link,.product:visited{background:linear-gradient(145deg,#131d4c,#3a287d)!important;color:#fff!important;border:1px solid rgba(196,188,255,.3)!important;isolation:isolate;min-height:235px;box-shadow:0 20px 48px rgba(24,19,72,.17)!important}
.product::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 90% 5%,rgba(170,143,255,.35),transparent 52%);opacity:1;z-index:-1}
.product h3,.product span{color:#fff!important;opacity:1;text-shadow:0 1px 8px rgba(0,0,0,.3)}.product span{color:#cfc5ff!important;letter-spacing:.11em;font-weight:700}
.product:hover{background:linear-gradient(145deg,#25286c,#6944b8)!important;box-shadow:0 26px 60px rgba(36,28,103,.3)!important}
.nav-dropdown{gap:2px}.nav-parent{padding-right:0}.submenu-toggle{font-size:0;width:27px;height:32px;display:inline-flex;align-items:center;justify-content:center}.submenu-toggle::after{content:'';width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.nav-dropdown.expanded .submenu-toggle::after{transform:rotate(225deg) translateY(-2px)}
.nav-dropdown .submenu{z-index:1002;pointer-events:none}.nav-dropdown:hover .submenu,.nav-dropdown:focus-within .submenu,.nav-dropdown.expanded .submenu{pointer-events:auto}
.hero{background-image:linear-gradient(100deg,rgba(7,12,37,.94),rgba(13,16,50,.76) 55%,rgba(42,27,96,.55)),var(--hero-image)!important;background-position:center;background-size:cover;overflow:hidden;min-height:680px}
.hero .wrap{position:relative;z-index:3}.hero-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(195,180,255,.23) 1px,transparent 1px),linear-gradient(90deg,rgba(195,180,255,.23) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000);animation:st-grid 22s linear infinite;pointer-events:none}
.hero-orb{position:absolute;pointer-events:none;border-radius:50%;filter:blur(8px);opacity:.48;animation:st-float 12s ease-in-out infinite alternate}.hero-orb-one{width:370px;height:370px;right:3%;top:5%;background:radial-gradient(circle,rgba(121,89,246,.55),transparent 70%)}.hero-orb-two{width:300px;height:300px;right:26%;bottom:-20%;background:radial-gradient(circle,rgba(70,153,236,.4),transparent 70%);animation-delay:-6s}
.hero .inner{max-width:820px;padding:55px 45px;margin:72px 0;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(135deg,rgba(21,25,62,.49),rgba(41,31,97,.16));backdrop-filter:blur(13px) saturate(140%);-webkit-backdrop-filter:blur(13px) saturate(140%);box-shadow:0 28px 80px rgba(0,0,0,.15);animation:st-enter .85s both}
.hero h1{font-size:clamp(42px,5.2vw,72px);line-height:1.09;text-wrap:balance}.hero .eyebrow{color:#c8b9ff}.hero p{font-size:clamp(16px,1.35vw,19px)}
@keyframes st-float{to{transform:translate(-60px,45px) scale(1.12)}}@keyframes st-grid{to{background-position:72px 72px}}@keyframes st-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.footer .brand img{filter:brightness(1.5);max-width:260px}.footer a:hover{color:#c4b5ff}
@media(max-width:850px){.mobile-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:3%;right:3%;max-height:75vh;overflow-y:auto;padding:18px;flex-direction:column;align-items:stretch;background:rgba(249,249,255,.97);backdrop-filter:blur(24px);border-radius:20px;box-shadow:0 20px 55px #10103940}.nav.open{display:flex}.nav-dropdown{display:flex;flex-wrap:wrap;justify-content:space-between}.nav-parent{padding:10px 0}.submenu-toggle{margin-top:5px}.submenu{position:static;display:none;flex-basis:100%;width:100%;opacity:1;visibility:visible;transform:none;pointer-events:auto;box-shadow:none;min-width:0;padding:7px;background:rgba(234,231,255,.65)}.nav-dropdown:hover .submenu,.nav-dropdown:focus-within .submenu{display:none}.nav-dropdown.expanded .submenu,.nav-dropdown.expanded:hover .submenu{display:flex}.hero .inner{padding:32px 24px;margin:48px 0}.hero{min-height:600px}.hero h1{font-size:clamp(37px,8vw,56px)}.product{min-height:190px}}
@media(prefers-reduced-motion:reduce){.hero-orb,.hero-grid,.hero .inner{animation:none!important}.reveal{opacity:1!important;transform:none!important}}


/* v4: visible continuous animated security scanner; no JavaScript dependency */
.hero{isolation:isolate;background-color:#090f2b!important;background-image:radial-gradient(ellipse at 76% 48%,rgba(100,71,205,.42),transparent 49%),linear-gradient(115deg,#080e29 5%,#121a42 58%,#2b2265 100%)!important}
.hero:after{z-index:0;opacity:.65;animation:st-ambient 7s ease-in-out infinite alternate}
.hero-grid{opacity:.27;animation:st-grid 10s linear infinite!important}
.hero .wrap{z-index:4}
.hero .inner{max-width:720px;background:linear-gradient(125deg,rgba(15,21,58,.65),rgba(41,32,98,.34));box-shadow:0 30px 90px #0005}
.st-radar{position:absolute;z-index:2;right:max(2%,calc((100vw - 1450px)/2));top:50%;width:min(42vw,570px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(175,174,255,.36);background:radial-gradient(circle,rgba(104,82,222,.22) 0 2%,transparent 3%),repeating-radial-gradient(circle,transparent 0 18%,rgba(174,170,255,.14) 18.2% 18.5%,transparent 18.8% 25%);box-shadow:0 0 100px #6857d340,inset 0 0 100px #6857d325;overflow:hidden;animation:st-radar-breathe 5s ease-in-out infinite alternate}
.st-radar:before,.st-radar:after{content:'';position:absolute;background:rgba(182,178,255,.19)}
.st-radar:before{width:1px;top:0;bottom:0;left:50%}.st-radar:after{height:1px;left:0;right:0;top:50%;animation:none}
.st-radar-rings{position:absolute;inset:12%;border:1px dashed #bbb0ff66;border-radius:50%;animation:st-spin 38s linear infinite}
.st-radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 285deg,rgba(129,105,255,.04) 306deg,rgba(121,211,255,.55) 358deg,rgba(200,234,255,.9) 360deg);animation:st-spin 5.5s linear infinite;mix-blend-mode:screen}
.st-radar-center{position:absolute;left:50%;top:50%;width:76px;height:76px;transform:translate(-50%,-50%);border:1px solid #ffffff66;border-radius:22px;display:grid;place-items:center;background:#0e1648bd;box-shadow:0 0 35px #8e7aff77;z-index:3;backdrop-filter:blur(12px)}
.st-radar-center img{width:56px;height:56px;object-fit:contain}
.st-radar-dot{position:absolute;width:12px;height:12px;background:#85f3ed;border:2px solid white;border-radius:50%;box-shadow:0 0 0 8px #70f6e82c,0 0 22px #77ffef;z-index:3;animation:st-pulse 1.8s ease-in-out infinite alternate}
.st-dot-a{top:24%;left:35%}.st-dot-b{top:64%;left:74%;animation-delay:.6s}.st-dot-c{top:79%;left:30%;animation-delay:1.2s}
.st-radar-label{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.22em;color:#e2dfff;font-weight:800;white-space:nowrap}
.st-beam{position:absolute;z-index:1;left:-20%;right:-20%;height:2px;top:0;background:linear-gradient(90deg,transparent,#8b88ff66,#b3faff99,transparent);box-shadow:0 0 24px #9690ff88;animation:st-scan 8s linear infinite;pointer-events:none}
@keyframes st-spin{to{transform:rotate(360deg)}}
@keyframes st-pulse{to{opacity:.5;box-shadow:0 0 0 18px #70f6e80b,0 0 32px #77ffef}}
@keyframes st-radar-breathe{to{box-shadow:0 0 135px #6857d380,inset 0 0 110px #6857d340}}
@keyframes st-scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
@keyframes st-ambient{to{opacity:.95;transform:scale(1.08)}}
@media(max-width:1050px){.st-radar{right:-12%;width:52vw;opacity:.72}.hero .inner{max-width:680px}}
@media(max-width:700px){.st-radar{width:86vw;right:-43%;top:39%;opacity:.4}.st-radar-label{display:none}.hero .inner{position:relative;z-index:4}.hero{min-height:620px}}
@media(prefers-reduced-motion:reduce){.st-radar,.st-radar-rings,.st-radar-sweep,.st-radar-dot,.st-beam,.hero:after{animation:none!important}}

/* v5: photographic capability cards, locally relevant imagery controls, about and clientele */
.st-photo-product,.st-photo-product:link,.st-photo-product:visited{background-image:linear-gradient(180deg,rgba(8,13,38,.10) 5%,rgba(8,13,38,.22) 35%,rgba(8,13,38,.96) 100%),var(--st-card-image)!important;background-size:cover!important;background-position:center!important;min-height:315px!important;display:flex;flex-direction:column;justify-content:space-between;padding:22px!important;border-radius:23px!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 18px 40px #1a235022!important;transition:transform .3s ease,box-shadow .3s ease,background-size .3s ease!important}
.st-photo-product::before{display:none!important}.st-photo-product:hover{transform:translateY(-8px)!important;box-shadow:0 27px 60px #121b3d55!important}.st-product-chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:rgba(13,19,49,.68);border:1px solid #ffffff50;border-radius:999px;padding:6px 11px;color:#fff!important;font-size:10px!important;letter-spacing:.09em!important;backdrop-filter:blur(12px)}.st-product-chip img{height:20px;width:20px;object-fit:contain}.st-product-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.st-product-bottom h3{font-size:clamp(20px,2vw,27px);line-height:1.2;color:#fff!important;text-align:left;margin:0}.st-product-arrow{font-size:23px!important;color:#fff!important;background:#ffffff30;width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:50%}.st-product-action{color:#dcd7ff!important;text-align:left;font-size:12px!important;letter-spacing:0!important;margin-top:10px}
.st-about-visual{position:relative;min-width:0}.split .st-about-visual>img{display:block;width:100%;height:460px;object-fit:cover;border-radius:24px;box-shadow:0 25px 55px #121b3d1a}.st-about-badge{position:absolute;right:-16px;bottom:20px;display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:16px;box-shadow:0 15px 40px #101a3e33;font-size:10px;letter-spacing:.11em;color:#5543b5}.st-about-badge img{width:44px!important;height:44px!important;object-fit:contain!important;border-radius:0!important}.st-about-badge strong{color:#182047;font-size:13px;letter-spacing:0}
.st-clients{background:linear-gradient(180deg,#fff,#f3f5ff)}.st-client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:38px}.st-client-card{background:#fff;border:1px solid #e7e8f4;border-radius:20px;min-height:178px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;box-shadow:0 15px 35px #1c24500b}.st-client-card img{width:105px;height:105px;object-fit:contain}.st-client-card span{font-size:13px;font-weight:750;color:#22274b}.st-client-note{font-size:11px;color:#788098;margin-top:22px}
@media(max-width:850px){.st-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split .st-about-visual>img{height:330px}.st-about-badge{right:8px}.st-photo-product{min-height:270px!important}}
@media(max-width:480px){.st-client-grid{gap:10px}.st-client-card{padding:12px;min-height:150px}.st-client-card img{width:80px;height:80px}.st-client-card span{font-size:11px}}

/* v6 interior branding */
.st-detail-head{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 22%,rgba(138,108,242,.46),transparent 42%),linear-gradient(115deg,#0b1436,#342478 90%);color:white;padding:88px 0}.st-detail-head h1{color:white;font-size:clamp(2.5rem,5vw,4.8rem);max-width:900px}.st-detail-head p{color:#e4defd;max-width:640px}.st-detail-content{padding-top:55px;padding-bottom:85px}.st-detail-visual{border-radius:25px;overflow:hidden;max-height:440px;margin-bottom:45px;box-shadow:0 25px 60px rgba(16,24,63,.14)}.st-detail-visual img{display:block;width:100%;height:440px;object-fit:cover}.st-detail-copy{max-width:960px;margin:auto}.st-detail-copy h2{margin-top:2.1em;color:#171b4c;font-size:clamp(1.45rem,2.6vw,2.1rem)}.st-detail-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 30px;padding:0;list-style:none}.st-detail-copy li{background:#f3f4ff;border:1px solid #e3e3fa;border-radius:14px;padding:16px 18px;line-height:1.6}.st-detail-copy li:before{content:'✦';color:#7558dd;margin-right:10px}.st-detail-enquiry{margin:55px 0 0;background:linear-gradient(110deg,#101941,#49318e);color:#fff;padding:35px;border-radius:22px}.st-detail-enquiry h2{color:white;margin:0 0 10px}.st-detail-enquiry p{color:#e2def9}@media(max-width:700px){.st-detail-copy ul{grid-template-columns:1fr}.st-detail-visual img{height:250px}.st-detail-head{padding:55px 0}}

/* v7: Africa presence photography */
.st-about-visual{background:#f8f9fd;overflow:hidden}.st-about-visual>img{object-fit:contain!important;background:#f8f9fd}.st-about-badge{z-index:2}

/* v8 — Interactive Africa gallery and editorial About page */
.st-africa-intro{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.65fr);gap:55px;align-items:center;margin-bottom:32px}.st-africa-intro h2{max-width:650px}.st-africa-intro p{max-width:690px}.st-africa-stat{background:linear-gradient(135deg,#101a46,#4b3597);border-radius:24px;padding:28px;color:#fff;min-height:210px;position:relative;overflow:hidden}.st-africa-stat strong{display:block;font-size:clamp(25px,3vw,42px);color:#fff}.st-africa-stat span{display:block;max-width:220px;color:#e1dfff}.st-africa-stat img{position:absolute;width:100px;right:-14px;bottom:-10px;opacity:.25}.st-africa-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.st-city-card{position:relative;grid-column:span 2;min-height:230px;padding:0;overflow:hidden;border:0;border-radius:20px;background:#151b3e;cursor:zoom-in;text-align:left;box-shadow:0 18px 42px #151d3920;isolation:isolate;transition:transform .25s,box-shadow .25s}.st-city-card:nth-child(1),.st-city-card:nth-child(2){grid-column:span 3;min-height:285px}.st-city-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.st-city-card:hover img,.st-city-card:focus-visible img{transform:scale(1.07)}.st-city-card:hover{transform:translateY(-5px);box-shadow:0 24px 45px #10173344}.st-city-card:focus-visible{outline:3px solid #7852ee;outline-offset:4px}.st-city-shade{position:absolute;inset:auto 0 0;padding:50px 18px 18px;background:linear-gradient(transparent,rgba(4,8,26,.91));color:white;display:flex;flex-direction:column;gap:4px}.st-city-shade strong{font-size:23px;color:white}.st-city-shade small{font-size:12px;color:#e1e0ff}.st-city-zoom{position:absolute;right:15px;top:15px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#221c62;font-size:22px}.st-city-modal[hidden]{display:none!important}.st-city-modal{position:fixed;inset:0;z-index:99999;background:rgba(5,9,28,.88);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:28px}.st-city-modal-panel{position:relative;width:min(100%,850px);max-height:94vh;overflow:auto;background:#fff;border-radius:23px;padding:15px;box-shadow:0 35px 90px #0008}.st-city-large{width:100%;height:min(66vh,590px);object-fit:contain;background:#111a39;border-radius:14px;display:block}.st-city-close{position:absolute;right:25px;top:25px;z-index:2;border:0;background:#fff;color:#1b2050;border-radius:50%;width:43px;height:43px;font-size:30px;cursor:pointer}.st-city-modal-info{display:flex;justify-content:space-between;gap:12px;padding:15px 6px 5px;align-items:center}.st-city-modal-info strong{font-size:23px;color:#141b44}.st-city-modal-info span{color:#595f76}.st-city-disclaimer{padding:0 6px;font-size:12px;color:#747a8c}.st-modal-open{overflow:hidden}
.st-about-hero{background:radial-gradient(circle at 78% 20%,#6e58b560,transparent 42%),linear-gradient(115deg,#080e2b,#292267);padding:105px 0;color:white}.st-about-hero-grid{display:grid;grid-template-columns:1.65fr .7fr;gap:60px;align-items:center}.st-about-hero h1{font-size:clamp(40px,5.5vw,76px);line-height:1.08;color:white;max-width:860px}.st-about-hero p{color:#e6e2fc;max-width:740px;font-size:18px}.st-about-hero-mark{aspect-ratio:1;border-radius:50%;border:1px solid #a69bff55;background:radial-gradient(circle,#8271d744,#0e153744 70%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;box-shadow:0 0 80px #7461d33b}.st-about-hero-mark img{width:130px;max-width:45%}.st-about-hero-mark span{color:#e8e2ff;font-size:13px;letter-spacing:.08em}.st-about-story{display:grid;grid-template-columns:1.5fr .7fr;gap:65px;align-items:center}.st-about-story p{max-width:760px}.st-about-facts{padding:35px;background:#f3f2ff;border:1px solid #e1ddfa;border-radius:25px}.st-about-facts>span{font-size:11px;color:#6b51c6;letter-spacing:.14em;font-weight:800}.st-about-facts strong{display:block;font-size:29px;color:#191d4b;margin-top:17px}.st-about-facts p{margin:5px 0 10px}.st-about-facts hr{border:0;border-top:1px solid #d9d7f2}.st-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;text-align:left}.st-values article,.st-about-services a{background:#fff;border:1px solid #e3e5f5;border-radius:23px;padding:30px;box-shadow:0 14px 35px #141e420c}.st-value-icon{display:grid;place-items:center;width:48px;height:48px;background:#ece8ff;border-radius:14px;color:#6245be;font-weight:900}.st-values h3{margin:22px 0 12px}.st-presence-heading{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin-bottom:30px}.st-presence-heading h2{margin-bottom:0}.st-about-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.st-about-services a{color:#1b214c;text-decoration:none;transition:transform .2s}.st-about-services a:hover{transform:translateY(-5px)}.st-about-services span{font-size:11px;color:#7357d5;letter-spacing:.1em}.st-about-services b{color:#6447c7}.st-about-editor-copy{max-width:900px;margin:auto}.st-about-editor-copy:empty{display:none}
@media(max-width:800px){.st-africa-intro,.st-about-hero-grid,.st-about-story,.st-presence-heading{grid-template-columns:1fr;gap:24px}.st-about-hero{padding:65px 0}.st-about-hero-mark{display:none}.st-values,.st-about-services{grid-template-columns:1fr}.st-africa-gallery{gap:12px}.st-city-card{grid-column:span 3!important;min-height:220px!important}.st-city-card:last-child{grid-column:span 6!important}}@media(max-width:500px){.st-africa-gallery{grid-template-columns:1fr}.st-city-card,.st-city-card:last-child{grid-column:span 1!important;min-height:240px!important}.st-city-modal{padding:12px}.st-city-large{height:55vh}.st-city-modal-info{flex-direction:column;align-items:flex-start}.st-about-hero h1{font-size:38px}}@media(prefers-reduced-motion:reduce){.st-city-card,.st-city-card img{transition:none}}

/* Version 9 – complete solutions and product experience */
.st-v9-head{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,#5146a1 0,transparent 45%),linear-gradient(120deg,#0b1232,#22215d 70%,#46388b);padding:95px 0 85px;color:#fff}.st-v9-head .wrap{position:relative;z-index:1}.st-v9-head h1{color:#fff;max-width:900px;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.07;margin:18px 0}.st-v9-head p{max-width:730px;color:#d9dbf4;font-size:1.18rem}.st-v9-head-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.st-v9-back{color:#fff;text-decoration:underline;text-underline-offset:5px}.st-v9-split{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(24px,5vw,85px)}.st-v9-copy h2{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.15;margin:14px 0 22px}.st-v9-copy p{font-size:1.05rem;line-height:1.8;color:#535b75}.st-v9-photo{min-height:390px;position:relative;overflow:hidden;border-radius:25px;background:linear-gradient(120deg,#111b45,#5840a3);box-shadow:0 24px 55px rgba(18,20,65,.18)}.st-v9-photo>img{width:100%;height:100%;min-height:390px;max-height:530px;object-fit:cover;display:block}.st-v9-photo-label{position:absolute;bottom:18px;left:18px;display:flex;align-items:center;gap:9px;padding:9px 15px;background:rgba(255,255,255,.92);border-radius:99px;font-size:.66rem;font-weight:800;letter-spacing:.09em;color:#17194c}.st-v9-photo-label img{width:25px;height:25px;object-fit:contain}.st-v9-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.st-v9-pills span{border:1px solid #d8d9f2;background:#f6f5ff;border-radius:99px;padding:9px 14px;color:#42388e;font-size:.8rem;font-weight:700}.st-v9-sectiontop{text-align:center;max-width:780px;margin:0 auto 36px}.st-v9-sectiontop h2{font-size:clamp(1.9rem,3.3vw,3rem);margin:12px 0}.st-v9-sectiontop p{color:#646a81;line-height:1.7}.st-v9-featuregrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.st-v9-feature{background:#fff;border:1px solid #e5e6f3;border-radius:20px;padding:28px;min-height:158px;box-shadow:0 12px 30px rgba(23,29,75,.04);transition:transform .2s,box-shadow .2s}.st-v9-feature:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(23,29,75,.12)}.st-v9-num{font-size:.8rem;font-weight:900;color:#6850cb}.st-v9-feature h3{font-size:1.07rem;margin:24px 0 0;line-height:1.4}.st-v9-appgrid{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center}.st-v9-appgrid h2{font-size:clamp(2rem,3vw,3rem);line-height:1.2}.st-v9-appgrid p{color:#60677f;line-height:1.75}.st-v9-appcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.st-v9-app{background:#f2f3ff;border:1px solid #e0e1f4;border-radius:16px;padding:22px;display:flex;gap:12px;align-items:flex-start;font-weight:700;color:#20254f}.st-v9-app span{color:#7258d4}.st-v9-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.st-v9-step{border-radius:19px;padding:25px;background:linear-gradient(145deg,#121b4b,#46328b);color:white;min-height:165px}.st-v9-step strong{color:#bcb0ff;font-size:1.25rem}.st-v9-step h3{color:white;font-size:1.06rem;line-height:1.45;margin-top:25px}.st-v9-editor .wrap{max-width:1060px}.st-v9-editor-body{font-size:1.04rem;line-height:1.85;color:#424a67}.st-v9-editor-body h2,.st-v9-editor-body h3{margin-top:1.4em}.st-v9-overviewgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.st-v9-overview{display:block;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 15px 40px rgba(14,23,68,.1);text-decoration:none;color:#182044;transition:transform .25s}.st-v9-overview:hover{transform:translateY(-7px)}.st-v9-overview-photo{height:215px;background-position:center;background-size:cover}.st-v9-overview-copy{padding:23px}.st-v9-overview-copy h3{font-size:1.3rem;margin:12px 0}.st-v9-overview-copy p{font-size:.9rem;color:#5a6076;line-height:1.65}.st-v9-page .section{padding-top:85px;padding-bottom:85px}@media(max-width:850px){.st-v9-split,.st-v9-appgrid{grid-template-columns:1fr}.st-v9-featuregrid,.st-v9-overviewgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-v9-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.st-v9-head{padding:65px 0}.st-v9-featuregrid,.st-v9-overviewgrid,.st-v9-appcards{grid-template-columns:1fr}.st-v9-photo,.st-v9-photo>img{min-height:270px}.st-v9-page .section{padding-top:55px;padding-bottom:55px}.st-v9-steps{gap:10px}.st-v9-step{padding:17px;min-height:150px}}

/* v10 — contrast-safe footer wordmark and visible mobile radar */
.footer .st-footer-brand img{filter:none!important;display:block;width:min(290px,100%);height:auto;max-height:110px;object-fit:contain;object-position:left center}
@media(max-width:700px){
  .hero{min-height:0!important;overflow:hidden;display:block;padding:48px 0 300px!important}
  .hero .wrap{position:relative;z-index:5;width:min(92%,560px)}
  .hero .inner{max-width:100%;padding:26px 22px!important;margin:0!important;position:relative;z-index:5;background:linear-gradient(125deg,rgba(12,18,52,.93),rgba(40,29,95,.85));border:1px solid rgba(190,180,255,.22);border-radius:24px;box-shadow:0 18px 45px #05071e70}
  .hero h1{font-size:clamp(34px,8.5vw,52px);line-height:1.13;overflow-wrap:break-word}
  .hero .actions{gap:10px;margin-top:24px}
  .hero .actions .btn{padding:12px 17px;font-size:13px}
  .st-radar{display:block!important;visibility:visible!important;position:absolute!important;top:auto!important;bottom:15px!important;left:50%!important;right:auto!important;width:min(78vw,285px)!important;height:auto!important;aspect-ratio:1;transform:translateX(-50%)!important;opacity:.95!important;z-index:3!important;animation:st-radar-breathe 5s ease-in-out infinite alternate!important}
  .st-radar-sweep{animation:st-spin 5.5s linear infinite!important}
  .st-radar-rings{animation:st-spin 38s linear infinite!important}
  .st-radar-dot{animation:st-pulse 1.8s ease-in-out infinite alternate!important}
  .st-radar-label{display:block!important;font-size:7px;letter-spacing:.12em;bottom:9%}
  .st-radar-center{width:55px;height:55px;border-radius:17px}
  .st-radar-center img{width:40px;height:40px}
  .st-beam{display:block!important;animation:st-scan 8s linear infinite!important}
}
@media(max-width:370px){.hero{padding-bottom:280px!important}.st-radar{width:250px!important}}
@media(prefers-reduced-motion:reduce){
  .st-radar,.st-radar-sweep,.st-radar-rings,.st-radar-dot,.st-beam{animation:none!important}
}

/* v11: premium interaction polish, lightweight and accessible */
:root{scroll-behavior:smooth;scroll-padding-top:90px}
::selection{background:#7764df;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8e7dff!important;outline-offset:4px!important}
.st-scroll-progress{position:fixed;z-index:99998;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#8c73ff,#66d8ff);pointer-events:none;will-change:transform}
.st-v9-head:before,.st-about-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 75%,rgba(112,208,255,.13),transparent 32%);opacity:.9}
.st-v9-overview,.st-v9-feature,.st-client-card,.card,.st-city-card,.st-about-services a{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease}
@media(hover:hover){.st-v9-overview:hover,.st-v9-feature:hover,.st-client-card:hover,.card:hover,.st-about-services a:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(23,29,75,.13)}.st-v9-overview:hover .st-v9-overview-photo{background-size:110%}.st-photo-product:hover{transform:translateY(-6px)}.st-city-card:hover{box-shadow:0 22px 48px rgba(17,21,64,.22)}}
.st-v9-overview-photo{background-size:cover;transition:background-size .55s ease}
.btn{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}
@media(hover:hover){.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(81,58,174,.24)}}
.st-reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.st-reveal-ready.st-revealed{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.st-reveal-ready{opacity:1;transform:none;transition:none}.st-v9-overview,.st-v9-feature,.st-client-card,.card,.st-city-card,.st-about-services a,.btn{transition:none!important}}
@media(max-width:700px){.st-scroll-progress{height:2px}.st-reveal-ready{transform:translateY(10px)}}

/* v12 product guide and galleries */
.st-v12-detailgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.st-v12-detail{padding:28px;border-radius:18px;border:1px solid #dfe3f5;background:linear-gradient(140deg,#fff,#f7f7ff);box-shadow:0 14px 35px rgba(21,22,72,.05)}.st-v12-detail h3{font-size:1.2rem;margin:12px 0}.st-v12-detail p{line-height:1.75;color:#505874}.st-v12-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.st-v12-gallery-card{display:block;position:relative;min-height:215px;border:0;border-radius:18px;overflow:hidden;background:#0c1432;color:#fff;text-align:left;cursor:zoom-in;box-shadow:0 15px 30px rgba(5,10,36,.12)}.st-v12-gallery-card img{display:block;width:100%;height:240px;object-fit:cover;transition:transform .5s ease}.st-v12-gallery-card:hover img{transform:scale(1.06)}.st-v12-gallery-card span{display:block;padding:13px 16px;font-weight:700}.st-v12-lightbox{position:fixed;inset:0;background:rgba(4,8,28,.92);z-index:999999;display:flex;align-items:center;justify-content:center;padding:55px 18px 24px}.st-v12-lightbox[hidden]{display:none}.st-v12-lightbox-inner{width:min(1100px,100%);text-align:center;color:white}.st-v12-lightbox img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:12px}.st-v12-lightbox button{position:absolute;top:16px;right:24px;background:white;color:#14183d;border:0;border-radius:50%;width:42px;height:42px;font-size:26px;cursor:pointer}@media(max-width:800px){.st-v12-detailgrid{grid-template-columns:1fr}.st-v12-gallery{grid-template-columns:1fr 1fr}}@media(max-width:520px){.st-v12-gallery{grid-template-columns:1fr}.st-v12-gallery-card img{height:230px}}@media(prefers-reduced-motion:reduce){.st-v12-gallery-card img{transition:none}}

/* v13: AI illustrative product photography, unified editorial crop and responsive gallery */
.st-v9-photo img{width:100%;height:100%;min-height:320px;object-fit:cover;object-position:center;display:block}
.st-v12-gallery-card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.st-v12-gallery-card{overflow:hidden;isolation:isolate}
.st-v12-gallery-card img{transition:transform .5s ease,filter .5s ease}
.st-v12-gallery-card:hover img{transform:scale(1.055);filter:saturate(1.08)}
.st-v9-overview-photo{background-position:center!important;background-size:cover!important}
@media(max-width:700px){.st-v9-photo img{min-height:230px}.st-v12-gallery-card img{min-height:180px}}
@media(prefers-reduced-motion:reduce){.st-v12-gallery-card img{transition:none!important}}

/* v14: clean photographic detail header and compact single-image gallery */
.st-v9-photo-label{display:none!important}
.st-v12-gallery:has(> :only-child){display:grid;grid-template-columns:minmax(0,850px);justify-content:center}
.st-v12-gallery:has(> :only-child) .st-v12-gallery-card{aspect-ratio:16/9}
.st-v12-gallery:has(> :only-child) .st-v12-gallery-card img{width:100%;height:100%;object-fit:cover}

/* v15 performance: avoid expensive blur repainting while scrolling. */
.header{background:rgba(255,255,255,.97)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.card,.product,.st-product-chip,.st-about-badge{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.reveal,.st-reveal-ready{opacity:1!important;transform:none!important;transition:none!important}
.st-scroll-progress{display:none!important}
/* Preserve the radar's rotating beam but avoid layout-driven top/box-shadow animations. */
.st-beam{animation:none!important;opacity:.25!important}
.st-radar-dot{animation:none!important}
.st-radar{animation:none!important}
.st-radar-sweep{animation:st-spin 8s linear infinite!important;will-change:transform}
.st-radar-rings{animation:none!important}
.hero-orb,.hero-grid{animation:none!important}
@media(max-width:800px){
 .nav,.submenu,.st-city-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .st-city-card,.st-photo-product,.card,.product{box-shadow:0 7px 20px rgba(20,22,70,.09)!important}
 .st-city-card img{transition:none!important}
 .st-radar-sweep{animation-duration:12s!important}
 .st-radar-dot,.st-beam,.st-radar-rings{animation:none!important}
}
@media(prefers-reduced-motion:reduce){.st-radar-sweep{animation:none!important}}