:root {
  --bx-ink: #07090e;
  --bx-ink-soft: #10141d;
  --bx-paper: #f3f6fb;
  --bx-mist: #dbe9fb;
  --bx-blue: #087df5;
  --bx-cyan: #45d7ff;
  --bx-line: rgba(255, 255, 255, .14);
  --bx-dark-line: rgba(7, 9, 14, .14);
  --bx-max: 1440px;
  --bx-gutter: clamp(22px, 4vw, 72px);
  --bx-radius: 34px;
  --bx-ease: cubic-bezier(.22, 1, .36, 1);
}

html { scroll-behavior: smooth; background: var(--bx-ink); }
body.beyond-immersive-page { margin: 0; background: var(--bx-ink); color: #fff; overflow-x: hidden; }
body.beyond-immersive-page.admin-bar .bx-header { top: 48px; }
.beyond-site, .beyond-site * { box-sizing: border-box; }
.beyond-site { width: 100%; overflow: clip; background: var(--bx-ink); color: #fff; font-family: Inter, "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.5; }
.beyond-site > main { float: none !important; width: 100% !important; max-width: none !important; }
.beyond-site > .bx-footer { clear: both; width: 100% !important; max-width: none !important; }
.beyond-site a { color: inherit; text-decoration: none; }
.beyond-site button, .beyond-site a { -webkit-tap-highlight-color: transparent; }
.beyond-site img { display: block; max-width: 100%; }
.beyond-site h1, .beyond-site h2, .beyond-site h3, .beyond-site p { margin-top: 0; }
.beyond-site ::selection { background: var(--bx-blue); color: #fff; }

.bx-progress { position: fixed; inset: 0 0 auto; z-index: 10020; height: 3px; pointer-events: none; }
.bx-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--bx-blue), var(--bx-cyan)); box-shadow: 0 0 18px var(--bx-blue); }

