/* ========================================================= M2A GROUP — SECTORS FINAL TUNE Approved design: performance polish only. ========================================================= */ /* Keep the pointer-follow light, but make it very subtle and inexpensive. */ body.m2a-master-template.sectors-page .sector-image::before{ background: linear-gradient(180deg,rgba(8,12,18,.025) 0%,transparent 54%,rgba(8,12,18,.15) 100%), radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,255,255,.065),transparent 16%) !important; } body.m2a-master-template.sectors-page .sector-image::after{ opacity:.34 !important; } /* Exact-distance loop: JS supplies one group's measured width. This keeps both the network ticker and image reading tickers continuously populated. */ body.m2a-master-template.sectors-page .sector-signal-track.sectors-loop-stable, body.m2a-master-template.sectors-page .sector-image-ticker-track.sectors-loop-stable{ animation-name:sectorsExactLoop !important; animation-timing-function:linear !important; animation-iteration-count:infinite !important; will-change:transform; } @keyframes sectorsExactLoop{ from{transform:translate3d(0,0,0)} to{transform:translate3d(var(--sectors-loop-distance,-600px),0,0)} } /* Distinctive closing card: midnight sapphire / petrol / violet jewel surface. */ body.m2a-master-template.sectors-page .integration-shell{ position:relative; isolation:isolate; overflow:hidden; border:1px solid rgba(212,175,55,.46) !important; background: radial-gradient(circle at 12% 10%,rgba(14,165,233,.22),transparent 30%), radial-gradient(circle at 88% 82%,rgba(139,92,246,.22),transparent 34%), radial-gradient(circle at 72% 8%,rgba(212,175,55,.12),transparent 25%), linear-gradient(135deg,#07111F 0%,#0C2233 42%,#17142F 100%) !important; box-shadow: 0 34px 92px rgba(7,17,31,.28), 0 0 0 1px rgba(212,175,55,.055), 0 0 38px rgba(14,165,233,.08), inset 0 1px 0 rgba(255,255,255,.08) !important; } body.m2a-master-template.sectors-page .integration-shell::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(110deg,rgba(255,255,255,.045),transparent 27%,rgba(212,175,55,.035) 52%,transparent 76%); } body.m2a-master-template.sectors-page .integration-kicker{ color:#E6C65A !important; text-shadow:0 0 16px rgba(212,175,55,.18); } body.m2a-master-template.sectors-page .integration-shell h2{ color:#F8FAFC !important; text-shadow:0 1px 0 rgba(0,0,0,.25) !important; } body.m2a-master-template.sectors-page .integration-shell p{ color:#CBD5E1 !important; } body.m2a-master-template.sectors-page .integration-flow span{ color:#F8FAFC !important; border-color:rgba(125,211,252,.20) !important; background:rgba(255,255,255,.055) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.055); } body.m2a-master-template.sectors-page .integration-flow b{ color:#E6C65A !important; } body.m2a-master-template.sectors-page .integration-shell .sectors-primary-link{ box-shadow:0 14px 34px rgba(212,175,55,.23),0 0 24px rgba(212,175,55,.10),inset 0 1px 0 rgba(255,255,255,.62) !important; } /* Mobile: remove the global 128px end safe-zone that was inflating the final card. */ @media(max-width:720px){ body.m2a-master-template.sectors-page .sectors-integration{ padding:32px 0 18px !important; } body.m2a-master-template.sectors-page:not(.m2a-last-block-has-real-form) main > .sectors-integration:last-child > .container.integration-shell{ padding:30px 18px 28px !important; } body.m2a-master-template.sectors-page .integration-shell h2{ margin-top:12px !important; } body.m2a-master-template.sectors-page .integration-shell p{ margin-top:14px !important; } body.m2a-master-template.sectors-page .integration-flow{ margin:20px auto !important; } } @media(max-width:480px){ body.m2a-master-template.sectors-page .sectors-integration{ padding:26px 0 14px !important; } body.m2a-master-template.sectors-page:not(.m2a-last-block-has-real-form) main > .sectors-integration:last-child > .container.integration-shell{ padding:26px 16px 24px !important; } } @media(prefers-reduced-motion:reduce){ body.m2a-master-template.sectors-page .sector-signal-track, body.m2a-master-template.sectors-page .sector-image-ticker-track{ animation:none !important; transform:none !important; } } /* ========================================================= SECTORS IMAGE PERFORMANCE CLEANUP — 2026-08-13 Keep photography and layout; remove live lighting, glow and costly image effects. ========================================================= */ /* Stop the stage itself receiving pointer movement over the photograph. The real CTA remains interactive. This prevents the JS pointer-follow light from running getBoundingClientRect() + CSS variable writes on every move. */ body.m2a-master-template.sectors-page .sector-stage{ pointer-events:none !important; will-change:auto !important; } body.m2a-master-template.sectors-page .sector-image-action{ pointer-events:auto !important; } /* Photography: no live radial spotlight, sweep layer, filter or glow. */ body.m2a-master-template.sectors-page .sector-image{ filter:none !important; transition:none !important; box-shadow:none !important; } body.m2a-master-template.sectors-page .sector-image::before, body.m2a-master-template.sectors-page .sector-image::after{ content:none !important; display:none !important; background:none !important; box-shadow:none !important; filter:none !important; } /* Image overlays stay readable but lose decorative glow/filter work. */ body.m2a-master-template.sectors-page .sector-image-identity strong, body.m2a-master-template.sectors-page .sector-image-identity .sector-icon, body.m2a-master-template.sectors-page .sector-image-chips span, body.m2a-master-template.sectors-page .sector-image-action, body.m2a-master-template.sectors-page .sector-image-ticker{ box-shadow:none !important; filter:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } body.m2a-master-template.sectors-page .sector-image-identity .sector-icon::before, body.m2a-master-template.sectors-page .sector-image-identity .sector-icon::after, body.m2a-master-template.sectors-page .sector-image-ticker::before{ content:none !important; display:none !important; box-shadow:none !important; filter:none !important; } body.m2a-master-template.sectors-page .sector-image-identity .sector-icon svg{ filter:none !important; } /* Retire the custom glowing cursor on the sectors page; use the native cursor. */ body.m2a-master-template.sectors-page .sectors-cursor-dot, body.m2a-master-template.sectors-page .sectors-cursor-ring{ display:none !important; } body.m2a-master-template.sectors-page.sectors-cursor-ready, body.m2a-master-template.sectors-page.sectors-cursor-ready *{ cursor:auto !important; } body.m2a-master-template.sectors-page.sectors-cursor-ready a, body.m2a-master-template.sectors-page.sectors-cursor-ready button{ cursor:pointer !important; } /* Mobile: remove continuous image-level animation and entry transforms. Content remains visible and static, which reduces compositing/repaint work. */ @media(max-width:760px){ body.m2a-master-template.sectors-page.sectors-motion-ready .sector-stage, body.m2a-master-template.sectors-page.sectors-motion-ready .sector-stage.is-stage-visible{ opacity:1 !important; transform:none !important; transition:none !important; } body.m2a-master-template.sectors-page .sector-image-ticker-track, body.m2a-master-template.sectors-page .sector-image-ticker-track.sectors-loop-stable{ animation:none !important; transform:none !important; will-change:auto !important; } body.m2a-master-template.sectors-page .sector-image-ticker-group[aria-hidden="true"]{ display:none !important; } } /* ========================================================= STATIC LUXURY GOLD FRAME — performance-safe Thin gold edge + restrained fixed glow. No animation, filters or pointer work. ========================================================= */ body.m2a-master-template.sectors-page .sector-image{ border:1px solid rgba(212,175,55,.58) !important; box-shadow: 0 0 0 1px rgba(212,175,55,.08), 0 0 18px rgba(212,175,55,.10), inset 0 1px 0 rgba(255,244,201,.08) !important; } @media(max-width:760px){ body.m2a-master-template.sectors-page .sector-image{ border-color:rgba(212,175,55,.48) !important; box-shadow: 0 0 0 1px rgba(212,175,55,.06), 0 0 10px rgba(212,175,55,.055) !important; } }