.app-showcase{padding:88px 0;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}
body[data-product="phaztrack"] .app-showcase{background:#081522;color:#fff}
.app-showcase-head{max-width:820px;margin:0 auto 34px;text-align:center}
.app-showcase-head .section-kicker{margin-bottom:10px}
.app-showcase-head h2{margin:0 0 14px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.03}
.app-showcase-head p{margin:0 auto;max-width:760px;font-size:1.05rem;line-height:1.7;color:#64748b}
body[data-product="phaztrack"] .app-showcase-head p{color:#b8c7da}
.app-showcase-frame{max-width:1220px;margin:0 auto}
.app-shot-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:26px;overflow:hidden;box-shadow:0 26px 70px rgba(15,23,42,.18);transition:transform .2s ease,box-shadow .2s ease}
.app-shot-button:hover{transform:translateY(-3px);box-shadow:0 30px 80px rgba(15,23,42,.24)}
.app-shot-button img{display:block;width:100%;height:auto}
.app-showcase-meta{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap}
.app-showcase-meta p{margin:0;color:#64748b;font-size:.94rem;max-width:720px}
body[data-product="phaztrack"] .app-showcase-meta p{color:#94a8bf}
.app-showcase-actions{display:flex;gap:10px;flex-wrap:wrap}
.app-showcase-actions a{white-space:nowrap}
.app-showcase-note{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.app-showcase-note:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e}
body[data-product="phaztrack"] .app-showcase-note:before{background:#ef233c}
.app-showcase-steps{margin-top:62px}
.app-showcase-steps .steps-title{text-align:center;margin-bottom:28px}
.app-showcase-steps .steps-title h3{margin:0;font-size:clamp(1.55rem,3vw,2.3rem)}
.app-shot-dialog{width:min(96vw,1500px);max-width:none;border:0;padding:0;background:transparent}
.app-shot-dialog::backdrop{background:rgba(2,6,23,.82);backdrop-filter:blur(6px)}
.app-shot-dialog form{position:relative;margin:0}
.app-shot-dialog img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.app-shot-close{position:absolute;top:16px;right:16px;z-index:2;border:1px solid rgba(255,255,255,.45);background:rgba(2,6,23,.78);color:white;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}
@media(max-width:760px){
 .app-showcase{padding:58px 0}
 .app-showcase-head{text-align:left;margin-bottom:24px}
 .app-showcase-frame{width:100%}
 .app-shot-button{border-radius:18px}
 .app-showcase-meta{align-items:flex-start}
 .app-showcase-actions{width:100%}
 .app-showcase-actions a{flex:1;text-align:center}
 .app-showcase-steps{margin-top:42px}
}