— MOVED to the child container #wai-v2-who-vrart-grain (G43).
Two blend layers (overlay noise + its own ::after soft-light) cannot both live on one pseudo-element.
NOTE this is the 4th top-level section, so the grain background-image is a G37 lazy-load target —
its CSS is written at #id specificity with !important. */
/* source: linear-gradient(180deg,rgba(18,14,24,0) 55%,rgba(18,14,24,.6)) */
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-98bd35f::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;background:linear-gradient(180deg,rgba(18,14,24,0) 55%,rgba(18,14,24,.6))}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-011b130 *//* source: background:linear-gradient(180deg,#120E18,#241A32 55%,#160F1F)
Elementor's native gradient control holds only TWO stops; the source has three, so the
gradient must live here (same class of platform limit as G21 multi-layer shadows).
⚠️ G37 — SELECTOR IS AN #id ON PURPOSE. Elementor's lazy-background optimisation emits
`.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload){background-image:none!important}`
— specificity (0,5,0) with !important — which beats the normal element-CSS .elementor-4726 .elementor-element.elementor-element-011b130 (0,4,0) and
flattened this section to a solid colour. `#wai-v2-who-vr` is (1,x,0) and wins outright.
Do not rewrite this back to `.elementor-4726 .elementor-element.elementor-element-011b130`. */
.elementor-page-4726 #wai-v2-who-vr{background-image:linear-gradient(180deg,#120E18,#241A32 55%,#160F1F)!important;background-color:#120E18!important}
/* source:
*/
.elementor-page-4726 #wai-v2-who-vr::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(50% 45% at 82% 12%,rgba(129,52,215,.42),rgba(0,0,0,0) 70%),radial-gradient(45% 45% at 10% 88%,rgba(76,125,224,.24),rgba(0,0,0,0) 70%);animation:waiDrift 30s ease-in-out infinite}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-10b3646 *//* source: background:linear-gradient(140deg,#8134D7,#5B23A0) — no native gradient control on button
⚠️ G37 — Elementor's lazy-background optimisation emits
`.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none!important}`
stripping every background-image inside the 4th+ top-level section until JS marks it loaded.
That .elementor-4726 .elementor-element.elementor-element-10b3646 is (0,5,0) WITH !important, which TIES the normal element-CSS .elementor-4726 .elementor-element.elementor-element-10b3646 — source
order then wins and the gradient dies (white-on-near-white, 1.04:1). The extra `.wai-v2-btn-grad`
class below takes this rule to (0,6,0) so it wins outright. Do not simplify this .elementor-4726 .elementor-element.elementor-element-10b3646. */
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-10b3646.wai-v2-btn-grad .elementor-button{background-image:linear-gradient(140deg,#8134D7,#5B23A0)!important;background-color:transparent!important;display:inline-flex;align-items:center}
/* source:
→, gap:10px */
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-10b3646 .elementor-button-text::after{content:"→";margin-left:.625rem}
/* source transition; G23 — never transition width/padding/font */
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-10b3646 .elementor-button{transform:translateY(0);scale:1;transition:transform .42s cubic-bezier(.22,.61,.36,1),box-shadow .42s cubic-bezier(.22,.61,.36,1),color .3s ease}
/* source style-hover: transform:translateY(-3px);color:#fff — FLOAT ONLY, never scale */
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-10b3646 .elementor-button:hover,
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-10b3646 .elementor-button:focus,
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-10b3646 .elementor-button:focus-visible,
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-10b3646 .elementor-button:active{transform:translateY(-3px)!important;scale:1!important;color:#fff!important}
/* G23 — freeze text metrics + geometry */
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-10b3646 .elementor-button:hover,
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-10b3646 .elementor-button:focus,
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-10b3646 .elementor-button:focus-visible,
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-10b3646 .elementor-button:active{font-family:'Inter',system-ui,sans-serif!important;font-size:1rem!important;font-weight:600!important;letter-spacing:normal!important;line-height:1.5!important;padding:.9375rem 1.75rem!important}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4c5b88 *//* source: text-wrap:pretty on both paragraphs */
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-a4c5b88 .wai-v2-team-body p,
.elementor-page-4726 .elementor-4726 .elementor-element.elementor-element-a4c5b88 .wai-v2-team-pull p{text-wrap:pretty}/* End custom CSS */
/* Start custom CSS *//* ===== WAI V2 — Who We Are (4726) — page-level only (G13) ===== */
/* G10 — source wrapper:
*/
.elementor-page-4726 .elementor-4726{overflow-x:clip}
/* ===== ⚠️ G31 HARD VISIBILITY GUARANTEE — DO NOT REMOVE =====
Entrance-animation reveals were attempted THREE times on this page and hid the copy every time.
Elementor marks pending elements .elementor-invisible{opacity:0} and removes the class in JS;
when that JS does not run, the page renders blank below the fold. There is currently NO reveal
animation on this page and this rule guarantees content is visible unconditionally.
Before ever re-enabling a reveal, read G33 — it must be verified by a real scroll in a real
browser first, which the agent's preview pane cannot do (it renders the page at full height and
never scrolls). */
.elementor-page-4726 .elementor-invisible{opacity:1!important;animation:none!important}
.elementor-page-4726 .elementor-4726 .elementor-element{opacity:1}
/* G1 — kit 6 forces Rubik/Karla with !important site-wide; restate per family */
.elementor-page-4726 .elementor-4726 h1,
.elementor-page-4726 .elementor-4726 h2,
.elementor-page-4726 .elementor-4726 .elementor-heading-title{font-family:'Space Grotesk',sans-serif!important}
.elementor-page-4726 .elementor-4726 p,
.elementor-page-4726 .elementor-4726 li,
.elementor-page-4726 .elementor-4726 a,
.elementor-page-4726 .elementor-4726 .elementor-button{font-family:'Inter',system-ui,sans-serif!important}
.elementor-page-4726 .wai-v2-eyebrow p{font-family:'Space Grotesk',monospace!important}
.elementor-page-4726 .wai-v2-heart-sub p,
.elementor-page-4726 .wai-v2-team-pull p{font-family:'Space Grotesk',sans-serif!important}
/* G17 — hello-elementor ships p{margin:1em 0}; native margins own rhythm */
.elementor-page-4726 .elementor-widget-text-editor p,
.elementor-page-4726 .elementor-heading-title{margin:0}
/* ===== G30 — BUTTONS FLOAT, NEVER SCALE ===== */
.elementor-page-4726 .elementor-4726 .elementor-button{
transform:translate3d(0,0,0)!important;
transition:transform .42s cubic-bezier(.22,.61,.36,1),box-shadow .42s cubic-bezier(.22,.61,.36,1),color .3s ease!important;
will-change:transform;backface-visibility:hidden}
.elementor-page-4726 .elementor-4726 .elementor-button:hover,
.elementor-page-4726 .elementor-4726 .elementor-button:focus,
.elementor-page-4726 .elementor-4726 .elementor-button:focus-visible,
.elementor-page-4726 .elementor-4726 .elementor-button:active{
transform:translate3d(0,-3px,0)!important}
/* freeze the five text metrics that would change the button's width (G16/G23) */
.elementor-page-4726 .elementor-4726 .elementor-button,
.elementor-page-4726 .elementor-4726 .elementor-button:hover,
.elementor-page-4726 .elementor-4726 .elementor-button:focus,
.elementor-page-4726 .elementor-4726 .elementor-button:focus-visible,
.elementor-page-4726 .elementor-4726 .elementor-button:active{
font-family:'Inter',system-ui,sans-serif!important;
font-size:1rem!important;font-weight:600!important;
letter-spacing:normal!important;line-height:1.5!important}
/* ===== G32 — rounded corners inherit through figure/img ===== */
.elementor-page-4726 .wai-v2-cover-img,
.elementor-page-4726 .wai-v2-cover-img figure,
.elementor-page-4726 .wai-v2-cover-img img{border-radius:inherit;overflow:hidden}
/* source: @keyframes waiDrift — decorative section blobs */
@keyframes waiDrift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(2%,-3%,0) scale(1.06)}100%{transform:translate3d(0,0,0) scale(1)}}
/* source: a:focus-visible,button:focus-visible,[tabindex]:focus-visible — IN SOURCE */
.elementor-page-4726 a:focus-visible,
.elementor-page-4726 button:focus-visible,
.elementor-page-4726 [tabindex]:focus-visible{outline:3px solid #8134D7;outline-offset:3px;border-radius:8px}
/* source: @media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}} */
@media(prefers-reduced-motion:reduce){
.elementor-page-4726 *,
.elementor-page-4726 *::before,
.elementor-page-4726 *::after{animation:none!important;transition-duration:.01ms!important}
.elementor-page-4726 .elementor-invisible{opacity:1!important}
}/* End custom CSS */