/* Main catalog invitation. Scoped to preserve the rest of the storefront. */
.hero.hero-redesign{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:0 24px;align-items:center;max-width:1240px;margin:28px auto 0;padding:44px 48px 0;min-height:480px;background:linear-gradient(115deg,#f0f3fa 0%,#f1f4fb 48%,#e7edfc 100%);border:1px solid #e5eaf5;border-radius:28px;isolation:isolate}
.hero.hero-redesign:before{width:540px;height:540px;right:-220px;top:-300px;background:#d8e2fc;opacity:.65;pointer-events:none}
.hero-redesign .hero-copy{align-self:center;padding-bottom:34px;max-width:540px;z-index:3}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;background:#ffffffba;border:1px solid #dfe6f5;border-radius:30px;font-size:10px;font-weight:600;color:#516a9b;letter-spacing:.04em;margin-bottom:20px}
.hero-kicker>span{height:6px;width:6px;border-radius:50%;background:#5278df;box-shadow:0 0 0 3px #e6ecfc}
.hero.hero-redesign h1{font-size:clamp(36px,3.7vw,52px);line-height:1.12;font-weight:750;letter-spacing:-1.9px;color:#1d2c44;margin:0}
.hero.hero-redesign h1 em{font-style:normal;color:#315ed4}
.hero.hero-redesign .hero-description{font-size:14px;line-height:1.8;color:#64718a;max-width:400px;margin-top:20px}
.hero-actions{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}
.hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:15px 20px;background:#315ed4;color:#fff;font-size:13px;font-weight:650;border:1px solid #315ed4;border-radius:12px;box-shadow:0 6px 14px #315ed41a;transition:background .2s,transform .2s,box-shadow .2s}
.hero-primary .icon{height:17px;width:17px;transition:transform .2s}
.hero-primary:hover{background:#244db9;box-shadow:0 8px 20px #315ed429;transform:translateY(-2px)}
.hero-primary:hover .icon{transform:translateX(3px)}
.hero-secondary{display:inline-flex;align-items:center;gap:5px;color:#5b6b84;font-size:11px;font-weight:550;padding:10px 0}
.hero-secondary .icon{height:14px;width:14px}.hero-secondary:hover{color:#315ed4}
.hero-benefits{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px;color:#68778e;font-size:10px}
.hero-benefits>span{display:inline-flex;align-items:center;gap:6px}.hero-benefits .icon{height:14px;width:14px;color:#5d789f}
.hero-redesign .hero-visual{height:365px;width:auto;min-width:0;position:relative;transform:none;margin:0;z-index:2;align-self:center}
.hero-halo{width:305px;height:305px;border:1px solid #cad8f5;border-radius:50%;position:absolute;top:20px;left:5px;box-shadow:0 0 0 23px #e2eafa80,0 0 0 47px #e5ecf870}
.hero-phone-stage{position:absolute;left:22px;top:22px;width:218px;height:300px;padding:17px;background:#fff;border:1px solid #e2e8f4;border-radius:26px;box-shadow:0 18px 34px #304e8c14;transform:rotate(-9deg)}
.hero-redesign .hero-phone{position:static;left:auto;top:auto;width:100%;height:100%;transform:none}
.hero-redesign .hero-phone .phone-media{display:block;width:100%;height:100%}.hero-redesign .hero-phone .product-photo{object-fit:contain;mix-blend-mode:normal}
.hero-redesign .hero-phone .photo-model-note{font-size:7px;bottom:0}
.hero-example{position:absolute;right:-4px;top:84px;width:270px;padding:19px 17px 12px;border:1px solid #e0e7f5;border-radius:18px;background:#ffffffed;box-shadow:0 15px 34px #304e8c12;backdrop-filter:blur(12px)}
.hero-example-kicker{display:block;font-size:9px;letter-spacing:.04em;color:#7b88a0;margin-bottom:4px}
.hero.hero-redesign .hero-example h2{font-size:18px;line-height:1.3;letter-spacing:-.4px;font-weight:700;color:#263750}











.hero-example-link{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;padding:12px 1px 0;color:#315ed4;font-size:10px;font-weight:600;text-align:left}
.hero-example-link:hover{color:#173f9f}.hero-example-link .icon{height:14px;width:14px}




.hero.hero-redesign .hero-example-note{position:absolute;bottom:0;right:0;font-size:8px;line-height:1.6;color:#7a89a2;margin:0;text-align:right;max-width:340px}
.hero-partners{grid-column:1/-1;display:flex;gap:24px;align-items:center;min-height:86px;padding:17px 0 19px;border-top:1px solid #dce4f1;position:relative;z-index:3}
.hero-partners-caption{flex:0 0 180px}.hero-partners-caption strong{display:block;font-size:11px;font-weight:650;color:#4d6080}.hero-partners-caption>span{display:block;font-size:9px;color:#8490a5;margin-top:3px}
.hero-store-list{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-width:0}
.hero-partner{display:flex;align-items:center;justify-content:center;min-width:0}
.hero-redesign .hero-partner .store-avatar.has-logo{width:90px;height:34px;border:0;border-radius:0;background:transparent;padding:4px;opacity:.85}
.hero-redesign .hero-partner .store-avatar.store-logo-arzan-store{width:37px;height:37px;border-radius:8px;padding:0}
.hero-redesign .hero-partner .store-avatar.store-logo-dns{width:40px;height:34px;padding:4px}
.hero-redesign .hero-partner .store-logo-kivano{width:92px;height:36px;background:#fff;border-radius:5px}
.hero-redesign .hero-partner .store-avatar.store-logo-ostore{background:#26344b;border-radius:6px;padding:5px;opacity:1}

@media(min-width:1500px){.hero.hero-redesign h1{font-size:52px}}
@media(max-width:1100px){.hero.hero-redesign{padding:36px 34px 0;gap:0 18px}.hero.hero-redesign h1{font-size:44px}.hero-redesign .hero-copy{padding-bottom:28px}.hero.hero-redesign .hero-description{font-size:13px;max-width:340px}.hero-actions{gap:15px}.hero-primary{font-size:12px;padding:14px 16px;gap:12px}.hero-secondary{font-size:10px}.hero-redesign .hero-visual{height:365px}.hero-phone-stage{left:2px;width:190px;height:275px;top:33px}.hero-example{right:-5px;width:244px;top:92px;padding:16px 14px 11px}.hero-halo{width:270px;height:270px;left:-5px;top:36px}.hero-partners-caption{flex-basis:155px}.hero-store-list{gap:9px}.hero-redesign .hero-partner .store-avatar.has-logo{width:74px}.hero-redesign .hero-partner .store-avatar.store-logo-arzan-store{width:34px}.hero-redesign .hero-partner .store-avatar.store-logo-dns{width:35px}}
@media(max-width:820px){.hero.hero-redesign{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);padding:30px 28px 0;min-height:440px}.hero.hero-redesign h1{font-size:37px;letter-spacing:-1.3px}.hero-kicker{font-size:8px;margin-bottom:17px}.hero.hero-redesign .hero-description{font-size:12px;line-height:1.7;margin-top:16px}.hero-actions{gap:8px;margin-top:21px}.hero-primary{min-height:45px;padding:12px 14px;font-size:11px}.hero-secondary{padding:6px 0}.hero-benefits{gap:10px;font-size:8px;margin-top:16px}.hero-redesign .hero-visual{height:350px}.hero-phone-stage{left:8px;top:24px;width:164px;height:243px;padding:12px;border-radius:21px}.hero-halo{width:240px;height:240px;left:-10px;top:30px}.hero-example{top:108px;right:-7px;width:221px;padding:14px 12px 10px}.hero.hero-redesign .hero-example h2{font-size:16px}.hero.hero-redesign .hero-example-note{font-size:7px;bottom:0}.hero-partners{gap:15px;min-height:78px}.hero-partners-caption{flex-basis:125px}.hero-partners-caption strong{font-size:9px}.hero-partners-caption>span{font-size:7px}.hero-redesign .hero-partner .store-avatar.has-logo{width:63px;height:30px}.hero-redesign .hero-partner .store-avatar.store-logo-arzan-store{width:29px;height:29px}.hero-redesign .hero-partner .store-avatar.store-logo-dns{width:28px}}
@media(max-width:620px){.hero.hero-redesign{display:grid;grid-template-columns:1fr;gap:0;margin:18px 16px 0;padding:27px 24px 0;border-radius:22px;min-height:0}.hero.hero-redesign:before{width:400px;height:400px;top:170px;right:-130px}.hero-redesign .hero-copy{padding-bottom:0;max-width:none}.hero-kicker{font-size:9px;margin-bottom:17px}.hero.hero-redesign h1{font-size:clamp(34px,8.5vw,46px);letter-spacing:-1.5px;line-height:1.12}.hero.hero-redesign .hero-description{font-size:12px;line-height:1.75;max-width:390px;margin-top:16px}.hero-actions{gap:10px;margin-top:22px}.hero-primary{min-height:48px;font-size:12px;padding:14px 16px;gap:16px}.hero-secondary{font-size:10px}.hero-benefits{font-size:9px;margin-top:16px;gap:15px}.hero-redesign .hero-visual{height:309px;margin-top:26px;width:100%;transform:none}.hero-phone-stage{left:7%;top:6px;width:169px;height:242px;padding:13px}.hero-halo{width:235px;height:235px;top:5px;left:0;box-shadow:0 0 0 18px #e1e9fb80,0 0 0 36px #e5ecf850}.hero-example{top:56px;right:0;width:222px;padding:15px 12px 10px}.hero.hero-redesign .hero-example-note{right:0;bottom:4px;font-size:7px;max-width:100%;text-align:right}.hero-partners{padding:17px 0 20px;gap:13px;display:block}.hero-partners-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.hero-partners-caption strong{font-size:10px}.hero-partners-caption>span{font-size:8px;margin:0}.hero-store-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.hero-redesign .hero-partner .store-avatar.has-logo{width:100%;max-width:62px;height:27px;padding:2px}.hero-redesign .hero-partner .store-avatar.store-logo-arzan-store{width:27px;height:27px;padding:0}.hero-redesign .hero-partner .store-avatar.store-logo-dns{width:29px;height:27px;padding:2px}}
@media(max-width:380px){.hero.hero-redesign{padding:23px 19px 0;margin-left:12px;margin-right:12px}.hero-actions{gap:10px}.hero-primary{font-size:11px;padding:13px 12px;gap:10px}.hero-secondary{font-size:9px}.hero-benefits{font-size:8px;gap:10px}.hero-redesign .hero-visual{height:309px;margin-top:24px}.hero-phone-stage{left:0;width:154px;height:228px}.hero-example{width:211px;top:56px}.hero-partners-caption>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-primary,.hero-primary .icon{transition:none}.hero-primary:hover{transform:none}}

