/* Actual demo-account screenshots, framed as two views of the same dashboard. */
.gds { min-width:0; color:#233e36; }
.gds-toolbar { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:0 0 18px; border-bottom:1px solid #d9e1d5; }
.gds-toolbar>img { width:130px; height:auto; }
.gds-tabs { display:flex; padding:4px; border:1px solid #cbd6c6; border-radius:9px; gap:4px; }
.gds-tabs button { font-weight:600; font-family:inherit; font-size:12px; line-height:1.5; border:0; border-radius:6px; color:#475e51; background:transparent; padding:9px 17px; cursor:pointer; }
.gds-tabs button[aria-selected=true] { color:#fff; background:#29483e; }
.gds-tabs button:hover { box-shadow:inset 0 0 0 1px #8a9d86; }
.gds-tabs button:focus-visible { outline:3px solid #405adb; outline-offset:3px; }
.gds-panel { display:block; padding:20px 0 0; }
.gds-panel[hidden] { display:none; }
.gds-explanation { font-size:17px; font-weight:500; line-height:1.65; margin:0 0 20px; }
.gds-capture { margin:0; width:100%; background:#fff; direction:ltr; }
.gds-capture a { display:block; cursor:zoom-in; }
.gds-capture a:focus-visible { outline:3px solid #405adb; outline-offset:-4px; }
.gds-capture img { display:block; width:100%; height:auto; }
.gds .gds-caption,.mk-business .gds .gds-caption { margin:0; padding:17px 0 4px; font-size:10px; line-height:1.8; color:#5b7164; }
.gds-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; margin-top:34px; }
.gds-benefits article { padding-top:22px; border-top:1px solid var(--line); }
.gds-benefits span { font-size:9px; font-weight:650; letter-spacing:1px; color:#577160; }
.gds-benefits h3 { font-size:23px; font-weight:550; letter-spacing:-.6px; margin:14px 0 11px; line-height:1.3; }
.gds-benefits p { font-size:13px; line-height:1.9; color:var(--muted); }
.gds-bottom { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:28px; }
.gds-bottom p { font-size:10px; line-height:1.8; color:var(--muted); max-width:540px; }
.mk-business:has(.gds) { display:block; padding:45px; }
.mk-business .gds { background:#fcfbf7; padding:25px; border-radius:14px; }
.gds-market-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:55px; margin-bottom:32px; }
.mk-business .gds-market-heading h2 { max-width:560px; }
.gds-market-heading>div>p:not(.eyebrow) { font-size:14px; line-height:1.9; margin:0 0 20px; color:#d2ddda; }
.gds-local-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; list-style:none; padding:0; margin:28px 0 0; }
.gds-local-points li { display:flex; gap:12px; font-size:12px; line-height:1.85; color:#d2ddda; }
.gds-local-points li>span { color:#dbeab7; }
@media(max-width:760px) { .gds-toolbar { gap:15px; }.gds-toolbar>img { width:108px; }.gds-tabs button { font-size:11px; padding:8px 11px; }.gds-explanation { font-size:16px; margin-bottom:19px; }.gds-benefits { gap:23px; }.gds-benefits h3 { font-size:20px; }.gds-benefits p { font-size:12px; }.gds-market-heading { grid-template-columns:1fr; gap:20px; }.mk-business:has(.gds) { padding:30px 23px; }.mk-business .gds { padding:20px; }.gds-local-points { grid-template-columns:1fr; gap:13px; }.gds-market-heading>div>p:not(.eyebrow) { font-size:13px; } }
@media(max-width:540px) { .gds-toolbar { align-items:start; flex-direction:column; }.gds-tabs { width:100%; }.gds-tabs button { flex:1; }.gds-panel { padding-top:17px; }.gds .gds-caption { font-size:9px; }.gds-benefits { grid-template-columns:1fr; gap:10px; }.gds-bottom { flex-direction:column; align-items:start; gap:13px; }.gds-bottom .button { font-size:11px; }.mk-business:has(.gds) { padding:27px 17px; }.mk-business .gds { padding:16px; } }
@media print { .gds-tabs { display:none; }.gds-panel[hidden] { display:block!important; }.gds { break-inside:avoid; } }