@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url('fonts/archivo-latin.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/manrope-latin.woff2') format('woff2')}
:root{--accent:#9CD3F5}
html{scroll-behavior:smooth}
html,body.wga26{margin:0;padding:0;background:#0B0C0E}
body.wga26{font-family:Manrope,system-ui,sans-serif}
.wga26 [hidden]{display:none !important}
.wga26 img{max-width:100%}
.wga26 h1,.wga26 h2,.wga26 h3,.wga26 p,.wga26 figure,.wga26 blockquote{padding:0}
.wga26 button{font:inherit}
.admin-bar .wga26-header{top:32px}
@media screen and (max-width:782px){.admin-bar .wga26-header{top:46px}}
@media screen and (max-width:600px){.admin-bar .wga26-header{top:0}}
.ic-open{display:none}
.menubtn[aria-expanded="true"] .ic-open{display:inline-flex}
.menubtn[aria-expanded="true"] .ic-closed{display:none}
.ic-plus,.ic-minus{display:inline-flex}
[aria-expanded="true"] > .ic-plus{display:none}
[aria-expanded="false"] > .ic-minus{display:none}
.chev{transition:transform .3s}
[aria-expanded="true"] > .chev{transform:rotate(180deg)}
.faq-a{animation:mfade .3s cubic-bezier(.2,.7,.2,1)}
a{color:#F4F5F7;text-decoration:none}a:hover{color:#FFFFFF}
*{box-sizing:border-box}
.wga{font-family:Manrope,system-ui,sans-serif;color:#F4F5F7;background:#0B0C0E;-webkit-font-smoothing:antialiased}
.disp{font-family:Archivo,Manrope,sans-serif;font-stretch:118%}
.eyebrow{font-family:Archivo,Manrope,sans-serif;font-stretch:125%;font-weight:600;font-size:11px;letter-spacing:.28em;text-transform:uppercase}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.navlink{color:#C4C9D1;font-family:Archivo,sans-serif;font-stretch:112%;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:8px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.navlink:hover{color:#FFFFFF;border-bottom-color:rgba(255,255,255,.5)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;font-family:Archivo,sans-serif;font-stretch:118%;font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;border-radius:2px;transition:filter .2s,background .2s,border-color .2s,color .2s;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#F4F5F7}
.btn-ghost:hover{border-color:#FFFFFF;background:rgba(255,255,255,.06);color:#FFFFFF}
.util{display:flex}
.navlinks{display:flex;align-self:stretch}
.menubtn{display:none}
.navquote{display:inline-flex}
.navcall{display:none}
.dd{display:flex;align-items:center;height:80px}
.dd-trigger{display:inline-flex;align-items:center;gap:7px}
.dd-chev{transition:transform .35s cubic-bezier(.2,.7,.2,1);opacity:.7}
.dd:hover .dd-chev,.dd:focus-within .dd-chev{transform:rotate(180deg);opacity:1}
.dd:hover .dd-trigger,.dd:focus-within .dd-trigger{color:#FFFFFF;border-bottom-color:rgba(255,255,255,.5)}
.dd-panel{position:absolute;left:0;right:0;top:100%;background:rgba(11,12,14,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;transition:opacity .22s ease,transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s}
.dd:hover .dd-panel,.dd:focus-within .dd-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .32s ease,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s}
.dd-sm{position:relative}
.dd-sm .dd-panel{left:-26px;right:auto;width:300px;border:1px solid rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.08)}
.dd-item{opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .3s cubic-bezier(.4,0,.2,1)}
.dd:hover .dd-item,.dd:focus-within .dd-item{opacity:1;transform:none;transition:opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.dd:hover .d2,.dd:focus-within .d2{transition-delay:.06s}
.dd:hover .d3,.dd:focus-within .d3{transition-delay:.12s}
.dd:hover .d4,.dd:focus-within .d4{transition-delay:.18s}
.ddlink{display:flex;flex-direction:column;gap:3px;padding:10px 12px;margin:0 -12px;border-radius:2px;transition:background .2s}
.ddlink:hover,.ddlink:focus-visible{background:rgba(255,255,255,.06)}
.ddlink .t{display:flex;align-items:center;gap:8px;color:#F4F5F7;font-size:15px;font-weight:600}
.ddlink .d{color:#8E95A0;font-size:13px;line-height:1.45}
.ddlink .arr{opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .25s}
.ddlink:hover .arr,.ddlink:focus-visible .arr{opacity:1;transform:none}
.feat{position:relative;display:block;overflow:hidden;min-height:280px;background:#16191E}
.feat img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.feat:hover img{transform:scale(1.06)}
.mnav{animation:mfade .35s cubic-bezier(.2,.7,.2,1)}
.msub{animation:mfade .3s cubic-bezier(.2,.7,.2,1)}
@keyframes mfade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.dd-panel,.dd-item,.dd-chev,.mnav,.msub{transition:none !important;animation:none !important}}
.hero{min-height:860px}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,12,14,.92) 0%,rgba(11,12,14,.66) 36%,rgba(11,12,14,.14) 70%,rgba(11,12,14,.04) 100%)}
.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.proof-t{font-size:22px}
.sec{padding:128px 0 120px}
.collage{position:relative;min-height:560px}
.col-a{position:absolute;left:0;top:0;width:82%;height:420px;overflow:hidden;background:#16191E}
.col-b{position:absolute;right:0;bottom:0;width:58%;height:300px;overflow:hidden;background:#16191E;border:8px solid #0E1013}
.statbox{position:absolute;left:0;bottom:24px;padding:22px 26px;background:#0B0C0E;border:1px solid rgba(255,255,255,.1);max-width:270px}
.gscrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,12,14,.95) 0%,rgba(11,12,14,.8) 42%,rgba(11,12,14,.25) 100%)}
.cap{position:absolute;left:16px;bottom:14px;max-width:calc(100% - 32px);color:#FFFFFF;background:rgba(11,12,14,.65);padding:7px 10px}
.svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.svc-card{position:relative;overflow:hidden;display:block;aspect-ratio:3/4;background:#16191E}
.svc-card img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.svc-card:hover img{transform:scale(1.06)}
.svc-card .more{transition:gap .3s}
.svc-card:hover .more{gap:16px}
.diff{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.trust{display:flex}
.mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:220px}
.m-a{grid-column:span 4;grid-row:span 2}.m-b{grid-column:span 2;grid-row:span 1}.m-c{grid-column:span 2;grid-row:span 1}.m-d{grid-column:span 3;grid-row:span 1}.m-e{grid-column:span 3;grid-row:span 1}
.tile{position:relative;overflow:hidden;background:#16191E}
.tile img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.tile:hover img{transform:scale(1.05)}
.vids{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.vid{display:block}
.vid .playring{transition:transform .3s,background .3s}
.vid:hover .playring{transform:scale(1.08);background:rgba(255,255,255,.22)}
.faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
.foot{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}
.flink{color:#A3A9B3;font-size:14px;transition:color .2s}
.flink:hover{color:#FFFFFF}
@media (max-width:1100px){
.navlinks{display:none}.menubtn{display:inline-flex}
.svc{grid-template-columns:repeat(2,minmax(0,1fr))}
.vids{grid-template-columns:repeat(2,minmax(0,1fr))}
.foot{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
.diff{grid-template-columns:minmax(0,1fr)}
.faq{grid-template-columns:minmax(0,1fr)}
.proof{grid-template-columns:repeat(2,minmax(0,1fr))}
.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
.m-a{grid-column:span 2;grid-row:span 2}.m-b,.m-c{grid-column:span 1;grid-row:span 1}.m-d,.m-e{grid-column:span 2;grid-row:span 1}
}
@media (max-width:760px){
.wrap{padding:0 20px}
.util{display:none}
.navquote{display:none}
.navcall{display:inline-flex}
.hero{min-height:720px}
.hero img{object-position:28% 50% !important}
.hero-scrim{background:linear-gradient(180deg,rgba(11,12,14,.25) 0%,rgba(11,12,14,.5) 35%,rgba(11,12,14,.9) 70%)}
.sec{padding:84px 0 80px}
.svc{grid-template-columns:minmax(0,1fr)}
.svc-card{aspect-ratio:4/5}
.m-a{grid-column:span 2;grid-row:span 1}
.trust{flex-direction:column;align-items:flex-start}
.foot{grid-template-columns:minmax(0,1fr)}
.collage{min-height:400px}
.col-a{width:88%;height:290px}
.col-b{width:62%;height:200px;border-width:6px}
.statbox{bottom:12px;padding:16px 18px;max-width:200px}
.gscrim{background:rgba(11,12,14,.8)}
.cap{font-size:9px;letter-spacing:.14em;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 8px}
.proof-t{font-size:18px}
}
@media (max-width:520px){
.vids{grid-template-columns:minmax(0,1fr)}
}
/* Header fit: nav labels and the quote button always stay on one line */
.navlink,.wga26-header .btn{white-space:nowrap}
.wga26-header .wrap>*{flex-shrink:0}
.wga26-header .navlinks{flex-shrink:1;min-width:0;gap:28px !important}
@media (max-width:1300px){.wga26-header .navlinks{gap:20px !important}.wga26-header .navlink{letter-spacing:.12em;font-stretch:104%}.wga26-header .navquote{padding:0 18px !important}.wga26-header .wrap{gap:18px !important}}
@media (max-width:1200px){.wga26-header .navlinks{gap:16px !important}.wga26-header .navlink{letter-spacing:.08em;font-stretch:100%;font-size:11.5px}.wga26-header .navquote{padding:0 16px !important;letter-spacing:.12em}}
/* Mobile menu buttons: keep labels (and the phone number) on one line; they stack when they don't fit side by side */
.mnav .btn{white-space:nowrap}