/* Immersive layer: light, depth and scroll choreography. The base layout remains
   usable when JavaScript, WebGL or animation is unavailable. */
:root {
  --bg: #080608;
  --surface: #191015;
  --fg: #f8f8f8;
  --muted: #baafb4;
  --line: #ffffff20;
  --accent: #ed1934;
  --accent-bright: #ff4458;
  --glass: linear-gradient(145deg, #ffffff12, #ffffff03 48%, #ffffff08);
  --motion-ease: cubic-bezier(.785, .135, .15, .86);
}
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }
body { background: var(--bg); isolation: isolate; }
main, footer { position: relative; z-index: 1; }
.wrap { width: min(100% - 7rem, 1320px); }
.ambient-light { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.ambient-light i { position: absolute; display: block; border-radius: 50%; filter: blur(70px); transition: background 2s, left 2.5s var(--ease), top 2.5s var(--ease), opacity 2s; will-change: transform; }
.ambient-light i:nth-child(1) { width: 75vw; height: 75vw; left: -41%; top: 14%; background: radial-gradient(ellipse, #ff233399 0%, #e729324d 36%, #e8132200 66%); animation: ambient-drift 18s ease-in-out infinite alternate; }
.ambient-light i:nth-child(2) { width: 77vw; height: 70vw; left: 69%; top: -49%; background: radial-gradient(ellipse, #ff4b58c4 0%, #ff425051 34%, #ff485500 67%); animation: ambient-drift 22s -8s ease-in-out infinite alternate-reverse; }
.ambient-light i:nth-child(3) { width: 56vw; height: 54vw; left: 40%; top: 67%; background: radial-gradient(ellipse, #ff2b6257, #ff51751a 40%, #ff345500 65%); animation: ambient-drift 16s -5s ease-in-out infinite alternate; }
html[data-atmosphere="rose"] .ambient-light i:nth-child(1) { left: -34%; top: -38%; background: radial-gradient(ellipse, #fb5376ad, #ff385240 38%, transparent 67%); }
html[data-atmosphere="rose"] .ambient-light i:nth-child(2) { left: 65%; top: 18%; background: radial-gradient(ellipse, #f84996a8, #ef433934 38%, transparent 67%); }
html[data-atmosphere="rose"] .ambient-light i:nth-child(3) { left: 20%; top: 76%; background: radial-gradient(ellipse, #ff69746b, transparent 67%); }
html[data-atmosphere="gold"] .ambient-light i:nth-child(1) { left: -41%; top: 15%; background: radial-gradient(ellipse, #ff535f7d, #ff384638 38%, transparent 67%); }
html[data-atmosphere="gold"] .ambient-light i:nth-child(2) { left: 67%; top: -22%; background: radial-gradient(ellipse, #ff4754a8, #ff505d38 38%, transparent 67%); }
.screen-grain { position: fixed; inset: 0; z-index: 2; pointer-events: none; opacity: .022; 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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E"); }
.scroll-progress { position: fixed; top: 0; left: 0; width: 100%; height: 2px; transform: scaleX(var(--page-progress, 0)); transform-origin: left; background: linear-gradient(90deg, #ff5342, #ff707a, #ff6d9b); box-shadow: 0 0 15px #ff5662; z-index: 110; }
.nav { background: linear-gradient(#110a10e0, #110a10a0); border-color: #ffffff0d; backdrop-filter: blur(22px); padding-inline: 3.5rem; min-height: 84px; }
.nav .sym { filter: drop-shadow(0 0 9px #ff55612d); }
.desktop-nav { color: #eee0e2; }
.desktop-nav a { transition: color .3s; }
.btn { border-radius: 100px; padding-inline: 1.5rem; transition: background .35s, box-shadow .35s, transform .35s var(--ease); }
.btn-accent { background: linear-gradient(115deg, #cf0c29, #e3203b); color: #fff; box-shadow: 0 0 30px #ed19342d, inset 0 1px #ffffff42; }
.btn-accent:hover { background: linear-gradient(115deg, #e3203b, #cf0c29); box-shadow: 0 0 45px #ed19344d; }
.btn-glass { background: var(--glass); border-color: #ffffff26; color: var(--fg); backdrop-filter: blur(15px); box-shadow: inset 0 1px #ffffff10; }
.btn-glass:hover { background: #ffffff15; box-shadow: 0 0 25px #ff546018; }
.btn-small { padding-inline: 1.25rem; }
.hero { display: block; padding-top: 2.25rem; text-align: center; }
.hero-copy { margin: 0 auto; max-width: 1100px; padding: 0; }
.hero-copy .eyebrow { justify-content: center; gap: .65rem; margin-bottom: 1rem; color: #ebbdc0; }
.hero h1 { font-size: clamp(3.5rem, 5vw, 5rem); letter-spacing: -.058em; line-height: 1.03; font-weight: 500; }
.hero h1 .accent { color: #ff868f; background: linear-gradient(105deg, #ff635d 8%, #ff717b 44%, #ffaab0 78%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-lede { max-width: 740px; margin: 1.2rem auto 0; color: #cdbdc5; font-size: 1.0625rem; line-height: 1.6; }
.hero .actions { justify-content: center; flex-direction: row; align-items: center; gap: .85rem; margin-top: 1.3rem; }
.hero-enter { animation: hero-arrive 1.1s var(--ease) both; }
.hero-enter:nth-child(2) { animation-delay: .08s; }
.hero-enter:nth-child(3) { animation-delay: .16s; }
.hero-enter:nth-child(4) { animation-delay: .24s; }
.globe-network { width: 100%; max-width: 1320px; display: block; margin: 1.25rem auto 0; text-align: left; background: none; container-type: normal; container-name: none; }
.globe-network::before { content: ''; position: absolute; inset: 8% 10% 0; background: radial-gradient(ellipse, #ff273718, #fb38460a 30%, transparent 66%); pointer-events: none; }
.network-top { position: absolute; left: 0; right: 0; top: .5rem; z-index: 4; padding: 0; }
.network-top .eyebrow { color: #cba0a3; }
.motion-control { border: 1px solid #ffffff20; background: #110c1080; backdrop-filter: blur(16px); color: #d5c0c7; border-radius: 30px; padding-inline: 1rem; }
.motion-control:hover { border-color: #ff677265; background: #372022b3; }
.globe-stage { height: min(41vw, 520px); min-height: 490px; position: relative; isolation: isolate; overflow: clip; }
.globe-stage::after { content: ''; position: absolute; bottom: 4%; left: 23%; width: 54%; height: 5%; border-radius: 50%; background: #ff25354d; filter: blur(28px); opacity: .5; pointer-events: none; }
.globe-fallback, .globe-renderer { position: absolute; inset: 0; width: 100%; height: 100%; }
.globe-fallback { object-fit: contain; transition: opacity 1s; }
.globe-renderer { cursor: grab; touch-action: pan-y; opacity: 0; transition: opacity 1.3s; }
.globe-renderer.dragging { cursor: grabbing; }
.globe-renderer canvas { width: 100%; height: 100%; }
.globe-ready .globe-renderer { opacity: 1; }
.globe-ready .globe-fallback { opacity: 0; }
.globe-card { position: absolute; z-index: 3; width: 245px; border: 1px solid #ffffff2d; border-radius: 18px; padding: 1.15rem 1.25rem; background: linear-gradient(125deg, #66292d75, #25131975 50%, #130d168f); backdrop-filter: blur(18px); box-shadow: 0 18px 70px #0005, inset 0 1px #ffffff20, inset 0 -1px #ff39472b; transform: perspective(700px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); animation: card-float 7s ease-in-out infinite; transition: box-shadow .4s; }
.globe-card::before { content: ''; position: absolute; left: 20%; right: 20%; top: -1px; height: 1px; background: linear-gradient(90deg, transparent, #ff939bb0, transparent); box-shadow: 0 0 14px #ff737d69; }
.globe-card-one { top: 22%; left: 2%; }
.globe-card-two { top: 34%; right: 0; animation-delay: -2.5s; background: linear-gradient(125deg, #59373975, #21131d9e 62%, #36162380); }
.globe-card-three { bottom: 12%; left: 8%; width: 225px; animation-delay: -4.5s; background: linear-gradient(125deg, #4c242775, #211519a6); }
.card-topline { display: flex; align-items: center; gap: .45rem; color: #e9a4a9; font-size: .7rem; line-height: 1.5; }
.globe-card p { margin-top: .8rem; font-size: 1.05rem; line-height: 1.35; letter-spacing: -.02em; color: #bea4a5; }
.globe-card b { color: #f3f3f3; font-weight: 500; }
.globe-card small { font-size: .65rem; color: #c7a1a4; display: block; margin-top: .9rem; }
.signal-wave { display: flex; align-items: center; gap: 4px; height: 29px; margin-top: .9rem; }
.signal-wave i { width: 3px; height: 7px; border-radius: 4px; background: #ff7f88; box-shadow: 0 0 9px #ff485560; animation: wave-pulse 1.25s ease-in-out infinite alternate; }
.signal-wave i:nth-child(3n) { height: 22px; animation-delay: -.9s; }
.signal-wave i:nth-child(3n+1) { height: 15px; animation-delay: -.4s; }
.signal-wave i:nth-child(4n) { height: 28px; animation-delay: -.7s; }
.data-stream { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: 1rem; }
.data-stream span { border: 1px solid #ff879038; padding: .2rem .45rem; border-radius: 5px; font-size: .61rem; color: #e7b1b5; background: #ff576310; animation: data-glow 4s infinite; }
.data-stream span:nth-child(2) { animation-delay: 1s; }
.data-stream span:nth-child(3) { animation-delay: 2s; }
.globe-network figcaption { position: relative; padding: 1rem 0; color: #b59aa2; border-color: #ff848d20; }
.globe-network figcaption small { color: #baa4ab; }
.hero-bottom { margin-top: 0; padding: 1.15rem 0 1.75rem; border: 0; }
.hero-bottom a { color: #f4bec2; }
.intro-band { margin: 0; background: linear-gradient(100deg, #9b182127, #24101b73 40%, #a8375121); border-color: #ff919920; backdrop-filter: blur(18px); }
.intro-band > .wrap { padding-block: 2.25rem; }
.intro-band p { font-size: 1.25rem; }
.intro-band ul { color: #efc2c5; }
/* The centre stays still; cards, words and the luminous path move with scroll. */
.orchestration { position: relative; height: 260vh; }
.orchestration-sticky { position: sticky; top: 0; height: 100svh; min-height: 650px; display: grid; place-items: center; overflow: clip; perspective: 1200px; }
.orchestration-copy { z-index: 3; position: relative; text-align: center; max-width: 610px; padding: 5rem 1rem; }
.orchestration-copy::before { content: ''; z-index: -1; position: absolute; inset: -3rem -5rem; background: radial-gradient(ellipse, #080608fa 4%, #080608b3 36%, #08060800 70%); pointer-events: none; }
.orchestration-copy > .eyebrow { color: #f4a0a6; }
.orchestration-copy h2 { font-size: clamp(4rem, 6.8vw, 7rem); line-height: 1.03; margin-top: 2rem; }
.orchestration-copy h2 > span:last-child { display: block; color: #f8f8f8; }
.kinetic-words { display: grid; perspective: 500px; color: #ff8c94; }
.kinetic-words > span { grid-area: 1/1; opacity: 0; transform: translateY(.5em) rotateX(-32deg); transition: opacity .6s, transform .8s var(--motion-ease); }
.kinetic-words > .active { opacity: 1; transform: translateY(0) rotateX(0); }
.orchestration-descriptions { margin: 1.75rem auto 0; max-width: 460px; min-height: 5rem; font-size: 1.05rem; color: #d0b9c2; }
.orchestration-descriptions p.active { animation: hero-arrive .7s var(--ease) both; }
.orchestration-copy > small { display: block; margin-top: 1.5rem; color: #a88c99; font-size: .7rem; }
.energy-ribbon { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; z-index: 0; }
.energy-ribbon path { stroke: url(#ribbon-gradient); stroke-linecap: round; }
.ribbon-line { stroke-width: 38px; opacity: .86; }
.ribbon-glow { stroke-width: 90px; filter: blur(34px); opacity: .4; }
.orbit-cards { position: absolute; inset: 0; transform-style: preserve-3d; pointer-events: none; }
.orbit-card { position: absolute; width: clamp(210px, 21vw, 315px); min-height: 195px; padding: 1.5rem; border: 1px solid #ffffff59; border-radius: 18px; box-shadow: 0 30px 65px #0004, inset 0 1px #ffffff4d; display: flex; flex-direction: column; color: #441d2d; will-change: transform; }
.orbit-card small { font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.orbit-card b { font-size: clamp(1.3rem, 1.9vw, 1.9rem); font-weight: 500; letter-spacing: -.035em; line-height: 1.15; margin: 1.35rem 0 1.5rem; }
.orbit-card > span { margin-top: auto; font-size: .65rem; opacity: .8; }
.oc-one { left: 4%; top: 11%; background: linear-gradient(145deg, #ff7d86, #ee596b); }
.oc-two { right: 3%; top: 8%; background: linear-gradient(145deg, #fbadb3, #f3767f); }
.oc-three { left: 8%; bottom: 7%; background: linear-gradient(145deg, #dab1e5, #f591b8); }
.oc-four { right: 6%; bottom: 7%; background: linear-gradient(145deg, #fb969d, #fa707a); }
/* Content keeps the same atmospheric color and depth as the opening. */
.section { padding-block: 7.5rem; }
.section-head .eyebrow, .people > .eyebrow, .offer-heading .eyebrow, .faq .eyebrow { color: #ea959b; }
.section-head h2 { font-size: clamp(2.5rem, 4.15vw, 4.25rem); max-width: 27ch; }
.section-head h2 .muted, .people-heading .accent { color: #f2868e; }
.section-head > div > p { color: #c7b4be; }
.motion-reveal { opacity: 0; transform: translate3d(0, 28px, 0); transition: opacity .85s var(--ease) var(--reveal-delay, 0ms), transform 1.1s var(--ease) var(--reveal-delay, 0ms); }
.motion-reveal.is-visible { opacity: 1; transform: none; }
.demo { position: relative; border-color: #ff7e8754; border-radius: 22px; background: linear-gradient(120deg, #261219b3, #110d1494); box-shadow: 0 25px 90px #0003, 0 0 60px #ee3a4708, inset 0 1px #ffc1c522; backdrop-filter: blur(24px); }
.demo-sidebar { background: linear-gradient(150deg, #ff535f20, #ef627804 75%); border-color: #ff9fa629; }
.scenario { border-radius: 12px; }
.scenario.active { border-color: #ff717b59; background: linear-gradient(110deg, #fc5d682e, #ff505d12); box-shadow: inset 0 1px #ff919920, 0 8px 25px #0002; }
.scenario:hover { background: #f14b571f; }
.demo-toolbar { border-color: #ff7f8824; }
.demo-request { color: #f2f2f2; }
.workflow li:not(:last-child):before { background: linear-gradient(#ff6974, #ff475440); }
.workflow li small { color: #e9848b; }
.demo-result { border-color: #fc6c7645; background: linear-gradient(100deg, #ff5d6920, #ff495610); border-radius: 12px; }
.security, .services { background: none; border: 0; }
.security { position: relative; }
.security::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(130deg, #ed364314, #ff3b4902 50%, #ff525e0d); border-block: 1px solid #ffaab013; }
.security .accent { color: #ff9ba2; }
.boundary-diagram { border: 1px solid #ff9ca363; border-radius: 24px; background: linear-gradient(135deg, #ff6f790f, #151014a6 60%); box-shadow: 0 0 60px #ff2c3b15, inset 0 0 40px #ff404e20; backdrop-filter: blur(14px); transform: perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); transition: transform .4s var(--ease); }
.boundary-diagram::before { content: ''; position: absolute; inset: 8px; border: 1px dashed #ff868f40; border-radius: 17px; pointer-events: none; }
.boundary-label, .gate { color: #ff9ca3; }
.boundary-inner { margin-block: 3rem; }
.data-stack span { border-color: #f9828b3b; background: linear-gradient(115deg, #f3687220, #a5404710); border-radius: 8px; }
.private-agent .sym { filter: drop-shadow(0 0 23px #ff485589); animation: symbol-breathe 4s ease-in-out infinite; }
.boundary-arrow { color: #ff8a92; text-shadow: 0 0 25px #fd626d; }
.security-controls h3 { color: #ffb6bb; }
.transition-table > div { border-color: #ff9e972e; }
.transition-table > div > p:last-child { color: #f6bab8; }
.transition-table > div > span:nth-child(2) { text-shadow: 0 0 25px #fc587e88; }
.service-rail { position: relative; isolation: isolate; overflow: clip; padding: 1rem 0 2rem; }
.service-ribbon { pointer-events: none; position: absolute; left: -20%; bottom: -5%; width: 140%; max-width: none; height: 85%; z-index: -1; overflow: visible; }
.service-ribbon path { fill: none; stroke: #ff6570; stroke-width: 35px; stroke-linecap: round; filter: drop-shadow(0 0 24px #ff4f4b85); stroke-dasharray: 2200; }
.service-grid { border: 0; gap: 1.4rem; }
.service-grid article, .service-grid article:first-child, .service-grid article:last-child { position: relative; border: 1px solid #ffffff47; border-radius: 22px; padding: 2rem; background: linear-gradient(140deg, #a64048ef, #532335ee 60%, #321626f5); color: #f6f6f6; box-shadow: 0 20px 45px #0003, inset 0 1px #ffd5d847; transform: perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); transition: transform .45s var(--ease); overflow: hidden; }
.service-grid article:nth-child(2) { background: linear-gradient(140deg, #7b4a4afa, #573241ef 60%, #321c2cf5); }
.service-grid article:nth-child(3) { background: linear-gradient(140deg, #853137f5, #59272bf2 60%, #372224f5); }
.service-grid article::after { content: ''; position: absolute; width: 200px; height: 200px; right: -80px; top: -70px; border-radius: 50%; background: #ff79834a; filter: blur(45px); pointer-events: none; }
.service-grid .eyebrow { color: #ffbabf; }
.service-icon { color: #ff9ca3; font-size: 2.5rem; margin-bottom: 1.5rem; }
.service-grid p, .service-grid ul { color: #eac5c4; }
.service-grid li { border-color: #ffffff20; }
.service-grid .text-link { color: #ffc9cd; }
.has-horizontal-motion { height: 260vh; padding-block: 5rem 0; }
.has-horizontal-motion > .wrap { position: sticky; top: 108px; }
.has-horizontal-motion .section-head { margin-bottom: 2rem; }
.has-horizontal-motion .section-head h2 { font-size: clamp(2.5rem, 3.6vw, 3.75rem); }
.has-horizontal-motion .section-head > div > p { font-size: 1rem; margin-top: 1rem; }
.horizontal-motion { padding: 1rem 0 2rem; overflow: clip; }
.horizontal-motion .service-grid { display: flex; width: max-content; gap: 1.5rem; will-change: transform; }
.horizontal-motion .service-grid article { flex: 0 0 min(54vw, 610px); width: min(54vw, 610px); min-height: 440px; padding: 1.75rem 2rem; }
.horizontal-motion .service-grid h3 { font-size: 2.15rem; }
.horizontal-motion .service-grid p { max-width: 440px; }
.horizontal-motion .service-grid ul { margin: 1rem 0; display: flex; gap: 1.5rem; flex-wrap: wrap; font-size: .8rem; }
.horizontal-motion .service-grid li { border: 0; }
.horizontal-motion .service-icon { margin-bottom: 1rem; }
.method-steps { border: 0; gap: 1.5rem; }
.method-steps li { padding: 2rem; border: 1px solid #ff87903b; border-radius: 18px; background: linear-gradient(130deg, #ff657012, #ffffff03); backdrop-filter: blur(12px); box-shadow: inset 0 1px #ffa9af20; }
.method-steps li h3 { font-size: 1.55rem; }
.method-steps small { color: #eaa4a9; }
.offer-list article { border-color: #ff868f36; }
.offers { padding-top: 2rem; }
.faq { border-color: #ff989f26; }
details { border-color: #f5abb02e; }
details:last-child { border-color: #f5abb02e; }
details[open] summary { color: #ffa1a8; }
.contact { background: linear-gradient(115deg, #ff6f79, #ff6c77 42%, #ed6287); color: #361825; position: relative; overflow: hidden; }
.contact::after { content: ''; position: absolute; width: 640px; height: 640px; right: -350px; top: -250px; border: 50px solid #ffa0a785; border-radius: 50%; box-shadow: 0 0 70px #ff99a070, inset 0 0 70px #ff99a050; pointer-events: none; transform: rotateX(35deg) rotateY(-25deg); }
.contact .wrap { position: relative; z-index: 1; }
.contact .eyebrow, .contact > .wrap > .contact-note { color: #66333b; }
.contact h2 > span { color: #733744; }
.contact-pending { border-color: #683e4761; border-radius: 100px; background: #ececec29; }
.footer-wordmark svg { opacity: 1; filter: drop-shadow(0 10px 40px #ff667115); }
.footer-wordmark { mask-image: linear-gradient(#000 42%, #0009 100%); }
@keyframes ambient-drift { to { transform: translate3d(6vw, -3vh, 0) scale(1.08); } }
@keyframes hero-arrive { from { opacity: 0; transform: translateY(22px); filter: blur(4px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
@keyframes card-float { 50% { translate: 0 -10px; } }
@keyframes wave-pulse { to { transform: scaleY(.35); opacity: .5; } }
@keyframes data-glow { 20% { background: #ff626d38; border-color: #ff858e80; box-shadow: 0 0 15px #ff636e28; } }
@keyframes symbol-breathe { 50% { filter: drop-shadow(0 0 33px #ff4b58c2); } }
@media (max-width: 1199px) {
  .wrap { width: calc(100% - 4rem); }
  .nav { padding-inline: 2rem; }
  .hero { padding-top: 3.25rem; }
  .hero h1 { font-size: clamp(3.25rem, 6vw, 4.5rem); }
  .globe-card { width: 215px; padding: 1rem; }
  .globe-card-one { left: 0; top: 24%; }
  .globe-card-two { right: 0; top: 37%; }
  .globe-card-three { left: 4%; width: 205px; bottom: 11%; }
  .orbit-card { width: 230px; min-height: 180px; padding: 1.25rem; }
  .oc-one { left: 2%; top: 9%; }.oc-two { right: 2%; top: 7%; }
  .oc-three { left: 3%; bottom: 5%; }.oc-four { right: 2%; bottom: 5%; }
  .orchestration-copy h2 { font-size: 5rem; }
  .horizontal-motion .service-grid article { flex-basis: 59vw; width: 59vw; }
}
@media (min-width: 960px) and (max-height: 790px) {
  .has-horizontal-motion > .wrap { top: 90px; }
  .has-horizontal-motion .section-head { grid-template-columns: 1fr 3fr; margin-bottom: 1rem; }
  .has-horizontal-motion .section-head h2 { font-size: 2.5rem; }
  .has-horizontal-motion .section-head > div > p { max-width: none; margin-top: .65rem; font-size: .9rem; }
  .horizontal-motion .service-grid article { min-height: 360px; padding: 1.4rem 1.75rem; }
  .horizontal-motion .service-grid h3 { font-size: 1.75rem; margin-top: .5rem; }
  .horizontal-motion .service-icon { margin-bottom: .5rem; font-size: 2rem; }
  .horizontal-motion .service-grid p { margin-top: .8rem; font-size: .95rem; }
}
@media (max-width: 959px) {
  .hero-copy { max-width: 800px; }
  .hero h1 { font-size: clamp(3rem, 6.8vw, 4.5rem); }
  .hero .actions { gap: .8rem; }
  .globe-network { max-width: none; margin-top: 2rem; }
  .globe-stage { height: 540px; }
  .globe-card { width: 185px; padding: .9rem; border-radius: 14px; }
  .globe-card-one { top: 17%; left: -1%; }
  .globe-card-two { top: 47%; right: -1%; }
  .globe-card-three { bottom: 13%; left: 1%; width: 180px; }
  .globe-card p { font-size: .95rem; }
  .card-topline { font-size: .65rem; }
  .orchestration { height: 230vh; }
  .orchestration-copy { max-width: 520px; }
  .orchestration-copy h2 { font-size: clamp(3.5rem, 8vw, 5rem); }
  .orbit-card { width: 205px; min-height: 175px; }
  .oc-one { top: 10%; left: -5%; }.oc-two { top: 8%; right: -6%; }
  .oc-three { bottom: 5%; left: -6%; }.oc-four { bottom: 5%; right: -4%; }
  .orbit-card b { font-size: 1.25rem; }
  .section { padding-block: 5rem; }
  .service-grid { grid-template-columns: 1fr; gap: 1.5rem; max-width: 650px; margin-inline: auto; }
  .service-grid article, .service-grid article:first-child, .service-grid article:last-child { padding: 2rem; }
  .service-grid article + article { border: 1px solid #ffffff47; }
  .service-grid h3 { font-size: 2.25rem; }
  .service-grid ul { display: flex; flex-wrap: wrap; gap: 1rem; }
  .service-grid li { border: 0; }
  .method-steps { gap: 1rem; }
  .method-steps li { padding: 1.5rem; }
  .method-steps li h3 { font-size: 1.3rem; }
  .offers { padding-top: 1rem; }
}
@media (max-width: 599px) {
  .wrap { width: calc(100% - 2.5rem); }
  .nav { padding-inline: 1.25rem; min-height: 72px; }
  .ambient-light i { filter: blur(40px); }
  .ambient-light i:nth-child(1) { width: 155vw; height: 170vw; left: -115%; top: 14%; }
  .ambient-light i:nth-child(2) { width: 150vw; height: 160vw; left: 70%; top: -10%; }
  .ambient-light i:nth-child(3) { width: 120vw; height: 140vw; left: 5%; top: 83%; }
  html[data-atmosphere="rose"] .ambient-light i:nth-child(1) { left: -110%; top: -16%; }
  html[data-atmosphere="rose"] .ambient-light i:nth-child(2) { left: 70%; top: 10%; }
  html[data-atmosphere="gold"] .ambient-light i:nth-child(1) { left: -112%; top: 20%; }
  html[data-atmosphere="gold"] .ambient-light i:nth-child(2) { left: 80%; top: -25%; }
  .hero { padding-top: 2.6rem; }
  .hero h1 { font-size: clamp(2.35rem, 9.4vw, 3.5rem); letter-spacing: -.055em; line-height: 1.05; }
  .hero-copy .eyebrow { font-size: .62rem; letter-spacing: .035em; margin-bottom: 1.25rem; }
  .hero-lede { font-size: .95rem; line-height: 1.6; margin-top: 1.3rem; max-width: 365px; }
  .hero-lede br { display: none; }
  .hero .actions { flex-direction: row; gap: .65rem; flex-wrap: wrap; margin-top: 1.4rem; }
  .hero .btn { font-size: .8rem; min-height: 46px; gap: .75rem; padding: .75rem 1rem; }
  .hero .btn span { font-size: 1.1rem; }
  .globe-network { margin-top: 1.6rem; }
  .globe-stage { height: 440px; min-height: 0; margin-inline: -1.25rem; width: calc(100% + 2.5rem); }
  .globe-fallback { width: 600px; max-width: none; left: 50%; transform: translateX(-50%); }
  .network-top { top: .15rem; flex-wrap: nowrap; gap: .5rem; }
  .network-top .eyebrow { font-size: .59rem; max-width: none; letter-spacing: .035em; }
  .motion-control { font-size: .65rem; padding: .45rem .7rem; min-height: 40px; }
  .globe-card { width: 153px; padding: .75rem .8rem; border-radius: 12px; }
  .globe-card-one { top: 18%; left: -1%; }
  .globe-card-two { top: auto; bottom: 15%; right: -1%; width: 163px; }
  .globe-card-three { display: none; }
  .card-topline { font-size: .56rem; gap: .3rem; }
  .globe-card p { margin-top: .55rem; font-size: .83rem; }
  .globe-card small { font-size: .52rem; margin-top: .65rem; }
  .signal-wave { gap: 3px; height: 22px; margin-top: .7rem; }
  .signal-wave i { width: 2px; }
  .signal-wave i:nth-child(4n) { height: 21px; }
  .data-stream { gap: .25rem; margin-top: .65rem; }
  .data-stream span { font-size: .49rem; padding: .2rem .3rem; }
  .globe-network figcaption { padding-block: .9rem; gap: .35rem; font-size: .65rem; flex-wrap: wrap; }
  .globe-network figcaption small { font-size: .6rem; }
  .hero-bottom { align-items: center; margin-top: 0; padding-block: .7rem 1.5rem; font-size: .65rem; }
  .hero-bottom > span { max-width: 8.5rem; }
  .hero-bottom a { max-width: 10rem; text-align: right; }
  .intro-band > .wrap { padding-block: 1.75rem; gap: 1rem; }
  .intro-band p { font-size: 1.15rem; }
  .intro-band ul { gap: .55rem 1rem; font-size: .7rem; }
  .orchestration { height: 250vh; }
  .orchestration-sticky { min-height: 610px; }
  .orchestration-copy { max-width: 100%; padding: 3rem 1.25rem 1rem; }
  .orchestration-copy::before { inset: -3rem -2rem; background: radial-gradient(ellipse, #080608ef 20%, #080608b3 45%, transparent 72%); }
  .orchestration-copy > .eyebrow { font-size: .55rem; letter-spacing: .06em; }
  .orchestration-copy h2 { font-size: clamp(2.9rem, 12vw, 4rem); margin-top: 1.6rem; }
  .orchestration-descriptions { font-size: .9rem; max-width: 295px; min-height: 5rem; margin-top: 1.4rem; }
  .orchestration-copy > small { font-size: .55rem; max-width: 260px; margin: 1rem auto 0; }
  .orbit-card { width: 150px; min-height: 145px; padding: .9rem; border-radius: 13px; }
  .orbit-card small { font-size: .5rem; }
  .orbit-card b { font-size: 1.05rem; margin: .75rem 0; }
  .orbit-card > span { font-size: .46rem; }
  .oc-one { top: 10%; left: -12%; }.oc-two { top: 7%; right: -11%; }
  .oc-three { bottom: 3%; left: -13%; }.oc-four { bottom: 2%; right: -12%; }
  .energy-ribbon { width: 190%; max-width: none; left: -45%; }
  .ribbon-line { stroke-width: 28px; }
  .section { padding-block: 4rem; }
  .section-head h2 { font-size: clamp(2rem, 8.3vw, 2.85rem); }
  .demo { border-radius: 17px; }
  .demo-stage, .demo-sidebar { padding: 1.25rem; }
  .boundary-diagram { border-radius: 17px; }
  .boundary-inner { margin-block: 2rem; }
  .service-grid article, .service-grid article:first-child, .service-grid article:last-child { padding: 1.75rem; border-radius: 18px; }
  .service-grid h3 { font-size: 2rem; }
  .service-grid .eyebrow { font-size: .65rem; }
  .service-grid ul { display: block; }
  .service-grid li { border-bottom: 1px solid #ffffff20; }
  .service-ribbon { width: 160%; left: -30%; }
  .service-rail { overflow: clip; }
  .method-steps { gap: 1rem; }
  .method-steps li { padding: 1.5rem; border: 1px solid #ff87903b; }
  .method-steps li h3 { font-size: 1.5rem; }
  .offers { padding-top: 0; }
  .contact h2 { font-size: clamp(2.5rem, 10vw, 4rem); }
  .contact-pending { border-radius: 14px; font-size: .9rem; }
}
@media (max-width: 360px) {
  .hero h1 { font-size: 2.1rem; }
  .hero .btn { font-size: .74rem; padding-inline: .85rem; gap: .5rem; }
  .hero-lede { font-size: .88rem; }
  .globe-card-one { top: 16%; }
  .globe-card-two { bottom: 13%; }
}
html.motion-paused *, html.motion-paused *::before, html.motion-paused *::after { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  .ambient-light i { animation: none; }
  .motion-reveal { opacity: 1; transform: none; }
  .orchestration { height: auto; }
  .orchestration-sticky { position: relative; min-height: 700px; height: auto; }
  .orchestration-copy { padding-block: 7rem; }
  .orchestration-descriptions p[hidden] { display: block !important; }
  .orchestration-descriptions p + p { margin-top: 1rem; }
  .orchestration-copy > small { display: none; }
  .orbit-card { will-change: auto; }
  .oc-one, .oc-two { top: 3%; }.oc-three, .oc-four { bottom: 2%; }
  .ribbon-line { stroke-dashoffset: 0 !important; }
  .has-horizontal-motion { height: auto; }
  .has-horizontal-motion > .wrap { position: static; }
  .globe-renderer { cursor: auto; }
}
@media print {
  .ambient-light, .screen-grain, .scroll-progress, .orbit-cards, .energy-ribbon, .service-ribbon { display: none; }
  .motion-reveal { opacity: 1; transform: none; }
  .orchestration, .has-horizontal-motion { height: auto; }
  .orchestration-sticky, .has-horizontal-motion > .wrap { position: static; height: auto; min-height: 0; }
  .horizontal-motion .service-grid { display: grid; width: auto; transform: none !important; }
  .horizontal-motion .service-grid article { width: auto; min-height: 0; }
  .globe-card { display: none; }
  .hero h1 .accent { -webkit-text-fill-color: currentColor; }
}