/* A confident global-work statement followed by a distinctive final invitation. */
.about-page .about-reach {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(350px, .92fr);
  align-items: center;
  gap: clamp(2.75rem, 8vw, 9rem);
  overflow: hidden;
  margin: clamp(3rem, 7vw, 7rem) 3vw;
  padding: clamp(3.2rem, 7vw, 7rem);
  border: 1px solid #d3e8fc;
  border-radius: 30px;
  background: radial-gradient(circle at 8% 10%, rgba(40, 143, 255, .17), transparent 21rem), linear-gradient(135deg, #f9fcff, #e5f3ff);
}

.about-reach::before {
  position: absolute;
  inset: 0;
  opacity: .56;
  background-image: linear-gradient(rgba(18, 108, 240, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(18, 108, 240, .06) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(100deg, #000, transparent 72%);
  content: "";
}

.about-reach__copy { position: relative; z-index: 1; }
.about-reach .section-label { color: #126cf0; }
.about-reach h2 { max-width: 9.8ch; margin: 1rem 0 0; color: #0a1935; font-size: clamp(3rem, 5.8vw, 6.2rem); line-height: .89; letter-spacing: -.09em; }
.about-reach h2 em { color: #126cf0; font-style: normal; }
.about-reach p { max-width: 37rem; margin: 1.45rem 0 0; color: #53718f; font-size: 1rem; line-height: 1.78; }
.about-reach__notes { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.6rem; }
.about-reach__notes span { display: inline-flex; align-items: center; gap: .5rem; padding: .65rem .75rem; border: 1px solid #c9e4fc; border-radius: 999px; background: rgba(255, 255, 255, .76); color: #315b88; font-size: .72rem; font-weight: 800; }
.about-reach__notes i { color: #126cf0; font-style: normal; }

.about-reach__visual { position: relative; min-height: 440px; overflow: hidden; border: 1px solid rgba(19, 114, 235, .28); border-radius: 24px; background: radial-gradient(circle at 50% 50%, rgba(74, 167, 255, .33), transparent 27%), linear-gradient(145deg, #0a3f92, #126cf0); box-shadow: 0 22px 44px rgba(18, 96, 191, .22), inset 0 1px 0 rgba(255, 255, 255, .23); }
.about-reach__visual::before { position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(255, 255, 255, .22) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .22) 1px, transparent 1px); background-size: 32px 32px; content: ""; }
.reach-visual__label { position: absolute; z-index: 2; top: 1.2rem; left: 1.25rem; color: #d8edff; font: 800 .57rem "DM Mono", monospace; letter-spacing: .12em; }
.reach-globe, .reach-globe i, .reach-globe b { position: absolute; top: 50%; left: 50%; border-radius: 50%; }
.reach-globe { width: 16rem; aspect-ratio: 1; border: 1px dashed rgba(230, 246, 255, .75); transform: translate(-50%, -50%); animation: reach-orbit 25s linear infinite; }
.reach-globe i { width: 66%; aspect-ratio: 1; border: 1px solid rgba(232, 247, 255, .5); transform: translate(-50%, -50%); }
.reach-globe i:nth-child(2) { width: 124%; border-color: rgba(232, 247, 255, .24); }
.reach-globe i:nth-child(3) { top: 0; width: .72rem; height: .72rem; border: 2px solid #fff; background: #ffe36b; box-shadow: 0 0 0 6px rgba(255, 227, 107, .14), 0 0 18px rgba(255, 227, 107, .8); }
.reach-globe b { z-index: 2; display: grid; width: 7.5rem; height: 7.5rem; place-items: center; border: 1px solid rgba(255, 255, 255, .75); background: linear-gradient(145deg, #4aa7ff, #0d55cf); box-shadow: 0 0 0 14px rgba(197, 231, 255, .14), 0 0 46px rgba(185, 228, 255, .63); color: #fff; font: 800 1.18rem/.84 Manrope, Arial, sans-serif; letter-spacing: -.08em; text-align: center; transform: translate(-50%, -50%) rotate(0deg); animation: reach-core 4s ease-in-out infinite, reach-counter 25s linear infinite; }
.reach-route { position: absolute; z-index: 1; border-top: 1px dashed rgba(234, 249, 255, .72); transform-origin: left; }
.reach-route--one { --route-angle: -25deg; top: 40%; left: 48%; width: 37%; transform: rotate(var(--route-angle)) scaleX(0); animation: reach-route 1.6s ease .5s forwards; }
.reach-route--two { --route-angle: 17deg; top: 61%; left: 18%; width: 33%; transform: rotate(var(--route-angle)) scaleX(0); animation: reach-route 1.6s ease .85s forwards; }
.reach-pin { position: absolute; z-index: 2; width: .68rem; height: .68rem; border: 2px solid #fff; border-radius: 50%; background: #ffe36b; box-shadow: 0 0 0 6px rgba(255, 227, 107, .13), 0 0 16px rgba(255, 227, 107, .8); animation: reach-pin 2.8s ease-in-out infinite; }
.reach-pin--one { top: 28%; right: 12%; }.reach-pin--two { bottom: 22%; left: 12%; animation-delay: -.9s; }.reach-pin--three { right: 16%; bottom: 17%; width: .48rem; height: .48rem; background: #39d59a; animation-delay: -1.8s; }
.reach-note { position: absolute; z-index: 3; padding: .65rem .72rem; border: 1px solid rgba(255, 255, 255, .39); border-radius: .75rem; background: rgba(255, 255, 255, .14); color: #fff; font: 800 .58rem "DM Mono", monospace; letter-spacing: .08em; box-shadow: 0 9px 18px rgba(0, 28, 84, .16); backdrop-filter: blur(7px); animation: reach-float 5.2s ease-in-out infinite; }
.reach-note--one { top: 22%; left: 9%; }.reach-note--two { right: 8%; bottom: 8%; animation-delay: -1.4s; }

.about-page .about-closing--next { position: relative; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr); align-items: center; gap: clamp(2.75rem, 8vw, 9rem); isolation: isolate; overflow: hidden; margin: 0 3vw clamp(3rem, 6vw, 6rem); padding: clamp(3.3rem, 7vw, 7rem); border: 1px solid rgba(166, 214, 255, .3); border-radius: 30px; background: radial-gradient(circle at 84% 52%, rgba(66, 160, 255, .47), transparent 17rem), linear-gradient(135deg, #061a45, #0a4eb5 59%, #126cf0) !important; box-shadow: 0 28px 60px rgba(8, 61, 145, .22); }
.about-closing--next::before { position: absolute; inset: 0; z-index: -1; opacity: .32; background-image: linear-gradient(rgba(255, 255, 255, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .13) 1px, transparent 1px); background-size: 45px 45px; mask-image: linear-gradient(90deg, #000, transparent 72%); content: ""; }
.about-closing__copy { position: relative; z-index: 1; }.about-closing--next .section-label { color: #c6e5ff; font: 800 .68rem "DM Mono", monospace; letter-spacing: .14em; }.about-closing--next .section-label::after { display: inline-block; width: 4.25rem; height: 2px; margin-left: .75rem; background: currentColor; vertical-align: middle; content: ""; }
.about-closing--next h2 { max-width: 10.2ch; margin: 1.15rem 0 0 !important; color: #fff; font-size: clamp(3.25rem, 6.2vw, 6.8rem) !important; line-height: .88; letter-spacing: -.095em; }.about-closing--next h2 em { color: #ffe36b !important; font-family: Manrope, Arial, sans-serif; font-style: normal; }.about-closing--next p { max-width: 34rem; margin: 1.5rem 0 0; color: rgba(255, 255, 255, .79); font-size: 1rem; line-height: 1.75; }.about-closing--next .closing-actions { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 2rem; }
.about-next-primary { padding: 1rem 1.3rem; background: #fff; color: #0b4fae; box-shadow: 0 14px 28px rgba(1, 28, 85, .24); }.about-next-primary:hover { background: #ffe36b; color: #092e6f; }.about-next-call { display: inline-flex; align-items: center; gap: .6rem; padding: .9rem 1.1rem; border: 1px solid rgba(255, 255, 255, .48); border-radius: 999px; color: #fff; font-size: .82rem; font-weight: 800; text-decoration: none; transition: background .25s ease, border-color .25s ease, transform .25s ease; }.about-next-call:hover { border-color: #fff; background: rgba(255, 255, 255, .14); transform: translateY(-3px); }.about-next-call span { color: #ffe36b; font-size: 1.1rem; }
.about-closing__visual { position: relative; min-height: 420px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .25); border-radius: 24px; background: radial-gradient(circle at 50% 50%, rgba(93, 185, 255, .33), transparent 28%), rgba(3, 29, 88, .34); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 20px 40px rgba(2, 23, 71, .18); }.about-closing__visual::before { position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(rgba(255, 255, 255, .18) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .18) 1px, transparent 1px); background-size: 34px 34px; content: ""; }.about-closing__caption { position: absolute; z-index: 3; top: 1.2rem; left: 1.25rem; color: #d8edff; font: 800 .57rem "DM Mono", monospace; letter-spacing: .12em; }
.next-signal, .next-signal i, .next-signal b { position: absolute; top: 50%; left: 50%; border-radius: 50%; }.next-signal { width: 15rem; aspect-ratio: 1; border: 1px dashed rgba(225, 245, 255, .7); transform: translate(-50%, -50%); animation: next-orbit 23s linear infinite; }.next-signal i { width: 66%; aspect-ratio: 1; border: 1px solid rgba(225, 245, 255, .48); transform: translate(-50%, -50%); }.next-signal i:nth-child(2) { width: 126%; border-color: rgba(225, 245, 255, .23); }.next-signal i:nth-child(3) { top: 0; width: .72rem; height: .72rem; border: 2px solid #fff; background: #ffe36b; box-shadow: 0 0 0 6px rgba(255, 227, 107, .13), 0 0 18px rgba(255, 227, 107, .9); }.next-signal b { z-index: 2; display: grid; width: 7.3rem; height: 7.3rem; place-items: center; border: 1px solid rgba(255, 255, 255, .75); background: linear-gradient(145deg, #3291ff, #0d55cf); box-shadow: 0 0 0 14px rgba(112, 187, 255, .13), 0 0 47px rgba(114, 194, 255, .65); color: #fff; font: 800 1.15rem/.84 Manrope, Arial, sans-serif; letter-spacing: -.08em; text-align: center; transform: translate(-50%, -50%) rotate(0deg); animation: next-core 4s ease-in-out infinite, next-counter 23s linear infinite; }
.next-card { position: absolute; z-index: 3; padding: .67rem .76rem; border: 1px solid rgba(255, 255, 255, .37); border-radius: .78rem; background: rgba(255, 255, 255, .14); color: #fff; font: 800 .6rem "DM Mono", monospace; letter-spacing: .08em; box-shadow: 0 10px 20px rgba(0, 17, 67, .16); backdrop-filter: blur(8px); animation: next-float 5.2s ease-in-out infinite; }.next-card--clarity { top: 23%; right: 9%; }.next-card--momentum { bottom: 17%; left: 8%; animation-delay: -1.3s; }.next-card--growth { right: 8%; bottom: 8%; animation-delay: -.7s; }.next-spark { position: absolute; z-index: 3; color: #ffe36b; font-size: 1.3rem; animation: next-spark 2.8s ease-in-out infinite; }.next-spark--one { top: 28%; left: 18%; }.next-spark--two { top: 58%; right: 24%; font-size: .8rem; animation-delay: -1.1s; }

@keyframes reach-orbit { to { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes reach-counter { to { transform: translate(-50%, -50%) rotate(-360deg); } } @keyframes reach-core { 50% { box-shadow: 0 0 0 20px rgba(197, 231, 255, .09), 0 0 53px rgba(185, 228, 255, .83); } } @keyframes reach-route { to { transform: rotate(var(--route-angle, 0deg)) scaleX(1); } } @keyframes reach-pin { 50% { box-shadow: 0 0 0 9px rgba(255, 227, 107, .04), 0 0 22px rgba(255, 227, 107, .95); } } @keyframes reach-float { 50% { transform: translateY(-10px); } }
@keyframes next-orbit { to { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes next-counter { to { transform: translate(-50%, -50%) rotate(-360deg); } } @keyframes next-core { 50% { box-shadow: 0 0 0 20px rgba(112, 187, 255, .1), 0 0 54px rgba(114, 194, 255, .85); } } @keyframes next-float { 50% { transform: translateY(-10px); } } @keyframes next-spark { 50% { transform: scale(1.5) rotate(30deg); opacity: .55; } }

@media (max-width: 900px) { .about-page .about-reach, .about-page .about-closing--next { grid-template-columns: 1fr; }.about-reach__visual, .about-closing__visual { max-width: 40rem; min-height: 370px; } }
@media (max-width: 700px) { .about-page .about-reach, .about-page .about-closing--next { margin: 2.5rem 1rem; padding: 3.2rem 1.3rem; border-radius: 22px; }.about-page .about-closing--next { margin-bottom: 3.5rem; }.about-reach h2, .about-closing--next h2 { font-size: clamp(3rem, 13.5vw, 4.8rem) !important; }.about-reach p, .about-closing--next p { font-size: .94rem; }.about-reach__visual, .about-closing__visual { min-height: 325px; border-radius: 18px; }.reach-globe, .next-signal { width: 12rem; }.reach-globe b, .next-signal b { width: 6.1rem; height: 6.1rem; font-size: 1rem; }.reach-note, .next-card { padding: .55rem .58rem; font-size: .49rem; }.reach-note--one { top: 20%; left: 5%; }.reach-note--two { right: 5%; bottom: 7%; }.next-card--clarity { top: 20%; right: 5%; }.next-card--momentum { bottom: 13%; left: 5%; }.next-card--growth { right: 5%; bottom: 7%; }.about-closing--next .closing-actions { gap: .8rem; }.about-next-primary, .about-next-call { justify-content: center; } }
@media (prefers-reduced-motion: reduce) { .reach-globe, .reach-globe b, .reach-route, .reach-pin, .reach-note, .next-signal, .next-signal b, .next-card, .next-spark { animation: none; }.reach-route { transform: scaleX(1); }.about-next-call:hover { transform: none; } }