.app{padding:120px 0 88px}.app__panel{position:relative;background:var(--navy);color:#fff;border-radius:28px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:540px}.app__bg{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:#1f2a44}.app__bg-img{position:absolute;inset:0;background:url(assets/app-bg.jpg) 70% 62%/cover no-repeat;transform:scaleX(-1)}.app__bg:before{content:"";position:absolute;inset:0;z-index:1;background:#1f2a44;mix-blend-mode:color;opacity:.55}.app__bg:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#1f2a44f5,#1f2a44d9 36%,#1f2a4459,#1f2a4426),linear-gradient(0deg,#1f2a4480,#1f2a4400 45%)}.app__text,.app__stage{position:relative;z-index:1}.app__text{padding:64px 56px;align-self:center}.app__eyebrow{font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e8f3f6}.app h2{margin-top:12px;font-size:clamp(32px,4vw,52px);line-height:1.02;font-weight:700;letter-spacing:-.025em;text-wrap:balance}.app__lead{margin-top:16px;max-width:460px;font-size:17px;line-height:1.55;color:#fffc}.app__list{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:12px;font-size:15px}.app__list li{display:flex;gap:12px;align-items:center}.app__list li:before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:var(--ice);color:var(--navy);display:grid;place-items:center;font-size:12px;font-weight:700}.stores{margin-top:32px;display:flex;gap:10px;flex-wrap:wrap}.store{display:flex;align-items:center;height:52px;border-radius:10px;transition:transform .15s,opacity .15s}.store:hover{transform:translateY(-2px);opacity:.9}.store:focus-visible{outline:3px solid var(--ice);outline-offset:3px}.store img{display:block;height:48px;width:auto}.app__stage{position:relative;perspective:1600px;perspective-origin:50% 40%}.phone{--ry:-24deg;--rx:10deg;--rz:6deg;--ty:0px;position:absolute;left:50%;top:-110px;width:300px;height:620px;margin-left:-150px;transform-style:preserve-3d;transform:translateY(var(--ty)) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--rz));will-change:transform}.phone__layer{position:absolute;inset:0;border-radius:50px}.phone__edge{background:#2b2f36}.phone__edge:nth-child(1){transform:translateZ(-2px)}.phone__edge:nth-child(2){transform:translateZ(-4px)}.phone__edge:nth-child(3){transform:translateZ(-6px)}.phone__edge:nth-child(4){transform:translateZ(-8px)}.phone__edge:nth-child(5){transform:translateZ(-10px);background:#1b1e23}.phone__back{transform:translateZ(-12px) rotateY(180deg);background:linear-gradient(145deg,#3a3f47,#15181c)}.phone__front{background:#0d0f12;padding:11px;box-shadow:inset 0 0 0 2px #3a3f47}.phone__shadow{position:absolute;left:50%;top:440px;width:260px;height:40px;margin-left:-130px;border-radius:50%;background:#00000080;filter:blur(22px);transform:translate(var(--sx,0)) scaleX(var(--ss,1));pointer-events:none}.phone__glare{position:absolute;inset:11px;border-radius:40px;pointer-events:none;background:linear-gradient(115deg,#fff0 30%,#ffffff24 calc(var(--gl,50%)),#fff0 calc(var(--gl,50%) + 18%));z-index:3}.screen{position:relative;height:100%;border-radius:40px;background:#fff;overflow:hidden}.screen__img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.screen__notch{position:absolute;top:9px;left:50%;width:88px;height:24px;margin-left:-44px;background:#0d0f12;border-radius:999px;z-index:2}@media(max-width:900px){:root{--pad:20px}.app{padding:56px 0}.app__panel{grid-template-columns:1fr;min-height:0;overflow:hidden}.app__bg-img{background-position:78% 60%}.app__bg:after{background:linear-gradient(180deg,#1f2a44f2,#1f2a44d1,#1f2a4473)}.app__text{padding:36px 24px 0}.app__stage{height:440px}.phone{top:40px;transform:translateY(var(--ty)) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--rz)) scale(.78);transform-origin:50% 0}.phone__shadow{display:none}}@media(max-width:420px){.stores{flex-wrap:nowrap}.store{flex:1;min-width:0}.store img{height:auto;width:100%}}@media(prefers-reduced-motion:reduce){.phone{--ry:-16deg!important;--rx:6deg!important;--rz:4deg!important;--ty:0px!important}}@media(max-width:820px){.app__text{padding:32px 20px 0}.app__list{margin-top:20px;gap:10px}.stores{margin-top:24px}.app__stage{height:360px;overflow:hidden}.phone{transform:translateY(var(--ty)) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--rz)) scale(.68)}.app__stage{height:440px;overflow:visible}.phone{top:calc(50% - 310px);transform-origin:50% 50%;transform:translateY(calc(var(--ty) * .3)) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--rz)) scale(.52)}}