.dashboard-preview{padding:88px 40px;background:#F8F9FC;border-top:1px solid rgba(30,31,92,.1);scroll-margin-top:90px}
.dashboard-preview-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:48px}
.dashboard-preview-copy h2{color:#1E1F5C;font-size:clamp(30px,3vw,44px);font-weight:700;line-height:1.15;letter-spacing:-1.3px;margin:0 0 22px}
.dashboard-preview-copy p{font-size:17px;line-height:1.75;color:rgba(30,31,92,.75);margin:0 0 22px;max-width:42ch}
.dashboard-preview-copy ul{list-style:none;padding:0;margin:0 0 28px}
.dashboard-preview-copy li{position:relative;padding:8px 0 8px 22px;font-size:15px;line-height:1.5;color:#1E1F5C}
.dashboard-preview-copy li::before{content:'✓';position:absolute;left:0;color:#15803D;font-weight:700}
.dashboard-preview-copy .btn{display:inline-flex;white-space:normal}
.dashboard-preview-figure{margin:0;min-width:0}
.dashboard-preview-figure a{display:block;border:1px solid #dce1ed;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 16px 36px rgba(30,31,92,.07)}
.dashboard-preview-figure img{display:block;width:100%;height:auto}
.dashboard-preview-figure figcaption{font-size:12px;line-height:1.6;color:#5a607d;margin-top:12px}
.dashboard-preview a:focus-visible{outline:3px solid #16A34A;outline-offset:5px}
@media(max-width:1000px){.dashboard-preview-inner{grid-template-columns:1fr;gap:30px}.dashboard-preview-copy p{max-width:65ch}.dashboard-preview-copy h2{font-size:38px}.dashboard-preview-copy ul{display:flex;flex-wrap:wrap;gap:0 24px}.dashboard-preview-figure{max-width:900px}}
@media(max-width:600px){.dashboard-preview{padding:54px 22px}.dashboard-preview-copy h2{font-size:32px;letter-spacing:-.8px}.dashboard-preview-copy ul{display:block}.dashboard-preview-copy .btn{justify-content:center;width:100%}.dashboard-preview-figure figcaption{font-size:12px}}
