.screenshots-section{padding:116px 0 124px;background:#0c1420;color:#f8fafc}
.screenshots-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:44px}
.screenshots-heading .section-index{color:#74baff;margin-bottom:20px}
.screenshots-heading h2{font-size:clamp(42px,4.5vw,68px);line-height:1.05;font-weight:650}
.screenshots-heading>p{max-width:340px;color:#a8b8c7;font-size:16px;line-height:1.65}
.screenshots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.screenshot-card{display:block;min-width:0;overflow:hidden;border:1px solid #29394a;border-radius:10px;background:#121e2b;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.screenshot-card:hover{border-color:#58a9ec;transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.2)}
.screenshot-card:focus-visible{outline:2px solid #74baff;outline-offset:4px}
.screenshot-card-featured{grid-column:1/-1}
.screenshot-card-top{display:flex;justify-content:space-between;gap:16px;padding:16px 20px;color:#8dcaff;font-size:11px;font-weight:800;letter-spacing:.13em}
.screenshot-card-top span:last-child{font-size:12px;letter-spacing:0;color:#b9c9d8}
.screenshot-card img{display:block;width:100%;height:auto;aspect-ratio:3552/1522;object-fit:contain;background:#1e1e1e}
.screenshot-card-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:22px 24px 26px}
.screenshot-card-bottom h3{font-size:20px;line-height:1.2;font-weight:650;letter-spacing:-.03em}
.screenshot-card-bottom p{max-width:340px;color:#9eafbe;font-size:13px;line-height:1.5}
.screenshot-card-featured .screenshot-card-bottom h3{font-size:25px}
@media(max-width:1100px){.screenshot-card-bottom{display:block}.screenshot-card-bottom p{margin-top:8px}}
@media(max-width:700px){.screenshots-section{padding:76px 0 82px}.screenshots-heading{display:block;margin-bottom:32px}.screenshots-heading h2{font-size:clamp(39px,9vw,54px)}.screenshots-heading>p{margin-top:18px;font-size:15px}.screenshots-grid{grid-template-columns:1fr;gap:16px}.screenshot-card-featured{grid-column:auto}.screenshot-card-top{padding:14px 16px}.screenshot-card-bottom{padding:18px 18px 22px}.screenshot-card-bottom h3,.screenshot-card-featured .screenshot-card-bottom h3{font-size:20px}}