body{background:#f4eee5;color:#292929;font-family:Onest,Arial,sans-serif}.how-shell{width:calc(100% - 64px);max-width:1100px;margin:auto}.how-hero{text-align:center;padding:68px 24px 40px}.how-hero h1{font-size:64px;line-height:1.04;letter-spacing:-.06em;font-weight:700;max-width:1000px;margin:0 auto 18px}.how-hero p{max-width:570px;font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0 auto 16px}.how-demo,.learn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:13px 22px;border:0;border-radius:16px;background:#22461e;color:white;font:600 14px Onest,Arial;cursor:pointer;text-decoration:none;transition:background .2s}.how-demo:hover{background:#32632c}.how-steps{border-radius:56px 56px 0 0;background:white;padding:48px 0 76px}.how-step{display:grid;grid-template-columns:1fr 1fr;gap:120px;margin-bottom:70px}.how-step:last-child{margin-bottom:0}.step-info{display:grid;grid-template-columns:60px 1fr;gap:16px;position:relative}.step-info:after{content:'';position:absolute;left:28px;top:72px;bottom:-50px;border-left:2px dashed #e2e1de}.how-step:last-child .step-info:after{display:none}.step-number{font-size:40px;font-weight:650;letter-spacing:-.055em;line-height:1.07}.step-info h2{font-size:40px;line-height:1.06;letter-spacing:-.055em;font-weight:650;margin:0 0 12px}.step-info p{font-size:17px;line-height:1.35;margin:0 0 22px;color:#484946}.learn{background:#f5f5f3;color:#292929}.learn:hover{background:#e9e9e5}.step-visual{aspect-ratio:1;border-radius:28px;position:relative;overflow:hidden;background:#e4dfd2}.scene{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.search-widget{position:absolute;left:13%;top:17%;width:74%;padding:22px;background:#efede6ed;backdrop-filter:blur(14px);border-radius:24px;box-shadow:0 10px 25px #0001}.search-line{font-size:12px;border:1px solid #bdbbb6;border-radius:24px;padding:10px;white-space:nowrap;overflow:hidden}.search-placeholder{height:45px;margin-top:22px;background:linear-gradient(90deg,#cccac4 24%,transparent 24% 30%,#d4d2cb 30%);opacity:.5;border-radius:10px}.search-placeholder.short{width:85%}.search-result{background:white;padding:12px;margin:22px -6px -10px;display:flex;gap:12px;border-radius:16px}.search-result img{width:48px;object-fit:contain}.search-result b,.search-result span,.search-result em{display:block;font-size:11px}.search-result span{font-size:9px;margin:5px 0}.search-result em{font-style:normal;color:#25601f}.browser-window{position:absolute;left:10%;top:9%;width:110%;height:100%;border-radius:16px;overflow:hidden;background:white;box-shadow:0 10px 30px #0003}.browser-window>img{width:100%;display:block}.browser-bar{height:30px;display:flex;gap:4px;align-items:center;padding:10px;background:#fafafa;font-size:9px}.browser-bar i{width:5px;height:5px;background:#bbb;border-radius:50%}.browser-bar span{margin:auto}.device{background:#151515;border:3px solid #595a57;border-radius:34px;padding:5px;overflow:hidden;box-shadow:0 20px 45px #0005}.device img{width:100%;display:block;border-radius:26px}.visual-app .scene{filter:brightness(.55) blur(2px)}.visual-app .device{position:absolute;width:53%;left:24%;top:8%;transform:rotate(9deg)}.workflow{position:absolute;top:8%;left:12%;width:82%;background:#f9f9f5f2;padding:20px;border-radius:18px;box-shadow:0 10px 40px #0003}.flow-top{font-size:12px;font-weight:600;margin-bottom:18px}.flow-node{background:white;border:1px solid #dcded6;border-radius:10px;padding:12px;font-size:12px}.flow-node small{display:block;color:#7e8277;font-size:10px;margin-bottom:5px}.flow-node p{font-size:11px;margin:4px 0 0}.flow-node.final{border-color:#80a36e}.flow-line{display:block;height:18px;width:1px;background:#a6b596;margin:auto}.how-bottom{position:relative;background:linear-gradient(120deg,#133c20,#35652b);border-radius:32px;min-height:440px;overflow:hidden;padding:64px;margin-top:64px;color:white}.bottom-copy{position:relative;z-index:1;max-width:60%}.bottom-copy h2{font-size:48px;line-height:1.05;letter-spacing:-.05em;margin:0 0 40px}.bottom-copy .how-demo{background:white;color:#292929}.bottom-phone{position:absolute;width:300px;right:45px;top:50px;transform:rotate(8deg)}.how-footer{display:flex;align-items:center;gap:32px;padding:60px 0;font-size:13px}.how-footer img{width:72px}.how-footer a{margin-left:auto}.how-demo:focus-visible,.learn:focus-visible{outline:3px solid #8cbd25;outline-offset:4px}@media(max-width:1000px){.how-step{gap:50px}.step-info h2{font-size:32px}.step-info{grid-template-columns:48px 1fr;gap:12px}.step-number{font-size:32px}}@media(max-width:700px){.how-shell{width:calc(100% - 40px)}.how-hero{padding:40px 20px 28px}.how-hero h1{font-size:42px}.how-hero h1 br{display:none}.how-hero p{font-size:16px;line-height:1.4}.how-steps{border-radius:32px 32px 0 0;padding:32px 0 56px}.how-step{grid-template-columns:1fr;gap:30px;margin-bottom:56px}.step-info:after{display:none}.step-info h2{font-size:32px}.step-info p{font-size:16px}.how-bottom{padding:32px;min-height:650px;margin-top:32px}.bottom-copy{max-width:100%}.bottom-copy h2{font-size:36px}.bottom-phone{top:330px;width:240px;right:calc(50% - 120px)}.how-footer{padding:40px 0}.workflow{padding:16px}.flow-node{padding:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.how-push{background:radial-gradient(ellipse at 4% 0%,#b0a7ff 0,transparent 57%),linear-gradient(125deg,#a8c4ff 10%,#1d579c 100%)}.how-push .push-frame{position:absolute;left:50%;top:24px;width:350px;transform:translateX(-50%) scale(var(--phone-scale,.9));transform-origin:top center}.how-push .push-phone{width:350px;max-width:none;margin:0}.how-push .push-message img{position:static}.how-push .iphone-lock strong{color:white}

.visual-search .scene{object-position:28% center}.menu-screenshot{position:absolute;left:16%;right:0;top:auto;bottom:0;border-radius:16px;overflow:hidden;border:1px solid #d5d5cf;background:white;box-shadow:0 18px 40px #0004}.menu-screenshot img{display:block;width:100%;height:auto}

.visual-order{background:transparent;display:flex;align-items:center;justify-content:center;overflow:visible}.visual-order .cart-screenshot{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center;border-radius:24px}

.visual-admin{display:flex;align-items:center;background:#e8ecdf;padding:24px;box-sizing:border-box}.visual-admin img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 16px 36px #142a1926}

.yandex-visual{container-type:inline-size;background:#bd9c7d}.yandex-visual>.scene{filter:brightness(.72);object-position:center}.yandex-panel{position:absolute;inset:12% 8%;padding:6%;border-radius:7cqw;background:rgba(248,245,240,.94);box-shadow:0 18px 45px #0002;box-sizing:border-box;font-family:Arial,sans-serif}.yandex-query{display:flex;align-items:center;gap:3cqw;padding:1.5cqw 2cqw;background:white;border:2px solid #ffcf38;border-radius:8cqw;font-size:3.4cqw;color:#171717}.yandex-logo{display:grid;place-items:center;width:7cqw;height:7cqw;background:#fc523e;border-radius:50%;font-size:5.4cqw;color:white;flex-shrink:0}.yandex-glass{margin-left:auto;font-size:5cqw}.yandex-tabs{display:flex;gap:3cqw;align-items:center;font-size:2.3cqw;color:#8c8b87;padding:3cqw 1cqw}.yandex-tabs b{color:#222}.yandex-result{background:white;border-radius:3cqw;padding:4cqw;box-shadow:0 8px 20px #33220d12}.yandex-brand{display:flex;align-items:center;gap:2cqw;font-size:2.5cqw;color:#262626;margin-bottom:2.5cqw}.yandex-brand img{width:6cqw;height:6cqw;object-fit:contain}.yandex-brand small{display:block;color:#427838;font-size:2.3cqw;margin-top:.6cqw}.yandex-result>strong{font-size:3.4cqw;line-height:1.2;color:#13079b;font-weight:500}.yandex-result p{font-size:2.5cqw;line-height:1.4;margin:2cqw 0;color:#454545}.yandex-links{font-size:2.4cqw;color:#13079b}.yandex-muted{display:flex;gap:3cqw;margin-top:4cqw;opacity:.3}.yandex-muted i{width:9cqw;height:9cqw;background:#aaa69f;border-radius:2cqw}.yandex-muted div{flex:1;padding-top:1cqw}.yandex-muted b,.yandex-muted span{display:block;height:1.7cqw;background:#aaa69f;border-radius:2cqw;margin-bottom:1.5cqw;width:80%}.yandex-muted span{height:1.1cqw;width:65%}.yandex-muted.second{opacity:.15}

.yandex-panel{inset:9% 8%;padding:5%;overflow:hidden}.yandex-result{padding:3cqw}.yandex-muted{margin-top:3cqw}.yandex-muted i{width:7cqw;height:7cqw}