/* Actual product photography shares the existing role-based palette. */
.product-cover{display:block;position:relative;border:1px solid var(--border);overflow:hidden;background:var(--surface);box-shadow:0 22px 60px #17212b10}
.product-cover img{display:block;width:100%;height:auto;transition:transform .5s}
.product-cover:hover img{transform:scale(1.015)}
.cover-link{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;background:var(--accent);color:var(--on-accent);font-size:18px;font-weight:750;position:relative}
.capture-caption{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:14px;color:var(--muted)}
.product-intro{background:var(--surface);padding:40px 0}
.product-intro .wrap{display:grid;grid-template-columns:1.2fr 1fr;column-gap:48px;align-items:center}
.product-intro .eyebrow{grid-column:1/-1;margin-bottom:18px}
.product-intro .link-button{grid-column:1/-1;padding-bottom:0}
.product-intro h1{font-size:clamp(34px,3.4vw,48px);letter-spacing:-2px;font-weight:800;line-height:1.25}
.intro-copy{font-size:20px;line-height:1.8;color:var(--muted);margin:24px 0}
.product-page .eyebrow{font-size:13px;font-weight:750}
.product-page .site-header [aria-current=page]{text-decoration:underline;text-underline-offset:8px}
.tour-nav{position:sticky;top:86px;background:var(--bg);border-bottom:1px solid var(--border);z-index:9}
.tour-nav .wrap{display:flex;gap:30px;overflow-x:auto;scrollbar-width:thin}
.tour-nav a{display:block;white-space:nowrap;padding:17px 0;border-bottom:3px solid transparent;font-size:15px}
.tour-nav a[aria-current]{border-color:var(--accent);font-weight:800}
.tour-section{padding:80px 0;border-bottom:1px solid var(--border);scroll-margin-top:148px}
.tour-dashboard{padding-top:36px}
.tour-dashboard .tour-heading h2{font-size:30px}
.tour-dashboard .tour-heading h2 br{display:none}
.tour-dashboard .tour-heading .eyebrow{margin-bottom:12px}
.tour-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}
.tour-heading h2,.tour-copy h2{font-size:40px;letter-spacing:-1.8px}
.tour-heading>p{font-size:18px;line-height:1.8;color:var(--muted)}
.screen-figure{min-width:0}
.screen-open{display:block;position:relative;width:100%;padding:0;border:1px solid var(--border);background:var(--surface);overflow:hidden;cursor:zoom-in;text-align:left}
.screen-open img{display:block;width:100%;height:auto;transition:transform .4s}
.screen-open:hover img{transform:scale(1.012)}
.zoom-label{position:absolute;right:14px;bottom:14px;padding:7px 12px;background:var(--accent);color:white;font-size:13px;font-weight:700;border-radius:3px}
.screen-figure figcaption{font-size:13px;color:var(--muted);margin-top:12px}
.feature-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:32px 0 0}
.feature-notes>div{border-top:2px solid var(--accent);padding-top:18px}
.feature-notes dt{font-size:20px;font-weight:800}
.feature-notes dd{margin:10px 0 0;font-size:17px;line-height:1.8;color:var(--muted)}
.tour-split{display:grid;grid-template-columns:.85fr 1.4fr;gap:58px;align-items:center}
.tour-split.reverse{grid-template-columns:1.4fr .85fr}
.tour-split.reverse .tour-copy{order:2}
.tour-copy>p:not(.eyebrow){font-size:18px;line-height:1.85;color:var(--muted);margin-top:22px}
.tour-copy ul{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--border)}
.tour-copy li{font-size:16px;line-height:1.7;padding:12px 0;border-bottom:1px solid var(--border)}
.product-page .feature-caveat{font-size:14px!important;color:var(--muted);margin-top:20px}
.workspace-feature{display:grid;grid-template-columns:1.4fr .7fr;gap:50px;align-items:center}
.workspace-feature h3,.workspace-tools h3{font-size:25px;margin-bottom:16px;letter-spacing:-1px}
.workspace-feature p,.workspace-tools p{font-size:18px;line-height:1.8;color:var(--muted)}
.workspace-tools{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:44px}
.workspace-tools article{border-top:1px solid var(--border);padding-top:28px}
.workspace-tools small{display:block;color:var(--muted);font-size:14px;margin-top:12px}
.text-action{border:0;border-bottom:1px solid var(--accent);padding:8px 0;background:none;color:var(--accent);font-size:16px;font-weight:750;margin-top:15px}
.tour-end{background:var(--surface);padding:76px 0;text-align:center}
.tour-end .eyebrow{justify-content:center}
.tour-end h2{font-size:42px}
.tour-end p:not(.eyebrow){margin:22px auto;color:var(--muted);font-size:18px}
.tour-end .button{margin-top:6px}
#screen-dialog{max-width:1500px;width:calc(100% - 40px);max-height:94vh;padding:20px;border:0}
#screen-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
#screen-dialog h2{font-size:20px;letter-spacing:-.5px;margin:0}
#screen-close{flex-shrink:0;padding:9px 15px;background:var(--accent);color:white;border:0;border-radius:3px;font-weight:700}
.screen-scroll{overflow:auto;max-height:76vh;background:var(--surface)}
#screen-full{display:block;width:100%;min-width:1000px;height:auto}
#screen-dialog>p{font-size:13px;margin:12px 0 0}
@media(min-width:1100px){.tour-dashboard .screen-open{max-height:820px}.tour-dashboard .screen-open img{object-position:top}.product-cover{max-height:900px}.product-cover img{max-height:800px;object-fit:cover;object-position:top}}
@media(max-width:900px){.tour-split,.tour-split.reverse,.workspace-feature{grid-template-columns:1fr;gap:28px}.tour-split.reverse .tour-copy{order:0}.tour-heading{display:block}.tour-heading>p{margin-top:22px}.tour-copy ul{margin-bottom:10px}.tour-nav{top:86px}.feature-notes{gap:20px}.feature-notes dt{font-size:18px}}
@media(max-width:600px){.product-intro{padding:44px 0}.product-intro h1{font-size:36px;letter-spacing:-1.5px}.intro-copy{font-size:18px}.tour-nav{top:70px}.tour-nav .wrap{gap:24px}.tour-nav a{font-size:14px;padding:13px 0}.tour-section{padding:48px 0;scroll-margin-top:128px}.tour-heading h2,.tour-copy h2{font-size:32px}.feature-notes,.workspace-tools{grid-template-columns:1fr;gap:24px}.tour-heading{margin-bottom:24px}.capture-caption{display:block;font-size:13px}.capture-caption span{display:block}.cover-link{padding:14px 16px;font-size:16px}.tour-end h2{font-size:32px}.tour-end{padding:50px 0}.product-page .wrap{width:calc(100% - 40px)}.screen-figure figcaption{font-size:12px}.zoom-label{font-size:12px;padding:5px 9px;bottom:8px;right:8px}}
@media(max-width:600px){.product-intro .wrap{display:block}.product-intro h1{font-size:34px}.tour-dashboard .tour-heading h2 br{display:block}}
@media(prefers-reduced-motion:reduce){.product-cover img,.screen-open img{transition:none}.product-cover:hover img,.screen-open:hover img{transform:none}}
/* Focused, factual section captures. No whole-dashboard miniatures. */
.product-cover{max-width:940px;max-height:none;margin-inline:auto}
.product-cover picture{display:block}
.product-cover img{max-height:none;object-fit:contain;height:auto}
.product-section .capture-caption{max-width:940px;margin-inline:auto}
.screen-open picture{display:block}
.screen-open img{height:auto;aspect-ratio:auto}
.zoom-label{position:static;display:block;margin:0;padding:7px 12px;border-radius:0;background:var(--surface);color:var(--accent);font-size:13px;text-align:right;border-top:1px solid var(--border)}
.feature-wide .tour-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;align-items:center;margin-bottom:30px}
.feature-wide .tour-copy .eyebrow{grid-column:1/-1}
.feature-wide .tour-copy>p:not(.eyebrow){margin-top:0}
.tour-section{padding:62px 0}
#screen-full{width:auto;min-width:0;max-width:none;margin:auto}
.screen-scroll{background:var(--bg)}
@media(max-width:600px){.feature-wide .tour-copy{display:block}.feature-wide .tour-copy>p:not(.eyebrow){margin-top:20px}.product-cover{max-width:400px}.tour-section{padding:42px 0}.screen-open .zoom-label{font-size:13px}.product-section .capture-caption{max-width:400px}}