.landing{--landing-progress:0;--hero-progress:0;--hero-scale:1;--hero-fade:1;--sheet-lift:56px;background:#fffdf7;overflow:clip}.landing-progress{z-index:60;height:3px;transform:scaleX(var(--landing-progress));transform-origin:0;pointer-events:none;background:#2157cf;position:fixed;inset:0 0 auto}[dir=rtl] .landing-progress{transform-origin:100%}.landing-header{transition:background-color .18s,box-shadow .18s}.landing:has(.landing-hero-stack) .landing-header{inset-inline:0;background:#fffdf7b3;position:fixed;top:0}.landing-hero-stack{z-index:0;background:#fffdf7;height:100svh;position:sticky;top:0;overflow:hidden}.landing-hero{transform:scale(var(--hero-scale));opacity:var(--hero-fade);transform-origin:50% 70%;will-change:transform, opacity}.landing-hero:before{content:"";z-index:-10;pointer-events:none;background:linear-gradient(90deg,#fffdf7fa 0%,#fffdf7f0 26%,#fffdf7b8 42%,#fffdf73d 54%,#0000 66%);position:absolute;inset:0}[dir=rtl] .landing-hero:before{background:linear-gradient(270deg,#fffdf7fa 0%,#fffdf7f0 26%,#fffdf7b8 42%,#fffdf73d 54%,#0000 66%)}.landing-hero-background{object-position:center center}.landing-hero-copy{text-shadow:0 1px 18px #fffdf7;width:min(49%,43rem)}.landing-hero-dashboard{width:min(47vw,44rem);top:12.5%;right:-1%;transform:rotate(.5deg)}.landing-hero-phone{aspect-ratio:.58;width:min(16vw,15rem);bottom:1.5%;right:27%;transform:rotate(-2deg)}.landing-hero-nfc{width:min(14vw,12.5rem);bottom:-1%;right:1.5%;transform:rotate(2deg)}.landing-phone-shell{box-shadow:inset 0 0 0 1px #ffffff24,0 28px 72px #10275145}.landing-phone-glass{z-index:10;pointer-events:none;box-shadow:inset 12px 0 18px #ffffff12,inset -8px 0 18px #09142c20}[dir=rtl] .landing-hero-dashboard{left:-2.5%;right:auto;transform:rotate(-.8deg)}[dir=rtl] .landing-hero-phone{left:27%;right:auto;transform:rotate(2deg)}[dir=rtl] .landing-hero-nfc{left:1.5%;right:auto;transform:rotate(-2deg)}.landing-page-sheet{z-index:10;transform:translate3d(0, var(--sheet-lift), 0);transform-origin:50% 0;will-change:transform;background:#fffdf7;border-radius:3.25rem 3.25rem 0 0;margin-top:-2.75rem;position:relative;overflow:hidden;box-shadow:0 -22px 70px #1027511f}.landing-card{box-shadow:0 20px 55px #10275124}.landing-mobile-rail{scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scroll-padding-inline:1.25rem}.landing-mobile-rail::-webkit-scrollbar{display:none}.landing-flow-line{background:linear-gradient(90deg,#2157cf 0 33%,#b6cdff 33% 100%)}.landing-scroll-cue{animation:2.2s ease-in-out infinite landing-cue}@media (prefers-reduced-motion:no-preference){.landing-float{animation:6s ease-in-out infinite landing-float}.landing-float-slow{animation:8s ease-in-out -2s infinite landing-float}.landing-signal{animation:2.8s ease-out infinite landing-signal}.landing-phone-shell{animation:6.5s ease-in-out infinite landing-device-breathe}.landing-hero-nfc img{animation:7.5s ease-in-out -2s infinite landing-device-breathe}}@keyframes landing-float{0%,to{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-10px) rotate(var(--tilt,0deg))}}@keyframes landing-signal{0%{opacity:.65;transform:scale(.65)}to{opacity:0;transform:scale(1.3)}}@keyframes landing-cue{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes landing-device-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (max-width:1100px){.landing-hero-copy{width:52%}.landing-hero-dashboard{width:51vw;right:-8%}.landing-hero-phone{width:18vw;right:25%}.landing-hero-nfc{width:15vw;right:0}[dir=rtl] .landing-hero-dashboard{left:-9%;right:auto}[dir=rtl] .landing-hero-phone{left:25%;right:auto}[dir=rtl] .landing-hero-nfc{left:0;right:auto}}@media (max-width:767px){.landing-hero-content{flex-direction:column;justify-content:flex-start;align-items:stretch;padding-top:5rem;padding-bottom:0}.landing-hero-background{object-position:67% center}.landing-hero:before,[dir=rtl] .landing-hero:before{background:linear-gradient(#fffdf7fa 0%,#fffdf7f0 42%,#fffdf7b8 58%,#fffdf729 78%,#0000 100%)}.landing-hero-copy{width:100%;max-width:37rem;text-shadow:none;flex:none}.landing-hero-copy h1{letter-spacing:-.045em;max-width:34rem;font-size:clamp(2rem,8.4vw,2.75rem);line-height:1.04}.landing-hero-copy p{max-width:34rem}.landing-hero-copy ul{max-width:31rem}.landing-hero-devices{margin-top:1rem;flex:auto;width:calc(100% + 2.5rem);height:auto;min-height:9rem;margin-inline:-1.25rem;position:relative;inset:auto}.landing-hero-dashboard{width:72%;top:0;bottom:auto;right:-14%}.landing-hero-phone{width:26%;bottom:0;left:5%;right:auto}.landing-hero-nfc{width:19%;display:block;bottom:2%;right:4%}[dir=rtl] .landing-hero-dashboard{left:-18%;right:auto}[dir=rtl] .landing-hero-phone{left:auto;right:6%}[dir=rtl] .landing-hero-nfc{left:4%;right:auto}.landing-scroll-cue{display:none}.landing-page-sheet{border-radius:2rem 2rem 0 0;margin-top:-1.5rem}}@media (max-width:520px) and (max-height:780px){.landing-hero-content{padding-top:5.75rem}.landing-hero-copy p,.landing-hero-copy ul{margin-top:1rem}.landing-hero-copy>div{margin-top:1.25rem}.landing-hero-devices{margin-top:.75rem}}@media (prefers-reduced-motion:no-preference){.landing-nav-sheet{animation:.18s cubic-bezier(.22,.61,.36,1) landing-nav-drop}.landing-nav-scrim{animation:.18s ease-out landing-nav-dim}}@keyframes landing-nav-drop{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes landing-nav-dim{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.landing-progress{display:none}.landing-hero,.landing-page-sheet{opacity:1;transform:none}.landing-scroll-cue{animation:none}}.tap-phone{width:clamp(14rem,72vw,19rem);transition:transform .26s cubic-bezier(.22,.61,.36,1),box-shadow .26s}.tap-screen{aspect-ratio:.49;height:100%}.tap-lock{background:radial-gradient(120% 90% at 50% 8%,#3f6fd8 0%,#24407f 45%,#101f3d 100%);height:100%}.tap-aura{background:radial-gradient(circle,#2157cf26 0%,#0000 68%);border-radius:50%;transform:scale(1.25)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tap-stage:hover .tap-phone{transform:translateY(-6px);box-shadow:0 52px 110px #1027514d}}@media (prefers-reduced-motion:no-preference){.tap-aura{animation:7s ease-in-out infinite landing-float}.tap-notice{animation:.26s cubic-bezier(.22,.61,.36,1) tap-notice-in}}@keyframes tap-notice-in{0%{opacity:0;transform:translateY(-.5rem)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:767px){.tap-phone{width:clamp(13rem,62vw,16rem)}}
