.dashboard-preview{position:relative;overflow:hidden;padding:100px max(5vw,24px);background:#101a32;border-top:1px solid #ffffff18;color:#F7F8FC}
.dashboard-preview:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#F7F8FC,#2B6FE3,#E04040,#E68A00,#C7FF3D,#0B1022)}
.dashboard-preview .preview-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;max-width:1280px;margin:0 auto 38px}
.dashboard-preview h2{font:clamp(48px,6vw,88px)/.95 "Bebas Neue","Arial Narrow",sans-serif;letter-spacing:.01em;margin:18px 0 0}
.dashboard-preview h2 span{color:#a7bddf;opacity:1}
.dashboard-preview .preview-intro{max-width:370px;font:16px/1.65 Inter,sans-serif;color:#b8c6e0}
.dashboard-preview .preview-intro p{margin:0 0 20px}
.dashboard-preview .button{white-space:nowrap;min-height:54px;border-radius:40px;padding:15px 26px;background:linear-gradient(115deg,#244dbe,#276edb 58%,#3550b8);color:#fff;border:1px solid #8ab7ff9c;box-shadow:0 0 26px #2B6FE34f,0 8px 25px #02091c6b;transition:box-shadow .2s,transform .2s}
.dashboard-preview .button:hover,.dashboard-preview .button:focus-visible{color:#fff;box-shadow:0 0 38px #2B6FE385,0 10px 28px #02091c88;transform:translateY(-2px)}
.dashboard-preview .dashboard-capture{display:block;position:relative;max-width:1280px;margin:0 auto;border:1px solid #6985bc66;border-radius:14px;overflow:hidden;box-shadow:0 35px 75px #03071560;transition:border-color .2s,transform .2s}
.dashboard-capture:hover{border-color:#C7FF3D;transform:translateY(-3px)}
.dashboard-capture:focus-visible{outline:3px solid #C7FF3D;outline-offset:6px}
.dashboard-capture picture,.dashboard-capture img{display:block;width:100%;height:auto}
.dashboard-preview .preview-caption{display:flex;justify-content:space-between;gap:20px;max-width:1280px;margin:17px auto 0;font:12px/1.6 "JetBrains Mono",monospace;color:#a8b8d5}
.dashboard-preview .preview-caption span:last-child{color:#C7FF3D;white-space:nowrap}
@media(max-width:780px){.dashboard-preview{padding:64px 20px}.dashboard-preview .preview-heading{display:block;margin-bottom:28px}.dashboard-preview h2{font-size:54px}.dashboard-preview .preview-intro{margin-top:22px}.dashboard-preview .dashboard-capture{max-width:390px;border-radius:15px}.dashboard-preview .preview-caption{display:block;max-width:390px;font:12px/1.7 Inter,sans-serif}.dashboard-preview .preview-caption span{display:block}.dashboard-preview .preview-caption span:last-child{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.dashboard-preview .dashboard-capture{transition:none;transform:none}}