.app-showcase { padding: 96px 0; background: #09121b; border-bottom: 1px solid #ffffff0b; scroll-margin-top: 100px; }
.showcase-heading { display: grid; grid-template-columns: 1.2fr 1fr; align-items: end; gap: 64px; margin-bottom: 40px; }
.showcase-kicker { color: #7bcfe1; font-size: 13px; letter-spacing: 2px; }
.showcase-heading h2 { margin-top: 18px; font-size: clamp(32px,3.5vw,48px); line-height: 1.45; font-weight: 600; letter-spacing: -1px; }
.showcase-intro p { color: #a5b9ca; max-width: 420px; line-height: 1.9; font-size: 16px; }
.showcase-intro a { display: inline-block; margin-top: 22px; color: #84d7e8; text-decoration: none; padding-bottom: 6px; border-bottom: 1px solid #375362; font-size: 14px; }
.showcase-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.showcase-shot { margin: 0; border: 1px solid #2d4151; border-radius: 16px; overflow: hidden; background: #12202d; }
.showcase-shot > a { position: relative; display: block; background: #151d26; overflow: hidden; }
.showcase-shot img { display: block; width: 100%; height: auto; aspect-ratio: 6/5; object-fit: contain; }
.shot-enlarge { position: absolute; right: 16px; top: 16px; padding: 6px 11px; border: 1px solid #ffffff30; border-radius: 6px; color: #eef7fb; font-size: 12px; background: #09121bcc; }
.showcase-shot > a:hover .shot-enlarge { background: #193e50; }
.showcase-shot figcaption { padding: 26px 28px; }
.shot-number { color: #89acbe; font-size: 12px; letter-spacing: 1px; }
.showcase-shot h3 { margin: 10px 0; font-size: 21px; font-weight: 600; color: #edf4f9; }
.showcase-shot p { color: #a3b6c7; font-size: 14px; line-height: 1.9; }
.showcase-caption { margin-top: 14px; color: #94aabc; font-size: 12px; line-height: 1.8; }
.showcase-features { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 44px; }
.showcase-features article { padding: 28px; background: #101e2a; border: 1px solid #233747; border-radius: 12px; }
.feature-symbol { display: inline-grid; place-items: center; min-width: 42px; height: 38px; padding: 0 7px; color: #8bd5e4; font-size: 15px; font-weight: 600; background: #70d1e50c; border: 1px solid #70d1e529; border-radius: 8px; }
.showcase-features h3 { color: #e1edf5; font-size: 17px; margin: 20px 0 10px; font-weight: 600; }
.showcase-features p { font-size: 14px; line-height: 1.9; color: #a1b5c6; }
.showcase-formats { margin-top: 32px; padding: 28px 0; border-block: 1px solid #ffffff13; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; }
.showcase-formats h3 { font-size: 18px; font-weight: 600; }
.showcase-formats p { font-size: 13px; color: #9ab0c2; margin-top: 8px; }
.showcase-formats ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.showcase-formats li { font-size: 12px; color: #bad0de; border: 1px solid #314a5a; border-radius: 5px; padding: 6px 10px; }
.showcase-limit { margin-top: 16px; font-size: 12px; color: #98adbf; line-height: 1.9; }
.showcase-bottom { display: flex; gap: 26px; align-items: center; flex-wrap: wrap; margin-top: 32px; }
.showcase-contact { color: #b4c8d7; text-decoration: none; font-size: 14px; }
@media(min-width: 769px) and (max-width: 1050px) { .nav-menu { gap: 12px; } .nav-menu a { font-size: 12px; } .nav-container { padding: 0 18px; } }
@media(max-width: 768px) { .app-showcase { padding: 56px 0; } .showcase-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 28px; } .showcase-heading h2 { font-size: 34px; } .showcase-intro p { font-size: 14px; } .showcase-gallery { grid-template-columns: 1fr; gap: 20px; } .showcase-shot figcaption { padding: 22px; } .showcase-features { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 32px; } .showcase-features article { padding: 20px 16px; } .showcase-features h3 { font-size: 16px; } .showcase-features p { font-size: 13px; } .showcase-formats { grid-template-columns: 1fr; gap: 18px; } }
@media(max-width: 380px) { .showcase-features { grid-template-columns: 1fr; } .showcase-bottom .btn-tech { width: 100%; text-align: center; } }