.alt-steps{padding-top:55px;padding-bottom:35px}
.alt-steps h2,.ok-showcase h2{font-size:clamp(30px,8.5vw,42px);line-height:1.12;letter-spacing:-.035em;color:#fff;margin:0}
.alt-subtitle{font-size:16px;line-height:1.65;color:#b9aec9;margin:24px 0 30px}
.alt-step-list{display:grid;gap:12px}
.alt-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:19px;padding:25px 21px;background:#241c31;border:1px solid #ffffff04;border-radius:25px;min-height:145px;align-items:start}
.alt-step-icon{display:grid;place-items:center;width:48px;height:48px;background:#332842;border-radius:16px}
.alt-step-icon svg{width:24px;height:24px;fill:none;stroke:#c5a8fb;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.alt-step h3{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:1px 0 12px;color:#fff}
.alt-step p{font-size:15px;line-height:1.5;margin:0;color:#b9aec9}
.ok-showcase{background:linear-gradient(145deg,#282032,#1c1626);padding:38px 24px 0;margin-top:0}
.ok-showcase-intro{margin:25px 0 28px;font-size:16px}
.ok-showcase .button{border-radius:13px;background:#9b6be8;color:#fff;padding:17px 22px;min-height:59px}
.ok-showcase-scene{height:525px;margin-top:34px}
.ok-showcase-halo{display:none}
.ok-showcase-phone{width:265px;max-width:91%;height:490px;transform:none;animation:none;border:3px solid #8c5ad2;border-radius:34px;box-shadow:0 18px 32px #0004;padding:5px}
.ok-showcase-screen{border-radius:26px}
.ok-closing{padding:35px 25px 155px;background:linear-gradient(135deg,#8b51d9,#6934b6);min-height:430px;margin-top:28px}
.ok-closing h2{max-width:none;font-size:clamp(33px,9vw,44px);line-height:1.12}
.ok-closing p{font-size:17px;line-height:1.6;margin:28px 0 26px}
.ok-closing .button{border-radius:13px;padding:17px 22px;font-size:14px;gap:24px}
.ok-closing-symbol{top:auto;bottom:-28px;right:-15px;width:150px;height:150px;border:1px solid #ffffff12;border-radius:24px;background:#ffffff08;display:grid;place-items:center;font-size:110px;transform:rotate(14deg);color:#ffffff16}
@media(min-width:761px){.alt-steps{max-width:800px}.ok-showcase{display:block}.ok-showcase-scene{margin-top:34px}}
@media(max-width:360px){.alt-step{padding:22px 17px;gap:14px}.alt-step h3{font-size:20px}.alt-step p{font-size:14px}}
.alt-step{background:#2b211b}
.alt-step-icon{background:#3d2c21}
.alt-step-icon svg{stroke:#ff7629}
.alt-subtitle,.alt-step p,.ok-showcase-intro{color:#c0b1a8}
.ok-showcase{background:linear-gradient(145deg,#2b211b,#16121a)}
.ok-showcase .button{background:#ff7629;color:#fff}
.ok-showcase-phone{border-color:#ff7629}
.ok-closing{background:linear-gradient(135deg,#f87725,#cd451a)}
.ok-showcase-screen img{top:0;left:0;width:100%;height:100%;object-view-box:none;object-fit:cover;object-position:center}
.ok-showcase-scene{height:auto;min-height:0;padding-bottom:30px;margin-top:28px;align-items:flex-start}
.ok-showcase-scene .ok-complete-phone{display:block;width:290px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 16px 18px #0003)}.ok-closing{container-type:inline-size}
.ok-closing .closing-single-line{display:block;white-space:nowrap;font-size:min(1em,10cqw);letter-spacing:-.025em}

html{scroll-behavior:smooth}
#okko-app-preview{scroll-margin-top:20px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.ok-closing a.button,
.ok-closing a.button:hover,
.ok-closing a.button:focus,
.ok-closing a.button:visited,
.ok-closing a.button span{text-decoration:none}