.bx-header { position: fixed; z-index: 1000; top: 18px; left: 50%; width: min(calc(100% - 32px), 1500px); height: 74px; padding: 10px 12px 10px 22px; display: grid; grid-template-columns: 230px 1fr auto; align-items: center; gap: 24px; transform: translateX(-50%); border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(7,9,14,.54); box-shadow: 0 16px 60px rgba(0,0,0,.18); backdrop-filter: blur(20px) saturate(135%); transition: height .4s var(--bx-ease), background .4s ease, border-color .4s ease; }
.bx-header.is-scrolled { height: 64px; background: rgba(7,9,14,.82); border-color: rgba(255,255,255,.2); }
.bx-brand img { width: 190px; height: auto; }
.bx-nav { justify-self: center; display: flex; gap: clamp(18px, 2vw, 38px); align-items: center; }
.bx-nav a { position: relative; padding: 12px 0; color: rgba(255,255,255,.72); font-size: 13px; font-weight: 700; letter-spacing: -.01em; transition: color .25s ease; }
.bx-nav a::after { content: ""; position: absolute; left: 0; bottom: 7px; width: 0; height: 1px; background: var(--bx-cyan); transition: width .35s var(--bx-ease); }
.bx-nav a:hover { color: #fff; }
.bx-nav a:hover::after { width: 100%; }
.bx-button { display: inline-flex; min-height: 54px; padding: 0 24px; align-items: center; justify-content: center; gap: 30px; border: 1px solid transparent; border-radius: 999px; font-size: 13px; font-weight: 800; transition: transform .35s var(--bx-ease), color .35s ease, background .35s ease, border-color .35s ease; }
.bx-button i { font-style: normal; font-size: 18px; transition: transform .35s var(--bx-ease); }
.bx-button:hover i { transform: translate(3px, -3px); }
.bx-button--light { background: #fff; color: var(--bx-ink) !important; }
.bx-button--light:hover { color: #fff !important; background: var(--bx-blue); }
.bx-button--blue { min-height: 64px; padding: 0 30px; color: #fff !important; background: linear-gradient(135deg, var(--bx-blue), #0862e5); box-shadow: 0 14px 48px rgba(8,125,245,.3); }
.bx-button--blue:hover { background: #fff; color: var(--bx-ink) !important; }
.bx-menu-toggle { display: none; background: none; color: #fff; border: 0; }

.bx-hero { position: relative; min-height: 100svh; display: flex; align-items: flex-end; padding: 150px var(--bx-gutter) clamp(88px, 10vh, 130px); isolation: isolate; background: #03050a; }
.bx-hero::after { content: ""; position: absolute; z-index: -1; inset: auto 0 0; height: 32%; background: linear-gradient(transparent, rgba(0,0,0,.72)); }
.bx-hero-media { position: absolute; z-index: -3; inset: 0; overflow: hidden; background: radial-gradient(circle at 74% 38%, #123c78 0%, #07172d 24%, #03070f 58%, #020308 100%); }
.bx-kinetic-scene { position: absolute; inset: -8%; overflow: hidden; background: linear-gradient(115deg, transparent 22%, rgba(8,125,245,.08) 52%, rgba(69,215,255,.03) 72%); }
.bx-kinetic-scene::before { content: ""; position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(69,215,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(69,215,255,.12) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, transparent 28%, #000 66%, transparent 100%); transform: perspective(700px) rotateX(64deg) translateY(35%); transform-origin: center bottom; animation: bx-grid-drift 12s linear infinite; }
.bx-kinetic-beam { position: absolute; right: 10%; top: -20%; width: 38%; height: 145%; opacity: .5; background: linear-gradient(90deg, transparent, rgba(69,215,255,.26), rgba(8,125,245,.08), transparent); filter: blur(32px); transform: rotate(18deg); animation: bx-beam-breathe 7s ease-in-out infinite alternate; }
.bx-kinetic-orb { position: absolute; right: -4%; top: 50%; width: min(63vw, 860px); aspect-ratio: 1; border-radius: 50%; transform: translateY(-50%); filter: drop-shadow(0 0 70px rgba(8,125,245,.24)); animation: bx-orb-float 8s ease-in-out infinite; }
.bx-kinetic-orb::before { content: ""; position: absolute; inset: 13%; border-radius: 50%; background: radial-gradient(circle at 32% 27%, rgba(188,238,255,.95), rgba(69,215,255,.32) 12%, rgba(8,125,245,.15) 34%, rgba(3,10,23,.94) 68%), conic-gradient(from 210deg, #45d7ff, #087df5, #07142a, #45d7ff); box-shadow: inset -36px -30px 80px rgba(0,0,0,.7), inset 20px 16px 55px rgba(152,231,255,.18), 0 0 80px rgba(69,215,255,.16); animation: bx-core-light 6s ease-in-out infinite alternate; }
.bx-kinetic-orb::after { content: ""; position: absolute; inset: 5%; border: 1px solid rgba(69,215,255,.3); border-radius: 50%; box-shadow: 0 0 0 34px rgba(8,125,245,.035), 0 0 0 92px rgba(69,215,255,.025); }
.bx-orbit-ring { position: absolute; z-index: 3; inset: 4%; border: 1.5px solid rgba(121,224,255,.55); border-radius: 50%; mix-blend-mode: screen; }
.bx-orbit-ring--one { transform: rotateX(70deg) rotateZ(12deg); animation: bx-ring-one 10s linear infinite; }
.bx-orbit-ring--two { inset: 0 12%; transform: rotateY(66deg) rotateZ(-18deg); border-color: rgba(8,125,245,.7); animation: bx-ring-two 14s linear infinite reverse; }
.bx-orbit-ring--three { inset: 18% -4%; transform: rotateX(62deg) rotateZ(52deg); border-color: rgba(255,255,255,.28); animation: bx-ring-three 18s linear infinite; }
.bx-orbit-core { position: absolute; z-index: 4; left: 50%; top: 50%; width: 12%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(69,215,255,.34); box-shadow: 0 0 38px #45d7ff; transform: translate(-50%,-50%); animation: bx-node-pulse 2.8s ease-in-out infinite; }
.bx-orbit-slice { position: absolute; z-index: 2; inset: 19% 8%; border-radius: 50%; background: linear-gradient(120deg, rgba(255,255,255,.28), rgba(69,215,255,.02) 42%, rgba(8,125,245,.18)); clip-path: polygon(0 14%, 100% 0, 73% 100%, 22% 82%); backdrop-filter: blur(10px); animation: bx-slice-shift 9s ease-in-out infinite alternate; }
.bx-data-node { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #45d7ff; box-shadow: 0 0 18px #45d7ff, 0 0 0 14px rgba(69,215,255,.08); animation: bx-node-pulse 2.5s ease-in-out infinite; }
.bx-data-node--one { right: 61%; top: 22%; }
.bx-data-node--two { right: 12%; top: 18%; animation-delay: -.7s; }
.bx-data-node--three { right: 53%; bottom: 20%; animation-delay: -1.4s; }
.bx-data-node--four { right: 6%; bottom: 28%; animation-delay: -2s; }
.bx-hero-noise { position: absolute; z-index: -1; inset: 0; opacity: .15; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
.bx-hero-glow { position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at var(--mx, 65%) var(--my, 42%), rgba(69,215,255,.2), transparent 24%), linear-gradient(90deg, rgba(1,5,12,.95) 0%, rgba(1,5,12,.58) 42%, rgba(1,5,12,.04) 75%); }
.bx-hero-copy { width: min(980px, 75vw); position: relative; z-index: 2; }
.bx-kicker { margin-bottom: 28px; color: rgba(255,255,255,.64); text-transform: uppercase; font-size: 11px; font-weight: 800; letter-spacing: .2em; }
.bx-hero h1 { margin: 0; display: flex; flex-direction: column; font-size: clamp(54px, 7.4vw, 132px); line-height: .82; letter-spacing: -.075em; text-transform: uppercase; }
.bx-hero h1 span { display: block; }
.bx-hero h1 .bx-solid { color: #fff; }
.bx-hero h1 .bx-serif { margin: .07em 0 .1em; color: transparent; -webkit-text-stroke: 1.5px rgba(255,255,255,.92); font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: 400; letter-spacing: -.07em; }
.bx-hero-actions { margin-top: clamp(34px, 5vh, 64px); display: flex; align-items: center; gap: 32px; }
.bx-hero-note { color: rgba(255,255,255,.52); font-size: 12px; font-weight: 700; line-height: 1.5; text-transform: uppercase; letter-spacing: .12em; }
.bx-scroll-cue { position: absolute; right: var(--bx-gutter); bottom: 52px; display: flex; align-items: center; gap: 16px; color: rgba(255,255,255,.58); font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.bx-scroll-cue i { position: relative; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; }
.bx-scroll-cue i::after { content: "↓"; position: absolute; inset: 0; display: grid; place-items: center; animation: bx-bounce 1.8s ease-in-out infinite; }

.bx-marquee { position: relative; z-index: 20; min-height: 88px; margin-top: -88px; overflow: hidden; display: flex; align-items: center; padding: 18px 0; color: var(--bx-ink); background: var(--bx-cyan); border-block: 1px solid rgba(0,0,0,.15); box-shadow: 0 -12px 40px rgba(0,0,0,.14); isolation: isolate; }
.bx-marquee-track { display: flex; width: max-content; flex: 0 0 auto; align-items: center; white-space: nowrap; will-change: transform; animation: bx-marquee 28s linear infinite; }
.bx-marquee span { flex: 0 0 auto; padding: 0 32px; font-family: Georgia, serif; font-style: italic; font-size: clamp(28px, 3vw, 48px); line-height: 1; }
.bx-marquee b { font-size: 17px; }

.bx-section { position: relative; padding: clamp(90px, 12vw, 190px) var(--bx-gutter); }
.bx-section > * { width: min(100%, var(--bx-max)); margin-left: auto; margin-right: auto; }
.bx-section-index { display: flex; align-items: center; gap: 14px; margin-bottom: clamp(48px, 7vw, 96px); font-size: 11px; letter-spacing: .16em; }
.bx-section-index span { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; }
.bx-section-index b { font-weight: 800; }
.bx-display { margin-bottom: 0; font-size: clamp(48px, 7vw, 112px); line-height: .94; letter-spacing: -.065em; font-weight: 700; }
.bx-display em { color: var(--bx-blue); font-family: Georgia, serif; font-weight: 400; }
.bx-heading-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 390px); gap: 9vw; align-items: end; }
.bx-heading-row > p { margin: 0 0 12px; color: rgba(255,255,255,.62); font-size: 18px; line-height: 1.65; }

.bx-about { min-height: 900px; color: var(--bx-ink); background: var(--bx-paper); overflow: hidden; }
.bx-about::before { content: "&"; position: absolute; right: -5vw; top: 0; color: rgba(8,125,245,.055); font-family: Georgia, serif; font-size: min(65vw, 900px); line-height: .8; }
.bx-about-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.2fr .65fr; gap: 10vw; align-items: end; }
.bx-about-copy { padding-bottom: 8px; }
.bx-about-copy p { color: rgba(7,9,14,.64); font-size: 16px; line-height: 1.8; }
.bx-about-copy .bx-lead { color: var(--bx-ink); font-size: clamp(20px, 2vw, 28px); line-height: 1.5; letter-spacing: -.025em; }
.bx-about-copy .bx-signature { margin: 42px 0 0; color: var(--bx-blue); font-weight: 800; }
.bx-orbit { position: absolute; right: 9vw; top: 42%; width: 330px; height: 330px; display: grid; place-items: center; opacity: .18; }
.bx-orbit span { font-family: Georgia, serif; font-size: 150px; }
.bx-orbit i { position: absolute; inset: 0; border: 1px solid var(--bx-blue); border-radius: 50%; animation: bx-spin 18s linear infinite; }
.bx-orbit i:nth-of-type(2) { transform: rotateX(64deg); }
.bx-orbit i:nth-of-type(3) { transform: rotateY(64deg); }

.bx-business { background: var(--bx-ink); }
.bx-business .bx-display, .bx-voices .bx-display, .bx-insights .bx-display { color: #fff; }
.bx-about .bx-display, .bx-values .bx-display, .bx-team .bx-display { color: var(--bx-ink); }
.bx-business-grid { margin-top: 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.bx-agency-card { position: relative; min-height: 560px; padding: clamp(30px, 4vw, 62px); display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: var(--bx-radius); background: linear-gradient(155deg, rgba(255,255,255,.1), rgba(255,255,255,.025)); transform-style: preserve-3d; transition: border-color .4s ease, box-shadow .4s ease, transform .15s ease; }
.bx-agency-card::before { content: ""; position: absolute; inset: 0; opacity: 0; background: radial-gradient(circle at var(--card-x, 50%) var(--card-y, 50%), rgba(69,215,255,.24), transparent 38%); transition: opacity .35s ease; }
.bx-agency-card:hover::before { opacity: 1; }
.bx-agency-card:hover { border-color: rgba(69,215,255,.5); box-shadow: 0 28px 90px rgba(0,0,0,.28); }
.bx-agency-card--blue { background: linear-gradient(145deg, #087df5, #073c9b); }
.bx-card-meta { position: relative; z-index: 1; font-size: 10px; font-weight: 800; letter-spacing: .17em; }
.bx-agency-card img { position: relative; z-index: 1; width: auto; max-width: min(310px, 70%); height: 128px; max-height: 128px; object-fit: contain; object-position: left center; filter: none; image-rendering: auto; }
.bx-agency-card--blue img { width: min(310px, 70%); height: auto; max-height: 95px; }
.bx-agency-card p { position: relative; z-index: 1; max-width: 520px; margin-bottom: 34px; color: rgba(255,255,255,.72); font-size: clamp(18px, 1.6vw, 25px); line-height: 1.55; }
.bx-card-link { position: relative; z-index: 1; padding-top: 22px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.2); font-size: 13px; font-weight: 800; }

.bx-values { color: var(--bx-ink); background: var(--bx-mist); }
.bx-values-list { position: relative; z-index: 2; margin-top: 84px; }
.bx-value { min-height: 128px; display: grid; grid-template-columns: 70px minmax(240px, .8fr) 1fr 48px; gap: 30px; align-items: center; border-top: 1px solid var(--bx-dark-line); transition: padding .35s var(--bx-ease), color .35s ease; }
.bx-value:last-child { border-bottom: 1px solid var(--bx-dark-line); }
.bx-value > span { font-size: 11px; font-weight: 800; }
.bx-value h3 { margin: 0; font-size: clamp(25px, 3vw, 46px); letter-spacing: -.04em; }
.bx-value p { max-width: 550px; margin: 0; color: rgba(7,9,14,.6); }
.bx-value > i { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--bx-dark-line); border-radius: 50%; font-style: normal; }
.bx-value:hover { padding-left: 16px; color: var(--bx-blue); }
.bx-value-preview { position: fixed; z-index: 30; top: 0; left: 0; width: 260px; height: 330px; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; border-radius: 22px; box-shadow: 0 30px 100px rgba(7,9,14,.25); transform: translate(-50%, -50%) rotate(-4deg) scale(.85); transition: opacity .25s ease, visibility .25s ease, transform .4s var(--bx-ease); }
.bx-value-preview.is-visible { opacity: 1; visibility: visible; transform: translate(-50%, -50%) rotate(-2deg) scale(1); }
.bx-value-preview img { width: 100%; height: 100%; object-fit: cover; }

.bx-team { color: var(--bx-ink); background: #eef5ff; }
.bx-team .bx-heading-row > p { color: rgba(7,9,14,.6); }
.bx-team-filters { margin-top: 62px; display: flex; gap: 10px; flex-wrap: wrap; }
.bx-team-filters button { min-height: 48px; padding: 0 20px; border: 1px solid rgba(7,9,14,.16); border-radius: 999px; background: transparent; color: var(--bx-ink); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: all .3s ease; }
.bx-team-filters button span { margin-left: 8px; opacity: .45; }
.bx-team-filters button:hover, .bx-team-filters button.is-active { color: #fff; border-color: var(--bx-ink); background: var(--bx-ink); }
.bx-team-grid { margin-top: 50px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 42px 20px; }
.bx-person { transition: opacity .35s ease, transform .45s var(--bx-ease); }
.bx-person.is-hidden { display: none; }
.bx-person-photo { position: relative; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 999px 999px 28px 28px; background: #d9e1eb; }
.bx-person-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 55%, rgba(8,125,245,.32)); opacity: 0; transition: opacity .45s ease; }
.bx-person-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: grayscale(1) contrast(1.02); transition: transform .8s var(--bx-ease), filter .6s ease; }
.bx-person-photo span { position: absolute; z-index: 2; right: 18px; bottom: 18px; width: 54px; height: 54px; display: grid; place-items: center; opacity: 0; border-radius: 50%; background: #fff; color: var(--bx-ink); font-size: 10px; font-weight: 800; transform: scale(.7); transition: all .45s var(--bx-ease); }
.bx-person:hover img { transform: scale(1.06); filter: grayscale(0); }
.bx-person:hover .bx-person-photo::after, .bx-person:hover .bx-person-photo span { opacity: 1; }
.bx-person:hover .bx-person-photo span { transform: scale(1); }
.bx-person-copy { padding: 20px 4px 0; }
.bx-person h3 { margin: 0 0 4px; font-size: 20px; letter-spacing: -.03em; }
.bx-person p { margin: 0; color: rgba(7,9,14,.52); font-size: 13px; line-height: 1.4; }

.bx-voices { overflow: hidden; background: var(--bx-ink); }
.bx-voices::before { content: "VOICES"; position: absolute; left: -2vw; bottom: 0; color: rgba(255,255,255,.025); font-size: 25vw; font-weight: 900; line-height: .8; letter-spacing: -.09em; }
.bx-quote-shell { position: relative; margin-top: 74px; padding: clamp(36px, 6vw, 86px); border: 1px solid rgba(255,255,255,.15); border-radius: var(--bx-radius); background: linear-gradient(135deg, rgba(8,125,245,.16), rgba(255,255,255,.035)); }
.bx-quote-mark { position: absolute; right: 6vw; top: 18px; color: var(--bx-blue); font-family: Georgia, serif; font-size: 190px; line-height: 1; opacity: .45; }
.bx-quotes { min-height: 290px; position: relative; }
.bx-quote { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; opacity: 0; visibility: hidden; transform: translateY(25px); transition: opacity .55s ease, transform .55s var(--bx-ease), visibility .55s; }
.beyond-site .bx-quote { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #fff !important; }
.bx-quote.is-active { opacity: 1; visibility: visible; transform: translateY(0); }
.beyond-site .bx-quote > p { max-width: 970px; margin: 0; color: #fff !important; font-family: Georgia, serif; font-size: clamp(28px, 4vw, 60px); font-style: italic; line-height: 1.18; letter-spacing: -.035em; }
.bx-quote footer { margin-top: 46px; display: flex; gap: 18px; align-items: center; }
.bx-quote footer strong { font-size: 13px; }
.bx-quote footer span { color: rgba(255,255,255,.45); font-size: 12px; }
.bx-quote-controls { padding-top: 30px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.12); }
.bx-quote-dots { display: flex; gap: 8px; align-items: center; }
.bx-quote-dots button { width: 28px; height: 3px; padding: 0; border: 0; background: rgba(255,255,255,.24); cursor: pointer; transition: width .3s ease, background .3s ease; }
.bx-quote-dots button.is-active { width: 54px; background: var(--bx-cyan); }
.bx-quote-controls > div:last-child { display: flex; gap: 10px; }
.bx-quote-controls > div:last-child button { width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: transparent; color: #fff; cursor: pointer; font-size: 18px; transition: all .3s ease; }
.bx-quote-controls > div:last-child button:hover { color: var(--bx-ink); background: #fff; }

.bx-planet { position: relative; min-height: 900px; padding: 150px var(--bx-gutter); display: grid; align-items: center; overflow: hidden; color: var(--bx-ink); background: #f3f6fb; }
.bx-planet-bg { position: absolute; inset: 0; background: radial-gradient(circle at 78% 50%, rgba(8,125,245,.27), transparent 36%), linear-gradient(120deg, #fff, #dceaff); }
.bx-planet-content { position: relative; z-index: 2; width: min(100%, var(--bx-max)); margin: auto; }
.bx-planet-content > img { width: min(500px, 68vw); height: auto; margin: 42px 0 58px; opacity: .92; filter: none; }
.bx-planet h2 { max-width: 920px; margin-bottom: 30px; font-size: clamp(45px, 6.2vw, 96px); line-height: .98; letter-spacing: -.065em; }
.bx-planet p { max-width: 570px; margin-bottom: 38px; color: rgba(7,9,14,.6); font-size: 18px; }
.bx-planet .bx-button--light { color: #fff !important; background: var(--bx-ink); }
.bx-globe { position: absolute; right: -8vw; top: 50%; width: min(53vw, 760px); aspect-ratio: 1; display: grid; place-items: center; transform: translateY(-50%); }
.bx-globe i { position: absolute; inset: 0; border: 1px solid rgba(8,125,245,.25); border-radius: 50%; animation: bx-spin 24s linear infinite; }
.bx-globe i:nth-child(2) { transform: rotateX(65deg); animation-direction: reverse; }
.bx-globe i:nth-child(3) { transform: rotateY(65deg); }
.bx-globe span { color: rgba(8,125,245,.2); font-family: Georgia, serif; font-size: 34vw; }

.bx-insights { background: #0b0e15; }
.bx-insights-grid { margin-top: 72px; display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 22px; }
.bx-insight-image { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 24px; background: #151a24; }
.bx-insight:first-child .bx-insight-image { aspect-ratio: 4 / 3.55; }
.bx-insight-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 45%, rgba(0,0,0,.6)); }
.bx-insight-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--bx-ease), filter .6s ease; }
.bx-insight-image span { position: absolute; z-index: 2; right: 20px; bottom: 20px; padding: 12px 16px; opacity: 0; border-radius: 999px; background: #fff; color: var(--bx-ink); font-size: 11px; font-weight: 800; transform: translateY(10px); transition: all .35s var(--bx-ease); }
.bx-insight:hover img { transform: scale(1.06); }
.bx-insight:hover .bx-insight-image span { opacity: 1; transform: translateY(0); }
.bx-insight > p { margin: 22px 0 10px; color: var(--bx-cyan); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.bx-insight h3 { margin: 0; font-size: clamp(22px, 2.1vw, 34px); line-height: 1.17; letter-spacing: -.04em; }
.bx-text-link { align-self: end; justify-self: end; padding-bottom: 8px; border-bottom: 1px solid currentColor; font-size: 13px; font-weight: 800; }

.bx-footer { position: relative; padding: clamp(90px, 11vw, 170px) var(--bx-gutter) 35px; overflow: hidden; color: #fff; background: linear-gradient(150deg, #087df5 0%, #054db8 55%, #071b44 100%); }
.bx-footer::before { content: "&"; position: absolute; right: -5vw; bottom: -18vw; color: rgba(255,255,255,.08); font-family: Georgia, serif; font-size: 70vw; line-height: 1; }
.bx-footer > * { position: relative; z-index: 2; width: min(100%, var(--bx-max)); margin-left: auto; margin-right: auto; }
.bx-footer-cta { padding-bottom: 80px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.22); }
.bx-footer-cta > span { font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.bx-footer-cta a { display: flex; align-items: center; gap: 40px; font-family: Georgia, serif; font-size: clamp(54px, 9vw, 145px); font-style: italic; line-height: 1; letter-spacing: -.06em; }
.bx-footer-cta a i { font-family: Inter, sans-serif; font-size: .45em; font-style: normal; transition: transform .4s var(--bx-ease); }
.bx-footer-cta a:hover i { transform: translate(10px, -10px); }
.bx-footer-grid { padding: 75px 0; display: grid; grid-template-columns: 1.4fr .85fr repeat(3, 1fr); gap: 40px; }
.bx-footer-grid img { width: 220px; margin-bottom: 26px; }
.bx-footer-grid p { color: rgba(255,255,255,.68); }
.bx-footer-grid span { margin-bottom: 18px; display: block; color: rgba(255,255,255,.55); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.bx-footer-grid address, .bx-footer-grid > div { color: rgba(255,255,255,.75); font-size: 13px; font-style: normal; line-height: 1.8; }
.bx-footer-grid a:hover { color: #fff; text-decoration: underline; }
.bx-footer-bottom { padding-top: 30px; display: flex; justify-content: space-between; gap: 30px; border-top: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.58); font-size: 11px; }
.bx-footer-bottom div { display: flex; gap: 22px; }

.bx-reveal { opacity: 0; transform: translateY(34px); transition: opacity .9s ease, transform .9s var(--bx-ease); }
.bx-reveal.is-visible { opacity: 1; transform: translateY(0); }

.bx-cursor-dot, .bx-cursor-ring { position: fixed; z-index: 10050; top: 0; left: 0; pointer-events: none; opacity: 0; border-radius: 50%; transform: translate(-50%, -50%); transition: opacity .25s ease, width .25s var(--bx-ease), height .25s var(--bx-ease), background .25s ease, border-color .25s ease; }
.bx-cursor-dot { width: 7px; height: 7px; background: var(--bx-cyan); box-shadow: 0 0 14px var(--bx-cyan); }
.bx-cursor-ring { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(69,215,255,.72); mix-blend-mode: difference; }
.bx-cursor-ring span { opacity: 0; color: #fff; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
body.bx-cursor-active .bx-cursor-dot, body.bx-cursor-active .bx-cursor-ring { opacity: 1; }
body.bx-cursor-hover .bx-cursor-dot { opacity: 0; }
body.bx-cursor-hover .bx-cursor-ring { width: 68px; height: 68px; border-color: #fff; background: #fff; mix-blend-mode: difference; }
body.bx-cursor-hover .bx-cursor-ring span { opacity: 1; }

@media (hover: hover) and (pointer: fine) {
  body.beyond-immersive-page, body.beyond-immersive-page *, .beyond-site, .beyond-site * { cursor: none !important; }
}

@keyframes bx-bounce { 0%,100% { transform: translateY(-3px); } 50% { transform: translateY(5px); } }
@keyframes bx-marquee { to { transform: translateX(-50%); } }
@keyframes bx-spin { to { transform: rotate(360deg); } }
@keyframes bx-grid-drift { to { background-position: 0 72px, 72px 0; } }
@keyframes bx-beam-breathe { from { opacity: .24; transform: translateX(-7%) rotate(15deg); } to { opacity: .64; transform: translateX(8%) rotate(20deg); } }
@keyframes bx-orb-float { 0%,100% { transform: translateY(-50%) translate3d(0,0,0) scale(1); } 50% { transform: translateY(-52%) translate3d(-1.6%,0,0) scale(1.025); } }
@keyframes bx-core-light { from { filter: hue-rotate(-7deg) brightness(.9); } to { filter: hue-rotate(12deg) brightness(1.16); } }
@keyframes bx-ring-one { to { transform: rotateX(70deg) rotateZ(372deg); } }
@keyframes bx-ring-two { to { transform: rotateY(66deg) rotateZ(342deg); } }
@keyframes bx-ring-three { to { transform: rotateX(62deg) rotateZ(412deg); } }
@keyframes bx-node-pulse { 0%,100% { opacity: .45; transform: translate(-50%,-50%) scale(.8); } 50% { opacity: 1; transform: translate(-50%,-50%) scale(1.16); } }
@keyframes bx-slice-shift { from { transform: rotate(-8deg) scale(.96); opacity: .62; } to { transform: rotate(7deg) scale(1.03); opacity: .92; } }

@media (max-width: 1180px) {
  .bx-header { grid-template-columns: 190px 1fr auto; }
  .bx-nav { gap: 18px; }
  .bx-header-cta { padding: 0 18px; gap: 14px; }
  .bx-team-grid { grid-template-columns: repeat(3, 1fr); }
  .bx-footer-grid { grid-template-columns: 1.4fr repeat(2, 1fr); }
  .bx-footer-grid > *:nth-child(4), .bx-footer-grid > *:nth-child(5) { margin-top: 20px; }
}

@media (max-width: 900px) {
  body.beyond-immersive-page.admin-bar .bx-header { top: 60px; }
  .bx-header { height: 66px; grid-template-columns: 1fr auto; }
  .bx-brand img { width: 170px; }
  .bx-brand { position: relative; z-index: 3; }
  .bx-menu-toggle { width: 44px; height: 44px; display: grid; place-content: center; gap: 5px; cursor: pointer; }
  .bx-menu-toggle { position: relative; z-index: 3; }
  .bx-menu-toggle span { width: 22px; height: 1px; display: block; background: #fff; transition: transform .3s ease, opacity .3s ease; }
  .bx-menu-toggle b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .bx-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .bx-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .bx-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .bx-nav { position: fixed; z-index: 2; top: 0; left: 0; width: 100%; height: 100svh; padding: 130px 32px 50px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 14px; opacity: 0; visibility: hidden; background: rgba(5,7,12,.97); transform: translateY(-18px); transition: all .45s var(--bx-ease); }
  .bx-nav.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
  .bx-nav a { font-size: clamp(32px, 9vw, 62px); letter-spacing: -.05em; }
  .bx-header-cta { display: none; }
  .bx-hero-copy { width: 100%; }
  .bx-hero-media { inset: 0; left: 16%; opacity: .9; }
  .bx-kinetic-orb { right: -34%; width: min(94vw, 720px); }
  .bx-hero-glow { background: linear-gradient(90deg, rgba(1,5,12,.95), rgba(1,5,12,.55) 65%, transparent); }
  .bx-scroll-cue { display: none; }
  .bx-about-grid, .bx-heading-row { grid-template-columns: 1fr; gap: 46px; }
  .bx-about-copy { max-width: 650px; }
  .bx-business-grid { grid-template-columns: 1fr; }
  .bx-value { grid-template-columns: 45px 1fr 40px; padding: 24px 0; }
  .bx-value p { grid-column: 2 / 4; }
  .bx-value-preview { display: none; }
  .bx-team-grid { grid-template-columns: repeat(2, 1fr); }
  .bx-insights-grid { grid-template-columns: 1fr 1fr; }
  .bx-insight:first-child { grid-column: 1 / -1; }
  .bx-globe { right: -28vw; opacity: .45; }
  .bx-footer-cta { align-items: flex-start; flex-direction: column; gap: 32px; }
  .bx-footer-grid { grid-template-columns: 1fr 1fr; }
  .bx-footer-bottom { flex-wrap: wrap; }
}

@media (max-width: 620px) {
  :root { --bx-gutter: 20px; --bx-radius: 24px; }
  .bx-header { top: 10px; width: calc(100% - 20px); padding-left: 16px; }
  .bx-brand img { width: 145px; }
  .bx-hero { min-height: 830px; padding-top: 130px; }
  .bx-hero-media { left: 0; opacity: .72; }
  .bx-kinetic-orb { right: -72%; top: 42%; width: 148vw; }
  .bx-kinetic-scene::before { background-size: 48px 48px; }
  .bx-hero h1 { font-size: clamp(49px, 15vw, 76px); line-height: .88; }
  .bx-hero-actions { align-items: flex-start; flex-direction: column; }
  .bx-marquee { min-height: 64px; margin-top: -64px; padding: 13px 0; }
  .bx-marquee span { padding: 0 18px; font-size: clamp(25px, 8vw, 36px); }
  .bx-marquee b { font-size: 12px; }
  .bx-display { font-size: clamp(43px, 13vw, 65px); }
  .bx-section { padding-top: 95px; padding-bottom: 95px; }
  .bx-section-index { margin-bottom: 45px; }
  .bx-agency-card { min-height: 470px; }
  .bx-agency-card img { height: 108px; max-height: 108px; }
  .bx-agency-card--blue img { height: auto; max-height: 82px; }
  .bx-team-grid { grid-template-columns: 1fr; gap: 34px; }
  .bx-person-photo { aspect-ratio: 5 / 5.8; }
  .bx-team-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 8px; scrollbar-width: none; }
  .bx-team-filters button { flex: 0 0 auto; }
  .bx-quotes { min-height: 430px; }
  .bx-quote-shell { padding: 30px 24px; }
  .bx-quote-mark { font-size: 110px; }
  .bx-quote footer { align-items: flex-start; flex-direction: column; gap: 4px; }
  .bx-planet { min-height: 760px; padding-block: 100px; }
  .bx-planet-content > img { width: min(330px, 84vw); margin: 32px 0 42px; }
  .bx-globe { right: -60vw; width: 110vw; }
  .bx-insights-grid { grid-template-columns: 1fr; }
  .bx-insight:first-child { grid-column: auto; }
  .bx-insight:first-child .bx-insight-image { aspect-ratio: 4 / 3; }
  .bx-footer-cta a { font-size: 18vw; }
  .bx-footer-grid { grid-template-columns: 1fr; }
  .bx-footer-bottom, .bx-footer-bottom div { flex-direction: column; gap: 12px; }
}

@media (hover: none), (pointer: coarse) {
  .bx-cursor-dot, .bx-cursor-ring { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .beyond-site *, .beyond-site *::before, .beyond-site *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .bx-reveal { opacity: 1; transform: none; }
}