/* Все стили ограничены карточкой и не затрагивают тему сайта. */
.al-app{--al-accent:#5145e5;--al-bg:#ffffffe8;--al-text:#334155;--al-title:#111827;--al-line:#c4b5fd;--al-screen-height:320px;width:100%;min-width:0;font-family:inherit}
.al-app *{box-sizing:border-box}
.al-app .al-app__body{padding:36px;border:1px solid #e5e7ef;border-radius:28px;background:var(--al-bg);box-shadow:0 14px 45px #2420600b;display:grid;gap:32px;align-items:center}
.al-app .al-app__body--screens{grid-template-columns:minmax(0,1fr) minmax(160px,28%)}
.al-app .al-app__info{display:flex;align-items:center;gap:28px;min-width:0}
.al-app .al-app__icon{width:112px;height:112px;flex:0 0 112px;object-fit:contain;border-radius:24px}
.al-app .al-app__copy{min-width:0}
.al-app .al-app__badge{display:block;font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--al-accent);margin-bottom:12px;overflow-wrap:anywhere}
.al-app .al-app__title{margin:0 0 14px;color:var(--al-title);font-size:30px;line-height:1.2;font-weight:750;overflow-wrap:anywhere}
.al-app .al-app__description{color:var(--al-text);font-size:16px;line-height:1.75;overflow-wrap:anywhere}
.al-app .al-app__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.al-app .al-app__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;max-width:100%;border-radius:14px;font-size:14px;font-weight:700;line-height:1.4;text-align:center;color:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s}
.al-app .al-app__button span{overflow-wrap:anywhere;min-width:0}
.al-app .al-app__button--details{background:var(--al-accent);box-shadow:0 6px 18px #5145e525}
.al-app .al-app__button--download{background:#111827;box-shadow:0 6px 18px #11182720}
.al-app .al-app__button svg{width:22px;height:22px;flex:0 0 22px}
.al-app .al-app__button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px #11182725}
.al-app .al-app__button:focus-visible,.al-app .al-app__gallery:focus-visible{outline:3px solid var(--al-accent);outline-offset:5px}
.al-app .al-app__gallery{display:flex;gap:16px;overflow-x:auto;max-width:100%;min-width:0;scroll-snap-type:x proximity;padding:8px 8px 16px;scrollbar-width:thin}
.al-app .al-app__screen{display:block;height:var(--al-screen-height);max-height:none;width:auto;max-width:100%;object-fit:contain;flex:0 0 auto;border-radius:12px;scroll-snap-align:center;margin:auto}
.al-app .al-app__divider{border:0;height:1px;background:var(--al-line);margin:28px 0}
@media(max-width:1024px){.al-app .al-app__info{align-items:flex-start;flex-direction:column;gap:20px}.al-app .al-app__body{padding:28px}}
@media(max-width:767px){.al-app .al-app__body--screens{grid-template-columns:minmax(0,1fr)}.al-app .al-app__body{padding:24px;gap:24px}.al-app .al-app__title{font-size:26px}.al-app .al-app__icon{width:88px;height:88px;flex-basis:88px}.al-app .al-app__actions{flex-direction:column}.al-app .al-app__button{width:100%}.al-app .al-app__gallery{width:100%}}
@media(prefers-reduced-motion:reduce){.al-app .al-app__button{transition:none}.al-app .al-app__button:hover{transform:none}}