.hero{width:min(1440px,calc(100% - 80px));grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:50px}
.hero .app-preview{min-width:0;margin:0;padding:0;max-width:none}
.app-preview-link{display:block;overflow:hidden;border:1px solid var(--lc-line);border-radius:13px;background:var(--lc-panel);box-shadow:0 24px 65px #284d751c;transition:box-shadow .2s}
.app-preview-link:hover{box-shadow:0 28px 75px #284d7530}
.app-preview img{display:block;width:100%;height:auto}
.app-preview figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:16px 3px 0;color:var(--muted);font-size:11px;line-height:1.6}
.app-preview figcaption a{font-weight:650;text-decoration:none}
@media(max-width:1100px){.hero{width:calc(100% - 48px);gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hero h1{font-size:clamp(43px,5.45vw,60px)}}
@media(max-width:820px){.hero{grid-template-columns:1fr;gap:30px}.hero .app-preview{width:100%;margin:0 auto}.hero h1{font-size:64px}}
@media(max-width:520px){.hero{width:calc(100% - 36px)}.hero h1{font-size:clamp(37px,10.5vw,53px)}.app-preview figcaption{font-size:10px;gap:8px;padding-top:12px}.app-preview-link{border-radius:8px}}