.app-sec{position:relative;isolation:isolate;margin-top:var(--sp);padding:var(--sp) var(--g) 0;background:var(--ink);color:var(--paper)}
.app-sec::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 2px,#000 0) 0 0/3px 3px,linear-gradient(transparent 2px,#000 0) 0 0/3px 3px,#262626;-webkit-mask:radial-gradient(ellipse 55% 70% at 72% 60%,#000 10%,transparent 80%);mask:radial-gradient(ellipse 55% 70% at 72% 60%,#000 10%,transparent 80%)}
.row:has(.band)+.app-sec{margin-top:0}
.app__t{font-size:var(--t-lead);line-height:var(--lh-t);font-weight:400}
.app__sub{margin-top:.45em;font-size:calc(var(--t-h)*.8);font-weight:600;line-height:var(--lh-t)}
.app{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:var(--sp);margin-top:var(--sp-h)}
.app>:first-child{align-self:start;padding-bottom:var(--sp)}
.app__links{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}
.app .btn{background:#262626;color:var(--paper)}
.app .btn:hover{background:#333}
.app__phone{position:relative;display:flex;justify-content:center;height:min(760px,78vh);overflow:hidden}
.pm{position:absolute;top:60px;width:min(420px,80%);aspect-ratio:9/19;padding:14px;border-radius:56px;background:#1b1b1b;box-shadow:inset 0 0 0 1px rgb(255 255 255/.14);transform:translateY(calc((1 - var(--py,.5))*80px))}
.pm__scr{height:100%;padding:58px 22px 22px;border-radius:44px;background:var(--paper);color:var(--ink);overflow:hidden}
.pm__top{margin-bottom:22px;font-size:14px;font-weight:600;text-align:center}
.pm__card{display:grid;padding:22px 22px 20px;border-radius:22px;background:var(--ink);color:var(--paper)}
.pm__card span,.pm__card small{font-size:13px;opacity:.65}
.pm__card b{margin-top:10px;font:600 72px/1 var(--sans);font-variant-numeric:tabular-nums}
.pm__card em{margin-bottom:18px;font-size:16px;font-style:normal}
.pm__bar{display:block;height:6px;margin-bottom:10px;border-radius:3px;background:rgb(255 255 255/.2);overflow:hidden}
.pm__bar i{display:block;width:0;height:100%;border-radius:3px;background:var(--paper);transition:width 1.4s cubic-bezier(.2,0,0,1) .2s}
.is-in .pm__bar i{width:var(--p)}
.pm__act{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 24px}
.pm__act span{padding:12px 6px;border:1px solid var(--ink);border-radius:12px;font-size:13px;font-weight:600;text-align:center}
.pm__h{margin-bottom:10px;font-size:14px;font-weight:600}
.pm__rw li{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgb(0 0 0/.1);opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s cubic-bezier(.2,0,0,1);transition-delay:calc(.6s + var(--k)*.15s)}
.is-in .pm__rw li{opacity:1;transform:none}
.pm__rw img{width:52px;height:52px;border-radius:10px;background:#f3f3f3;object-fit:contain}
.pm__rw span{display:grid;font-size:12px;opacity:.75}
.pm__rw b{font-size:15px;color:var(--ink)}
.pm__rw em{padding:6px 10px;border-radius:20px;background:var(--ink);color:var(--paper);font-size:12px;font-style:normal;font-weight:600}
.pm__rw li:last-child em{background:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
@media (prefers-reduced-motion:reduce){.pm{transform:none}.pm__bar i{transition:none}.pm__rw li{opacity:1;transform:none;transition:none}}
@media (max-width:690px){
  .app-sec{text-align:center}
  .app-sec::before{-webkit-mask:radial-gradient(ellipse 90% 40% at 50% 75%,#000,transparent 80%);mask:radial-gradient(ellipse 90% 40% at 50% 75%,#000,transparent 80%)}
  .app{grid-template-columns:1fr;gap:var(--sp-h)}
  .app>:first-child{padding-bottom:0}
  .app .prose{margin-inline:auto}
  .app__links{justify-content:center;margin-top:30px}
  .app__phone{height:560px}
  .pm{top:30px;width:290px;padding:10px;border-radius:44px}
  .pm__scr{padding:44px 16px 16px;border-radius:36px}
  .pm__card b{font-size:52px}
}