.app-capture{display:block;width:100%;height:auto;object-fit:contain;background:#fff}
.app-capture-frame{display:block;border-radius:8px;overflow:hidden;box-shadow:0 8px 35px #18304b0a}

.real-app-showcase{padding:22px 30px 14px;background:linear-gradient(120deg,#edf3ff,#dce8ff 75%,#e5edff)}
.app-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.app-preview-tabs{display:flex;gap:5px;background:#ffffff70;padding:4px;border-radius:7px}
.app-preview-tabs button{background:none;border:0;border-radius:5px;padding:8px 14px;color:#52647c;font-size:10px;font-weight:600}
.app-preview-tabs button[aria-selected=true]{background:#fff;color:#171717;box-shadow:0 1px 4px #16386610}
.app-preview-tabs button:hover{color:#171717}
.app-preview-theme{display:flex;align-items:center;gap:7px;font-size:9px;color:#5d7389}
.app-preview-theme .status-dot{width:5px;height:5px}
.actual-app-screen{margin:0}
.actual-app-screen .app-capture-frame{border-radius:9px}
.actual-app-screen figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:13px;font-size:8px;color:#5d7389}
.actual-app-screen figcaption a{display:inline-flex;align-items:center;gap:5px;font-size:8px}
.actual-app-screen figcaption .icon{width:11px;height:11px}
.actual-feature-preview{padding:24px;border-radius:18px}
.actual-feature-preview .sample-note{margin-top:14px;color:#6a7b87!important;font-size:8px!important;line-height:1.7}
.actual-feature-preview .app-capture{border-radius:7px}
.actual-feature-preview .frame-caption{margin-bottom:16px}
.actual-feature-preview .capture-label{display:flex;align-items:center;justify-content:space-between;gap:10px}
.actual-feature-preview .capture-label a{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:#71818e;white-space:nowrap;margin-top:14px}
.actual-feature-preview .capture-label .icon{width:11px;height:11px}
.wingman-home{gap:60px;grid-template-columns:1fr 1.2fr}
.visual-preview .app-capture-frame{border-radius:7px}
.visual-preview .app-capture{border-radius:7px}
.visual-preview .capture-open{display:inline-flex;align-items:center;gap:5px;color:#697587;font-size:9px;margin-top:8px}
.visual-preview .capture-open .icon{width:12px;height:12px}
@media(max-width:800px){.real-app-showcase{padding:18px 22px 13px}.app-preview-tabs button{font-size:9px;padding:7px 10px}.app-preview-toolbar{gap:10px}.app-preview-theme{font-size:8px}.actual-feature-preview{padding:19px}}
@media(max-width:640px){.real-app-showcase{padding:13px 10px 11px;margin-inline:-4px;border-radius:15px}.app-preview-toolbar{margin-bottom:12px;gap:7px}.app-preview-tabs{gap:1px;padding:3px;flex:1;justify-content:space-between}.app-preview-tabs button{padding:7px 6px;font-size:7px;line-height:1.4}.app-preview-theme{font-size:6px;gap:4px;white-space:nowrap}.app-preview-theme .status-dot{width:4px;height:4px}.actual-app-screen .app-capture-frame{border-radius:5px}.actual-app-screen figcaption{font-size:6px;gap:7px;padding-top:10px}.actual-app-screen figcaption a{font-size:6px;gap:3px}.actual-app-screen figcaption .icon{width:9px;height:9px}.actual-feature-preview{padding:19px;border-radius:14px}.actual-feature-preview .sample-note{font-size:7px!important}.actual-feature-preview .capture-label a{font-size:7px}.wingman-home{grid-template-columns:1fr;gap:26px}.visual-preview .capture-open{font-size:8px}}