/* Elementor owns section order and spacing. The original section owns its
   internal layout, so the builder must not inject its default widget margins. */
#magnetto-elementor-root>.elementor>.elementor-element.elementor-widget{margin:0;--kit-widget-spacing:0px;width:100%;max-width:none}
.magnetto-elementor-container.e-con{display:block;width:100%;max-width:none;padding:0;margin:0;gap:0;--container-widget-width:100%;--container-widget-flex-grow:0;--content-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px}
.magnetto-elementor-container.e-con>.elementor-widget{width:100%;max-width:none;margin:0}
body:not(.elementor-editor-active) .magnetto-elementor-header{position:sticky;top:0;z-index:50}
body:not(.elementor-editor-active).admin-bar .magnetto-elementor-header{top:32px}
.elementor-widget[class*="elementor-widget-magnetto-"]{--kit-widget-spacing:0px;margin-block-end:0}
.elementor-widget[class*="elementor-widget-magnetto-"]>.elementor-widget-container{margin:0}
.magnetto-elementor-section{width:100%}
.magnetto-elementor-frame{display:contents}
body.admin-bar .magnetto-elementor-frame [data-magnetto-kind="Header"]>header{top:32px}
body:not(.elementor-editor-active) .elementor-widget-magnetto-header{position:sticky;top:0;z-index:50}
body:not(.elementor-editor-active).admin-bar .elementor-widget-magnetto-header{top:32px}
body:not(.elementor-editor-active) .magnetto-elementor-header>.elementor-widget-magnetto-header{position:static;top:auto}
.magnetto-elementor-section[data-magnetto-kind="Header"]{display:contents}
.magnetto-elementor-frame>.magnetto-elementor-section[data-magnetto-kind="TopBar"],.magnetto-elementor-frame>.magnetto-elementor-section[data-magnetto-kind="Footer"]{display:contents}
@media(max-width:782px){body:not(.elementor-editor-active).admin-bar .magnetto-elementor-header,body:not(.elementor-editor-active).admin-bar .elementor-widget-magnetto-header,body.admin-bar .magnetto-elementor-frame [data-magnetto-kind="Header"]>header{top:46px}}
@media(max-width:600px){body:not(.elementor-editor-active).admin-bar .magnetto-elementor-header,body:not(.elementor-editor-active).admin-bar .elementor-widget-magnetto-header,body.admin-bar .magnetto-elementor-frame [data-magnetto-kind="Header"]>header{top:0}}
.elementor-editor-active .magnetto-elementor-section .reveal,.elementor-editor-active .magnetto-elementor-section .reveal-stagger>*{opacity:1!important;transform:none!important}
.elementor-editor-active .magnetto-elementor-section header{position:relative}

/* Reserve lazy media's actual dimensions before hero links start scrolling.
   The map's old 600px intrinsic placeholder changed the contact target position
   when the 1280x374 SVG arrived (especially on narrow screens). */
.magnetto-elementor-section .worldmap{aspect-ratio:1280/374;content-visibility:visible;contain-intrinsic-size:none}
.magnetto-elementor-section[data-magnetto-kind="ModerationConfidence"] img[src$="/assets/moderation/examples.png"]{aspect-ratio:auto 608/425}
.magnetto-elementor-section[data-magnetto-kind="MiniAppWhatAre"] img[src$="/assets/mini-apps-showcase-20260930.png"]{aspect-ratio:auto 2055/828}

/* Match the contact anchor's clearance below the sticky site header. */
.magnetto-elementor-section #open-roles{scroll-margin-top:112px}