/* A single sticky phone travels through the three scenes. Native scrolling
   drives its pose; the page never captures or replaces wheel/touch input. */
.app-scroll-story{position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 40%,#25203380,transparent 45%),#0a0a0b}
.app-phone-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.app-phone-pin{position:sticky;top:0;height:100svh;perspective:1600px}
.app-phone-stage{position:absolute;left:58%;top:77%;width:clamp(290px,27vw,420px);transform:translate(-50%,-50%);perspective:1600px;will-change:transform,left,top}
.app-phone-float{animation:none;transform-style:preserve-3d;will-change:transform}
.app-device{transform:none;transform-style:preserve-3d;background:transparent;box-shadow:none}
.app-device:before{transform:translateZ(12px);backface-visibility:hidden;z-index:2}
.app-device-screen{transform:translateZ(12px);backface-visibility:hidden;box-shadow:0 0 0 2px #515158,0 20px 50px #0007}
.app-phone-edge-stack{position:absolute;inset:0;transform-style:preserve-3d}
.app-phone-edge-stack i{position:absolute;inset:0;border-radius:58px;background:linear-gradient(110deg,#82828b,#242428 18%,#17171a 60%,#777780 94%,#303035);border:1px solid #71717a}
.app-phone-edge-stack i:nth-child(1){transform:translateZ(-10px)}
.app-phone-edge-stack i:nth-child(2){transform:translateZ(-7.5px)}
.app-phone-edge-stack i:nth-child(3){transform:translateZ(-5px)}
.app-phone-edge-stack i:nth-child(4){transform:translateZ(-2.5px)}
.app-phone-edge-stack i:nth-child(5){transform:translateZ(0)}
.app-phone-edge-stack i:nth-child(6){transform:translateZ(2.5px)}
.app-phone-edge-stack i:nth-child(7){transform:translateZ(5px)}
.app-phone-edge-stack i:nth-child(8){transform:translateZ(7.5px)}
.app-phone-edge-stack i:nth-child(9){transform:translateZ(10px)}
.app-phone-back{position:absolute;inset:0;border-radius:58px;transform:rotateY(180deg) translateZ(12px);backface-visibility:hidden;background:radial-gradient(ellipse at 10% 10%,#686873,#27272e 55%,#17171b);border:2px solid #777780;box-shadow:inset 0 0 0 5px #222228,0 20px 60px #0005}
.app-camera-bump{position:absolute;left:7%;top:4%;width:44%;aspect-ratio:1;border-radius:25%;background:linear-gradient(130deg,#74747f,#303037);border:1px solid #92929d;box-shadow:3px 4px 5px #0005}
.app-camera-bump i{position:absolute;width:39%;aspect-ratio:1;border-radius:50%;border:5px solid #17171e;background:radial-gradient(circle at 45% 40%,#364155 0,#111b2c 12%,#05080e 25%,#131a28 35%,#030408 50%);box-shadow:0 0 0 2px #82828b,2px 3px 4px #0008}
.app-camera-bump i:nth-child(1){left:8%;top:7%}.app-camera-bump i:nth-child(2){left:8%;bottom:7%}.app-camera-bump i:nth-child(3){right:7%;top:30%}
.app-camera-bump span{position:absolute;width:12%;aspect-ratio:1;background:#cfcbc0;right:21%;top:7%;border-radius:50%;box-shadow:0 0 0 3px #55555e}
.app-back-mark{position:absolute;top:46%;left:42%;width:16%;aspect-ratio:1;background:url('/brand.svg') center/contain no-repeat;opacity:.16}
.app-device-button{transform:translateZ(0)}
.app-screen-viewport{position:relative;aspect-ratio:390/844;overflow:hidden;background:#101114}
.app-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.app-screen.is-active{opacity:1}
.app-phone-stage figcaption{margin:25px 0 0;text-align:center;letter-spacing:.04em}
.app-phone-stage figcaption [data-screen-caption]{font-size:12px;color:#d4cddd}
.app-story-step{min-height:max(850px,100svh);padding:150px 5vw;display:flex;align-items:center;position:relative}
.app-story-copy{width:48%;max-width:660px;position:relative;z-index:3}
.app-story-step--right .app-story-copy{margin-left:52%}
.app-story-kicker{display:block;color:#aaa2b9;font-size:12px;letter-spacing:.025em;margin-bottom:34px}
.app-story-step h2{font-size:clamp(58px,6.7vw,108px);line-height:1.02;letter-spacing:-.052em;margin-bottom:30px}
.app-story-step p{max-width:350px;color:#aaa7b7;line-height:1.65;font-size:17px}
.app-story-tabs{display:flex;gap:8px;margin:35px 0 28px}
.app-story-tabs a{padding:10px 20px;border:1px solid #42404d;border-radius:100px;font-size:13px}
.app-story-tabs a[aria-current]{background:#ceced7;color:#0a0a0b;border-color:#ceced7}
.app-story-tabs a:hover{border-color:#a19aa9}
.app-site.is-paused .app-story-step--right .app-story-copy{margin-left:0}
@media(max-width:1100px){.app-phone-stage{width:325px}.app-phone-back,.app-phone-edge-stack i{border-radius:49px}.app-story-step h2{font-size:7vw}.app-story-copy{width:46%}.app-story-step--right .app-story-copy{margin-left:54%}}
@media(max-width:760px){
  .app-hero{height:100svh;min-height:850px;padding:25px 23px;display:block}
  .app-hero h1{font-size:clamp(47px,10.5vw,76px);padding-top:68px}
  .app-hero-copy{margin:25px 0 0;position:relative;width:100%;max-width:340px}
  .app-hero-copy>p:first-child{font-size:14px;line-height:1.5;max-width:310px}
  .app-hero-actions{margin:16px 0 10px}.app-hero-actions .app-button{min-height:40px;padding:10px 15px;font-size:12px}.app-hero-actions .app-round{height:40px;width:40px}
  .app-hero-copy .app-small{font-size:9px;max-width:270px}
  .app-motion{bottom:18px;right:23px;z-index:5}
  .app-phone-stage{width:clamp(180px,51vw,250px);left:50%;top:73%}
  .app-device{box-shadow:none;padding:6px}
  .app-phone-back,.app-phone-edge-stack i{border-radius:42px}
  .app-phone-stage figcaption{margin-top:17px}
  .app-phone-stage figcaption [data-screen-caption]{font-size:10px}
  .app-story-step{min-height:max(850px,100svh);padding:48px 23px;align-items:flex-start}
  .app-story-copy{width:100%;max-width:540px}.app-story-step--right .app-story-copy{margin-left:0}
  .app-story-kicker{font-size:10px;margin-bottom:20px}.app-story-step h2{font-size:clamp(45px,10.5vw,72px);margin-bottom:18px}
  .app-story-step p{font-size:13px;line-height:1.55;max-width:320px}
  .app-story-tabs{margin:20px 0;gap:7px}.app-story-tabs a{font-size:11px;padding:8px 16px}
  .app-story-copy>.app-round,.app-story-copy>.app-text-link{display:none}
}
@media(max-width:760px) and (max-height:739px){.app-phone-stage{width:150px}.app-story-step{padding-top:32px}.app-story-kicker{margin-bottom:15px}.app-story-step h2{font-size:42px;margin-bottom:14px}.app-story-tabs{margin:15px 0}}
@media(prefers-reduced-motion:reduce){.app-story-step--right .app-story-copy{margin-left:0}.app-phone-stage,.app-phone-float{will-change:auto}}