.showcases{padding-bottom:85px}.showcase-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:55px}.showcase-heading h2{font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.05em}.showcase-heading>p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 4px}.showcase-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:55px;padding:36px 0;border-top:1px solid var(--line)}.showcase-row:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.showcase-row:nth-child(even) .showcase-image{order:2}.showcase-image{margin:0;min-width:0}.showcase-browser{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 15px;background:#edf1f5;border:1px solid #d9e1e8;font-size:10px;color:#667b8c}.showcase-browser>span:first-child{letter-spacing:2px;color:#9cacb9;font-size:8px}.showcase-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid #d9e1e8;border-top:0;cursor:zoom-in}.showcase-image figcaption{font-size:12px;color:#667b8c;margin-top:9px;text-align:right}.showcase-type{font-size:13px;color:#42627c;margin:0 0 9px;font-weight:600}.showcase-story h3{font-size:37px;letter-spacing:-.04em;line-height:1.1;margin:0 0 18px}.showcase-description{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 17px}.showcase-story ul{padding:0;list-style:none;margin:0 0 25px}.showcase-story li{font-size:12px;line-height:1.6;padding:7px 0 7px 16px;position:relative}.showcase-story li:before{position:absolute;left:0;top:7px;content:'–';color:#7890a4}.showcase-link{display:inline-flex;align-items:center;gap:30px;border-bottom:2px solid var(--orange);padding:0 0 8px;font-size:14px;font-weight:650;color:var(--ink);text-decoration:none}.showcase-link:hover{color:#b94b26}.showcase-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}.showcase-footer{display:flex;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-top:25px}.showcase-footer p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.showcase-footer p:first-child{color:#42627c;font-weight:600;flex-shrink:0}.showcase-footer p:last-child{text-align:right;max-width:460px}@media(max-width:1000px){.showcase-row,.showcase-row:nth-child(even){gap:28px;grid-template-columns:1.2fr 1fr}.showcase-heading{gap:35px}.showcase-story h3{font-size:30px}}@media(max-width:760px){.showcase-heading,.showcase-row,.showcase-row:nth-child(even){grid-template-columns:1fr;gap:25px}.showcase-heading{margin-bottom:30px}.showcase-heading h2{font-size:44px}.showcase-heading>p{font-size:14px}.showcase-row{padding:30px 0 40px}.showcase-row:nth-child(even) .showcase-image{order:0}.showcase-story h3{font-size:34px}.showcase-footer{flex-direction:column;gap:12px}.showcase-footer p:last-child{text-align:left}.showcase-browser{font-size:9px;padding:10px}.showcase-hint{font-size:12px}}
.showcase-phone-stage{display:flex;justify-content:center;padding:32px 24px;background:#e7eef1;border:1px solid #d7e1e6;border-radius:3px}
.phone-device{width:230px;max-width:100%;padding:9px;background:#17232c;border:1px solid #34434e;border-radius:36px;box-shadow:0 22px 35px #17232c28}
.phone-speaker{width:54px;height:4px;border-radius:8px;background:#75838c;margin:4px auto 11px}
.showcase-phone .phone-device img{width:100%;height:auto;aspect-ratio:390/844;object-fit:contain;border:0;border-radius:19px}
.phone-home{height:4px;width:88px;background:#9ca7af;border-radius:8px;margin:11px auto 3px}
@media(max-width:760px){.showcase-phone-stage{padding:28px 18px}.phone-device{width:272px}}

.showcase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 25px}.showcase-actions .showcase-link{gap:14px;min-height:44px;align-items:center;padding:7px 0}.showcase-backend-link{border-bottom-color:#6b8ca5;color:#385a72}@media(max-width:380px){.showcase-actions{gap:14px 20px}.showcase-actions .showcase-link{font-size:13px;gap:9px}}
