.mono-app-promo__layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media screen and (max-width:989px){.mono-app-promo__layout{grid-template-columns:1fr;gap:48px}}.mono-app-promo__content .mono-eyebrow{margin-bottom:16px}.mono-app-promo__content .mono-headline-lg{margin-bottom:20px}.mono-app-promo__content .mono-body-lg{margin-bottom:32px}.mono-app-promo__features{display:flex;flex-direction:column;gap:16px}.mono-app-promo__feature{display:flex;align-items:flex-start;gap:16px;padding:14px 18px;background:var(--mono-bg-alt);border-radius:var(--mono-radius-md);transition:transform .3s var(--mono-ease-out),box-shadow .3s ease}.mono-app-promo__feature:hover{transform:translate(6px);box-shadow:var(--mono-shadow-sm)}.mono-app-promo__feature-icon{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;background:var(--mono-accent-light);border-radius:var(--mono-radius-sm);color:var(--mono-accent);padding:7px}.mono-app-promo__feature-icon svg{width:100%;height:100%}.mono-app-promo__feature-text{display:flex;flex-direction:column;gap:2px}.mono-app-promo__feature-text strong{font-family:var(--mono-font);font-size:1.5rem;font-weight:600;color:var(--mono-text)}.mono-app-promo__feature-text span{font-family:var(--mono-font);font-size:1.3rem;color:var(--mono-text-tertiary)}.mono-app-promo__note{font-size:1.2rem;color:var(--mono-text-tertiary);margin-top:12px;text-align:center}.mono-app-promo__visual{display:flex;justify-content:center;position:relative}.mono-app-promo__phone{width:280px;background:var(--mono-bg-dark);border-radius:36px;padding:12px;box-shadow:0 40px 80px #0003,0 0 0 1px #ffffff0d;position:relative;z-index:1}.mono-app-promo__phone-notch{width:120px;height:28px;background:var(--mono-bg-dark);border-radius:0 0 20px 20px;margin:0 auto;position:relative;z-index:2}.mono-app-promo__phone-screen{background:var(--mono-bg);border-radius:24px;padding:16px;min-height:400px;margin-top:-14px;overflow:hidden}.mono-app-promo__mock-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0 16px;font-family:var(--mono-font);font-size:1.4rem;font-weight:600;color:var(--mono-text)}.mono-app-promo__mock-streak{background:var(--mono-accent-light);padding:4px 10px;border-radius:100px;font-size:1.2rem;color:var(--mono-accent)}.mono-app-promo__mock-card{background:linear-gradient(135deg,var(--mono-accent),#FF8C33);border-radius:16px;padding:24px 16px;text-align:center;margin-bottom:12px}.mono-app-promo__mock-ring{width:80px;height:80px;margin:0 auto 12px;position:relative}.mono-app-promo__mock-ring svg{width:100%;height:100%}.mono-app-promo__mock-ring span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#fff}.mono-app-promo__mock-btn{background:#fff3;color:#fff;font-family:var(--mono-font);font-size:1.3rem;font-weight:600;padding:10px 20px;border-radius:100px;display:inline-block}.mono-app-promo__mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.mono-app-promo__mock-stats>div{background:#fff;border-radius:10px;padding:10px 8px;text-align:center;border:1px solid var(--mono-border)}.mono-app-promo__mock-stats strong{font-family:var(--mono-font);font-size:1.8rem;font-weight:700;display:block;color:var(--mono-text)}.mono-app-promo__mock-stats small{font-size:.9rem;color:var(--mono-text-tertiary)}.mono-app-promo__mock-water{background:#fff;border-radius:10px;padding:12px;border:1px solid var(--mono-border)}.mono-app-promo__mock-water>span{font-family:var(--mono-font);font-size:1.2rem;font-weight:600;color:var(--mono-text);display:block;margin-bottom:8px}.mono-app-promo__mock-glasses{display:flex;gap:6px}.mono-app-promo__mock-glasses i{width:24px;height:24px;border-radius:6px;background:var(--mono-bg-alt);border:1.5px solid var(--mono-border)}.mono-app-promo__mock-glasses i.filled{background:#2196f326;border-color:#2196f3}.mono-app-promo__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,0,.12) 0%,transparent 70%);pointer-events:none;animation:appGlow 4s ease-in-out infinite}@keyframes appGlow{0%,to{opacity:.5}50%{opacity:1}}@media screen and (max-width:989px){.mono-app-promo__visual{order:-1}.mono-app-promo__phone{width:240px}.mono-app-promo__phone-screen{min-height:340px}}@media screen and (max-width:989px){.mono-app-promo__content{text-align:center}.mono-app-promo__content .mono-btn{display:inline-flex;justify-content:center}}@media screen and (max-width:749px){.mono-app-promo__layout{gap:32px}.mono-app-promo__phone{width:220px;border-radius:28px;padding:10px}.mono-app-promo__phone-screen{min-height:300px;padding:12px;border-radius:18px}.mono-app-promo__feature{padding:12px 14px}.mono-app-promo__feature-text strong{font-size:1.4rem}.mono-app-promo__feature-text span{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-mono-app-promo.css.map */