/* September 14 voice review: product first, readable dashboard, shorter scroll. */
.clarity .site-header { background: var(--ivory); }
.clarity .hero-grid { min-height: 0; padding: 112px 0 40px; grid-template-columns: minmax(0,.95fr) minmax(0,1.1fr); gap: clamp(24px,4vw,58px); position: relative; }
.clarity .hero-scroll-track { height: auto; }
.clarity .hero-scroll-track.is-clarity-pinned .hero-grid { position: sticky; top: 0; }
.clarity .hero h1 { font-size: clamp(38px,4.2vw,62px); line-height: 1.04; letter-spacing: -.055em; margin-bottom: 23px; }
.clarity .hero h1 em { white-space: normal; }
.clarity .hero .eyebrow { font-size: 10px; letter-spacing: .07em; margin-bottom: 22px; }
.clarity .hero .hero-lead { font-size: 18px; line-height: 1.55; margin-bottom: 24px; }
.clarity .hero .tool-line { flex-wrap: wrap; white-space: normal; max-width: 100%; gap: 7px; margin-top: 0; }
.clarity .hero .tool-line > span { flex: 0 0 auto; padding: 7px 8px; }
.clarity .hero .hero-visual { height: auto; overflow: hidden; background: #fbf9f3; color: #111; border: 1px solid #111; border-radius: 18px; box-shadow: 8px 9px 0 #111; transform: none !important; scale: 1 !important; }
.clarity .hero-visual::before { display: none; }
.workspace-bar { display: flex; align-items: center; gap: 13px; padding: 17px; border-bottom: 1px solid #1112; }
.workspace-bar img { width: 72px; }
.workspace-bar > span { font-size: 8px; letter-spacing: .07em; }
.workspace-bar small { margin-left: auto; font-size: 8px; color: #555; }
.workspace-body { display: grid; grid-template-columns: 55px minmax(0,1fr); }
.workspace-sidebar { padding: 19px 5px; border-right: 1px solid #1112; background: #ece9df; display: flex; flex-direction: column; gap: 8px; }
.workspace-sidebar a { min-height: 52px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; border-radius: 7px; }
.workspace-sidebar a:first-child { background: #111; color: var(--green); }
.workspace-sidebar a:hover { background: var(--green); color: #111; }
.workspace-sidebar a span { font-size: 21px; }
.workspace-sidebar b { font-size: 7px; }
.workspace-content { min-width: 0; padding: 20px; }
.workspace-welcome { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; }
.workspace-welcome small { font-size: 8px; letter-spacing: .08em; color: #57574e; }
.workspace-welcome h2 { font-size: clamp(18px,1.8vw,25px); line-height: 1.12; letter-spacing: -.04em; margin: 7px 0 0; }
.clarity .hero .companion-wrap { position: static; width: 58px; height: 58px; margin-left: auto; flex: 0 0 58px; opacity: 1; translate: none !important; scale: 1 !important; rotate: 0deg !important; transform: none !important; }
.clarity .hero .companion-wrap img { width: 100%; height: 100%; animation: none; transform: none; }
.workspace-widgets { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 16px; }
.workspace-customize { display: flex; align-items: center; gap: 10px; border: 0; border-top: 1px solid #1112; background: none; padding: 0; min-height: 44px; margin: 0 0 10px; color: #4b4b44; font-size: 10px; cursor: pointer; width: 100%; }
.workspace-customize span { margin-left: auto; font-size: 8px; text-transform: uppercase; }
.workspace-customize:hover { color: #111; }.workspace-customize[aria-pressed="true"] { color: #4c32bd; }
.workspace-widgets.is-reordered article:first-child { order: 2; }
.workspace-widgets article { min-width: 0; padding: 14px; border: 1px solid #1112; border-radius: 10px; background: #ebe7f9; }
.workspace-widgets article:first-child { background: #e7f2cc; }
.workspace-widgets span { font-size: 8px; font-weight: 700; display: block; }
.workspace-widgets b { display: block; font-size: 15px; line-height: 1.2; margin: 12px 0 6px; }
.workspace-widgets small { color: #44443d; font-size: 10px; line-height: 1.4; display: block; }
.widget-meter { display: block; height: 5px; background: #1112; margin-top: 17px; overflow: hidden; border-radius: 9px; }
.widget-meter i { display: block; height: 100%; background: #111; width: 74%; transform: scaleX(calc(.35 + var(--hero-progress,1)*.65)); transform-origin: left; }
.widget-chart { height: 23px; display: flex; align-items: end; gap: 5px; margin-top: 7px; }
.widget-chart i { flex: 1; height: 40%; background: #7456ff; transform: scaleY(calc(.4 + var(--hero-progress,1)*.6)); transform-origin: bottom; }
.widget-chart i:nth-child(2) { height: 60%; }.widget-chart i:nth-child(3) { height: 45%; }.widget-chart i:nth-child(4) { height: 80%; }.widget-chart i:nth-child(5) { height: 100%; }
.clarity .hero .morning-card { position: static; height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; opacity: 1 !important; transform: none !important; translate: none !important; scale: 1 !important; rotate: 0deg !important; }
.clarity .hero .card-meta { color: #555; font-size: 7px; letter-spacing: .025em; margin-bottom: 7px; gap: 8px; }
.clarity .hero .move-list { border-color: #1112; }
.clarity .hero .move-list li { min-height: 56px; gap: 9px; border-color: #1112; grid-template-columns: 27px minmax(0,1fr) auto; translate: none !important; opacity: 1; }
.clarity .hero .move-list b { color: #111; font-size: 12px; }
.clarity .hero .move-list small { font-size: 10px; color: #5d5d54; white-space: normal; }
.clarity .hero .move-list strong { color: #384024; background: #e9efdc; border: 0; font-size: 7px; padding: 5px; }
.clarity .hero[data-opening-phase="1"] .move-list strong { background: #ebe4ff; color: #4c32bd; }
.clarity .hero[data-opening-phase="2"] .move-list strong { background: var(--green); color: #111; }
.clarity .hero .decision-card { position: static; min-height: 0; margin-top: 14px; padding: 13px; border-radius: 10px; border: 1px solid #b5b8a9; background: #efeee7; opacity: 1 !important; transform: none !important; translate: none !important; rotate: 0deg !important; scale: 1 !important; box-shadow: none !important; }
.clarity .hero[data-opening-phase="2"] .decision-card { background: #e4f3c2; border-color: #667b3c; }
.clarity .hero .decision-card > span { font-size: 8px; color: #515147; }
.clarity .hero .decision-card > b { font-size: 12px; line-height: 1.4; }
.clarity .hero .decision-card > div { margin-top: 9px; gap: 7px; }
.clarity .hero .decision-card button { min-height: 36px; font-size: 10px; padding: 0 13px; }
.clarity .hero .hero-inputs { position: static; display: flex; flex-wrap: wrap; margin-top: 13px; opacity: 1; gap: 6px; }
.clarity .hero .hero-inputs span { opacity: 1 !important; translate: none !important; color: #3e3e37; border: 1px solid #1112; background: #fff; font-size: 9px; padding: 5px 7px; }
.clarity .hero .visual-caption { position: static; width: auto; color: #111; font-family: var(--display); transform: none; font-size: 11px; line-height: 1.5; padding: 12px 17px; border-top: 1px solid #1112; background: #e7efda; }
.clarity .hero-build-line { height: 3px; }
.clarity .hero-marquee { margin-top: 0; }
.clarity .section { padding: clamp(44px,5vw,72px) 0; }
.clarity .section-heading { margin-bottom: 28px; }
.clarity .section-heading h2 { font-size: clamp(32px,4vw,54px); }
.clarity .section-heading--split { gap: 30px; }
.clarity .experience-track, .clarity .module-suite > .experience-track { margin-bottom: 28px; }
.clarity .experience-track:last-child { margin-bottom: 0; }
.clarity .experience-caption, .clarity .experience-sticky > .experience-caption { min-height: 35px; padding-bottom: 12px; }
.clarity .experience-caption > i { bottom: 6px; }
.clarity .module-suite .suite-card { min-height: 0; padding: clamp(22px,3vw,38px); gap: 32px; }
.clarity .suite-card--prospect, .clarity .suite-card--studio { grid-template-areas: 'copy art'; align-items: center; }
.suite-copy { grid-area: copy; min-width: 0; }
.suite-copy .suite-label { display: block; margin-bottom: 22px; }
.suite-copy h3 { margin-bottom: 17px; }
.suite-copy > p { margin-bottom: 20px; }
.module-proof { padding: 0; margin: 22px 0; list-style: none; display: grid; gap: 7px; }
.module-proof li { padding: 12px 13px; border: 1px solid #1112; border-radius: 8px; transition: background .2s; }
.module-proof b { display: block; font-size: 12px; }
.module-proof span { display: block; font-size: 13px; line-height: 1.5; margin-top: 4px; }
[data-scene-phase="0"] .module-proof li:nth-child(1),[data-scene-phase="1"] .module-proof li:nth-child(2),[data-scene-phase="2"] .module-proof li:nth-child(3) { background: #fff9; }
.suite-copy .button { font-size: 13px; min-height: 46px; }
.module-cta { display: inline-flex; align-items: center; min-height: 44px; margin: 10px 0 0 12px; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.clarity .network-mark { font-family: Arial,sans-serif; font-size: 23px; font-weight: 800; font-style: normal; transform: none; background: #fff; color: #0a66c2; border-radius: 4px; }
.clarity .lead-console { box-shadow: 4px 5px 0 #0a66c222; }
.clarity .lead-signals span, .clarity .lead-console .prospect-message { font-size: 12px; }
.clarity .campaign-preview li { font-size: 12px; }
.clarity .lead-person, .clarity .campaign-preview { opacity: 1 !important; }
.clarity .experience-panel .campaign-preview { background: #f8fbff; }
.clarity .experience-panel[data-scene-phase="2"] .campaign-preview { background: #eaf4ff; border-color: #0a66c2; }
.clarity .motion-toggle { position: static; width: auto; max-width: 100%; height: auto; min-height: 44px; padding: 12px 18px; margin: 20px 0; border-radius: 99px; display: inline-flex; gap: 10px !important; }
.clarity .motion-toggle [data-motion-label] { display: inline; width: auto; max-width: none; min-width: 0; height: auto; overflow: visible; white-space: normal; clip: auto; position: static; font-size: 11px; }
.clarity .motion-toggle, .clarity .motion-toggle > span { line-height: 16px; }
.clarity .motion-toggle > span:first-child { height: 16px; flex: 0 0 14px; }
.clarity .motion-toggle[hidden] { display: none; }
.clarity .suite-card > .prospect-art, .clarity .suite-card > .studio-art { min-height: 0; }
.clarity .story-layout { gap: 36px; align-items: start; }
.clarity .story-layout .step { min-height: 195px; padding: 25px 0; }
.clarity .story-layout .step h3 { margin: 12px 0; font-size: 26px; }
.clarity .story-layout .step p { margin-bottom: 0; font-size: 15px; }
.clarity .story-art { height: 200px; }
.clarity .story-readout h3 { font-size: 27px; min-height: 0; }
.clarity .story-readout p { min-height: 0; }
.clarity .story-stage { top: 100px; }
.clarity .story-stage.no-pin { position: static; }
.clarity .section-cta { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 28px; }
.clarity .section-cta p { margin: 0; font-size: 14px; color: #555; }
.clarity .section-heading h2 .motion-word { opacity: 1; transform: translateY(calc((1 - var(--heading-p,1))*12px)); }
@media (max-width: 1100px) { .clarity .hero h1 { font-size: 40px; }.clarity .hero .hero-lead { font-size: 16px; }.workspace-bar > span { display: none; }.workspace-content { padding: 14px; }.workspace-widgets article { padding: 11px; } }
@media (max-width: 920px) {
 .clarity .hero-grid { grid-template-columns: minmax(0,1fr); gap: 28px; padding-top: 100px; }
 .clarity .hero .hero-visual { width: 100%; max-width: 630px; justify-self: center; }
 .clarity .hero h1 { font-size: clamp(36px,6.5vw,58px); }
 .clarity .suite-card--prospect, .clarity .suite-card--studio { display: flex; }
 .clarity .story-layout { gap: 28px; }.clarity .story-layout .step { min-height: 0; padding: 24px 0; }
 .clarity .hero .decision-card button { min-height: 44px; }
 .clarity .hero-grid .hero-chapters { display: flex; font-size: 10px; margin-top: 18px; }
}
@media (max-width: 650px) {
 .clarity .hero-grid { padding: 92px 0 32px; }
 .clarity .hero h1 { font-size: clamp(33px,8.2vw,48px); }
 .clarity .hero .hero-lead { font-size: 17px; }
 .clarity .hero .eyebrow { font-size: 9px; }
 .workspace-body { grid-template-columns: minmax(0,1fr); }.workspace-sidebar { display: none; }
 .workspace-content { padding: 15px; }.workspace-welcome h2 { font-size: 23px; }
 .workspace-widgets b { font-size: 14px; }.workspace-widgets small { font-size: 11px; }
 .workspace-welcome .companion-wrap { width: 46px; height: 46px; flex-basis: 46px; }
 .clarity .hero .move-list b { font-size: 12px; }.clarity .hero .move-list small { font-size: 11px; }
 .clarity .hero .card-meta { font-size: 6.5px; }.clarity .hero .move-list li { min-height: 65px; }
 .clarity .hero .decision-card > b { font-size: 13px; }
 .clarity .hero .hero-inputs span { font-size: 10px; }
 .clarity .module-suite .suite-card { padding: 22px 17px; gap: 22px; }
 .clarity .module-suite .suite-copy h3 { font-size: 31px; }.module-proof span { font-size: 14px; }
 .clarity .suite-copy .button { width: 100%; font-size: 12px; }
 .clarity .hero .hero-visual { box-shadow: 4px 5px 0 #111; }
 .clarity .section-cta { align-items: stretch; flex-direction: column; }.clarity .section-cta .button { width: 100%; }
}

/* Sources become a shared workspace. All movement uses the existing scroll clock. */
.clarity .hero .hero-visual { max-width: 530px; width: 100%; justify-self: center; position: relative; }
.workspace-dashboard { opacity: 1; }
.assembly-ready .workspace-dashboard { opacity: 1; clip-path: inset(calc((1 - var(--dashboard-reveal,0))*100%) 0 0 0); }
.source-assembly { --assembly-version: 1; display: none; }
.source-assembly[hidden] { display: none !important; }
.assembly-ready .source-assembly { display: flex; position: absolute; inset: 0; padding: 28px 20px 22px; flex-direction: column; align-items: center; justify-content: space-between; background: #fbf9f3; opacity: 1; clip-path: inset(0 0 calc(var(--dashboard-reveal,0)*100%) 0); pointer-events: none; }
.assembly-heading { text-align: center; }
.assembly-heading small { font-size: 9px; letter-spacing: .08em; }
.assembly-heading h2 { margin: 12px 0 0; font-size: clamp(24px,2.5vw,32px); line-height: 1.1; letter-spacing: -.04em; }
.assembly-orbit { width: 100%; height: 300px; position: relative; flex: 0 0 300px; }
.assembly-links { position: absolute; inset: 0; width: 100%; height: 100%; }
.assembly-links path { fill: none; stroke: #98bc58; stroke-width: 1.5; stroke-dasharray: 4 5; stroke-dashoffset: calc(var(--hero-progress,0)*-100); }
.assembly-source { position: absolute; left: 50%; top: 50%; width: 132px; min-height: 93px; padding: 12px; background: white; border: 1px solid #1113; border-radius: 10px; box-shadow: 3px 4px 0 #1111; display: grid; justify-items: start; gap: 5px; transform: translate(-50%,-50%) translate(var(--sx),calc(var(--sy)*1.1)) rotate(var(--sr)); }
.assembly-source img { width: 23px; height: 23px; }.assembly-source b { font-size: 12px; }.assembly-source span { font-size: 9px; color: #555; }.assembly-source .source-glyph { font-size: 24px; color: #6c4bff; line-height: 23px; }
.assembly-memory { position: absolute; left: 50%; top: 50%; width: 128px; padding: 4px; transform: translate(-50%,-50%); background: #fbf9f3; text-align: center; font-size: 14px; line-height: 1.2; }.assembly-memory img { width: 38px; height: 38px; display: block; margin: 0 auto 3px; }.assembly-memory b { display: block; }.assembly-memory small { display: inline-block; margin-top: 5px; padding: 3px 9px; border-radius: 99px; background: var(--green); font-size: 11px; font-weight: 700; }
.source-assembly > p { text-align: center; font-size: 12px; line-height: 1.5; margin: 0; }
.clarity .workspace-bar { padding: 12px 15px; }.clarity .workspace-content { padding: 13px 15px; }
.clarity .hero .move-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; border: 0; }
.clarity .hero .move-list li { display: flex; flex-direction: column; justify-content: center; gap: 5px; padding: 9px 3px; border: 1px solid #1112; border-radius: 8px; text-align: center; }
.clarity .hero .move-list b { font-size: 10px; }.clarity .hero .move-list small,.clarity .hero .move-icon { display: none; }
.clarity .hero .hero-inputs { display: none; }
.clarity .workspace-welcome { margin-bottom: 7px; }.clarity .workspace-welcome h2 { font-size: 20px; }
.clarity .workspace-widgets { margin-bottom: 10px; }.clarity .workspace-widgets article { padding: 10px; }.clarity .workspace-widgets b { margin-top: 7px; font-size: 13px; }
.clarity .hero .move-list li { min-height: 46px; }.clarity .hero .decision-card { padding: 10px; margin-top: 10px; }.clarity .hero .hero-inputs { margin-top: 9px; }
.clarity .hero-grid { align-items: center; }.clarity .section { padding-top: 42px; padding-bottom: 42px; }
.clarity .demo-section { padding: 28px 0; }.clarity .demo-grid { gap: 32px; align-items: center; }.clarity .product-frame { min-height: 0; }.clarity .demo-panel { min-height: 0; }
.post-picker { display: flex; padding: 5px 9px; gap: 5px; background: #fff; }.post-picker button { flex: 1; min-height: 44px; background: #f4f1e8; border: 1px solid transparent; border-radius: 6px; font: inherit; font-size: 10px; cursor: pointer; }.post-picker button[aria-pressed="true"] { background: #111; color: #fff; }
[data-post-title] { white-space: pre-line; }.instagram-frame[data-post-index="1"] .instagram-post { background: #111; color: #f4f1e8; }.instagram-frame[data-post-index="1"] .instagram-post img { filter: invert(1); }.instagram-frame[data-post-index="2"] .instagram-post { background: #f4f1e8; color: #111; }
@media (max-width:650px) {
 .assembly-source { width: 108px; --sx: -70px !important; }.assembly-source:nth-of-type(even) { --sx:70px !important; }
 .clarity .hero .move-list li { min-height: 55px; }.clarity .workspace-welcome h2 { font-size: 18px; }
 .clarity .section { padding-top: 32px; padding-bottom: 32px; }.clarity .demo-grid { gap: 22px; }
}
@media (prefers-reduced-motion:reduce) { .assembly-ready .source-assembly { display: none; }.assembly-ready .workspace-dashboard { opacity: 1; clip-path: none; } }

/* Concrete client workflow. Compact by design: proof replaces abstract decoration. */
.clarity .promise { padding-block: 28px; }
.clarity .promise .section-heading { margin-bottom: 18px; }
.clarity .promise .section-heading h2 { margin-bottom: 12px; }
.clarity .promise .section-heading > p { font-size: 15px; }
.clarity .principle { min-height: 332px; padding: 22px; display: flex; flex-direction: column; }
.clarity .principle-demo { min-height: 112px; margin: 20px 0 18px; padding: 13px; border: 1px solid #111; border-radius: 10px; background: var(--ivory); color: #111; box-shadow: 3px 4px 0 #111; font-size: 11px; transition: transform .3s var(--spring), box-shadow .3s; }
.clarity .principle-demo--signal > div { display: flex; align-items: center; gap: 8px; }
.clarity .demo-avatar { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 30px; border-radius: 50%; background: #111; color: var(--green); font-size: 9px; font-weight: 800; }
.clarity .principle-demo--signal div p { display: grid; margin: 0; line-height: 1.2; }.clarity .principle-demo--signal small { color: #68685f; font-size: 8px; }
.clarity .principle-demo--signal strong { margin-left: auto; padding: 4px 6px; border-radius: 99px; background: #e8efda; font-size: 8px; }
.clarity .principle-demo--signal > p { margin: 11px 0 7px; padding-top: 9px; border-top: 1px solid #1112; font-weight: 700; }.clarity .principle-demo--signal > span { color: #5c6f35; font-size: 8px; font-weight: 800; }
.clarity .principle-demo--draft > span,.clarity .principle-demo--approve > span { display: block; margin-bottom: 8px; font-size: 8px; font-weight: 800; letter-spacing: .05em; }
.clarity .principle-demo--draft > p { margin: 0 0 11px; padding: 9px; border-left: 3px solid var(--green); background: #fff; line-height: 1.35; }.clarity .principle-demo--draft div { display: flex; gap: 5px; }.clarity .principle-demo--draft i { padding: 4px 6px; border: 1px solid #1112; border-radius: 99px; font-size: 8px; font-style: normal; }
.clarity .principle-demo--approve > p { margin: 0 0 10px; font-weight: 800; }.clarity .principle-demo--approve div { display: flex; gap: 7px; }.clarity .principle-demo--approve i,.clarity .principle-demo--approve b { padding: 7px 10px; border: 1px solid #111; border-radius: 99px; font-size: 9px; font-style: normal; }.clarity .principle-demo--approve b { background: var(--green); }.clarity .principle-demo--approve small { display: block; margin-top: 9px; font-size: 8px; }
.clarity .principle h3 { margin-bottom: 8px; font-size: clamp(25px,2.2vw,32px); }.clarity .principle p { font-size: 13px; line-height: 1.5; }
.clarity .principle-detail { margin-top: auto; padding-top: 12px; }
.motion-on .clarity .principles .scene-current .principle-demo { transform: translateY(-3px); box-shadow: 5px 6px 0 #111; }
@media (max-width:920px) { .clarity .principle { min-height: 0; padding: 20px; }.clarity .principle-demo { margin: 16px 0; }.clarity .promise { padding-block: 24px; } }

/* Unified product exploration and a consistent reading scale. */
.clarity .primary-nav a { display: inline-flex; font-size: 14px; }
.clarity .primary-nav .nav-mobile-cta { display: none; }
.clarity .primary-nav a[aria-current="location"]::after { right: 0; }
.clarity .section-heading h2 span { color: #57574f; }
.clarity .section-heading > p,.clarity .hero-lead { color: #42423c; font-size: 17px; line-height: 1.6; }
.clarity .hero .eyebrow { white-space: normal; line-height: 1.6; max-width: 490px; font-size: 11px; }
.clarity .microcopy,.clarity .tools-label { color: #52524a; font-size: 13px; }
.clarity .experience-caption { font-size: 12px; color: #45453f; }
.clarity .trust .experience-caption,.clarity .custom-studio .experience-caption { color: #e2e0d6; }
.clarity .principle-detail { opacity: 1; translate: none; color: #222; font-size: 11px; }
.clarity .principle p { font-size: 15px; }
.clarity .principle-demo p { font-size: 13px; }
.clarity .principle-demo small,.clarity .principle-demo i,.clarity .principle-demo > span { font-size: 11px; }
.clarity .audience-card > span { display: none; }
.clarity .audience-card h3 { font-size: 28px; margin-top: 20px; line-height: 1.13; }
.clarity .audience-card > p { font-size: 16px; line-height: 1.6; color: #41413b; }
.clarity .audience-card > b { font-size: 13px; line-height: 1.5; color: #35352e; }
.clarity .audience-visual { height: 190px; }.clarity .audience-card { padding: 20px; min-height: 0; }
.clarity .trust-copy p,.clarity .trust-points p { color: #dfded3; font-size: 16px; }
.clarity .story-readout p,.clarity .story-layout .step p { font-size: 16px; line-height: 1.6; }
.clarity .price-card p,.clarity .price-card li { font-size: 16px; }
.clarity .price-card > p,.clarity .price-card .price small { color: #505049; }
.clarity .price-card--featured > p,.clarity .price-card--featured .price small { color: #dfded3; }
.clarity .story-tool .provider-icon { background: #fff; border-radius: 4px; padding: 2px; width: 24px; height: 24px; flex-basis: 24px; }
.clarity .hero-marquee { display: block; }
.clarity .explorer-heading { margin-bottom: 24px; max-width: 880px; }
.explorer-heading h2 { font-size: clamp(32px,3.7vw,50px); }
.explorer-track { position: relative; scroll-margin-top: 90px; }
.explorer-stage { min-width: 0; }
.explorer-track.is-scrubbed .explorer-stage { position: sticky; top: 86px; top: var(--explorer-top,86px); }
.explorer-nav { display: flex; gap: 6px; padding: 10px; border: 1px solid #c8c6bb; border-bottom: 0; border-radius: 18px 18px 0 0; background: #eeece3; overflow-x: auto; scrollbar-width: thin; }
.explorer-nav button { flex: 1 0 auto; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 9px 15px; background: transparent; color: #3e3e38; border: 1px solid transparent; border-radius: 9px; font: inherit; font-size: 14px; font-weight: 650; cursor: pointer; }
.explorer-nav button[aria-current="true"] { background: #111; color: #f4f1e8; border-color: #111; }
.explorer-nav button:hover { border-color: #77776e; }
.product-rail { display: flex; align-items: flex-start; width: 100%; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; border: 1px solid #c8c6bb; background: #111; overscroll-behavior-x: contain; }
.product-rail::-webkit-scrollbar { display: none; }
.is-scrubbed .product-rail { scroll-snap-type: none; }
.is-scrubbed .product-slide { min-height: 100%; }
.product-slide { flex: 0 0 100%; width: 100%; min-width: 0; scroll-snap-align: start; display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: center; gap: clamp(20px,3vw,44px); padding: clamp(22px,2.5vw,32px); background: #111; color: #f4f1e8; box-sizing: border-box; }
.product-slide--prospect { background: #eaf2f9; color: #111; }.product-slide--studio { background: #eee9ff; color: #111; }.product-slide--cash { background: #eaece1; color: #111; }
.explorer-copy { min-width: 0; }.explorer-copy .explorer-label { font-size: 12px; letter-spacing: .07em; font-weight: 750; margin: 0 0 18px; color: inherit; }
.explorer-copy h3 { font-size: clamp(28px,3vw,42px); line-height: 1.08; letter-spacing: -.045em; margin: 0 0 20px; }
.explorer-copy > p:not(.explorer-label) { font-size: 17px; line-height: 1.6; color: inherit; margin: 0 0 18px; }
.explorer-copy > ul { display: grid; gap: 10px; list-style: none; padding: 0; margin: 0 0 24px; font-size: 15px; line-height: 1.5; }
.explorer-copy > ul li { position: relative; padding-left: 21px; }.explorer-copy > ul li::before { content: '✓'; position: absolute; left: 0; }
.explorer-copy .button { min-height: 46px; font-size: 14px; }.product-slide--meetings .explorer-copy .button,.product-slide--crm .explorer-copy > .button { background: var(--green); color: #111; }
.explorer-preview { min-width: 0; width: 100%; }
.explorer-followup { margin-top: 15px; font-size: 14px; }.explorer-followup summary { cursor: pointer; padding: 12px 0; min-height: 44px; }
.explorer-followup .draft { background: #f4f1e8; color: #111; margin-top: 8px; padding: 16px; }.explorer-followup .draft p { font-size: 14px; color: #333; }
.explorer-preview .crm-preview { padding: 20px; color: #f4f1e8; background: #242424; border-radius: 16px; }
.explorer-preview .crm-preview-top { padding-bottom: 16px; }.explorer-preview .crm-preview-top > span { color: #d5d5cc; font-size: 11px; }
.explorer-preview .crm-sources { display: none; }.explorer-preview .crm-contacts article { padding: 10px; opacity: 1; transform: none; translate: none; }
.explorer-preview .crm-contacts article:last-child { display: none; }
.explorer-preview .crm-contacts b { font-size: 14px; }.explorer-preview .crm-contacts small { font-size: 12px; color: #dfdfd4; }
.explorer-preview .crm-metrics > div > span { font-size: 12px; color: #dfdfd4; }.explorer-preview .crm-metrics small { font-size: 12px; color: #dfdfd4; }
.explorer-preview .crm-metrics { margin-bottom: 14px; }.explorer-preview .crm-next { padding: 12px; margin-top: 14px; }.explorer-preview .crm-next p { font-size: 14px; line-height: 1.45; }
.explorer-preview .crm-feedback { min-height: 0; margin-top: 12px !important; font-size: 12px !important; line-height: 1.5 !important; color: #dfdfd4; }
.explorer-preview .account-score { font-size: 12px; }.explorer-preview .account-score b { font-size: 21px; }
.explorer-preview .lead-console { padding: 16px; border-radius: 16px; color: #111; }.explorer-preview .lead-console-header b { font-size: 17px; }
.explorer-preview .lead-console small,.explorer-preview .lead-console em,.explorer-preview .lead-person div > span { font-size: 12px; color: #3b4c5b; }
.explorer-preview .lead-console-header { padding: 12px; }.explorer-preview .lead-console-header > small { color: #fff; }
.explorer-preview .lead-console .prospect-result { margin-block: 10px; padding-block: 10px; }
.explorer-preview .campaign-preview > div > span { font-size: 11px; color: #245a88; }
.explorer-preview .lead-signals span,.explorer-preview .campaign-preview li,.explorer-preview .prospect-message { font-size: 14px; line-height: 1.5; }
.explorer-preview .lead-person,.explorer-preview .prospect-result,.explorer-preview .campaign-preview { opacity: 1; transform: none; translate: none; rotate: none; }
.explorer-preview .prospect-message { min-height: 0; }.explorer-preview .campaign-preview { margin-top: 10px; }
.explorer-preview .studio-art { padding: 0; margin: 0; min-height: 0; display: flex; justify-content: center; }
.explorer-preview .instagram-frame { width: 100%; max-width: 340px; margin: 0; transform: none; rotate: none; }
.explorer-preview .instagram-top { padding: 10px 14px; }.explorer-preview .instagram-profile { padding: 10px 14px; }
.explorer-preview .instagram-post { min-height: 0; aspect-ratio: 1.3; padding: 18px; }.explorer-preview .instagram-post > b { font-size: 28px; }.explorer-preview .instagram-post > small { font-size: 11px; max-width: 175px; }
.explorer-preview .instagram-post > span[data-post-eyebrow] { font-size: 11px; }
.explorer-preview .instagram-profile small { display: none; }.explorer-preview .instagram-caption { font-size: 13px; padding: 8px 14px; }.explorer-preview .instagram-status small,.explorer-preview .instagram-top > span { font-size: 11px; }
.explorer-preview .post-picker button { font-size: 12px; }.explorer-preview .instagram-actions { padding: 4px 14px; }
.explorer-detail { background: #fbf9f3; color: #111; padding: 24px; border: 1px solid #d4d2c8; border-radius: 18px; }
.explorer-detail .panel-header { gap: 15px; margin-bottom: 22px; }.explorer-detail .panel-header h3 { font-size: 27px; line-height: 1.15; }.explorer-detail .panel-header span { font-size: 11px; }
.explorer-detail .metric-grid { gap: 8px; }.explorer-detail .metric-grid article { padding: 13px; }.explorer-detail .metric-grid b { font-size: 25px; }.explorer-detail .metric-grid small,.explorer-detail .metric-grid span { font-size: 12px; color: #505048; }
.explorer-detail .brief-list p { font-size: 14px; line-height: 1.5; color: #45453e; }.explorer-detail .brief-list b { font-size: 15px; }.explorer-detail .brief-list article { padding: 16px 0; }
.explorer-detail .source-line { flex-wrap: wrap; gap: 8px; font-size: 12px; }.explorer-detail .source-line b { color: #333; }
.explorer-footer { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 10px 2px; }.explorer-footer p { margin: 0; display: flex; flex-wrap: wrap; gap: 16px; color: #44443d; font-size: 13px; }.explorer-footer p > span:first-child { font-weight: 750; }
.explorer-footer > div { display: flex; gap: 8px; }.explorer-footer button { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #77776c; background: #f4f1e8; color: #111; font-size: 23px; cursor: pointer; }.explorer-footer button:disabled { color: #999; border-color: #ccc; cursor: default; }
.explorer-note { font-size: 12px; line-height: 1.5; color: #515149; margin: 0; }
.clarity :focus-visible { outline: 3px solid #7251ff; outline-offset: 4px; }
@media (max-width:1120px) {
 .clarity .nav { grid-template-columns: 1fr auto; }.clarity .menu-button { display: block; }.clarity .nav-cta { display: none; }
 .clarity .primary-nav { position: fixed; z-index: 20; inset: 80px 0 auto; padding: 18px 24px; min-height: 0; max-height: calc(100dvh - 80px); overflow-y: auto; display: flex; flex-direction: column; gap: 0; background: #111; color: #f4f1e8; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px); }
 .clarity .primary-nav.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
 .clarity .primary-nav a { display: flex; width: 100%; min-height: 52px; padding: 14px 0; font-size: 19px; border-bottom: 1px solid #444; }
 .clarity .primary-nav .nav-mobile-cta { display: flex; color: var(--green); }
}
@media (max-width:920px) {
 .clarity .story-stage { top: 0; }
 .explorer-nav { position: sticky; top: 68px; z-index: 5; }
 .product-slide { grid-template-columns: minmax(0,1fr); gap: 22px; padding: 24px; }.explorer-copy h3 { font-size: 32px; }.explorer-copy > ul { margin-bottom: 18px; }.explorer-copy > p:not(.explorer-label) { font-size: 16px; }.explorer-preview { max-width: 650px; justify-self: center; }
 .explorer-nav button { padding: 8px 12px; font-size: 13px; }.explorer-footer p { gap: 7px; max-width: 230px; }.explorer-heading h2 { font-size: 35px; }
}
html:not(.js) .clarity .site-header { position: relative; height: auto; }
html:not(.js) .clarity .nav { display: flex; flex-wrap: wrap; padding-block: 16px; }
html:not(.js) .clarity .menu-button { display: none; }
html:not(.js) .clarity .primary-nav { position: static; flex-direction: row; flex-wrap: wrap; opacity: 1; visibility: visible; pointer-events: auto; transform: none; max-height: none; }
html:not(.js) .clarity .explorer-nav { display: none; }
html:not(.js) .clarity .product-rail { scrollbar-width: thin; }
@media (max-width:650px) {
 .clarity .primary-nav { top: 72px; }.clarity .hero .eyebrow { font-size: 11px; padding: 10px 12px; }
 .product-slide { padding: 20px 16px; }.explorer-copy h3 { font-size: 30px; }.explorer-copy > ul { font-size: 15px; }.explorer-copy .button { width: 100%; }
 .explorer-preview .crm-preview,.explorer-preview .lead-console,.explorer-detail { padding: 15px; }
 .explorer-preview .crm-metrics > div { padding: 10px; }.explorer-preview .crm-metrics > div > span { font-size: 11px; }.explorer-preview .crm-metrics small { font-size: 11px; }
 .explorer-preview .crm-contacts article { flex-wrap: wrap; }.explorer-preview .crm-contacts article > div { min-width: 100px; }.explorer-preview .crm-contacts article > .account-score { margin-left: auto; }
 .explorer-preview .lead-person { flex-wrap: wrap; }.explorer-preview .lead-person div { min-width: 100px; }
 .explorer-detail .metric-grid { grid-template-columns: 1fr; }.explorer-detail .metric-grid article { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }.explorer-detail .metric-grid small { width: 100%; }
 .explorer-detail .panel-header h3 { font-size: 25px; }.explorer-detail .avatar-stack { display: none; }
 .clarity .section-heading h2 { font-size: 32px; }.clarity .principle-demo { box-shadow: 2px 3px 0 #111; }
.clarity .assembly-heading small,.clarity .assembly-source span { font-size: 11px; }.clarity .assembly-source { padding: 10px; }
}

/* Persistent navigation and a complete scroll path on every screen. */
:root { --persistent-header: 76px; }
.clarity .site-header,.clarity .site-header.is-scrolled { height: var(--persistent-header); transition: box-shadow .2s; }
.clarity .menu-button,.clarity .primary-nav .nav-mobile-cta { display: none; }
.clarity .nav-cta { display: inline-flex; }
.clarity .nav-cta .beta-cta-short { display: none; }
.clarity .nav-cta .beta-cta-full,.clarity .nav-cta .beta-cta-short { transform: none; }
@media (max-width:1199px) {
 .clarity .nav-cta .beta-cta-full { display: none; }
 .clarity .nav-cta .beta-cta-short { display: inline; }
}
.clarity .hero-grid { padding-top: calc(var(--persistent-header) + 32px); }
.clarity section[id],.clarity .explorer-track { scroll-margin-top: calc(var(--persistent-header) + 18px); }
.explorer-track.is-flow .explorer-nav { position: sticky; top: var(--persistent-header); z-index: 6; }
.explorer-track.is-flow .product-rail { display: block; overflow: visible; height: auto; scroll-snap-type: none; }
.explorer-track.is-flow .product-slide { width: 100%; min-height: 0; border-bottom: 1px solid #7777; }
@media (max-width:1120px) {
 :root { --persistent-header: 72px; }
 .clarity .nav { display: grid; grid-template-columns: 92px minmax(0,1fr) auto; grid-template-rows: 1fr; gap: 12px; padding-block: 0; width: calc(100% - 32px); }
 .clarity .brand { width: 92px; }
 .clarity .nav-cta { grid-column: 3; grid-row: 1; min-height: 44px; font-size: 12px; padding: 10px 12px; gap: 8px; white-space: nowrap; }
 .clarity .primary-nav,.clarity .primary-nav.is-open { grid-row: 1; grid-column: 2; position: static; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; width: 100%; height: auto; min-height: 0; max-height: none; padding: 0; gap: 12px; overflow: visible; background: transparent; color: #111; opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
 .clarity .primary-nav a { display: flex; flex: 0 0 auto; justify-content: center; width: auto; min-width: 0; min-height: 44px; padding: 0; font-size: 12px; line-height: 1.2; white-space: nowrap; border: 0; }
 .clarity .primary-nav .nav-mobile-cta { display: none; }
 .clarity .story-stage { top: calc(var(--persistent-header) + 12px); }
}
@media (max-width:899px) {
 :root { --persistent-header: 108px; }
 .clarity .nav { grid-template-columns: 1fr auto; grid-template-rows: 60px 44px; gap: 0 12px; padding-bottom: 4px; }
 .clarity .nav-cta { grid-column: 2; }
 .clarity .primary-nav,.clarity .primary-nav.is-open { grid-row: 2; grid-column: 1 / -1; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; gap: 20px; }
 .clarity .primary-nav::-webkit-scrollbar { display: none; }
}
@media (max-width:920px) {
 .clarity .story-stage { top: 0; }
 .explorer-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; padding: 6px; overflow: visible; }
 .explorer-nav button { min-width: 0; min-height: 44px; padding: 5px; font-size: 12px; gap: 4px; }
}
@media (prefers-reduced-motion:reduce) {
 .product-rail { display: block; overflow: visible; }.product-slide { border-bottom: 1px solid #7777; }
}
html:not(.js) .clarity .product-rail { display: block; overflow: visible; }
html:not(.js) .clarity .product-slide { border-bottom: 1px solid #7777; }

/* Desktop reading stage: reserve room for the title, tabs and controls instead
   of silently replacing the horizontal story with five stacked screens. */
@media (min-width:921px) {
 .clarity .explorer-heading { max-width:none; margin:0; padding:0 0 12px; }
 .clarity .explorer-heading h2 { margin:0; font-size:clamp(23px,2.2vw,30px); line-height:1.2; color:#111; letter-spacing:-.035em; }
 .explorer-nav { padding:6px; }
 .product-slide { padding:18px 22px; gap:24px; }
 .explorer-copy .explorer-label { margin-bottom:12px; }
 .explorer-copy h3 { font-size:clamp(28px,2.7vw,38px); margin-bottom:14px; }
 .explorer-copy > p:not(.explorer-label) { font-size:16px; line-height:1.5; margin-bottom:14px; }
 .explorer-copy > ul { gap:8px; margin-bottom:18px; }
 .explorer-followup { margin-top:6px; }
 .explorer-preview .crm-preview { padding:12px; }
 .explorer-preview .crm-preview-top { padding-bottom:10px; }
 .explorer-preview .crm-metrics { margin-bottom:10px; }
 .explorer-preview .crm-metrics > div { padding:10px; }
 .explorer-preview .crm-metrics > div > b { font-size:35px; margin-bottom:3px; }
 .explorer-preview .crm-contacts { gap:6px; }
 .explorer-preview .crm-contacts article { padding:7px 10px; }
 .explorer-preview .crm-next { padding:10px; margin-top:10px; }
 .explorer-preview .crm-feedback { margin:8px 0 0!important; }
 .explorer-preview .lead-console { padding:12px; }
 .explorer-preview .lead-console-header { padding:8px 10px; }
 .explorer-preview .lead-signals { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:10px 0 0; }
 .explorer-preview .lead-signals span { padding:8px; font-size:12px; }
 .explorer-preview .lead-console .prospect-result { margin:8px 0; padding:8px 0; }
 .explorer-preview .lead-person { margin:8px 0; }
 .explorer-preview .campaign-preview { margin:8px 0; padding:10px; }
 .explorer-preview .campaign-preview ol { margin:8px 0; gap:6px; }
 .explorer-preview .network-disclaimer { padding:0; font-size:11px; }
 .explorer-preview .instagram-top,.explorer-preview .instagram-profile { padding-block:6px; }
 .explorer-preview .instagram-post { height:180px; aspect-ratio:auto; padding:12px 16px; }
 .explorer-preview .instagram-post > b { margin:12px 0 6px; }
 .explorer-preview .instagram-post > img { width:64px; height:64px; right:12px; bottom:36px; }
 .explorer-preview .instagram-post > small { padding-top:10px; max-width:100%; }
 .explorer-preview .instagram-caption { margin:0; padding-block:6px; }
 .explorer-preview .instagram-status { padding-block:6px; }
 .explorer-detail { padding:16px; }
 .explorer-detail .panel-header { margin-bottom:12px; }
 .explorer-detail .panel-header h3 { font-size:24px; }
 .explorer-detail .metric-grid article { padding:10px; }
 .explorer-detail .cash-line { height:140px; padding:16px; }
 .explorer-detail .brief-list article { padding:10px 0; }
 .explorer-footer { padding:5px 2px; }
 .is-scrubbed .explorer-heading { background:var(--paper); }
 .clarity .explorer-heading h2 .motion-word { color:#111; transform:none; }
 .is-scrubbed .product-rail { overflow-x:hidden; scroll-behavior:auto; }
}
@media (min-width:921px) and (max-height:780px) {
 .product-slide { padding-block:10px; }
 .explorer-nav { padding:4px; }
 .clarity .explorer-heading { padding-bottom:8px; }
 .explorer-preview .crm-preview { padding:10px; }
 .explorer-preview .crm-metrics { margin-bottom:8px; }
 .explorer-preview .crm-metrics > div { padding:8px 10px; }
 .explorer-preview .crm-metrics > div > span { min-height:18px; }
 .explorer-preview .crm-metrics > div > b { font-size:32px; }
 .explorer-preview .crm-contacts article { padding-block:5px; }
 .explorer-preview .crm-next { padding:8px; margin-top:8px; }
 .explorer-preview .instagram-post { height:164px; }
 .explorer-footer { padding-block:2px; }
}