/* W47: real client programmes, stable choice and a readable trust block. */
.hero-lead{max-width:740px}
.hero-controls{justify-content:space-between}
.hero-controls .sector-controls button{min-height:44px;padding:9px 19px;font-size:13px}
.hero-controls .other-sectors{font-size:11px}
.hero-demo{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;background:#f7f7f5;border:1px solid #e6e6e3;border-radius:16px;padding:30px 70px;text-align:left;min-height:490px}
.hero-demo-story{max-width:460px}
.hero-client-logo{width:auto;height:46px;max-width:166px;object-fit:contain;object-position:left center;margin-bottom:21px}
.hero-demo[data-hero-sector=beauty] .hero-client-logo{height:35px;margin-bottom:32px}
.hero-demo[data-hero-sector=retail] .hero-client-logo{height:42px;margin-bottom:25px;padding:8px 13px;background:#4e3115;border-radius:3px}
.hero-program-kind{font-size:11px;color:#62626d;margin-bottom:12px}
.hero-demo h2{font-size:43px;line-height:1.08;letter-spacing:-.04em}
.hero-demo-description{font-size:14px;color:#62626d;line-height:1.65;margin-top:18px;max-width:370px}
.hero-mechanic{border-top:1px solid #dddeda;margin-top:27px;padding-top:19px}
.hero-state-label{font-size:14px;color:#252532;min-height:23px}
.hero-state-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.hero-state-controls button{padding:9px 14px;min-height:42px;border:1px solid #cfcfd2;border-radius:6px;font-size:12px;background:#fff}
.hero-state-controls button[aria-pressed=true],.hero-state-controls .hero-step-next{color:white;background:#171725;border-color:#171725}
.hero-state-controls button:disabled{opacity:.5;cursor:default}
.hero-state-controls .hero-step-replay{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px}
.hero-state-hint{font-size:11px;line-height:1.6;color:#696973;margin-top:11px;max-width:350px}
.hero-demo-device{display:flex;justify-content:center;align-items:center}
.hero-wallet-open{display:block;padding:0;border-radius:16px;min-width:0}
.hero-wallet-open .case-phone{display:block;width:207px;aspect-ratio:442/914}
.hero-enlarge{display:flex;justify-content:space-between;font-size:10px;margin-top:10px;color:#676770}
.hero-wallet-open:focus-visible,.hero-state-controls button:focus-visible,.sector-controls button:focus-visible{outline:2px solid #393943;outline-offset:4px;box-shadow:3px 0 0 #00e5ff}
.client-proof{padding-top:48px}
.client-proof-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:0 0 27px}
.client-proof-numbers p{text-align:center;padding-inline:15px}
.client-proof-numbers p+p{border-left:1px solid #dfdfdf}
.client-proof-numbers strong{display:block;font:700 clamp(38px,4.4vw,61px)/1.1 FixelDisplay,sans-serif;letter-spacing:-.045em;white-space:nowrap}
.client-proof-numbers span{display:block;font-size:13px;color:#62626d;margin-top:10px}
.client-proof-origin{text-align:center;font-size:12px;color:#777780;padding-bottom:32px;margin-bottom:30px;border-bottom:1px solid #dfdfdf}
.client-item[data-client=jenom-kytky].is-highlighted .client-art{background:#4e3115}
.client-item[data-client=jenom-kytky] .client-art{padding-inline:17px}
.client-caption{min-height:42px;display:flex;align-items:center;justify-content:center}
@media(min-width:761px) and (max-height:850px){.hero-demo{min-height:395px;padding-block:22px}.hero-wallet-open .case-phone{width:168px}.hero-demo h2{font-size:35px}.hero-client-logo{height:35px;margin-bottom:14px}.hero-demo-description{font-size:13px;margin-top:12px}.hero-mechanic{margin-top:19px;padding-top:13px}.hero-demo[data-hero-sector=beauty] .hero-client-logo,.hero-demo[data-hero-sector=retail] .hero-client-logo{margin-bottom:16px}.hero-demo{gap:35px}}
@media(max-width:1050px){.hero-demo{padding-inline:42px;gap:30px}.hero-demo h2{font-size:38px}}
@media(max-width:760px){.hero-demo{padding:30px;gap:24px;min-height:440px;grid-template-columns:1.2fr 1fr}.hero-demo h2{font-size:32px}.hero-demo-description{font-size:12px}.hero-wallet-open .case-phone{width:178px}.hero-state-controls button{font-size:11px;padding-inline:10px}.hero-controls .other-sectors{display:none}.hero-controls .sector-controls button{font-size:12px;padding-inline:18px}.client-proof-numbers{gap:0}.client-proof-numbers strong{font-size:39px}.client-proof-numbers span{font-size:11px}.hero-client-logo{height:36px}}
@media(max-width:540px){.hero-demo{grid-template-columns:1fr;padding:26px 23px;gap:27px}.hero-demo-story{max-width:none}.hero-demo h2{font-size:33px}.hero-demo h2 br{display:none}.hero-demo-description{font-size:13px;max-width:100%;margin-top:12px}.hero-client-logo{height:35px;margin-bottom:17px}.hero-demo[data-hero-sector=beauty] .hero-client-logo,.hero-demo[data-hero-sector=retail] .hero-client-logo{margin-bottom:19px;height:30px}.hero-wallet-open .case-phone{width:204px}.hero-mechanic{margin-top:18px;padding-top:16px}.hero-state-hint{font-size:10px}.hero-controls{justify-content:center}.hero-controls .sector-controls button{font-size:11px;padding-inline:13px;min-height:43px}.hero-lead{max-width:365px}.client-proof{padding-top:32px}.client-proof-numbers{padding-bottom:20px;gap:0}.client-proof-numbers p{padding-inline:8px}.client-proof-numbers strong{font-size:31px}.client-proof-numbers span{font-size:10px;line-height:1.5;margin-top:9px}.client-proof-origin{font-size:10px;padding-bottom:24px;margin-bottom:24px}.client-caption{font-size:9px;min-height:41px}}
@media(max-width:360px){.hero-controls .sector-controls button{padding-inline:10px}.hero-demo{padding-inline:19px}.hero-wallet-open .case-phone{width:190px}.hero-demo h2{font-size:29px}.client-proof-numbers strong{font-size:27px}.client-proof-numbers span{font-size:9px}}
@media(max-width:540px){.hero-demo{gap:12px}.hero-demo-story{display:contents}.hero-client-logo{order:0;margin-bottom:3px}.hero-program-kind{order:1;margin:0}.hero-demo h2{order:2;margin-top:3px}.hero-demo-description{order:3;margin-top:0}.hero-demo-device{order:4;margin-top:8px}.hero-mechanic{order:5;margin-top:4px}.hero-demo[data-hero-sector=beauty] .hero-client-logo,.hero-demo[data-hero-sector=retail] .hero-client-logo{margin-bottom:3px}}
@media(prefers-reduced-motion:reduce){.hero-wallet-open img.is-changing{animation:none}}