/* ONE APP · ONE WORLD — Cinematic Motion V4 / WOW Edition
   Layer on top of the approved visual identity: it never replaces source images.
   Works without animation JS; JS only augments the page with decorative light and controls.
*/
.hero{isolation:isolate}
.hero>.world-globe{z-index:0}
.hero .shell{z-index:2}
.one-wow-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;isolation:isolate}
.one-wow-aurora{position:absolute;border-radius:50%;opacity:.74;will-change:transform}
.one-wow-aurora--a{width:min(85vw,1050px);height:740px;right:-12%;top:-210px;background:radial-gradient(ellipse at center,rgba(16,154,255,.27) 0%,rgba(51,87,253,.12) 40%,transparent 72%);mix-blend-mode:screen}
.one-wow-aurora--b{width:min(77vw,960px);height:680px;right:-21%;top:150px;background:radial-gradient(ellipse,rgba(136,42,255,.20),rgba(31,155,255,.08) 42%,transparent 74%);mix-blend-mode:screen}
.one-wow-orbit-field{position:absolute;right:max(-115px,calc((100vw - 1700px)/2 - 110px));top:-15px;width:min(950px,72vw);aspect-ratio:900/640;opacity:.88;mix-blend-mode:screen}
.one-wow-orbit-field svg{display:block;width:100%;height:100%;overflow:visible}
.one-wow-orbit-line{fill:none;stroke:url(#one-wow-orbit-grad);stroke-width:1.8;vector-effect:non-scaling-stroke;stroke-linecap:round}
.one-wow-orbit-line--dim{opacity:.44;stroke-width:1.3;stroke-dasharray:5 12}
.one-wow-orbit-line--bright{stroke-width:2.5;filter:drop-shadow(0 0 8px rgba(41,213,255,.85))}
.one-wow-star{fill:#ddf8ff;filter:drop-shadow(0 0 9px #35dcff) drop-shadow(0 0 16px #2e70ff)}
.one-wow-star--violet{fill:#e4c8ff;filter:drop-shadow(0 0 9px #b75cff)}
.one-wow-tracer{fill:#e5fdff;stroke:#92efff;stroke-width:1.1;filter:drop-shadow(0 0 7px #83eaff) drop-shadow(0 0 14px #35aaff);opacity:0}
.one-wow-tracer--a{offset-path:path('M 132 475 C 214 355 390 405 493 321 S 722 157 848 223');offset-distance:0%}
.one-wow-tracer--b{offset-path:path('M 287 86 C 393 187 482 158 557 248 S 683 397 813 436');offset-distance:0%}
.one-wow-star-ring{stroke:#a4f1ff;stroke-width:1.1;fill:none;opacity:.75}
.one-wow-flare{position:absolute;right:4%;top:6%;width:min(590px,43vw);height:500px;opacity:.3;background:linear-gradient(107deg,transparent 25%,rgba(116,196,255,.06) 35%,rgba(180,255,255,.27) 49%,rgba(92,83,255,.04) 56%,transparent 70%);mix-blend-mode:screen;transform:translateX(105%) skewX(-18deg);pointer-events:none}
/* Static quality when no JS: glow and orbit composition remain visible. */
.hero .world-globe img{filter:brightness(1.15) saturate(1.22) drop-shadow(0 0 25px rgba(39,121,255,.25));transform-origin:65% 53%}
.hero__stage{perspective:1100px}
.hero__stage .one-device{backface-visibility:hidden;transform-style:preserve-3d}
.header .brand__wordmark img{transform-origin:center;will-change:auto}
/* Premium image treatment on the existing product cards. */
.world-feature{transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease,border-color .38s ease;will-change:auto}
.world-feature:hover,.world-feature:focus-visible{transform:translateY(-9px);box-shadow:0 24px 60px rgba(6,39,114,.50),0 0 32px rgba(48,139,255,.24);border-color:rgba(116,227,255,.7)}
.world-feature__arrow{transition:translate .4s cubic-bezier(.22,1,.36,1),color .3s}
.world-feature:hover .world-feature__arrow,.world-feature:focus-visible .world-feature__arrow{translate:5px -5px;color:#a2ffff}
.hero__actions .button--primary{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 14px 34px rgba(22,94,249,.35),inset 0 1px 0 rgba(255,255,255,.23)}
.hero__actions .button--primary::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.30) 50%,transparent 75%);background-size:280% 100%;background-position:105% 0;opacity:0;transition:background-position .65s cubic-bezier(.2,.7,.2,1),opacity .2s}
.hero__actions .button--primary:is(:hover,:focus-visible)::after{background-position:0 0;opacity:1}
/* Clearly visible cinematic arrival, 0–2.8s. All elements remain visible without JS. */
@media(prefers-reduced-motion:no-preference){
 .one-wow-active .hero .eyebrow{animation:one-wow-copy .84s .08s cubic-bezier(.16,1,.3,1) both}
 .one-wow-active .hero h1>span:first-child{animation:one-wow-copy 1.04s .2s cubic-bezier(.16,1,.3,1) both}
 .one-wow-active .hero h1>span:nth-child(2){animation:one-wow-copy 1.14s .34s cubic-bezier(.16,1,.3,1) both}
 .one-wow-active .hero__lead{animation:one-wow-copy .92s .58s cubic-bezier(.16,1,.3,1) both}
 .one-wow-active .hero-flag-strip{animation:one-wow-copy .84s .70s cubic-bezier(.16,1,.3,1) both}
 .one-wow-active .hero__actions{animation:one-wow-copy .82s .89s cubic-bezier(.16,1,.3,1) both}
 .one-wow-active .hero__proof{animation:one-wow-copy .76s 1.03s cubic-bezier(.16,1,.3,1) both}
 .one-wow-active .hero__stage .one-device--actual{animation:one-wow-phone-a 1.55s .48s cubic-bezier(.14,1,.25,1) both,one-wow-float-a 8s 2.15s ease-in-out infinite}
 .one-wow-active .hero__stage .one-device--call{animation:one-wow-phone-b 1.63s .73s cubic-bezier(.14,1,.25,1) both,one-wow-float-b 9.5s 2.36s ease-in-out infinite}
 .one-wow-active .world-globe img{animation:one-wow-earth-arrival 2.1s .1s cubic-bezier(.16,1,.3,1) both,one-wow-earth-idle 17s 2.3s ease-in-out infinite alternate}
 .one-wow-active .one-wow-aurora--a{animation:one-wow-aurora-arrive 2.2s .2s ease-out both,one-wow-aurora-idle 14s 2.4s ease-in-out infinite alternate}
 .one-wow-active .one-wow-aurora--b{animation:one-wow-aurora-arrive 2.3s .5s ease-out both,one-wow-aurora-idle 17s 3s ease-in-out infinite alternate-reverse}
 .one-wow-active .one-wow-orbit-line--bright{stroke-dasharray:1120;stroke-dashoffset:1120;animation:one-wow-line-draw 2.25s .6s cubic-bezier(.4,0,.18,1) forwards}
 .one-wow-active .one-wow-orbit-line--dim{animation:one-wow-orbit-breathe 7s 2.4s ease-in-out infinite alternate}
 .one-wow-active .one-wow-tracer--a{animation:one-wow-tracer-move 7.8s 2.2s linear infinite}
 .one-wow-active .one-wow-tracer--b{animation:one-wow-tracer-move 9.3s 3.0s linear infinite}
 .one-wow-active .one-wow-star{animation:one-wow-star-arrive .9s 1.45s cubic-bezier(.2,.8,.2,1) both,one-wow-star-twinkle 5.7s 2.5s ease-in-out infinite alternate}
 .one-wow-active .one-wow-flare{animation:one-wow-beam 2.0s .2s cubic-bezier(.22,1,.36,1) both}
 .one-wow-active .header .brand__wordmark img{animation:one-wow-logo 1.2s .18s cubic-bezier(.22,1,.36,1) both}
 .one-wow-active .world-feature-grid{animation:one-wow-card-deck 1.05s 1.35s cubic-bezier(.16,1,.3,1) both}
}
@keyframes one-wow-copy{0%{opacity:0;transform:translate3d(0,52px,0) scale(.97);filter:blur(8px)}55%{filter:blur(0)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes one-wow-phone-a{0%{opacity:0;translate:-85px 95px;scale:.77;filter:brightness(.5)}62%{opacity:1;filter:brightness(1.2)}100%{opacity:1;translate:0 0;scale:1;filter:brightness(1)}}
@keyframes one-wow-phone-b{0%{opacity:0;translate:100px 110px;scale:.75;filter:brightness(.5)}64%{opacity:1;filter:brightness(1.13)}100%{opacity:1;translate:0 0;scale:1;filter:brightness(1)}}
@keyframes one-wow-float-a{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes one-wow-float-b{0%,100%{translate:0 0}50%{translate:0 12px}}
@keyframes one-wow-earth-arrival{0%{opacity:.28;transform:scale(.78) translate(85px,35px);filter:brightness(.48) saturate(.64)}48%{opacity:1;filter:brightness(1.28) saturate(1.32) drop-shadow(0 0 55px rgba(34,149,255,.46))}100%{opacity:1;transform:scale(1) translate(0,0);filter:brightness(1.15) saturate(1.22) drop-shadow(0 0 25px rgba(39,121,255,.25))}}
@keyframes one-wow-earth-idle{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.055) translate(-23px,-12px)}}
@keyframes one-wow-aurora-arrive{from{opacity:0;transform:scale(.62)}to{opacity:.74;transform:scale(1)}}
@keyframes one-wow-aurora-idle{from{transform:scale(.95) translate(0,0);opacity:.44}to{transform:scale(1.16) translate(-28px,18px);opacity:.91}}
@keyframes one-wow-line-draw{from{stroke-dashoffset:1120;opacity:.1}to{stroke-dashoffset:0;opacity:1}}
@keyframes one-wow-orbit-breathe{from{opacity:.29}to{opacity:.72}}
@keyframes one-wow-tracer-move{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes one-wow-star-arrive{0%{opacity:0;r:0}100%{opacity:1}}
@keyframes one-wow-star-twinkle{from{opacity:.55}to{opacity:1}}
@keyframes one-wow-beam{0%{opacity:0;transform:translateX(120%) skewX(-18deg)}40%{opacity:.6}100%{opacity:0;transform:translateX(-125%) skewX(-18deg)}}
@keyframes one-wow-logo{0%{opacity:.35;transform:scale(.82);filter:brightness(.8)}65%{opacity:1;filter:brightness(1.65) drop-shadow(0 0 22px rgba(83,225,255,.8))}100%{opacity:1;transform:scale(1);filter:brightness(1)}}
@keyframes one-wow-card-deck{from{opacity:.3;translate:0 43px}to{opacity:1;translate:0 0}}
/* Scroll-reveal only affects content that was detected offscreen in JS; content stays usable on JS failure. */
@media(prefers-reduced-motion:no-preference){
 .one-wow-reveal.one-wow-pending{opacity:.05;translate:0 55px;filter:blur(8px)}
 .one-wow-reveal{transition:opacity .85s cubic-bezier(.22,1,.36,1),translate .85s cubic-bezier(.22,1,.36,1),filter .85s cubic-bezier(.22,1,.36,1)}
 .one-wow-reveal.one-wow-in{opacity:1;translate:0 0;filter:blur(0)}
}
/* Interaction controls are not hidden: visitors can replay the scene. */
.one-wow-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:18px;position:relative;z-index:8}
.one-wow-control{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:36px;padding:8px 13px;cursor:pointer;border:1px solid rgba(105,187,255,.37);border-radius:999px;background:linear-gradient(115deg,rgba(23,51,112,.74),rgba(43,28,102,.68));color:#d9edff;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 20px rgba(15,35,95,.2);backdrop-filter:blur(8px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.one-wow-control:hover{border-color:#62dfff;transform:translateY(-2px);box-shadow:0 0 25px rgba(35,146,255,.23)}
.one-wow-control:focus-visible{outline:3px solid #78e8ff;outline-offset:3px}
.one-wow-control .one-wow-icon{font-size:16px;line-height:1}
.one-wow-control--replay{border-color:rgba(86,217,255,.62);color:#fff;background:linear-gradient(110deg,rgba(13,111,176,.72),rgba(73,52,191,.72))}
/* Pointer parallax: strong enough to notice without warping ONE's original artwork. */
@media(min-width:981px) and (hover:hover) and (pointer:fine){
 .one-wow-ready .hero__stage{translate:var(--wow-x,0px) var(--wow-y,0px);transition:translate .28s ease-out}
 .one-wow-ready .one-wow-orbit-field{translate:var(--wow-orbit-x,0px) var(--wow-orbit-y,0px);transition:translate .38s ease-out}
}
/* Mobile gets a shorter, visible initial entrance, then very gentle ambient motion. */
@media(max-width:980px){
 .one-wow-orbit-field{width:820px;right:-340px;top:150px;opacity:.72}
 .one-wow-aurora--a{width:780px;right:-330px;top:220px;height:640px}
 .one-wow-aurora--b{width:650px;right:-300px;top:360px;height:540px}
 .one-wow-flare{width:440px;right:-110px;top:180px}
}
@media(max-width:640px){
 .one-wow-orbit-field{width:600px;right:-220px;top:335px;opacity:.60}
 .one-wow-aurora--a{width:520px;height:490px;right:-200px;top:430px}
 .one-wow-aurora--b{width:440px;height:410px;right:-210px;top:535px}
 .one-wow-flare{width:290px;right:-60px;top:370px;height:330px}
 .one-wow-controls{justify-content:center;margin:12px 0 6px}
 .one-wow-control{font-size:10px;min-height:36px;padding:7px 11px}
 .one-wow-active .hero__stage .one-device--actual{animation:one-wow-phone-a 1.25s .35s cubic-bezier(.14,1,.25,1) both,one-wow-float-a 9s 1.75s ease-in-out infinite}
 .one-wow-active .hero__stage .one-device--call{animation:one-wow-phone-b 1.32s .55s cubic-bezier(.14,1,.25,1) both,one-wow-float-b 10s 1.95s ease-in-out infinite}
 .one-wow-active .world-globe img{animation:one-wow-earth-arrival 1.7s .1s cubic-bezier(.16,1,.3,1) both,one-wow-earth-idle 21s 1.9s ease-in-out infinite alternate}
 .one-wow-active .one-wow-aurora{animation:one-wow-aurora-arrive 1.7s .1s ease-out both}
 .one-wow-active .one-wow-orbit-line--dim,.one-wow-active .one-wow-tracer--a{animation:one-wow-tracer-move 7.8s 2.2s linear infinite}
 .one-wow-active .one-wow-tracer--b{animation:one-wow-tracer-move 9.3s 3.0s linear infinite}
 .one-wow-active .one-wow-star{animation:none!important}
}
/* Save Data / very low memory: keep just the first high-impact sequence, no continuous motion. */
.one-wow-lite .one-wow-orbit-line--dim,.one-wow-lite .one-wow-star,.one-wow-lite .one-wow-tracer{animation:none!important}
.one-wow-lite .hero__stage .one-device,.one-wow-lite .world-globe img,.one-wow-lite .one-wow-aurora{animation-iteration-count:1!important}
.one-wow-paused .hero .eyebrow,.one-wow-paused .hero h1>span,.one-wow-paused .hero__lead,.one-wow-paused .hero-flag-strip,.one-wow-paused .hero__actions,.one-wow-paused .hero__proof,.one-wow-paused .hero__stage .one-device,.one-wow-paused .world-globe img,.one-wow-paused .one-wow-aurora,.one-wow-paused .one-wow-orbit-line,.one-wow-paused .one-wow-star,.one-wow-paused .one-wow-tracer,.one-wow-paused .one-wow-flare,.one-wow-paused .header .brand__wordmark img,.one-wow-paused .world-feature-grid,.one-wow-background .one-wow-aurora,.one-wow-background .world-globe img,.one-wow-background .one-device,.one-wow-background .one-wow-star{animation-play-state:paused!important}
.one-wow-paused .hero__stage,.one-wow-paused .one-wow-orbit-field{translate:0 0!important}
/* Accessibility: ALL content must remain static and visible; never animate on reduced-motion. */
@media(prefers-reduced-motion:reduce){
 .one-wow-atmosphere{opacity:.28!important}
 .one-wow-orbit-line--bright{stroke-dashoffset:0!important;stroke-dasharray:none!important}
 .one-wow-reveal{opacity:1!important;translate:none!important;filter:none!important;transition:none!important}
 .one-wow-active .hero .eyebrow,.one-wow-active .hero h1>span,.one-wow-active .hero__lead,.one-wow-active .hero-flag-strip,.one-wow-active .hero__actions,.one-wow-active .hero__proof,.one-wow-active .hero__stage .one-device,.one-wow-active .world-globe img,.one-wow-active .one-wow-aurora,.one-wow-active .one-wow-orbit-line,.one-wow-active .one-wow-star,.one-wow-active .one-wow-tracer,.one-wow-active .one-wow-flare,.one-wow-active .header .brand__wordmark img,.one-wow-active .world-feature-grid{animation:none!important;translate:none!important;scale:1!important;opacity:1!important;transition:none!important}
 .one-wow-controls{display:none!important}
}
