.phone{background:#1a1a1f;border-radius:46px;width:min(300px,72vw);margin:0;padding:9px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 30px 60px -20px #10101473}.phone img{border-radius:37px;width:100%;display:block}.phone:after{content:"";background:#000;border-radius:12px;width:30%;height:24px;position:absolute;top:19px;left:50%;transform:translate(-50%)}.hero{padding-block:40px 72px;overflow:hidden}.hero-grid{gap:48px;display:grid}.hero h1{letter-spacing:-.04em;max-width:13ch;margin-bottom:20px;font-size:clamp(2.5rem,1.2rem + 5.2vw,4.6rem);line-height:1.02}.hero-visual{justify-items:center;padding-top:28px;display:grid;position:relative}.hero-visual:before{content:"";aspect-ratio:1;background:var(--red);border-radius:50%;width:min(460px,100%);position:absolute;top:12%}.pushes{gap:8px;width:min(340px,94%);margin:0;padding:0;list-style:none;display:grid;position:absolute;top:88px;left:50%;transform:translate(-50%)}.push{background:var(--push);-webkit-backdrop-filter:blur(16px);animation:push-in .55s var(--ease) both;border-radius:18px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.875rem;line-height:1.35;animation-delay:.5s;display:flex;box-shadow:0 12px 30px -8px #10101459}.push+.push{animation-delay:1.4s}.push img{background:#fff;border-radius:7px;flex:none;padding:4px 3px}.push b{display:block}@keyframes push-in{0%{opacity:0;transform:translateY(-16px)scale(.97)}}@media (prefers-reduced-motion:reduce){.push{animation:none}}@media (width>=900px){.hero{padding-block:64px 96px}.hero-grid{grid-template-columns:1.15fr 1fr;align-items:center}}.stores{margin-top:32px}.stores-soon{margin:0 0 8px;font-size:.9375rem;font-weight:700}.stores-row{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.stores-row img{display:block}.band{background:var(--card);border-block:1px solid var(--line);padding-block:56px}.time{align-items:center;gap:32px;display:grid}.time p{color:var(--ink-2);max-width:32em;margin:16px 0 0}.bars{gap:28px;margin:0;display:grid}.bar{grid-template-columns:1fr auto;align-items:baseline;gap:4px 16px;display:grid}.bar dt{color:var(--ink-2);font-weight:600}.bar dd{margin:0;font-weight:800}.bar:after{content:"";border-radius:9px;grid-column:1/-1;height:18px}.bar-old:after{background:repeating-linear-gradient(-45deg, var(--stripe) 0 8px, transparent 8px 14px);width:100%}.bar-new:after{background:var(--red);width:20%}.bar-new dd{color:var(--accent)}@media (width>=900px){.time{grid-template-columns:1fr 1.1fr;gap:64px}}.how{padding-block:80px}.how-grid{justify-items:center;gap:48px;display:grid}.how-grid>div{width:100%}.steps{counter-reset:step;gap:28px;margin:32px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;padding-left:60px;position:relative}.steps li:before{content:counter(step);border:2px solid var(--red);width:42px;height:42px;color:var(--accent);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:-4px;left:0}.steps h3{font-size:1.25rem}.steps p{color:var(--ink-2);margin:6px 0 0}@media (width>=900px){.how-grid{grid-template-columns:auto 1fr;align-items:center;gap:80px}}.vendor{background:var(--vendor);color:#e6efed;padding-block:72px;overflow:hidden}.vendor h2{color:#fff;margin-bottom:16px}.vendor .lead{color:#b8cbc7}.vendor-grid{gap:56px;display:grid}.app-name{color:var(--vendor-green);margin:0 0 12px;font-weight:800}.checks{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.checks li{padding-left:34px;position:relative}.checks li:before{content:"";border:solid var(--vendor-green);border-width:0 3px 3px 0;width:7px;height:13px;position:absolute;top:.3em;left:6px;transform:rotate(45deg)}.vendor .stores-row img[src$=\.svg]{border-radius:7px;outline:1px solid #ffffff40}.vendor-visual{justify-items:start;padding-right:24%;display:grid}.vendor-visual .phone{z-index:1;grid-area:1/1;align-self:start;width:min(270px,64vw)}.vendor-visual .phone-back{z-index:0;opacity:.9;justify-self:end;margin-top:48px;margin-right:-32%}@media (width<=599px){.vendor-visual{justify-items:center;padding-right:0}.vendor-visual .phone-back{display:none}}@media (width>=900px){.vendor-grid{grid-template-columns:1fr 1fr;align-items:center}}.facts{padding-block:72px}.facts-grid{gap:28px;margin-top:32px;display:grid}.facts-grid>div{border-top:2px solid var(--ink);padding-top:20px}.facts h3{font-size:1.1875rem}.facts p{color:var(--ink-2);margin:8px 0 0}@media (width>=600px){.facts-grid{grid-template-columns:repeat(3,1fr)}}
