/* Real app captures, framed by the landing page — no duplicate app styling. */
.dashboard-preview { max-width:1120px;margin-inline:auto;border:1px solid #cfdfd440;background:#101718;border-radius:26px;isolation:isolate;box-shadow:0 40px 90px -45px #000b,0 1px 0 #ffffff13 inset; }
.dashboard-preview *, .dashboard-preview *::before, .dashboard-preview *::after { box-sizing:border-box; }
.dashboard-preview [hidden] { display:none!important; }
.dashboard-preview__chrome { display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;border-bottom:1px solid #d7e6dd17;background:linear-gradient(#1c2623,#18211f); }
.dashboard-preview__identity { display:flex;align-items:center;gap:11px;min-width:0; }
.dashboard-preview__app-icon { display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #d3e4d830;border-radius:9px;background:#c2d6c2;color:#253c31; }
.dashboard-preview__app-icon svg { width:19px;height:19px; }
.dashboard-preview__preview-label { color:#c1cec8;font-size:12px;letter-spacing:.025em; }
.dashboard-preview__modes { display:flex;gap:4px;padding:3px;background:#0a111160;border:1px solid #ffffff0d;border-radius:12px; }
.dashboard-preview__modes button { min-height:44px;padding:10px 21px;border:0;border-radius:9px;background:transparent;color:#a5b5b0;cursor:pointer;font:500 12px/1.4 var(--lp2-body);transition:color .2s,background .2s; }
.dashboard-preview__modes button[aria-checked="true"] { background:#d3e3da;color:#10241d; }
.dashboard-preview__modes button:hover { color:#e7f4ee; }
.dashboard-preview__modes button[aria-checked="true"]:hover { color:#10241d; }
.dashboard-preview__modes button:focus-visible,.dashboard-preview a:focus-visible { outline:2px solid #bde7d2;outline-offset:4px; }
.dashboard-preview__screen { aspect-ratio:16/10;overflow:hidden;border:7px solid #111917;background:#101817; }
.dashboard-preview__screen [data-dashboard-panel],.dashboard-preview__screen picture,.dashboard-preview__screen img { display:block;width:100%;height:100%; }
.dashboard-preview__screen img { object-fit:cover;object-position:top;border-radius:6px; }
.dashboard-preview .premium-learning__bottom { background:#131b1b;color:#a6b8b1; }
@media(max-width:640px) {
  .dashboard-preview { border-radius:22px; }
  .dashboard-preview__chrome { flex-direction:column;align-items:stretch;gap:12px;padding:16px; }
  .dashboard-preview__identity { justify-content:center; }
  .dashboard-preview__screen { aspect-ratio:1237/1165;border-width:4px; }
  .dashboard-preview__preview-label { text-align:center;font-size:11px; }
  .dashboard-preview__modes button { flex:1;min-height:44px;padding:10px 12px; }
  .dashboard-preview .premium-learning__bottom { flex-direction:column;align-items:flex-start;gap:10px;padding:16px 20px;line-height:1.6; }
}
@media(prefers-reduced-motion:reduce) { .dashboard-preview__modes button { transition:none; } }