/* A4Aero theme styles */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0A0A0C;font-family:Inter,system-ui,sans-serif;color:#F5F5F7}
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nav a.is-active{color:#FFFFFF !important;border-bottom:2px solid #E11D2E;padding-bottom:4px}
.a4-slide{display:none}.a4-slide.is-active{display:block}
/* JS fallback reveal for browsers without scroll-driven animations */
.js-reveal .stagger > *,.js-reveal .sec-h{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease,translate .3s ease,border-color .3s ease}
.js-reveal .stagger > *.in,.js-reveal .sec-h.in{opacity:1;transform:none}
.field{background:#0A0A0C;border:1px solid #3A3A44;border-radius:10px;padding:14px 16px;color:#F5F5F7;font:inherit;font-size:15px;width:100%}
.a4-topic{font:inherit;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;cursor:pointer;min-height:44px;background:transparent;color:#D4D4DA;border:1px solid #3A3A44}
.a4-topic[aria-pressed="true"]{background:#E11D2E;color:#FFFFFF;border-color:#E11D2E}
a{color:#FF4D5A}a:hover{color:#FF7A84}
.nav a{color:#C9C9D1;text-decoration:none}.nav a:hover{color:#FFFFFF}
.card{transition:border-color .2s,transform .2s}.card:hover{border-color:#E11D2E;transform:translateY(-2px)}
.btn-red:hover{background:#C8102E}
.btn-ghost:hover{border-color:#FFFFFF}
@media (max-width:720px){.hero-h{font-size:42px !important}.sec-h{font-size:32px !important}}
@keyframes fadeUp{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@keyframes fadeRight{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
@keyframes pxBg{to{transform:translateY(180px)}}
@keyframes pxUp{to{transform:translateY(-160px)}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes dashMove{to{stroke-dashoffset:-140}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(225,29,46,.55)}100%{box-shadow:0 0 0 14px rgba(225,29,46,0)}}
.slide-in{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) both}
.slide-in-r{animation:fadeRight .9s .15s cubic-bezier(.2,.7,.2,1) both}
.float{animation:floatY 6s ease-in-out infinite}
.float-slow{animation:floatY 8s 1s ease-in-out infinite}
.dash{animation:dashMove 5s linear infinite}
.pulse{animation:pulseRing 1.8s ease-out infinite}
.marquee{animation:marquee 32s linear infinite}
.marquee:hover{animation-play-state:paused}
.stagger > *{transition:translate .3s ease,border-color .3s ease}
.stagger > [style*="#2A2A33"]:hover{translate:0 -6px;border-color:#E11D2E !important}
@supports (animation-timeline: view()){
.stagger > *{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
.sec-h,.reveal{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
.px-bg{animation:pxBg linear both;animation-timeline:scroll(root);animation-range:0 900px}
.px-up{animation:pxUp linear both;animation-timeline:view()}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}
@media (max-width:720px){.hero-h{font-size:40px !important}.sec-h{font-size:32px !important}}
.mod:hover{border-color:#E11D2E}
.field{background:#0A0A0C;border:1px solid #3A3A44;border-radius:10px;padding:14px 16px;color:#F5F5F7;font:inherit;font-size:15px;width:100%;box-sizing:border-box}
.field:focus{outline:2px solid #E11D2E;outline-offset:1px;border-color:#E11D2E}
@media (max-width:720px){.hero-h{font-size:40px !important}}
/* Menus (managed in Appearance > Menus) */
.a4-menu{display:flex;flex-wrap:wrap;gap:4px 26px;list-style:none;margin:0;padding:0;font-size:15px;font-weight:500}
.a4-menu li{position:relative}
.a4-menu a{color:#C9C9D1;text-decoration:none;display:inline-block;padding:6px 0}
.a4-menu a:hover{color:#FFFFFF}
.a4-menu .current-menu-item > a,.a4-menu .current-menu-ancestor > a{color:#FFFFFF;border-bottom:2px solid #E11D2E}
.a4-menu .menu-item-has-children > a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.a4-menu .sub-menu{display:none;position:absolute;top:100%;left:-12px;min-width:250px;list-style:none;margin:0;padding:8px;background:#131317;border:1px solid #2A2A33;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5);z-index:60}
.a4-menu li:hover > .sub-menu,.a4-menu li:focus-within > .sub-menu{display:block}
.a4-menu .sub-menu a{display:block;padding:10px 12px;border-radius:8px;border:0}
.a4-menu .sub-menu a:hover{background:#1B1B21}
.a4-footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.a4-footer-menu a,.a4-footer-widget a{color:#A1A1AA;text-decoration:none}
.a4-footer-menu a:hover,.a4-footer-widget a:hover{color:#FFFFFF}
.a4-logo img,.a4-footer .custom-logo{max-height:48px;width:auto;display:block}
@media (max-width:720px){.a4-menu .sub-menu{position:static;box-shadow:none;border:0;padding:0 0 0 12px;background:transparent}}
.a4-sb-menu{display:flex;justify-content:center}
.a4-sb-menu .a4-menu{font-family:Inter,system-ui,sans-serif}

/* Align the Elementor header (Theme Builder or Header Footer Elementor) with the 1240px page content */
:is(.elementor-location-header, #masthead, .ehf-header) .e-con-boxed > .e-con-inner{max-width:1240px !important}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-section > .elementor-container{max-width:1240px !important}
:is(.elementor-location-header, #masthead, .ehf-header) > .e-con-full,
:is(#masthead, .ehf-header) .elementor > .e-con-full{max-width:1288px;margin-left:auto;margin-right:auto;padding-left:24px !important;padding-right:24px !important}

/* Our Happy Clients */
.a4-clients{position:relative}
.a4-clients.is-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.a4-clients-track{display:flex;flex-wrap:wrap;gap:16px}
.a4-clients.is-marquee .a4-clients-track{flex-wrap:nowrap;width:max-content;animation-duration:40s}
.a4-clients.is-marquee:hover .a4-clients-track{animation-play-state:paused}
.a4-client{flex:none;width:200px;height:104px;border-radius:14px;background:#F4F4F5;border:1px solid #2A2A33;display:flex;align-items:center;justify-content:center;padding:18px 24px;text-decoration:none;color:#0A0A0C;font-family:'Space Grotesk',sans-serif;font-weight:700;transition:transform .3s ease,box-shadow .3s ease}
.a4-client img{max-width:100%;max-height:60px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .3s ease,opacity .3s ease}
.a4-client:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(225,29,46,.25)}
.a4-client:hover img{filter:none;opacity:1}

/* Elementor header: menu on the right, red single-line CTA button */
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-widget-shortcode:has(.a4-sb-menu){flex-grow:1;margin-left:auto;width:auto;max-width:none}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-column:has(.a4-sb-menu) > .elementor-widget-wrap{justify-content:flex-end}
:is(.elementor-location-header, #masthead, .ehf-header) .a4-sb-menu{justify-content:flex-end;margin-right:28px}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-widget-button{flex-shrink:0;width:auto}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-button{
	white-space:nowrap !important;background:#E11D2E !important;background-image:none !important;color:#FFFFFF !important;
	border:1px solid #E11D2E !important;border-radius:8px !important;padding:0 18px !important;height:44px !important;min-height:0 !important;
	display:inline-flex !important;align-items:center !important;
	font-family:Inter,system-ui,sans-serif !important;font-size:14px !important;font-weight:600 !important;line-height:1 !important;
	box-shadow:0 4px 14px rgba(225,29,46,.28) !important;transition:background .25s ease,box-shadow .25s ease,transform .25s ease !important}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-button:hover{background:#C8102E !important;border-color:#C8102E !important;box-shadow:0 6px 18px rgba(225,29,46,.4) !important;transform:none}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-button .elementor-button-content-wrapper{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;white-space:nowrap}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-button .elementor-button-text{white-space:nowrap}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-button .elementor-button-icon{display:inline-flex;margin:0 !important}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-button .elementor-button-icon svg{width:12px;height:12px;fill:currentColor}
@media (max-width:1024px){:is(.elementor-location-header, #masthead, .ehf-header) .a4-sb-menu{margin-right:12px}}

/* Elementor header: one compact 72px bar, everything vertically centred */
:is(.elementor-location-header, #masthead, .ehf-header){border-bottom:1px solid #22222A}
:is(.elementor-location-header, #masthead, .ehf-header) > .e-con,
:is(#masthead, .ehf-header) .elementor > .e-con{min-height:0 !important;padding-top:12px !important;padding-bottom:12px !important;margin:0 !important;align-items:center !important}
:is(.elementor-location-header, #masthead, .ehf-header) .e-con,
:is(.elementor-location-header, #masthead, .ehf-header) .e-con-inner{align-items:center !important;align-content:center !important}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-section{padding-top:12px !important;padding-bottom:12px !important;min-height:0 !important}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-section > .elementor-container{min-height:0 !important;align-items:center !important}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-column > .elementor-widget-wrap{align-content:center !important;align-items:center !important;padding-top:0 !important;padding-bottom:0 !important}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-widget{margin-top:0 !important;margin-bottom:0 !important;align-self:center}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-widget-shortcode:has(.a4-sb-menu) .elementor-shortcode{display:flex;align-items:center;height:100%}
:is(.elementor-location-header, #masthead, .ehf-header) .a4-menu{align-items:center}
:is(.elementor-location-header, #masthead, .ehf-header) .a4-menu > li > a{padding:10px 0;line-height:1.2}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-widget-image img,
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-widget-theme-site-logo img{max-height:44px;width:auto}
/* Hero starts right below the header */
.elementor-location-header + main > section:first-child,
.elementor-location-header ~ div main > section:first-child{margin-top:0}

/* Remove extra height inside the Elementor header (empty rows, spacers, fixed min-heights) */
:is(.elementor-location-header, #masthead, .ehf-header) .e-con{--min-height:0px !important;min-height:0 !important;height:auto !important}
:is(.elementor-location-header, #masthead, .ehf-header) .e-con:not(:has(.elementor-widget)){display:none !important}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-section:not(:has(.elementor-widget)){display:none !important}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-widget-spacer,
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-widget-divider{display:none !important}
:is(.elementor-location-header, #masthead, .ehf-header) .elementor-section,
:is(.elementor-location-header, #masthead, .ehf-header) .e-con{margin-bottom:0 !important}

/* Technology hub (home) */
@keyframes a4spin{to{transform:rotate(360deg)}}
@keyframes a4flow{to{stroke-dashoffset:-220}}
@keyframes a4node{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}
@keyframes a4glow{0%,100%{box-shadow:0 0 40px rgba(225,29,46,.25),inset 0 0 30px rgba(225,29,46,.15)}50%{box-shadow:0 0 80px rgba(225,29,46,.45),inset 0 0 40px rgba(225,29,46,.3)}}
.a4-hub{position:relative;height:560px}
.a4-hub-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.a4-flow{animation:a4flow 2.6s linear infinite}
.a4-node{transform-box:fill-box;transform-origin:center;animation:a4node 2.4s ease-in-out infinite;filter:drop-shadow(0 0 6px #E11D2E)}
.a4-hub-core{position:absolute;left:50%;top:50%;width:280px;height:280px;transform:translate(-50%,-50%)}
.a4-ring{position:absolute;border-radius:50%}
.a4-ring-arc{inset:0;background:conic-gradient(from 0deg,transparent 0 45%,rgba(225,29,46,.2) 55%,#E11D2E 78%,#FF7A84 82%,transparent 83% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));filter:drop-shadow(0 0 8px rgba(225,29,46,.7));animation:a4spin 6s linear infinite}
.a4-ring-arc::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid #2A2A33}
.a4-ring-dash{inset:34px;border:2px dashed rgba(225,29,46,.45);animation:a4spin 22s linear infinite reverse}
.a4-ring-glow{inset:70px;background:radial-gradient(circle,#2A0A0E 0,#141418 70%);border:1px solid #3A1418;animation:a4glow 3.5s ease-in-out infinite}
.a4-core{position:absolute;inset:70px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.a4-hub-pills{list-style:none;margin:0;padding:0}
.a4-pill{position:absolute;width:25%;min-width:0;display:flex;align-items:center;gap:14px;padding:12px 22px 12px 12px;border-radius:999px;background:rgba(19,19,23,.85);border:1px solid #2A2A33;backdrop-filter:blur(6px);box-shadow:0 14px 34px rgba(0,0,0,.45);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:17px;color:#F5F5F7;animation:floatY 6s ease-in-out infinite;transition:border-color .3s ease,box-shadow .3s ease}
.a4-pill:hover{border-color:#E11D2E;box-shadow:0 14px 40px rgba(225,29,46,.3)}
.a4-pill-icon{width:48px;height:48px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1A0B0D;border:1px solid #3A1418}
.a4-pill-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:960px){
.a4-hub{height:auto;display:flex;flex-direction:column;align-items:center;gap:32px}
.a4-hub-lines{display:none}
.a4-hub-core{position:relative;left:auto;top:auto;transform:none;width:220px;height:220px}
.a4-ring-dash{inset:26px}.a4-ring-glow,.a4-core{inset:54px}
.a4-hub-pills{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.a4-pill{position:static;width:auto;animation:none}
}

/* ---------- Footer v2 */
.a4-footer{border-top:1px solid #22222A;background:#070708;font-family:Inter,system-ui,sans-serif;color:#A1A1AA;font-size:14px;line-height:1.6}
.a4-f-wrap{max-width:1240px;margin:0 auto;padding:56px 24px 24px;display:flex;flex-direction:column;gap:40px}
.a4-f-top{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.3fr;gap:40px}
.a4-f-brand{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.a4-f-about{margin:0;max-width:340px}
.a4-f-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#FF4D5A;background:#1A0B0D;border:1px solid #3A1418;padding:6px 12px;border-radius:999px}
.a4-f-social{display:flex;gap:10px}
.a4-f-social a{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#131317;border:1px solid #2A2A33;color:#C9C9D1;transition:background .25s,border-color .25s,color .25s,transform .25s}
.a4-f-social a:hover{background:#E11D2E;border-color:#E11D2E;color:#FFFFFF;transform:translateY(-2px)}
.a4-f-col{display:flex;flex-direction:column;gap:16px}
.a4-f-h{margin:0;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FFFFFF;line-height:1.4}
.a4-footer .a4-footer-menu{gap:10px}
.a4-footer .a4-footer-menu a{color:#A1A1AA;text-decoration:none;transition:color .2s,padding .2s}
.a4-footer .a4-footer-menu a:hover{color:#FFFFFF;padding-left:4px}
.a4-f-text{margin:0}
.a4-f-form{display:flex;align-items:center;background:#131317;border:1px solid #2A2A33;border-radius:12px;padding:5px;transition:border-color .2s}
.a4-f-form:focus-within{border-color:#E11D2E}
.a4-f-form input[type=email]{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#F5F5F7;font:inherit;padding:10px 12px}
.a4-f-form button{width:42px;height:42px;flex:none;border:0;border-radius:9px;background:#E11D2E;color:#FFFFFF;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.a4-f-form button:hover{background:#C8102E}
.a4-f-ok{margin:0;color:#4ADE80;font-weight:600}
.a4-f-offices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:40px;border-top:1px solid #1C1C22}
.a4-f-office{background:#0E0E11;border:1px solid #22222A;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:border-color .3s}
.a4-f-office:hover{border-color:#3A1418}
.a4-f-office-head{display:flex;align-items:center;gap:12px}
.a4-flag{width:36px;height:auto;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.12);flex:none}
.a4-f-office-title{margin:0;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;color:#FFFFFF}
.a4-f-addr{font-style:normal;color:#C9C9D1;max-width:420px}
.a4-f-office-meta{display:flex;flex-wrap:wrap;gap:8px 20px}
.a4-f-office-meta a{display:inline-flex;align-items:center;gap:8px;color:#A1A1AA;text-decoration:none}
.a4-f-office-meta a svg{color:#FF4D5A}
.a4-f-office-meta a:hover{color:#FFFFFF}
.a4-f-dir{align-self:flex-start;color:#FF4D5A;font-weight:600;text-decoration:none}
.a4-f-dir:hover{color:#FF7A84}
.a4-f-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #1C1C22;padding-top:20px;font-size:13px;color:#8A8A94}
.a4-f-legal-menu{list-style:none;margin:0;padding:0;display:flex;gap:20px}
.a4-f-legal-menu a{color:#8A8A94;text-decoration:none}.a4-f-legal-menu a:hover{color:#FFFFFF}
.a4-f-top-btn{width:44px;height:44px;border-radius:50%;border:1px solid #2A2A33;background:#131317;color:#F5F5F7;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s,transform .25s}
.a4-f-top-btn:hover{background:#E11D2E;border-color:#E11D2E;transform:translateY(-2px)}
@media (max-width:960px){.a4-f-top{grid-template-columns:repeat(2,minmax(0,1fr))}.a4-f-offices{grid-template-columns:1fr}}
@media (max-width:560px){.a4-f-top{grid-template-columns:1fr}.a4-f-bottom{flex-direction:column;align-items:flex-start}}

/* AAIMS original page content: keep the theme footer readable under the page's own global styles */
.a4-aaims-original{position:relative;z-index:1}
.a4-aaims-original .elementor-widget-html{margin:0}

/* ---------- AAIMS-style design language: boxes with coloured top border, gradient numbers/text */
:root{--a4-red:#ff4b4b;--a4-blue:#0088ff;--a4-purple:#9b59b6;--a4-cyan:#00e5ff;--a4-indigo:#6c5ce7;--a4-grad:linear-gradient(90deg,#ff4b4b,#9b59b6,#0088ff)}
body{background:radial-gradient(circle at 8% 6%,rgba(139,0,0,.22),transparent 32%),radial-gradient(circle at 92% 30%,rgba(0,136,255,.14),transparent 30%),radial-gradient(circle at 50% 95%,rgba(155,89,182,.10),transparent 34%),#0A0A0C;background-attachment:fixed}
body > div[style*="background: #0A0A0C"]{background:transparent !important}
.a4-grad{background:var(--a4-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.a4-num{background:var(--a4-grad);-webkit-background-clip:text;background-clip:text;color:transparent !important;display:inline-block;align-self:flex-start;width:fit-content}
.a4-box{--c:var(--a4-red);position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018)) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:22px !important;box-shadow:0 18px 50px rgba(0,0,0,.25);transition:border-color .3s ease,box-shadow .3s ease,translate .3s ease}
.a4-box::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--c);box-shadow:0 0 14px var(--c),0 0 4px var(--c);pointer-events:none;z-index:1}
.a4-box::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--c) 12%,transparent),transparent 55%);pointer-events:none}
.a4-box > *{position:relative;z-index:1}
.a4-box:hover{border-color:color-mix(in srgb,var(--c) 45%,transparent) !important;box-shadow:0 18px 50px rgba(0,0,0,.3),0 0 30px color-mix(in srgb,var(--c) 18%,transparent);translate:0 -4px}
.a4-box:nth-child(5n+1){--c:var(--a4-red)}
.a4-box:nth-child(5n+2){--c:var(--a4-blue)}
.a4-box:nth-child(5n+3){--c:var(--a4-purple)}
.a4-box:nth-child(5n+4){--c:var(--a4-cyan)}
.a4-box:nth-child(5n+5){--c:var(--a4-indigo)}
.a4-box-wide{--c:var(--a4-red) !important}
.a4-box-solid{background:linear-gradient(160deg,#141418,#0B0B0E) !important}
.a4-box-icon{background:color-mix(in srgb,var(--c) 16%,transparent) !important;border:0 !important}
.a4-box-icon svg{stroke:var(--c)}
.a4-f-office.a4-box:nth-child(1){--c:var(--a4-red)}
.a4-f-office.a4-box:nth-child(2){--c:var(--a4-blue)}
/* footer: offices first, then menus row */
.a4-f-offices{padding-top:0;border-top:0}
.a4-f-top{padding-top:40px;border-top:1px solid #1C1C22}