/*
Theme Name: UXG Technologies
Theme URI: https://www.uxgtechnologies.com
Author: UXG Technologies
Description: Modern, responsive corporate IT theme with hero slider and scroll animations.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: uxg
*/
:root{--blue:#0b57e3;--blue2:#2f7bff;--navy:#0a1a3a;--ink:#101a33;--muted:#5b6784;--bg:#f5f8ff;--line:#e3e9f6;--r:14px;--sh:0 10px 30px rgba(20,60,160,.10)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.eyebrow{color:var(--blue2);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
h1,h2{font-weight:800;line-height:1.12;color:var(--navy)}h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:10px;font-weight:700;font-size:.9rem;border:1.5px solid var(--blue);transition:.25s;cursor:pointer}
.btn-p{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(11,87,227,.3)}.btn-p:hover{transform:translateY(-3px);background:#0847c0}
.btn-o{background:#fff;color:var(--blue)}.btn-o:hover{background:var(--blue);color:#fff;transform:translateY(-3px)}
.link{color:var(--blue);font-weight:700;font-size:.88rem}.link:hover{letter-spacing:.02em}
/* header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);transition:.3s}
.site-header.scrolled{box-shadow:0 4px 24px rgba(10,26,58,.1)}
.hdr{display:flex;align-items:center;gap:32px;height:76px}
.logo{font-weight:900;font-size:2rem;color:var(--navy);letter-spacing:-.04em;display:flex;align-items:center;gap:12px}.logo small{font-size:.65rem;font-weight:500;color:var(--muted);letter-spacing:0;line-height:1.3;border-left:1px solid var(--line);padding-left:12px}
.custom-logo{max-height:52px;width:auto}
.nav{margin-left:auto}.nav ul{display:flex;gap:26px;align-items:center}
.nav a{font-size:.86rem;font-weight:600;padding:8px 0;position:relative}
.nav a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--blue);transition:.3s}
.nav a:hover:after,.nav .current-menu-item>a:after{width:100%}
.nav li{position:relative}.nav .sub-menu{position:absolute;top:100%;left:-16px;background:#fff;box-shadow:var(--sh);border-radius:12px;padding:10px 16px;min-width:200px;display:block;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}
.nav li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}.nav .sub-menu li{padding:6px 0}
.menu-toggle{display:none;background:none;border:0;font-size:1.8rem;cursor:pointer;color:var(--navy);margin-left:auto}
/* hero slider (full width) */
.hero{position:relative;padding-top:116px;background:#eef3ff;overflow:hidden}
.slides{position:relative;width:100%;height:clamp(580px,78vh,740px)}
.slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s}
.slide.on{opacity:1;visibility:visible}
.slide:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(244,248,255,.95) 0,rgba(244,248,255,.72) 34%,rgba(244,248,255,0) 62%)}
.slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;transform:scale(1.07);transition:transform 8s ease-out}
.slide.on .slide-bg{transform:scale(1)}
.slide-in{position:relative;z-index:2;width:100%;padding-bottom:110px}.slide-txt{max-width:560px}
.slide h1{font-size:clamp(2.2rem,4.6vw,3.5rem);margin-bottom:20px}.slide h1 em{font-style:normal;color:var(--blue)}
.slide p{max-width:480px;color:var(--muted);margin-bottom:28px}
.slide-txt>*{opacity:0;transform:translateY(28px)}.slide.on .slide-txt>*{animation:up .8s forwards}
.slide.on .slide-txt>*:nth-child(2){animation-delay:.12s}.slide.on .slide-txt>*:nth-child(3){animation-delay:.24s}.slide.on .slide-txt>*:nth-child(4){animation-delay:.36s}
@keyframes up{to{opacity:1;transform:none}}
.cta-group{display:flex;gap:14px;flex-wrap:wrap}
.stats{position:absolute;left:0;right:0;bottom:34px;z-index:5;pointer-events:none}.stats .wrap{display:flex;gap:44px}
.stat b{display:block;font-size:1.9rem;color:var(--blue);font-weight:800;line-height:1}.stat span{font-size:.75rem;color:var(--muted)}
.ctrl{position:absolute;right:24px;bottom:30px;z-index:6;display:flex;gap:10px}
.ctrl button{width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--blue);font-size:1.1rem;cursor:pointer;box-shadow:var(--sh);transition:.25s}.ctrl button:hover{background:var(--blue);color:#fff}
.dots{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:flex;gap:8px;z-index:6}
.dots button{width:8px;height:8px;border-radius:8px;border:0;background:#c5d3f5;cursor:pointer;transition:.3s}.dots button.on{width:26px;background:var(--blue)}
/* trusted */
.trust{padding:34px 0 56px;text-align:center}.trust .eyebrow{margin-bottom:24px}
.logos{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-weight:800;color:#3a4460;font-size:1.25rem}
.logos span{opacity:.7;transition:.3s}.logos span:hover{opacity:1;transform:scale(1.1);color:var(--blue)}
/* sections */
section{padding:80px 0}.alt{background:var(--bg)}
.about{display:grid;grid-template-columns:1fr 1.15fr .6fr;gap:36px;align-items:center}
.about p{color:var(--muted);margin:18px 0 26px}
.video{position:relative;border-radius:var(--r);overflow:hidden;min-height:260px;background:linear-gradient(135deg,#25324f,#5c7bb8) center/cover;box-shadow:var(--sh);display:flex;align-items:flex-end;padding:20px;color:#fff;font-size:.85rem;font-weight:600}
.play{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;margin-right:10px;transition:.3s;animation:pulse 2s infinite}
.video:hover .play{transform:scale(1.15)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}100%{box-shadow:0 0 0 16px rgba(255,255,255,0)}}
.feats{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:12px 20px}
.feat{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.feat:last-child{border:0}
.ic{flex:0 0 44px;height:44px;border-radius:50%;background:#e8f0ff;color:var(--blue);display:grid;place-items:center;transition:.3s}.ic .dashicons{font-size:22px;width:22px;height:22px}
.feat:hover .ic,.card:hover .ic{background:var(--blue);color:#fff;transform:rotate(-8deg) scale(1.1)}
.feat b{font-size:.85rem;display:block}.feat span{font-size:.72rem;color:var(--muted);line-height:1.3;display:block}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;flex-wrap:wrap}.head p{max-width:420px;color:var(--muted);font-size:.85rem}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:.35s;position:relative}
.card:hover{transform:translateY(-10px);box-shadow:0 22px 44px rgba(11,87,227,.2)}
.card-img{height:140px;background:linear-gradient(135deg,#0b2a6b,#3a86ff) center/cover;transition:.5s}.card:hover .card-img{filter:brightness(1.15) saturate(1.2)}
.card .ic{margin:-22px 0 0 18px;position:relative;background:#fff;box-shadow:var(--sh)}
.card-b{padding:12px 20px 22px}.card h3{font-size:1rem;margin:6px 0 10px;color:var(--navy);min-height:2.6em}
.card li{font-size:.76rem;color:var(--muted);padding-left:14px;position:relative;line-height:1.9}.card li:before{content:"";position:absolute;left:0;top:.8em;width:4px;height:4px;border-radius:50%;background:var(--blue2)}
.arr{margin-top:14px;width:34px;height:34px;border-radius:50%;background:#e8f0ff;color:var(--blue);display:grid;place-items:center;transition:.3s}.card:hover .arr{background:var(--blue);color:#fff;transform:translateX(6px)}
.tech{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.tech p{color:var(--muted);margin:18px 0 26px;max-width:420px}
@keyframes float{50%{transform:translateY(-14px)}}
.inds{display:grid;grid-template-columns:repeat(10,1fr);gap:12px}
.ind{background:var(--bg);border-radius:12px;padding:18px 6px;text-align:center;font-size:.72rem;font-weight:600;transition:.3s}
.ind .dashicons{display:block;margin:0 auto 8px;font-size:30px;width:30px;height:30px;color:var(--blue)}
.ind:hover{background:var(--blue);color:#fff;transform:translateY(-6px)}.ind:hover .dashicons{color:#fff}
.cta{background:linear-gradient(105deg,#071534 40%,#1a4a9c);color:#fff;padding:90px 0;overflow:hidden}
.cta .wrap{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center}
.cta h2{color:#fff;margin-bottom:16px}.cta p{color:#c5d3f5;max-width:520px;margin-bottom:26px}.cta .btn-o{background:transparent;color:#fff;border-color:#fff}
.steps{background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border-radius:var(--r);padding:16px 24px}
.steps div{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:.85rem}.steps div:last-child{border:0}.steps b{display:block}.steps span{color:#9fb4e6;font-size:.75rem}
/* footer */
.site-footer{background:#050e24;color:#b7c3e0;padding:60px 0 24px;font-size:.82rem}
.fgrid{display:grid;grid-template-columns:1.4fr repeat(4,1fr) 1.3fr;gap:28px}
.site-footer h4{color:#fff;font-size:.85rem;margin-bottom:14px}.site-footer li{padding:4px 0}.site-footer a:hover{color:#fff;padding-left:4px}
.site-footer .logo{color:#fff;margin-bottom:12px}.fbot{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.75rem}
.social{display:flex;gap:8px;margin-top:16px}.social a{width:32px;height:32px;border:1px solid rgba(255,255,255,.25);border-radius:8px;display:grid;place-items:center;font-size:.7rem;font-weight:700}
.page-c{padding:130px 0 60px;max-width:820px}.page-c h1{margin-bottom:24px}
/* reveal */
.rv{opacity:0;transform:translateY(36px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}.rv.d4{transition-delay:.4s}
/* responsive */
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.inds{grid-template-columns:repeat(5,1fr)}.about{grid-template-columns:1fr 1fr}.feats{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}.fgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.menu-toggle{display:block}.logo small{display:none}
.nav{position:fixed;top:var(--hh,76px);left:0;right:0;background:#fff;padding:16px 24px 28px;box-shadow:0 20px 30px rgba(0,0,0,.1);transform:translateY(-120%);transition:.4s;max-height:calc(100vh - var(--hh,76px));overflow:auto}.nav.open{transform:none}.nav ul{flex-direction:column;align-items:flex-start;gap:6px}.nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 14px}
.hdr>.btn{display:none}
.slides{height:clamp(620px,92vh,760px)}.slide:before{background:linear-gradient(180deg,rgba(244,248,255,.94),rgba(244,248,255,.78))}.slide-in{padding-bottom:150px}.slide-bg{object-position:70% center}
.stats .wrap{gap:22px;flex-wrap:wrap}.stats{bottom:50px}.ctrl{bottom:56px}
.tech,.cta .wrap,.about{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.inds{grid-template-columns:repeat(4,1fr)}.fgrid{grid-template-columns:repeat(2,1fr)}section{padding:56px 0}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.inds{grid-template-columns:repeat(3,1fr)}.feats{grid-template-columns:1fr}.logos{justify-content:center;gap:24px}.stat b{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv,.slide-txt>*{opacity:1;transform:none}}

/* images */
.logo-img{height:46px;width:auto}.site-footer .logo-img{height:56px}
.card-img{height:150px;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover .card-img img{transform:scale(1.1)}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.video:hover img{transform:scale(1.05)}.video{min-height:300px;align-items:center}.video>*{position:relative}.video b{font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.5)}.video:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,12,32,.55),transparent 55%)}.video{align-self:stretch}
.cta-art{position:absolute;top:0;right:0;height:100%;width:62%;object-fit:cover;object-position:right center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
.cta{position:relative}.cta .wrap{position:relative;z-index:1}
/* wordmarks */
.trust{background:#fff}.wm{font-weight:800;font-size:1.3rem;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.wm.ms{color:#5e5e5e;font-weight:600}.wm.ms i{width:10px;height:10px;display:block}.wm.ms{display:inline-grid;grid-template-columns:10px 10px auto;column-gap:2px;row-gap:2px;align-items:center}.wm.ms i:nth-child(1){background:#f25022}.wm.ms i:nth-child(2){background:#7fba00}.wm.ms i:nth-child(3){background:#00a4ef;grid-column:1}.wm.ms i:nth-child(4){background:#ffb900}
.logos .wm.ms{grid-template-rows:10px 10px}
.wm.aws{color:#232f3e;font-size:1.7rem;position:relative;padding-bottom:6px}.wm.aws:after{content:"";position:absolute;left:4px;right:2px;bottom:0;height:7px;border-bottom:3px solid #ff9900;border-radius:0 0 50% 50%}
.wm.gc{color:#5f6368;font-weight:600}.wm.ora{color:#c74634;letter-spacing:.06em;font-size:1.15rem}
.wm.sap{background:#0a6ed1;color:#fff;padding:5px 24px 5px 12px;clip-path:polygon(0 0,100% 0,72% 100%,0 100%);font-size:1.3rem}
.wm.vm{color:#607078;font-weight:500;font-size:1.4rem}.wm.ibm{color:#1f70c1;font-weight:900;letter-spacing:.14em;font-size:1.4rem;background:repeating-linear-gradient(0deg,#1f70c1 0 3px,transparent 3px 5px);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.wm.dell{width:44px;height:44px;border:3px solid #0076ce;border-radius:50%;justify-content:center;color:#0076ce;font-size:.8rem;letter-spacing:-.04em}
.wm.hp{width:44px;height:44px;border-radius:50%;background:#0096d6;color:#fff;justify-content:center;font-style:italic;font-size:1.3rem}
.logos .wm{opacity:.85}
/* top bar */
.topbar{background:var(--navy);color:#cfe0ff;font-size:.78rem;height:40px;overflow:hidden;transition:height .3s,opacity .3s}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:40px;gap:20px}
.tb-l{display:flex;gap:24px;white-space:nowrap;overflow:hidden}.tb-l a,.tb-addr{display:inline-flex;align-items:center}
.topbar a{transition:.25s}.topbar a:hover{color:#fff}
.topbar .dashicons{font-size:15px;width:15px;height:15px;margin-right:7px;color:#6fa3ff}
.tb-r{display:flex;gap:6px}.tb-r a{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:.65rem;font-weight:700;background:rgba(255,255,255,.08)}.tb-r a:hover{background:var(--blue);transform:translateY(-2px)}
.site-header.scrolled .topbar{height:0;opacity:0}
/* tech stack iso */
.stack{perspective:1300px;height:440px;display:grid;place-items:center}
.iso{--s:112px;display:grid;grid-template-columns:repeat(3,var(--s));grid-template-rows:repeat(3,var(--s));gap:18px;transform:rotateX(58deg) rotateZ(-45deg);transform-style:preserve-3d;transition:transform .25s}
.it{border-radius:22px;background:#fff;box-shadow:10px 14px 26px rgba(11,87,227,.2),inset 0 0 0 1px #e3ecff;display:grid;place-items:center;animation:lift 4.5s ease-in-out infinite;transform-style:preserve-3d}
.it span{display:block;font-weight:800;font-size:.9rem}
.it.core{background:linear-gradient(135deg,#0b2a8a,#2f7bff);box-shadow:14px 20px 40px rgba(11,87,227,.45)}.it.core span{color:#fff;font-size:1.7rem;letter-spacing:-.03em}
@keyframes lift{50%{transform:translateZ(28px)}}
/* back to top */
.totop{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border-radius:50%;border:0;background:#fff;color:var(--blue);box-shadow:0 8px 24px rgba(10,26,58,.22);cursor:pointer;z-index:90;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:.35s}
.totop.show{opacity:1;visibility:visible;transform:none}.totop:hover{background:var(--blue);color:#fff;transform:translateY(-5px)}
.totop svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.totop circle{fill:none;stroke-width:3}
.totop .bg{stroke:#e3e9f6}.totop .fg{stroke:var(--blue2);stroke-linecap:round;stroke-dasharray:151;stroke-dashoffset:151}.totop:hover .bg{stroke:rgba(255,255,255,.3)}.totop:hover .fg{stroke:#fff}
.totop .dashicons{font-size:24px;width:24px;height:24px}
@media(max-width:1000px){.tb-addr,.tb-r{display:none}}
@media(max-width:860px){.logos .wm{transform:scale(.85)}.iso{--s:84px}.stack{height:380px}.cta-art{width:100%;opacity:.35}}
@media(max-width:520px){.topbar{font-size:.7rem}.tb-l{gap:12px}.topbar .dashicons{margin-right:4px}.iso{--s:66px;gap:12px}.it span{font-size:.7rem}.it.core span{font-size:1.2rem}.stack{height:320px}.totop{right:14px;bottom:14px;width:46px;height:46px}.logos{gap:18px}}

/* about page */
.ph{position:relative;padding:150px 0 52px;overflow:hidden;color:var(--navy)}
.ph-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;transform:scale(1.06);animation:kb 14s ease-out forwards}
@keyframes kb{to{transform:scale(1)}}
.ph:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(238,244,255,.96) 0,rgba(238,244,255,.72) 42%,rgba(238,244,255,0) 72%)}
.ph .wrap{position:relative;z-index:2}.ph .wrap>*{animation:up .8s both}.ph h1{animation-delay:.1s!important}.ph p{animation-delay:.2s!important}
.crumb{font-size:.82rem;color:var(--muted);margin-bottom:12px}.crumb a:hover{color:var(--blue)}
.ph h1{font-size:clamp(2.2rem,5vw,3.2rem)}.ph p{font-weight:700;margin-top:6px}.ph .bar{display:block;width:44px;height:3px;background:var(--blue);margin-top:18px;border-radius:3px}
.ab-first{padding-bottom:60px}.ab-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.ab-intro p{color:var(--muted);margin:16px 0}.ab-intro .btn{margin-top:10px}
.ab-photo{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--sh);aspect-ratio:9/7}.ab-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.ab-photo:hover img{transform:scale(1.05)}
.ab-photo .tag{position:absolute;right:0;top:0;bottom:0;width:38%;background:rgba(10,20,45,.86);padding:24px 22px;display:flex;flex-direction:column;justify-content:center;color:#fff;font-size:1.3rem;font-weight:700;line-height:1.3}
.ab-photo .tag:after{content:"";width:34px;height:3px;background:var(--blue2);margin-top:14px}
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.sx{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:22px;display:flex;align-items:center;gap:16px;transition:.3s}.sx:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(11,87,227,.16)}
.sx .dashicons{font-size:36px;width:36px;height:36px;color:var(--blue)}.sx b{font-size:1.5rem;display:block;line-height:1.1}.sx .l{font-size:.75rem;color:var(--muted)}
.mvv{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mv{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:30px;transition:.35s}.mv:hover{transform:translateY(-8px);box-shadow:0 22px 44px rgba(11,87,227,.18)}
.mv .big{font-size:48px;width:48px;height:48px;color:var(--blue);margin-bottom:14px;transition:.4s}.mv:hover .big{transform:scale(1.15) rotate(-6deg)}
.mv h3{font-size:1.1rem;margin-bottom:10px;color:var(--navy)}.mv p,.mv li{font-size:.9rem;color:var(--muted)}
.mv li{padding:4px 0 4px 28px;position:relative}.mv li:before{content:"\f147";font-family:dashicons;position:absolute;left:0;top:7px;width:17px;height:17px;border-radius:50%;background:var(--blue);color:#fff;font-size:15px;line-height:17px;text-align:center}
.approach{display:grid;grid-template-columns:1fr 1fr;background:var(--bg);padding:0}
.ap-img{overflow:hidden;min-height:380px}.ap-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.ap-img:hover img{transform:scale(1.05)}
.ap-txt{padding:60px max(24px,calc((100vw - 1240px)/2 + 24px)) 60px 56px;align-self:center}.ap-txt p{color:var(--muted);margin:16px 0 28px;font-size:.92rem}
.ap-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ap-steps>div{text-align:center;transition:.3s}.ap-steps>div:hover{transform:translateY(-6px)}
.ap-steps .dashicons{font-size:34px;width:34px;height:34px;color:var(--blue);display:block;margin:0 auto 8px}.ap-steps b{font-size:.78rem;line-height:1.3;display:block}
.tl{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.tl-line{position:absolute;left:2%;right:2%;top:40px;height:2px;background:#d6e2fb;transform-origin:left;transform:scaleX(0);transition:transform 1.8s ease}.tl.in .tl-line{transform:scaleX(1)}
.tl-i{position:relative;opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.tl.in .tl-i{opacity:1;transform:none}
.tl-i .dashicons{display:block;font-size:30px;width:30px;height:30px;color:var(--blue);margin-bottom:23px}
.tl-i:before{content:"";position:absolute;left:10px;top:36px;width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #e3edff;z-index:1}
.tl-i b{display:block;font-size:.95rem;margin:8px 0 4px;color:var(--navy)}.tl-i .tx span{font-size:.75rem;color:var(--muted);line-height:1.4;display:block;max-width:110px}
.gp{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}.gp p{color:var(--muted);margin:16px 0 24px;max-width:400px}
.map{position:relative;aspect-ratio:1440/570}.map>img{width:100%;height:100%;object-fit:contain}
.pin{position:absolute;transform:translate(-50%,-100%);text-align:center;z-index:2}
.pin em{display:block;background:#fff;box-shadow:var(--sh);border-radius:8px;padding:4px 11px;font-style:normal;font-size:.7rem;font-weight:700;white-space:nowrap;color:var(--navy)}
.pin i{display:block;width:16px;height:16px;border-radius:50% 50% 50% 0;background:var(--blue);transform:rotate(-45deg);margin:7px auto 4px;position:relative;animation:bob 2.2s ease-in-out infinite;animation-delay:inherit}
.pin i:after{content:"";position:absolute;inset:4px;background:#fff;border-radius:50%}
.pin:after{content:"";position:absolute;left:50%;bottom:-6px;width:26px;height:9px;margin-left:-13px;border-radius:50%;background:rgba(11,87,227,.35);animation:ring 2.2s infinite;animation-delay:inherit}
@keyframes bob{50%{transform:rotate(-45deg) translate(-4px,4px)}}@keyframes ring{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.8);opacity:0}}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:32px}
.wy{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:.35s;box-shadow:0 4px 14px rgba(20,60,160,.05)}.wy:hover{transform:translateY(-8px);box-shadow:var(--sh);border-color:#bcd3ff}
.wy .dashicons{font-size:38px;width:38px;height:38px;color:var(--blue);margin-bottom:14px;transition:.4s}.wy:hover .dashicons{transform:scale(1.18) rotate(-6deg)}
.wy h3{font-size:1rem;color:var(--navy);margin-bottom:6px}.wy p{font-size:.85rem;color:var(--muted)}
.certs{display:grid;grid-template-columns:.8fr 2.2fr;gap:30px;align-items:center}
.badges{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.bd{background:#fff;border-radius:14px;box-shadow:var(--sh);height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.3s}.bd:hover{transform:translateY(-6px) scale(1.04)}
.bd small{font-size:.58rem;color:var(--muted)}.bd .mk{font-size:.85rem;color:#444}.bd .aw{font-size:1.3rem;color:#232f3e}.bd .cm{font-size:1.1rem;color:#111;letter-spacing:.04em}
.bd .iso{width:46px;height:46px;border-radius:50%;border:3px solid #0b57e3;display:grid;place-items:center;color:#0b57e3;font-size:.8rem}
.cta.light{background:linear-gradient(100deg,#eef4ff 40%,#cfe0fa);color:var(--navy)}.cta.light h2{color:var(--navy)}.cta.light p{color:var(--muted)}.cta.light .btn-o{color:var(--blue);border-color:var(--blue);background:#fff}
.cta.light .steps{background:#fff;box-shadow:var(--sh);backdrop-filter:none}.cta.light .steps div{border-color:var(--line)}.cta.light .steps span{color:var(--muted)}
@media(max-width:1100px){.badges{grid-template-columns:repeat(3,1fr)}.certs,.gp{grid-template-columns:1fr}.why,.ab-stats{grid-template-columns:repeat(2,1fr)}.tl{grid-template-columns:repeat(4,1fr);row-gap:30px}.tl-line{display:none}.tl-i:before{display:none}.tl-i .dashicons{margin-bottom:6px}}
@media(max-width:860px){.ab-intro,.mvv,.approach{grid-template-columns:1fr}.ap-txt{padding:40px 24px}.ap-img{min-height:260px}.ph{padding:140px 0 44px}.ph:before{background:linear-gradient(180deg,rgba(238,244,255,.92),rgba(238,244,255,.7))}.ab-photo .tag{font-size:1.05rem}}
@media(max-width:520px){.ab-stats,.why{grid-template-columns:1fr}.tl{grid-template-columns:1fr 1fr}.ap-steps{grid-template-columns:repeat(2,1fr)}.badges{grid-template-columns:repeat(2,1fr)}.pin em{font-size:.58rem;padding:3px 7px}}

/* tech stack + certification icon fixes */
.it img{width:68%;height:68%;object-fit:contain;transform:none;filter:drop-shadow(0 4px 6px rgba(10,26,58,.15))}
.it.empty{visibility:hidden;animation:none}
.bd{height:88px;padding:10px 14px}.bd img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.badges{gap:16px}
@media(max-width:520px){.bd{height:76px}}
.it span{transform:none}
.certs{grid-template-columns:.7fr 2.3fr}.bd{padding:8px 10px}
.bd img{max-height:58px}

/* services pages */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.svc{background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:.35s;display:flex;flex-direction:column}
.svc:hover{transform:translateY(-10px);box-shadow:0 22px 44px rgba(11,87,227,.2)}
.svc .im{display:block;height:130px;overflow:hidden}.svc .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.svc:hover .im img{transform:scale(1.1)}
.svc .ic{margin:-22px 0 0 18px;position:relative;background:#fff;box-shadow:var(--sh)}.svc:hover .ic{background:var(--blue);color:#fff;transform:rotate(-8deg) scale(1.1)}
.svc .b{padding:10px 20px 22px;display:flex;flex-direction:column;flex:1}.svc h3{font-size:1rem;color:var(--navy);margin:6px 0 8px}.svc h3 a:hover{color:var(--blue)}
.svc p{font-size:.8rem;color:var(--muted);flex:1}.svc .go{margin-top:14px;font-size:.8rem;font-weight:700;color:var(--blue);transition:.3s}.svc:hover .go{letter-spacing:.03em}
.why.three{grid-template-columns:repeat(3,1fr)}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.chips span{background:#fff;border:1px solid var(--line);padding:10px 22px;border-radius:40px;font-weight:700;font-size:.85rem;color:var(--navy);box-shadow:0 4px 12px rgba(20,60,160,.05)}
.chips span.in:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-4px)}
.faqs{max-width:860px;margin-top:28px}
.faq{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:.3s}
.faq summary{cursor:pointer;padding:18px 54px 18px 22px;font-weight:700;color:var(--navy);list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--blue);font-weight:400}
.faq[open] summary:after{content:"\2212"}.faq[open]{border-color:#bcd3ff;box-shadow:var(--sh)}
.faq p{padding:0 22px 20px;color:var(--muted);font-size:.9rem;animation:up .5s both}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rl{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;transition:.35s}
.rl:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:#bcd3ff}.rl:hover .ic{background:var(--blue);color:#fff}
.rl b{display:block;color:var(--navy);margin-bottom:2px}.rl small{color:var(--muted);font-size:.78rem;line-height:1.4;display:block}
@media(max-width:1100px){.svc-grid{grid-template-columns:repeat(3,1fr)}.rel{grid-template-columns:1fr}}
@media(max-width:860px){.svc-grid{grid-template-columns:repeat(2,1fr)}.why.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.svc-grid,.why.three{grid-template-columns:1fr}}
.ab-photo.sv .tag{top:auto;bottom:18px;right:18px;width:auto;border-radius:12px;padding:16px 24px;font-size:1.05rem;background:rgba(10,20,45,.82);backdrop-filter:blur(6px)}
.ap-img.zoom img{transform:scale(1.32);transform-origin:75% 62%}.ap-img.zoom:hover img{transform:scale(1.42)}
@media(max-width:520px){.ab-photo.sv .tag{font-size:.75rem;padding:10px 14px;bottom:10px;right:10px}}

/* ===== extra pages ===== */
.pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.pills button{border:1px solid var(--line);background:#fff;color:var(--navy);font:inherit;font-weight:700;font-size:.82rem;padding:9px 20px;border-radius:40px;cursor:pointer;transition:.3s}
.pills button:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.pills button.on{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(11,87,227,.25)}
.fx{transition:opacity .4s,transform .4s}.fx.hide{display:none}
.cat{display:block;color:var(--blue2);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tech-grid{grid-template-columns:repeat(4,1fr)}.tech-grid .svc .im{height:150px}
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cs-grid .svc .im{height:190px}.cs-grid .svc p{font-size:.88rem}
.tic{background:#fff;box-shadow:var(--sh)}.tic img{width:26px;height:26px;object-fit:contain}
.sample-note{margin-top:28px;padding:12px 16px;border:1px dashed #f0b429;background:#fff8e6;color:#7a5a00;border-radius:10px;font-size:.8rem}
.sx b.sm{font-size:.95rem;margin-bottom:2px}.sx .l{display:block;line-height:1.4}
.cs-split{display:grid;grid-template-columns:1fr 1fr;gap:56px}.lead{color:var(--muted);font-size:1.02rem;margin-top:16px}
.ticks{margin-top:18px}.ticks li{position:relative;padding:8px 0 8px 36px;color:var(--navy);font-weight:600;font-size:.92rem}
.ticks li:before{content:"\f147";font-family:dashicons;position:absolute;left:0;top:9px;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:17px;line-height:22px;text-align:center}
/* testimonials */
.tslider{position:relative;max-width:860px;margin:34px auto 0;min-height:260px}
.ts,.tq{background:#fff;border-radius:20px;box-shadow:var(--sh);padding:44px 48px;text-align:center;margin:0}
.ts{position:absolute;inset:0 0 40px;opacity:0;visibility:hidden;transform:translateX(30px);transition:.6s}.ts.on{opacity:1;visibility:visible;transform:none;position:relative}
.qm{font-size:54px!important;width:54px!important;height:54px!important;color:var(--blue2);opacity:.35}
.ts blockquote,.tq blockquote{font-size:1.2rem;font-weight:600;color:var(--navy);line-height:1.6;margin:8px 0 22px}
.ts figcaption b,.tq figcaption b{display:block;color:var(--navy)}.ts figcaption span,.tq figcaption span{font-size:.82rem;color:var(--muted)}
.tdots{display:flex;justify-content:center;gap:8px;margin-top:24px}.tdots button{width:9px;height:9px;border-radius:9px;border:0;background:#c5d3f5;cursor:pointer;transition:.3s}.tdots button.on{width:28px;background:var(--blue)}
.tq{max-width:860px;margin:0 auto}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.tc{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:28px;margin:0;transition:.35s}.tc:hover{transform:translateY(-8px);box-shadow:0 22px 44px rgba(11,87,227,.16)}
.stars{color:#f5b301;letter-spacing:3px;font-size:1.05rem;margin-bottom:12px}.tc blockquote{color:var(--muted);font-size:.92rem;margin-bottom:20px}
.tc figcaption{display:flex;align-items:center;gap:12px}.tc figcaption b{display:block;color:var(--navy);font-size:.9rem}.tc small{color:var(--muted);font-size:.75rem}
.av2{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;display:grid;place-items:center;font-weight:800}
/* team */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.tm{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:14px 14px 24px;text-align:center;transition:.35s}.tm:hover{transform:translateY(-10px);box-shadow:0 22px 44px rgba(11,87,227,.18)}
.ph-img{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;margin-bottom:16px}.ph-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.tm:hover .ph-img img{transform:scale(1.08)}
.soc{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px;padding:14px;background:linear-gradient(0deg,rgba(10,26,58,.75),transparent);transform:translateY(100%);transition:.35s}.tm:hover .soc{transform:none}
.soc a{width:32px;height:32px;border-radius:8px;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:.72rem;font-weight:800;transition:.25s}.soc a:hover{background:var(--blue);color:#fff}
.tm h3{font-size:1.02rem;color:var(--navy)}.role{display:block;color:var(--blue);font-weight:700;font-size:.8rem;margin:2px 0 8px}.tm p{font-size:.82rem;color:var(--muted);padding:0 8px}
/* clients */
.logo-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}
.lw{background:#fff;border:1px solid var(--line);border-radius:var(--r);height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9fb0d3;transition:.35s;padding:16px}
.lw:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:#bcd3ff}.lw img{max-height:60px;max-width:80%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.3s}.lw:hover img{filter:none;opacity:1}
.lw .dashicons{font-size:30px;width:30px;height:30px}.lw small{font-size:.72rem;font-weight:600}
/* brand */
.brand-hero{background:#fff;border-radius:16px;box-shadow:var(--sh);padding:50px;display:grid;place-items:center;min-height:260px}.brand-hero img{max-width:340px;width:100%}
.logos3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.lg{background:#fff;border:1px solid var(--line);border-radius:var(--r);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;position:relative}
.lg img{max-width:240px;width:80%}.lg small{position:absolute;left:16px;bottom:12px;font-size:.72rem;color:var(--muted)}.lg.dark{background:var(--navy);border-color:var(--navy)}.lg.dark small{color:#9fb4e6}
.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:30px}
.sw{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-align:left;font:inherit;cursor:pointer;padding:0 0 16px;transition:.3s}.sw:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.sw .chip{display:block;height:110px;background:var(--c);margin-bottom:12px}.sw b,.sw code,.sw small{display:block;padding:0 16px}.sw b{color:var(--navy);font-size:.9rem}.sw code{font-size:.8rem;color:var(--blue);margin:2px 0 6px}.sw small{font-size:.72rem;color:var(--muted)}
.sw em{position:absolute;top:10px;right:10px;background:#fff;color:var(--blue);font-style:normal;font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:20px;opacity:0;transform:translateY(-6px);transition:.3s}.sw.copied em{opacity:1;transform:none}
.type{display:flex;gap:40px;align-items:center;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:36px;margin-top:30px}.type .big{font-size:6rem;font-weight:800;color:var(--blue);line-height:1}
.t1{font-size:1.8rem;font-weight:800;color:var(--navy)}.t2{color:var(--muted);margin:8px 0}.t3{font-size:.8rem;color:var(--muted)}
a.dlc{display:block}a.dlc .dashicons{color:var(--blue)}
/* contact */
.cinfo{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:56px}
.ci{display:flex;gap:14px;align-items:center;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:22px;transition:.3s}.ci:hover{transform:translateY(-6px)}
.ci small{display:block;color:var(--muted);font-size:.72rem}.ci a,.ci b{color:var(--navy);font-weight:700;font-size:.9rem;word-break:break-word}.ci a:hover{color:var(--blue)}
.cform{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}.mapbox{margin-top:26px;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);height:260px}.mapbox iframe{width:100%;height:100%;border:0}
.qf{background:#fff;border-radius:18px;box-shadow:var(--sh);padding:32px;display:grid;gap:16px}
.qf label{display:block;font-size:.8rem;font-weight:700;color:var(--navy)}.qf input,.qf select,.qf textarea{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-size:.9rem;background:#fbfcff;transition:.25s}
.qf input:focus,.qf select:focus,.qf textarea:focus{outline:0;border-color:var(--blue2);box-shadow:0 0 0 4px rgba(47,123,255,.15);background:#fff}.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hp{position:absolute!important;left:-9999px;height:0;overflow:hidden}.qf .btn{justify-self:start}
.alert{padding:12px 16px;border-radius:10px;font-size:.88rem;font-weight:600}.alert.ok{background:#e7f8ee;color:#0f6b3a}.alert.bad{background:#fdecec;color:#a02020}
@media(max-width:1100px){.tech-grid{grid-template-columns:repeat(3,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.cinfo{grid-template-columns:repeat(2,1fr)}.swatches{grid-template-columns:repeat(3,1fr)}.cs-grid,.tgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.cs-split,.cform,.logos3{grid-template-columns:1fr}.logo-wall{grid-template-columns:repeat(2,1fr)}.type{flex-direction:column;align-items:flex-start;gap:14px}.tech-grid{grid-template-columns:repeat(2,1fr)}.nav .sub-menu.wide{display:block;min-width:0}.ts,.tq{padding:30px 22px}.row2{grid-template-columns:1fr}.hdr>.btn{display:none}}
@media(max-width:520px){.tech-grid,.cs-grid,.tgrid,.team-grid,.cinfo{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}.ts blockquote,.tq blockquote{font-size:1rem}}
.ci{padding:20px 18px;gap:12px}.ci .ic{flex:0 0 44px}.ci a,.ci b{font-size:.84rem;overflow-wrap:anywhere}

/* 4-per-row home services */
a.card-img{display:block}.card h3 a:hover{color:var(--blue)}.card .card-b{display:flex;flex-direction:column}.card .card-b ul{flex:1}
/* milestones vertical timeline */
.vt{position:relative;max-width:980px;margin:44px auto 0}
.vt:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,transparent,#bcd3ff 6%,#bcd3ff 94%,transparent)}
.vt-i{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;margin-bottom:30px}
.vt-c{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:22px 26px;transition:.35s}.vt-c:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(11,87,227,.16)}
.vt-i.l .vt-c{grid-column:1;grid-row:1;text-align:right}.vt-i.r .vt-c{grid-column:3;grid-row:1}.vt-dot{grid-column:2;grid-row:1;justify-self:center}
.vt-dot{width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 7px #e3edff;position:relative;z-index:1;transition:.4s}.vt-i:hover .vt-dot{transform:scale(1.15) rotate(-8deg)}
.vt-dot .dashicons{font-size:22px;width:22px;height:22px}
.yr{display:inline-block;background:#e8f0ff;color:var(--blue);font-weight:800;font-size:.8rem;padding:3px 14px;border-radius:20px;margin-bottom:8px}.vt-c h3{font-size:1.05rem;color:var(--navy);margin-bottom:6px}.vt-c p{font-size:.88rem;color:var(--muted)}
/* testimonial carousel */
.tcar-view{overflow:hidden;padding:6px 4px 24px;margin:0 -4px}.tcar-track{display:flex;gap:22px;transition:transform .7s cubic-bezier(.65,.05,.25,1)}
.tcar .tc{flex:0 0 calc((100% - 44px)/3)}
.tcar-ctrl{display:flex;align-items:center;justify-content:center;gap:18px}.tcar-ctrl button:not(.on){font:inherit}
.tprev,.tnext{width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--blue);font-size:1.1rem;cursor:pointer;box-shadow:var(--sh);transition:.25s}.tprev:hover,.tnext:hover{background:var(--blue);color:#fff}
.tcar .tdots{margin:0}
/* offices */
.offices{display:grid;grid-template-columns:.8fr 1.4fr;gap:26px;align-items:stretch}
.olist{display:grid;gap:12px;align-content:start}
.ol{display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:14px 18px;font:inherit;cursor:pointer;transition:.3s}
.ol:hover{transform:translateX(6px);border-color:#bcd3ff}.ol.on{border-color:var(--blue);box-shadow:var(--sh);background:#f3f7ff}
.cc{flex:0 0 44px;height:44px;border-radius:50%;background:#e8f0ff;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:.82rem;letter-spacing:.04em;transition:.3s}.ol.on .cc{background:var(--blue);color:#fff}
.ol b{display:block;color:var(--navy);font-size:.95rem}.ol small{color:var(--muted);font-size:.76rem}
.omap{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);min-height:420px;background:#e8f0ff}.omap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.od{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:12px;box-shadow:var(--sh);padding:16px 20px;max-width:280px}.od small{color:var(--blue2);font-weight:800;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.od h3{font-size:1rem;color:var(--navy);margin:2px 0 4px}.od p{font-size:.8rem;color:var(--muted);margin-bottom:6px}.od a{font-size:.8rem;font-weight:700;color:var(--blue);overflow-wrap:anywhere}
@media(max-width:1100px){.tcar .tc{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:860px){.offices{grid-template-columns:1fr}.omap{min-height:340px}.vt:before{left:23px}.vt-i{grid-template-columns:48px 1fr;column-gap:16px}.vt-dot{grid-column:1!important;grid-row:1}.vt-i .vt-c{grid-column:2!important;text-align:left!important}}
@media(max-width:620px){.tcar .tc{flex-basis:100%}}
.card>.ic,.svc>.ic{width:44px;flex:0 0 44px}
.tcar-track{align-items:stretch}.tcar .tc{display:flex;flex-direction:column;justify-content:space-between}

/* Industries: 3 cards per row for a larger, more spacious presentation */
.svc-grid.ind-grid{grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:1100px){.svc-grid.ind-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.svc-grid.ind-grid{grid-template-columns:1fr}}


/* industries */
.ind-grid{grid-template-columns:repeat(4,1fr);gap:22px}.ind-grid .svc .im{height:120px}.ind-grid .svc p{font-size:.78rem}
a.ind{display:block;color:inherit}a.ind .dashicons{transition:.3s}a.ind:hover .dashicons{transform:scale(1.2) rotate(-6deg)}
@media(max-width:1100px){.ind-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.ind-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ind-grid{grid-template-columns:1fr}}

/* UXG compact Services & Technologies dropdowns */
@media(min-width:861px){
  .nav>ul>li:nth-child(3)>.sub-menu,
  .nav>ul>li:nth-child(4)>.sub-menu{
    top:calc(100% + 2px); left:50%; right:auto;
    width:auto; min-width:0; max-width:none;
    background:#fff; border-radius:10px;
    padding:20px 26px;
    box-shadow:0 14px 32px rgba(10,20,45,.13);
    gap:0 28px;
    opacity:0; visibility:hidden;
    transform:translate(-50%,10px);
    transition:opacity .22s ease, visibility .22s ease, transform .22s ease;
  }
  .nav>ul>li:nth-child(3)>.sub-menu{
    display:grid; grid-template-columns:repeat(4,max-content);
  }
  .nav>ul>li:nth-child(4)>.sub-menu{
    display:grid; grid-template-columns:repeat(3,max-content);
  }
  .nav>ul>li:nth-child(3):hover>.sub-menu,
  .nav>ul>li:nth-child(4):hover>.sub-menu{
    opacity:1; visibility:visible; transform:translate(-50%,0);
  }
  .nav>ul>li:nth-child(3)>.sub-menu li,
  .nav>ul>li:nth-child(4)>.sub-menu li{
    padding:4px 0; margin:0; line-height:1.5; white-space:nowrap;
  }
  .nav>ul>li:nth-child(3)>.sub-menu li a,
  .nav>ul>li:nth-child(4)>.sub-menu li a{
    display:block; padding:7px 0;
    font-size:12px; line-height:1.5; font-weight:500;
    color:var(--ink);
  }
  .nav>ul>li:nth-child(3)>.sub-menu li a:hover,
  .nav>ul>li:nth-child(4)>.sub-menu li a:hover{color:var(--blue);}
}