/* Shared presentation for the dashboard, stock and POS product tour. */
:root{--tour-width:1320px;--tour-gutter:clamp(20px,5vw,80px)}
.section-pad,.today-section:has(.dashboard-match){width:min(var(--tour-width),calc(100% - var(--tour-gutter)*2));margin-inline:auto;padding:86px 0}
.today-section:has(.dashboard-match)>.heading-row{padding-inline:0}
.section-pad>.heading-row,.section-heading>.heading-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:60px;align-items:end}
.section-pad .heading-row>p{max-width:400px;justify-self:end;font-size:15px;line-height:1.8}
.section-pad .heading-row h2{font-size:clamp(36px,3.8vw,57px);letter-spacing:-1.7px;line-height:1.1}
.section-pad .eyebrow{margin-bottom:18px}
.today-window.dashboard-match{margin-top:40px}
.overview,.pos-section{border-top:1px solid var(--line)}
.stock-showcase{margin-top:40px}
.stock-showcase-heading{padding:0;margin-bottom:20px;align-items:center}
.stock-showcase-heading .eyebrow{margin-bottom:10px;font-size:9px;letter-spacing:1.5px}
.stock-showcase-heading h3{font-size:28px}
.stock-showcase-heading button{min-height:44px;font-size:12px}
.stock-showcase-image{border-radius:14px;box-shadow:0 26px 55px -36px #123c3570}
.stock-showcase figcaption{font-size:11px;margin:15px 0}
.stock-showcase-benefits{gap:32px;margin-top:30px;padding-bottom:0;border:0}
.stock-showcase-benefits>p{padding-top:23px;border-top:1px solid var(--line)}
.stock-showcase-benefits strong{font-size:15px;margin-bottom:11px;display:flex;gap:12px;align-items:center}
.stock-showcase-benefits span{max-width:340px;font-size:13px;line-height:1.8}
.stock-showcase-benefits .feature-number{font-size:10px;color:#6d8661;font-weight:500}
.tour-demo{margin-top:34px;border:1px solid var(--line);border-radius:12px;background:#fcfbf6;overflow:hidden;scroll-margin-top:110px}
.tour-demo>summary{cursor:pointer;padding:22px 26px;font-size:15px;font-weight:500;list-style:none;display:flex;align-items:center;gap:22px}
.tour-demo>summary::-webkit-details-marker{display:none}
.tour-demo>summary::after{content:'+';margin-left:auto;font-size:26px;font-weight:400}
.tour-demo[open]>summary::after{content:'−'}
.tour-demo>summary>span{font-size:12px;font-weight:400;color:var(--muted)}
.tour-demo>summary:hover{background:#eef0e3}
.tour-demo>summary:focus-visible{outline:3px solid #628b75;outline-offset:-4px}
.tour-demo .platform-layout{margin:8px 26px 26px;gap:32px}
.tour-demo .preview-caption{margin:0 26px 24px}
.tour-demo .pos-window{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
.tour-demo .pos-disclosure{margin:0;padding:0 26px 22px;font-size:11px}
.tour-demo .pos-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.tour-demo .pos-summary .pos-total{font-size:23px;gap:12px;flex-wrap:wrap}
.tour-demo .pos-product>strong{font-size:14px}
.tour-demo .pos-price{font-size:14px;font-weight:600}
.tour-demo .pos-catalog h3{font-family:'DM Sans',Arial,sans-serif}
.tour-demo .pos-summary>p{font-size:11px}
.app-image-dialog{padding:0;width:calc(100vw - 36px);max-width:1940px;max-height:94svh;border:1px solid #c4d1bd;border-radius:12px;background:var(--paper);color:var(--ink);overflow:auto}
.app-image-dialog::backdrop{background:#082d25b8;backdrop-filter:blur(5px)}
.starter-section,.workflow{padding:60px;gap:60px;border-radius:20px;margin-block:16px}
.migration-section{gap:70px}.connected{gap:60px}.business-section{padding-top:0}
@media(max-width:1000px){.section-pad,.today-section:has(.dashboard-match){padding-block:65px}.section-pad>.heading-row,.section-heading>.heading-row{gap:30px}.starter-section,.workflow{padding:36px;gap:30px}.tour-demo .platform-layout{gap:20px}.stock-showcase-benefits{gap:22px}.connected{gap:30px}.tour-demo>summary{flex-wrap:wrap;gap:8px}.tour-demo>summary>span{flex-basis:65%}}
@media(max-width:700px){
 .section-pad,.today-section:has(.dashboard-match){padding:48px 0;width:calc(100% - 40px)}
 .section-pad>.heading-row,.section-heading>.heading-row{grid-template-columns:1fr;gap:22px}
 .section-pad .heading-row>p{max-width:none;justify-self:start;font-size:14px;margin:0}
 .section-pad .heading-row h2{font-size:36px;letter-spacing:-1px}
 .today-window.dashboard-match{margin-top:28px}
 .stock-showcase-heading{gap:17px;align-items:start}.stock-showcase-heading h3{font-size:27px}
 .stock-showcase{margin-top:32px}.stock-showcase figcaption{font-size:10px}
 .stock-showcase-benefits{grid-template-columns:1fr;gap:18px;margin-top:24px}
 .stock-showcase-benefits>p{padding-top:18px}.stock-showcase-benefits span{max-width:none}
 .stock-showcase-image{border-radius:8px}.stock-showcase-heading button{font-size:12px}
 .tour-demo>summary{padding:20px 16px;gap:7px;font-size:14px;position:relative;padding-right:45px}
 .tour-demo>summary>span{flex-basis:100%;font-size:11px;line-height:1.7}
 .tour-demo>summary::after{position:absolute;right:17px;top:20px}
 .tour-demo .platform-layout{margin:0 14px 20px;display:block}.tour-demo .product-panel{margin-top:20px}
 .tour-demo .preview-caption{margin:0 14px 22px}
 .tour-demo .pos-layout{grid-template-columns:minmax(0,1fr)}
 .tour-demo .pos-disclosure{padding:0 18px 22px;font-size:10px}
 .tour-demo .pos-product>strong{font-size:12px}.tour-demo .pos-price{font-size:12px}
 .starter-section,.workflow{width:calc(100% - 24px);padding:32px 20px;margin-block:8px}
 .migration-section,.connected{gap:30px}.business-section{padding-top:0}
 .app-image-dialog{width:calc(100vw - 16px)}
}