/* Evergreen alignment: same navy, slate, emerald, and compact controls as the product app. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#0f172a;background:#f8fafc}
a:focus-visible,button:focus-visible{outline:3px solid #059669;outline-offset:3px}
.site-header{height:76px;background:#fff;border-color:#e2e8f0}
.brand{color:#0f172a;letter-spacing:-.055em;font-weight:600}
.brand strong,.footer-brand strong{color:#047857;font-weight:700}
.brand-mark{width:32px;height:32px}
.site-header nav{color:#475569;font-size:14px;gap:30px}
.site-header nav a:hover,.header-link:hover,.text-link:hover{color:#047857}
.header-link{border-color:#047857;color:#047857}
.hero{min-height:620px;padding-top:64px;padding-bottom:76px;gap:46px}
.eyebrow,.section-label{color:#047857;letter-spacing:.1em}
.eyebrow-line{background:#047857}
.hero h1{font-size:clamp(48px,5.4vw,76px);font-weight:650;letter-spacing:-.06em}
.hero h1 em,.approach-section h2 em,.demo-intro h1 em{color:#047857}
.hero-lede,.section-heading>p,.workflow-card p{color:#475569}
.button{border-radius:6px;min-height:46px}
.button-dark{background:#047857;box-shadow:none}
.button-dark:hover{background:#065f46}
.text-link,.workflow-demo-link{color:#047857;border-color:#047857}
.hero-note{color:#64748b}
.note-dot{background:#10b981}
.hero-visual{min-height:500px;display:flex;padding:22px;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 12px 32px #0f172a14}
.preview-rail{width:58px;flex:none;display:flex;flex-direction:column;align-items:center;gap:16px;padding:15px 5px;background:#fff;border:1px solid #e2e8f0;border-right:0;border-radius:10px 0 0 10px}
.preview-rail>span{display:grid;place-items:center;gap:2px;width:46px;min-height:46px;color:#94a3b8;font-size:20px}
.preview-rail>span small{font-size:8px;font-weight:700;letter-spacing:.03em}
.preview-rail>span.is-active{background:#ecfdf5;color:#047857;border-radius:7px}
.preview-rail .preview-rail-mark{min-height:32px;color:#047857;font-size:22px}
.preview-main{flex:1;min-width:0;padding:17px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:0 10px 10px 0}
.preview-head{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:18px}
.preview-head div{display:grid;gap:3px}
.preview-head small,.preview-bottom span{font-size:8px;font-weight:700;letter-spacing:.12em;color:#64748b}
.preview-head strong{font-size:24px;letter-spacing:-.05em}
.preview-head span{font-size:10px;color:#64748b}
.preview-head b{padding:5px 8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:99px;color:#475569;font-size:9px;white-space:nowrap}
.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:9px}
.preview-stats>div,.preview-panels>section{background:#fff;border:1px solid #e2e8f0;border-radius:8px}
.preview-stats>div{display:grid;gap:6px;padding:12px}
.preview-stats span,.preview-stats small{color:#64748b;font-size:9px}
.preview-stats strong{font-size:27px;font-weight:650;line-height:1}
.preview-panels{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.preview-panels>section{min-width:0;padding:12px}
.preview-panels h2{display:flex;justify-content:space-between;gap:5px;margin:0 0 8px;font-size:11px;letter-spacing:-.02em}
.preview-panels h2 span{color:#047857}
.preview-row{display:flex;align-items:center;gap:7px;padding:8px 0;border-top:1px solid #e2e8f0}
.preview-row p{min-width:0;margin:0;display:grid;gap:2px}
.preview-row p strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.preview-row p small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:8px}
.preview-row em{margin-left:auto;padding:3px 5px;background:#f1f5f9;border-radius:4px;color:#475569;font-size:8px;font-style:normal}
.service-chip{flex:none;padding:5px;border-radius:5px;background:#d1fae5;color:#065f46;font-size:8px}
.service-chip.asb{background:#fef3c7;color:#92400e}
.preview-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;padding:11px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}
.preview-bottom strong{font-size:9px;color:#334155}
.approach-section{background:#0f172a;color:#f8fafc}
.approach-section .section-label{color:#6ee7b7}
.approach-section h2 em{color:#6ee7b7}
.approach-copy{border-color:#334155}
.approach-copy p{color:#cbd5e1}
.workflow-card{background:#fff;border-color:#e2e8f0;border-radius:10px;min-height:280px}
.workflow-card:hover{box-shadow:0 4px 12px #0f172a14}
.card-number,.card-icon{color:#047857}
.card-icon{border-color:#a7f3d0;border-radius:8px}
.next-section{background:#f1f5f9}
.next-copy>p:not(.section-label){color:#475569}
.concept-tag{border-color:#cbd5e1;color:#475569}
.capture-art{background:#fff;border-color:#e2e8f0;border-radius:10px;box-shadow:none}
.scan-label,.capture-foot{color:#475569}
.site-footer{background:#0f172a;color:#cbd5e1}
/* The tour uses the same surfaces and accents as the app. */
.demo-disclosure{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.demo-workspace{border-color:#e2e8f0;box-shadow:0 4px 12px #0f172a14}
.demo-rail{background:#f1f5f9;border-color:#e2e8f0}
.rail-heading{border-color:#cbd5e1}
.rail-kicker,.stage-kicker,.panel-head>span,.sample-card small{color:#047857}
.rail-heading strong{color:#0f172a}
.demo-tabs button{color:#334155}
@media(max-width:1000px){.hero-visual{padding:12px}.preview-main{padding:12px}.preview-stats>div{padding:9px}}
@media(max-width:760px){.hero{gap:35px}.hero-visual{min-height:0}.preview-main{padding:12px}}
@media(max-width:520px){.preview-rail{display:none}.preview-main{border-radius:9px}.preview-panels{grid-template-columns:1fr}.preview-stats strong{font-size:22px}.preview-bottom{display:grid}.preview-row p strong{font-size:11px}}