/* Public pages use the same visual language as public/suite/style.css. */
:root{--ink:#20324b;--muted:#61728a;--green:#3158d5;--lime:#edf2ff;--line:#e1e7ef;--paper:#f4f6fa;--blue:#3158d5;--blue-dark:#294dc2;--blue-soft:#edf2ff;--vp-shadow:0 8px 30px #2534550a}
body{color:var(--ink);background:#fff}
.logo-dot,.header nav a:hover,.secondary-link,.industry-card .industry-link,.related-grid b{color:var(--blue)}
.logo-icon,.button,.industry-tabs button.active{color:#fff;background:var(--blue);border-color:var(--blue)}
.logo-icon span{background:#fff}
.button{border-radius:8px;box-shadow:0 2px 4px #3158d51a}
.button:hover{background:var(--blue-dark);border-color:var(--blue-dark);box-shadow:0 4px 12px #3158d526}
.button.light{color:var(--blue);background:#fff;border-color:#fff}
.eyebrow,.hero h1 em,.feature-number,.shot-copy>span{color:var(--blue)}
.hero:before{background:radial-gradient(circle at 78% 30%,#e7edff 0,transparent 34%),linear-gradient(180deg,#f7f9fd 0,#fff 92%)}
.hero-art,.detail-visual,.screen-section figure{background:#edf2ff;border-color:#dce4f7}
.benefit-strip,.features-section,.pricing-section,.detail-feature{background:#f4f6fa;border-color:#e1e7ef}
.story-points b,.steps article>span,.industry-icon,.workflow-grid span{color:var(--blue);background:#edf2ff}
.business-collage:before,.solution-photo:after{border-color:#cfdafb}
.industry-card:hover,.related-grid a:hover{border-color:#acbce8;box-shadow:0 5px 18px #20324b0d}
.industry-photo-label,.related-photo figcaption{background:#20324bd9}
.feature.large,.trust-section,.final-cta,.trial-banner{background:#294ab7;border-color:#294ab7}
.trust-grid article{background:#294ab7}
.trust-section .eyebrow,.trial-banner .eyebrow{color:#d8e2ff}
.trust-grid article>span,.large .feature-number{color:#d8e2ff}
.trust-grid p,.large p,.final-cta p,.trial-banner p,.trial-banner>div:last-child>span{color:#e1e8ff}
.price-card{border-color:#d5deee;box-shadow:var(--vp-shadow)}
.price-badge,.detail-badges span{color:var(--blue);background:#edf2ff}
.industry-search:focus-within .industry-search-box{border-color:var(--blue);box-shadow:0 0 0 3px #3158d51a}
.industry-search-results a:hover,.industry-search-results a:focus{background:#edf2ff}
.search-result-icon{color:var(--blue);background:#edf2ff}
.breadcrumb,.visual-caption,.screen-section figcaption{color:var(--muted)}
.detail-visual:before{background:#dce5ff99}
.visual-label{background:var(--blue)}
.detail-visual img,.screen-section img{border-color:#dce3ee;box-shadow:0 18px 45px #20324b17}
.detail-summary h1 em{color:var(--blue)}
.benefit-list span,.screen-copy li:before{color:var(--blue)}
.workflow-grid article{border-color:var(--line)}
.screen-copy ul{color:var(--muted)}

/* Image viewer follows the same white, blue and slate workspace palette. */
.clickable-image:focus-visible{outline:3px solid #899fe7;outline-offset:4px}
.app-preview.clickable-image:after,.industry-photo.clickable-image:after{background:#3158d5e8;border-color:#ffffff80;box-shadow:0 5px 18px #20324b30}
dialog.image-lightbox{color:var(--ink);border-radius:18px}
dialog.image-lightbox::backdrop{background:#18253dcc;backdrop-filter:blur(8px)}
.lightbox-shell{background:#f4f6fa;border:1px solid #d9e1ec;border-radius:18px;box-shadow:0 30px 100px #101d415c}
.lightbox-stage{padding:58px 72px 24px;background:linear-gradient(180deg,#f8faff,#f1f4f9)}
.lightbox-image{border:1px solid #dfe5ee;border-radius:12px;background:#fff;box-shadow:0 16px 45px #20324b22}
.lightbox-close,.lightbox-nav{color:var(--blue);background:#fff;border:1px solid #cfd8e7;box-shadow:0 6px 20px #20324b17;backdrop-filter:none}
.lightbox-close:hover,.lightbox-nav:hover{color:#fff;background:var(--blue);border-color:var(--blue)}
.lightbox-meta{background:#fff;border-top:1px solid var(--line)}
.lightbox-caption{color:var(--ink)}
.lightbox-counter{color:var(--blue);background:#edf2ff}
@media(max-width:650px){dialog.image-lightbox,.lightbox-shell{border-radius:14px}.lightbox-stage{padding:58px 10px 16px}}
