/* ===== /app/ page ===== */
.app-pg{background:#fff}
.ap-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#17163f 0%,#2b1d8f 55%,#5b3df5 100%);color:#fff;padding:64px 0 80px}
.ap-glow{position:absolute;border-radius:50%;pointer-events:none}
.ap-glow.g1{width:520px;height:520px;background:radial-gradient(circle,rgba(255,194,26,.30),rgba(255,194,26,0) 68%);top:-220px;left:-140px}
.ap-glow.g2{width:560px;height:560px;background:radial-gradient(circle,rgba(0,212,180,.22),rgba(0,212,180,0) 68%);bottom:-300px;right:-120px}
.ap-hero-in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.ap-kicker{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:6px 16px;border-radius:99px;font-weight:800;font-size:13px;color:#ffe38a}
.ap-copy h1{font-size:clamp(30px,4.2vw,50px);line-height:1.45;margin:16px 0 12px;color:#fff;font-weight:900}
.ap-copy mark{background:linear-gradient(transparent 62%,rgba(255,194,26,.9) 0);color:inherit;padding-inline:4px}
.ap-lead{color:#dcd7ff;font-size:16.5px;line-height:2;max-width:560px;margin:0 0 22px}
.ap-dl{display:flex;flex-wrap:wrap;gap:12px}.ap-dl.center{justify-content:center;margin-top:20px}
.ap-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 22px;border-radius:18px;min-width:230px;color:#fff;transition:transform .25s,box-shadow .25s;border:1px solid rgba(255,255,255,.28)}
.ap-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}
.ap-btn svg{flex:none}.ap-btn span{display:flex;flex-direction:column;line-height:1.5;text-align:start}.ap-btn small{font-size:11.5px;opacity:.85;font-weight:600}.ap-btn b{font-size:17px;font-weight:900}
.ap-and{background:linear-gradient(135deg,#0f9b6a,#12b886)}.ap-ios{background:linear-gradient(135deg,#111,#2c2c3a)}
.ap-btn.sm{min-width:0;padding:9px 20px;border-radius:14px}.ap-btn.sm b{font-size:14.5px}
.ap-trust{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;color:#cfc9ff;font-size:13.5px;font-weight:700}
.ap-trust li::before{content:"✓";color:#ffc21a;margin-inline-end:6px;font-weight:900}
/* phones */
.ap-phones{position:relative;height:470px}
.ap-ph{position:absolute;width:224px;aspect-ratio:9/19;border-radius:36px;background:#0d0c26;border:6px solid #2f2d73;box-shadow:0 40px 70px -30px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden}
.ap-ph1{inset-inline-start:6%;top:6px;transform:rotate(-5deg);animation:apFloat 6s ease-in-out infinite}
.ap-ph2{inset-inline-end:6%;top:56px;transform:rotate(6deg);animation:apFloat 7s ease-in-out infinite reverse}
@keyframes apFloat{50%{translate:0 -12px}}
.ph-notch{position:absolute;top:8px;left:50%;translate:-50% 0;width:70px;height:18px;border-radius:99px;background:#000;z-index:2}
.ph-scr{padding:34px 12px 12px;height:100%;display:flex;flex-direction:column;gap:9px;background:linear-gradient(180deg,#f6f4ff,#fff);color:#17163f}
.ph-top{display:flex;align-items:center;gap:8px}.ph-top i{width:30px;height:30px;border-radius:50%;background:#5b3df5;color:#fff;font-style:normal;font-weight:800;display:grid;place-items:center;font-size:13px}.ph-top b{display:block;font-size:12.5px}.ph-top small{color:#8f8dbf;font-size:10px}
.ph-card{background:#fff;border:1px solid #ece8fb;border-radius:14px;padding:9px 10px;box-shadow:0 6px 16px -12px rgba(43,29,143,.5)}
.ph-prog{display:flex;align-items:center;gap:10px}.ph-prog b{font-size:12px;display:block}.ph-prog small{font-size:10px;color:#6b6a8f}
.ph-ring{width:44px;height:44px;border-radius:50%;background:conic-gradient(#5b3df5 23%,#ece8ff 0);display:grid;place-items:center;position:relative;flex:none}.ph-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.ph-ring b{position:relative;font-size:10px}
.ph-row{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;padding:5px 0;border-top:1px solid #f1effb}.ph-row:first-child{border-top:0}
.ph-row em{font-style:normal;font-weight:800;font-size:9.5px;padding:2px 8px;border-radius:99px}.ph-row .ok{background:#e4f7ee;color:#0f7a54}.ph-row .late{background:#fff3d1;color:#b45309}
.ph-btn{margin-top:auto;background:linear-gradient(135deg,#5b3df5,#7c5cff);color:#fff;text-align:center;border-radius:14px;padding:9px;font-weight:800;font-size:12px}
.ph-bub{max-width:88%;padding:8px 10px;border-radius:14px;font-size:10.5px;line-height:1.7}
.ph-bub.me{align-self:flex-start;background:#5b3df5;color:#fff;border-end-start-radius:4px}.ph-bub.them{align-self:flex-end;background:#fff;border:1px solid #ece8fb;border-end-end-radius:4px}
.ph-bub .wave{display:block;height:16px;border-radius:99px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.95) 0 2px,transparent 2px 5px);-webkit-mask:linear-gradient(90deg,#000 0,#000 100%);margin-bottom:4px;opacity:.9}
.ph-bub small{font-size:9px;opacity:.85}
.ph-input{margin-top:auto;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #ece8fb;border-radius:99px;padding:6px 8px 6px 12px;font-size:10px;color:#9a98c4}.ph-input i{width:22px;height:22px;border-radius:50%;background:#5b3df5}
.ap-chip{position:absolute;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-weight:800;font-size:12px;padding:7px 14px;border-radius:99px;box-shadow:0 12px 30px -16px rgba(0,0,0,.6)}
.ap-chip.c1{top:34%;inset-inline-end:-2%}.ap-chip.c2{bottom:8%;inset-inline-start:-1%}
/* sections */
.ap-sec{padding:70px 0 6px}
.ap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.ap-grid article{background:#faf9ff;border:1px solid #ece8fb;border-radius:24px;padding:22px;transition:.3s}
.ap-grid article:hover{transform:translateY(-4px);box-shadow:0 22px 44px -30px rgba(91,61,245,.7);background:#fff}
.ap-grid .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#5b3df5,#8b6cff);color:#fff;margin-bottom:12px}
.ap-grid h3{font-size:17px;font-weight:900;margin:0 0 6px;color:#17163f}.ap-grid p{font-size:14px;line-height:1.95;color:#6b6a8f;margin:0}
.ap-install{padding-bottom:30px}
.ap-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.ap-col{background:linear-gradient(160deg,#f6f4ff,#fff);border:1px solid #ece8fb;border-radius:26px;padding:26px}
.ap-col h3{font-size:20px;font-weight:900;margin:0 0 12px}
.ap-col ol{margin:0 0 16px;padding-inline-start:20px;display:grid;gap:10px;font-size:14.5px;line-height:1.95;color:#34335c}
.ap-col li::marker{color:#5b3df5;font-weight:900}
.ap-cta{margin:60px 0 0;padding:56px 0;background:linear-gradient(135deg,#17163f,#2b1d8f);color:#fff;text-align:center}
.ap-cta h2{color:#fff;font-size:clamp(22px,3vw,34px);max-width:760px;margin:0 auto}
@media(max-width:900px){.ap-hero-in{grid-template-columns:1fr}.ap-phones{height:430px;max-width:420px;margin:10px auto 0;width:100%}.ap-grid{grid-template-columns:1fr 1fr}.ap-cols{grid-template-columns:1fr}.ap-copy{text-align:center}.ap-lead{margin-inline:auto}.ap-dl,.ap-trust{justify-content:center}}
@media(max-width:560px){.ap-hero{padding:40px 0 56px}.ap-btn{width:100%;min-width:0}.ap-grid{grid-template-columns:1fr}.ap-ph{width:176px}.ap-phones{height:380px}.ap-chip{font-size:11px;padding:5px 10px}}
@media(prefers-reduced-motion:reduce){.ap-ph{animation:none}}

.ap-help{margin:14px 0 4px;padding:12px 14px;border-radius:14px;background:rgba(255,194,26,.14);border:1px solid rgba(255,194,26,.45);font-size:13.5px;line-height:1.9;color:inherit;max-width:520px}.ap-help b{font-weight:800}@media(max-width:900px){.ap-help{margin-inline:auto;text-align:right}}