/* Public system showcase only; independent of the admin and client workspaces. */
.ds-container{max-width:1200px;margin-inline:auto;padding-inline:28px}
.dp-main>section.ds-hero:first-child{padding:38px 0 50px;min-height:0;background:#fbfdfb}
.ds-hero{position:relative;overflow:hidden}
.dp-public[data-public-page="dashboards.show"] .dp-main>.ds-hero:not(#hero){display:block;padding:38px 0 50px;min-height:0;isolation:isolate}
.ds-hero>.dp-page-motion{display:none}
.dp-public[data-public-page="dashboards.show"] .dp-main>.ds-hero:not(#hero) h1{font-size:clamp(27px,3vw,42px);font-weight:700;line-height:1.5;margin:18px 0 14px}
.ds-hero-inner{position:relative;z-index:1}
.ds-back{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#687f73;margin-bottom:30px}
.ds-back:hover{color:#087e66}
.ds-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.ds-intro{min-width:0}
.ds-category{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid #e9ddbc;background:#fff9e9;color:#936b16;border-radius:30px;font-size:12px}
.dp-main>section.ds-hero:first-child h1{font-size:clamp(27px,3vw,42px);line-height:1.5;margin:18px 0 14px;letter-spacing:-.025em;color:#183e32}
.ds-tagline{font-size:16px;color:#657a70;line-height:1.95}
.ds-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:25px}
.ds-text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#087e66}
.ds-demo{margin-top:20px;padding:12px 16px;border-inline-start:3px solid #c8a34b;background:#fffaf0;border-radius:8px;font-size:12px;color:#60756a}
.ds-demo strong{color:#876828}.ds-demo p{margin:4px 0 0;overflow-wrap:anywhere}
.ds-tech{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #e1e9e3;font-size:11px;color:#73877a}
.ds-tech ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.ds-tech li{padding:4px 9px;border:1px solid #e2e9e3;border-radius:6px;background:#fff;color:#526e60}
.ds-preview{min-width:0;background:#fff;border:1px solid #dce7df;border-radius:18px;overflow:hidden;box-shadow:0 18px 48px #264b3610}
.ds-browser-bar{display:flex;align-items:center;gap:5px;padding:13px 16px;border-bottom:1px solid #e9eee9;background:#f8faf8;direction:ltr}
.ds-browser-bar span{width:7px;height:7px;background:#d8e2db;border-radius:50%}.ds-browser-bar span:first-child{background:#d7bb72}.ds-browser-bar i{margin-inline-start:auto;color:#9aae9f;font-size:10px}
.ds-cover{display:block;position:relative;width:100%;aspect-ratio:16/10;background:#f1f5f2;cursor:zoom-in}
.ds-cover img{width:100%;height:100%;object-fit:contain}
.ds-cover-empty{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;color:#087e66;cursor:default;padding:24px;text-align:center}.ds-cover-empty i{font-size:64px}
.ds-zoom-label{position:absolute;inset-inline-end:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;background:#fffffff2;border:1px solid #dee8df;border-radius:8px;padding:6px 10px;font-size:10px;color:#315c46;box-shadow:0 2px 8px #16352208}
.ds-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;border-top:1px solid #e5ece6}
.ds-thumbs button{height:57px;border:1px solid #e2e9e3;border-radius:7px;overflow:hidden;cursor:zoom-in;background:#f6f9f6}.ds-thumbs img{width:100%;height:100%;object-fit:cover;object-position:top}
.dp-main>section.ds-content{padding:28px 0 64px;background:#f7faf8}
.ds-section-nav{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#fff;border:1px solid #e1e9e3;border-radius:14px;margin-bottom:30px}
.ds-section-nav a{padding:9px 17px;border-radius:8px;font-size:13px;color:#527060;background:#f4f8f5}.ds-section-nav a:hover{background:#e4f1e9;color:#087e66}
.ds-block{margin-top:36px;scroll-margin-top:110px}.ds-block:first-child{margin-top:0}
.ds-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}.ds-heading h2,.ds-coupons h2{font-size:22px;font-weight:700;line-height:1.5;margin:0;color:#204637}.ds-heading p{font-size:13px;color:#7a8e80;margin:5px 0 0}.ds-heading>.ds-text-link,.ds-count{margin-inline-start:auto}
.ds-section-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #e8dfc4;background:#fff9ea;color:#a17a1f;border-radius:12px;font-size:15px}
.ds-count{font-size:13px;color:#678470;border:1px solid #dce7df;background:#fff;border-radius:8px;padding:5px 12px}
.ds-overview{padding:30px 34px;background:#fff;border:1px solid #dfe8e1;border-radius:18px}
.ds-description{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 30px}.ds-description p{margin:0;font-size:14px;line-height:2;color:#607669;overflow-wrap:anywhere}.ds-description p:only-child{grid-column:1/-1;max-width:940px}
.ds-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.ds-features li{display:flex;align-items:center;gap:13px;padding:20px;background:#fff;border:1px solid #e0e9e2;border-radius:13px;font-size:14px;line-height:1.8;color:#385a46}
.ds-check{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#edf6ef;color:#088367;font-size:11px}
.ds-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ds-screen{margin:0;border:1px solid #dfe8e1;border-radius:16px;background:#fff;overflow:hidden;min-width:0;transition:border-color .2s,box-shadow .2s}.ds-screen:hover{border-color:#abc9b6;box-shadow:0 10px 30px #254e3510}
.ds-screen>button{display:block;position:relative;width:100%;aspect-ratio:16/10;padding:10px;background:#edf3ef;cursor:zoom-in}.ds-screen img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.ds-screen figcaption{display:flex;align-items:flex-start;gap:13px;padding:19px 20px}.ds-screen figcaption p{font-size:13px;line-height:1.85;color:#526e5f;margin:0}.ds-screen-number{font-size:12px;color:#aa852b;border-inline-end:1px solid #e6e9dd;padding-inline-end:12px;padding-top:3px}
.ds-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}.ds-video{aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#102d24}.ds-video :is(video,iframe){width:100%;height:100%;border:0;object-fit:contain}
.ds-signup{padding:32px;border:1px solid #dce6d8;border-radius:20px;background:linear-gradient(120deg,#eef7f0,#faf8ef)}
.ds-signup-intro{font-size:14px;line-height:2;color:#5f7768;max-width:880px;margin-bottom:24px}
.ds-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0 0 26px}.ds-steps li{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#ffffffd9;border:1px solid #e0e8dc;border-radius:12px}.ds-step-number{flex-shrink:0;font-size:23px;line-height:1.3;font-weight:700;color:#a68a42}.ds-step-label{font-size:11px;color:#7c8c76}.ds-steps p{font-size:13px;line-height:1.9;color:#3f6250;margin:5px 0 0}
.ds-coupons{background:#fff9e9;border:1px solid #ede0b9;padding:24px;border-radius:16px}.ds-coupons h2{font-size:17px;display:flex;align-items:center;gap:10px;margin-bottom:16px}.ds-coupon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}.ds-coupon{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;background:#fff;border:1px dashed #cdb673;border-radius:10px}.ds-coupon>div{flex:1;min-width:0}.ds-coupon strong{display:inline-block;color:#087e66;font-family:monospace;overflow-wrap:anywhere}.ds-discount{margin-inline-start:12px;font-size:13px;color:#876a26}.ds-coupon p,.ds-coupon small{font-size:12px;color:#6d7f70}.ds-coupon button{background:#087e66;color:#fff;padding:8px 14px;border-radius:8px;font-size:12px}.ds-copy-status:not(:empty){flex-basis:100%;font-size:12px;color:#6a7258}
.ds-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ds-related>a{background:#fff;border:1px solid #dfe8e1;border-radius:14px;overflow:hidden}.ds-related img,.ds-related-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover}.ds-related-placeholder{display:grid;place-items:center;background:#eef5ef;font-size:32px;color:#087e66}.ds-related a>div:not(.ds-related-placeholder){padding:20px}.ds-related span{font-size:11px;color:#9b7d34}.ds-related h3{font-size:16px;line-height:1.6;margin-top:7px}
.ds-lightbox{border:0;background:#fff;padding:48px 18px 18px;border-radius:16px;width:min(1200px,94vw);max-height:92dvh;overflow:auto;box-shadow:0 30px 100px #0004}.ds-lightbox::backdrop{background:#0a211de6}.ds-lightbox img{display:block;margin:auto;max-width:100%;max-height:72dvh;object-fit:contain}.ds-lightbox-close{position:absolute;top:10px;inset-inline-end:14px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf4ef;color:#204637}.ds-lightbox-caption{color:#526e5e;font-size:13px;line-height:1.7;text-align:center;margin:14px auto 0;max-width:850px}
html:has(.ds-lightbox[open]){overflow:hidden}
@media(max-width:1023px){.ds-hero-grid{gap:26px}.ds-features{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-container{padding-inline:24px}}
@media(max-width:767px){.ds-container{padding-inline:20px}.dp-main>section.ds-hero:first-child{padding:26px 0 32px}.ds-back{margin-bottom:22px}.ds-hero-grid{grid-template-columns:minmax(0,1fr);gap:26px}.ds-preview{max-width:600px;width:100%;margin-inline:auto}.ds-tagline{font-size:14px}.ds-section-nav{gap:6px;padding:9px}.ds-section-nav a{font-size:11px;padding:8px 10px}.ds-overview,.ds-signup{padding:22px 18px}.ds-description,.ds-screens,.ds-steps{grid-template-columns:minmax(0,1fr)}.ds-heading{gap:10px;margin-bottom:18px}.ds-heading h2{font-size:19px}.ds-heading p{font-size:12px}.ds-features li{padding:15px 12px;font-size:12px;gap:9px;align-items:flex-start}.ds-check{width:24px;height:24px}.ds-related{grid-template-columns:minmax(0,1fr)}.ds-block{margin-top:28px}.ds-coupons{padding:18px}.ds-actions{gap:16px}.ds-step-number{font-size:21px}}
@media(max-width:380px){.ds-features{grid-template-columns:minmax(0,1fr)}.ds-actions .btn-primary{width:100%;justify-content:center}.ds-heading>.ds-text-link{font-size:11px}.ds-container{padding-inline:16px}}
@media(max-width:767px){.dp-public[data-public-page="dashboards.show"] .dp-main>.ds-hero:not(#hero){padding:26px 0 32px}}
@media(prefers-reduced-motion:reduce){.ds-screen{transition:none}}