/* Homepage hierarchy: proposition, exploration, method, conversation. */
.home-refined { --home-width: 1180px; }
.home-refined .hero,.home-refined .business-explorer,.home-method,.home-contact { max-width: var(--home-width); margin-inline: auto; padding-inline: 36px; }
.home-refined .hero { padding-top: 92px; padding-bottom: 72px; min-height: 0; }
.home-refined .hero h1 { font-size: clamp(50px,6.5vw,86px); line-height: 1.03; letter-spacing: -.055em; }
.home-refined .hero-bottom { margin-top: 32px; gap: 48px; align-items: center; }
.home-refined .hero-description { max-width: 580px; font-size: 18px; line-height: 1.65; }
.home-refined .hero .button { min-width: 240px; }
.home-refined .business-explorer { padding-block: 64px; border-top: 1px solid #30412d; }
.home-refined .business-explorer h2 { font-size: clamp(32px,4vw,48px); line-height: 1.12; max-width: 750px; margin: 16px 0; }
.home-refined .bx-intro { font-size: 16px; margin: 0; }
.home-refined .bx-sector-picker { margin-top: 26px; }
.home-refined .bx-sector-chips { gap: 7px; }
.home-refined .bx-sector-chips button { font-size: 12px; min-height: 40px; padding: 8px 12px; border-color: #30412d; }
.home-refined .bx-sector-label { font-size: 10px; }
.home-refined .bx-tool-summary { padding: 0; border-bottom: 1px solid #30412d; }
.home-refined details > summary { cursor: pointer; min-height: 52px; padding: 16px 0; color: #d8e6ce; font-size: 14px; line-height: 1.5; }
.home-refined details > summary:focus-visible { outline: 2px solid #c7ff4f; outline-offset: 3px; }
.home-refined .bx-tools-disclosure summary small { float: right; color: #9bb78a; margin-left: 16px; font-size: 12px; }
.home-refined .bx-tools-disclosure > p { color: #a9bba0; font-size: 14px; line-height: 1.6; max-width: 650px; }
.home-refined .bx-business-heading { padding-block: 28px 22px; }
.home-refined .bx-business-heading p { font-size: 17px; max-width: 600px; }
.home-refined .bx-business-heading > span { display: none; }
.home-refined .bx-workspace { grid-template-columns: 225px minmax(0,1fr); }
.home-refined .bx-processes { padding-right: 20px; }
.home-refined .bx-processes button { font-size: 13px; min-height: 58px; }
.home-refined .bx-results { padding: 26px 0 20px 30px; }
.home-refined .bx-kicker { font-size: 10px; }
.home-refined .bx-process h3 { font-size: 30px; margin: 10px 0; }
.home-refined .bx-goal { font-size: 15px; margin: 0 0 20px; }
.home-refined .bx-team-details { border-block: 1px solid #30412d; }
.home-refined .bx-team-details summary span { float: right; color: #a7c394; }
.home-refined .bx-agent-list { margin-top: 0; }
.home-refined .bx-agent { padding-block: 17px; }
.home-refined .bx-agent h4 { font-size: 18px; }
.home-refined .embedded-demo { border-top: 0; margin-top: 0; padding-top: 24px; }
.home-refined .embedded-demo .agent-role { display: none; }
.home-refined .embedded-demo .task-example-head { padding-bottom: 20px; gap: 12px; }
.home-refined .embedded-demo .task-example-head h3 { font-size: 22px; margin: 0; }
.home-refined .embedded-demo .case-outcome > span { font-size: 9px; }
.home-refined .embedded-demo .case-outcome p { font-size: 13px; }
.home-refined .embedded-demo .task-panel.is-current { grid-template-columns: 1fr; background: transparent; padding: 24px 0; gap: 18px; }
.home-refined .embedded-demo .case-stage-number,.home-refined .embedded-demo .case-context { display: none; }
.home-refined .embedded-demo .case-explanation { padding: 0; }
.home-refined .embedded-demo .task-panel-title { font-size: 22px; margin-bottom: 10px; }
.home-refined .embedded-demo .task-panel-explanation { line-height: 1.6; }
.home-refined .embedded-demo .task-document.app-document { max-width: 560px; }
.home-refined .embedded-demo .task-example-foot { font-size: 10px; }
.home-refined .bx-process-tools { margin-top: 18px; border-top: 1px solid #30412d; }
.home-refined .bx-process-walkthrough { padding: 24px 0 0; background: transparent; margin-top: 0; }
.home-refined .bx-process-walkthrough h4 { font-size: 18px; }
.home-refined .bx-process-walkthrough li p { font-size: 14px; }
.home-refined .bx-note { font-size: 10px; max-width: 720px; line-height: 1.5; }
.home-method { padding-block: 72px; border-top: 1px solid #30412d; }
.home-method h2,.home-contact h2 { font-size: clamp(32px,4vw,48px); line-height: 1.1; letter-spacing: -.04em; margin: 18px 0 32px; }
.home-method-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; margin: 40px 0 28px; }
.home-method-steps > div > span { font-size: 12px; color: #a8c095; }
.home-method-steps h3 { font-size: 21px; font-weight: 500; margin: 18px 0 12px; }
.home-method-steps p,.home-contact p { font-size: 16px; line-height: 1.7; color: #aabda0; }
.home-contact { display: flex; align-items: center; justify-content: space-between; gap: 36px; padding-block: 72px 96px; border-top: 1px solid #30412d; }
.home-contact h2 { margin-bottom: 18px; }
.home-contact .button { flex-shrink: 0; }
@media(max-width:900px) {
 .home-refined .bx-workspace { display: block; }
 .home-refined .bx-results { padding-left: 0; }
 .home-refined .hero-bottom,.home-contact { flex-direction: column; align-items: flex-start; }
 .home-method-steps { gap: 24px; }
}
@media(max-width:600px) {
 .home-refined .hero,.home-refined .business-explorer,.home-method,.home-contact { padding-inline: 22px; }
 .home-refined .hero { padding-block: 56px; }
 .home-refined .hero-bottom { gap: 24px; }
 .home-refined .hero-description { font-size: 16px; }
 .home-refined .business-explorer,.home-method,.home-contact { padding-block: 44px; }
 .home-refined .bx-sector-chips button { min-height: 44px; }
 .home-refined .bx-tools-disclosure summary small { display: none; }
 .home-refined .bx-business-heading { padding-block: 24px 14px; }
 .home-method-steps { grid-template-columns: 1fr; gap: 24px; }
 .home-method-steps h3 { margin-top: 10px; }
 .home-method-steps p { margin-bottom: 0; }
 .home-contact { gap: 22px; }
}

/* Three recognizable marks preview each sector's complete tool library. */
.home-refined .bx-tools-disclosure > summary { display: flex; align-items: center; gap: 16px; list-style: none; min-height: 66px; }
.home-refined .bx-tools-disclosure > summary::-webkit-details-marker { display: none; }
.home-refined .bx-tools-disclosure > summary::after { content: '+'; color: #adc698; font-size: 20px; margin-left: 4px; }
.home-refined .bx-tools-disclosure[open] > summary::after { content: '−'; }
.bx-logo-preview { display: inline-flex; align-items: center; gap: 7px; margin-left: auto; flex-shrink: 0; }
.bx-logo-preview img { width: 28px; height: 28px; padding: 4px; background: #f0f4ed; border-radius: 5px; object-fit: contain; }
.bx-more-tools { min-width: 36px; height: 28px; display: inline-flex; align-items: center; justify-content: center; padding: 0 7px; border-radius: 5px; border: 1px solid #43573a; color: #d5e9c3; font-size: 12px; font-weight: 500; }
@media(max-width:600px) {
 .home-refined .bx-tools-disclosure > summary { flex-wrap: wrap; gap: 12px; }
 .home-refined .bx-tools-disclosure > summary > span:first-child { flex-basis: 100%; }
 .bx-logo-preview { margin-left: 0; }
 .home-refined .bx-tools-disclosure > summary::after { margin-left: auto; }
}

/* Compact hero: aligned proposition and a contained application stage. */
.home-refined .hero { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); align-items: center; gap: 48px; padding-block: 40px 48px; }
.home-refined .hero-copy { min-width: 0; }
.home-refined .hero-copy > .section-tag { font-size: 10px; letter-spacing: .08em; margin: 0 0 20px; }
.home-refined .hero h1 { font-size: clamp(44px,5vw,66px); line-height: 1.04; letter-spacing: -.05em; }
.home-refined .hero .hero-accent { font-style: normal; }
.home-refined .hero-bottom { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; margin-top: 24px; }
.home-refined .hero-description { font-size: 16px; line-height: 1.65; max-width: 440px; }
.hero-team { min-width: 0; border: 1px solid #3d5137; border-radius: 8px; background: #19261d; overflow: hidden; }
.hero-sequence-top { display: flex; align-items: center; gap: 8px; padding: 0 12px; border-bottom: 1px solid #344630; }
.hero-sector-switch { display: flex; flex: 1; min-width: 0; }
.hero-sector-switch button { flex: 1; min-height: 44px; padding: 8px 4px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #9caf90; font: inherit; font-size: 11px; cursor: pointer; }
.hero-sector-switch button[aria-pressed="true"] { color: #def4c4; border-bottom-color: #b9e76c; }
.hero-sequence-top > button { min-height: 36px; padding: 6px 8px; border: 0; background: transparent; color: #c5d4ba; font: inherit; font-size: 10px; cursor: pointer; }
.hero-sector-scene { padding: 20px 20px 0; }
.hero-sector-scene[hidden] { display: none; }
.hero-sector-scene h2 { font-size: 25px; line-height: 1.16; letter-spacing: -.035em; margin: 0 0 16px; }
.hero-sector-more { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; color: #d0f29f; font-size: 12px; text-decoration: none; }
.hero-sector-more:hover { color: #e8ffcb; }
.hero-team-foot { display: flex; gap: 8px; align-items: center; padding: 12px 20px; border-top: 1px solid #344630; color: #b3c5a7; font-size: 10px; line-height: 1.4; }
.hero-supervisor-dot { width: 5px; height: 5px; border-radius: 50%; background: #b6d590; flex-shrink: 0; }
.hero-sequence a:focus-visible,.hero-sequence button:focus-visible { outline: 2px solid #c7ff4f; outline-offset: -2px; }
.home-refined .bx-process { scroll-margin-top: 32px; }
@media(max-width:1000px) and (min-width:761px) { .home-refined .hero { gap: 24px; padding-inline: 24px; } .home-refined .hero h1 { font-size: 44px; } }
@media(max-width:760px) { .home-refined .hero { grid-template-columns: 1fr; gap: 28px; padding-block: 32px; } .home-refined .hero h1 { font-size: clamp(42px,8vw,56px); } .home-refined .hero-bottom { margin-top: 16px; gap: 20px; } .home-refined .hero-description { max-width: 540px; } .hero-team { width: 100%; max-width: 540px; } }
/* Each time step replaces the application canvas and its artifact. */
.hero-filmstrip { position: relative; height: 244px; background: #f0f3eb; border-radius: 8px; overflow: hidden; color: #203024; }
.hero-film-frame { height: 100%; animation: hero-frame-arrive .45s cubic-bezier(.22,1,.36,1); }
.hero-film-frame[hidden],.hero-film-captions [hidden] { display: none; }
.hero-app-header { display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-bottom: 1px solid #d6dfd0; background: #e5ebdf; font-size: 13px; }
.hero-app-header > span { margin-left: auto; color: #708469; }
.hero-app-body { padding: 16px; }
.hero-app-body h3 { font-size: 18px; line-height: 1.25; margin: 4px 0 12px; font-weight: 500; }
.hero-app-body p { font-size: 13px; line-height: 1.6; margin: 12px 0; }
.hero-app-body small { color: #63785c; font-size: 11px; }
.hero-message { background: #d5ebc6; padding: 12px; border-radius: 0 10px 10px; }
.hero-frame-status { display: block; margin-top: 12px; font-size: 11px; color: #4a6538; }
.hero-editor-bars { display: grid; gap: 8px; margin: 12px 0; }
.hero-editor-bars i { height: 8px; background: #a4b89b; width: 90%; transform-origin: left; animation: hero-bar-write 1s ease-out both; }
.hero-editor-bars i:nth-child(2) { width: 75%; animation-delay: .2s; }
.hero-editor-bars i:nth-child(3) { width: 50%; animation-delay: .4s; }
.hero-post-art { background: #df6a43; color: #241e15; padding: 16px; min-height: 120px; display: flex; flex-direction: column; justify-content: space-between; }
.hero-post-art strong { font-size: 26px; line-height: 1.05; letter-spacing: -.04em; max-width: 240px; }
.hero-post-art > span { font-size: 15px; margin-top: 14px; }
.hero-post-art.mini { min-height: 52px; padding: 12px 16px; flex-direction: row; align-items: center; }
.hero-post-art.mini strong { font-size: 23px; }
.hero-post-art.mini > span { font-size: 12px; margin: 0; }
.hero-taskline { padding: 10px 0; border-bottom: 1px solid #d6dfd0; font-size: 13px; }
.hero-code { background: #17251e; color: #b7eda0; padding: 12px; display: grid; gap: 16px; font-size: 12px; margin: 12px 0; }
.hero-code span { animation: hero-frame-arrive .6s ease-out both; }
.hero-code span:nth-child(2) { animation-delay: .25s; }.hero-code span:nth-child(3) { animation-delay: .5s; }
.hero-pdf { display: flex; align-items: center; gap: 10px; padding: 12px; background: #e0e8d9; font-size: 12px; margin: 12px 0; }
.hero-pdf b { margin-left: auto; }
.hero-ledger { display: grid; grid-template-columns: 1fr auto; gap: 16px; font-size: 13px; }
.hero-difference { display: flex; justify-content: space-between; align-items: center; background: #f0d8ac; padding: 12px; margin-top: 16px; font-size: 12px; }
.hero-difference strong { font-size: 25px; }
.hero-film-captions { min-height: 32px; padding-top: 12px; }
.hero-film-captions > div { display: flex; align-items: center; gap: 12px; }
.hero-film-captions span { color: #a9c197; font-size: 10px; }
.hero-film-captions strong { font-size: 12px; font-weight: 500; color: #ddecce; }

@keyframes hero-frame-arrive { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hero-bar-write { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media(max-width:600px) { .hero-app-body { padding: 16px; } }
@media(prefers-reduced-motion:reduce) { .hero-film-frame,.hero-editor-bars i,.hero-code span { animation: none; } }

@media(max-width:400px) { .hero-sector-scene { padding: 16px 12px 0; } .hero-sector-scene h2 { font-size: 23px; } .hero-app-body { padding: 12px; } .hero-filmstrip { height: 260px; } }
/* Content is composed over time, with a reading pause before each next step. */
.hero-film-captions { min-height: 82px; }
.hero-film-captions > div { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; }
.hero-step-explanation { grid-column: 1/-1; font-size: 12px; line-height: 1.5; margin: 0; color: #aebfa2; }
.hero-step-controls { display: flex; align-items: center; gap: 16px; padding: 0 20px 8px; }
.hero-step-controls button { min-height: 36px; border: 0; background: transparent; padding: 6px 0; color: #b9cfa9; font: inherit; font-size: 11px; cursor: pointer; }
.hero-time-progress { flex: 1; height: 2px; background: #364a2f; overflow: hidden; }
.hero-time-progress i { display: block; height: 100%; width: 100%; background: #b9dc8c; transform: scaleX(0); transform-origin: left; }
.hero-type-reserve { opacity: 0; }
.hero-type-ink { position: absolute; inset: 0; }
.hero-app-body :has(> .hero-type-ink) { position: relative; }
.hero-type-ink.is-writing::after { content: '▎'; color: #547440; }
.hero-generated-copy { border-left: 2px solid #7ea163; padding-left: 10px; font-size: 14px!important; }
.hero-generated-copy > .hero-type-ink { left: 10px; }
.hero-post-art strong > .hero-type-ink { font: inherit; margin: 0; }
.hero-code > span > .hero-type-ink { font: inherit; animation: none; }
.hero-motion-paused * { animation-play-state: paused!important; }
.hero-sector-scene .hero-film-frame,.hero-sector-scene .hero-code > span { animation: none; }
@media(max-width:600px) { .hero-step-controls { padding-inline: 16px; } }
.hero-film-captions { min-height: 68px; }
.hero-step-controls { gap: 12px; padding-bottom: 4px; }
@media(prefers-reduced-motion:reduce) { .hero-type-ink.is-writing::after { content: none; } }
/* Named AI roles and concise activity summaries follow the visible work. */
.hero-app-header > .hero-agent-presence { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; color: #49613f; font-size: 10px; }
.hero-agent-avatar { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #cfddbf; color: #2f4725; flex-shrink: 0; font-size: 11px; font-weight: 600; }
.agent-nico,.agent-hugo,.agent-bruno { background: #d7cce9; color: #493464; }
.agent-vera,.agent-sara,.agent-clara { background: #ebd0b6; color: #624329; }
.hero-film-captions { min-height: 128px; }
.hero-agent-journal { grid-column: 1/-1; padding-top: 6px; }
.hero-journal-head { display: flex; align-items: center; gap: 7px; }
.hero-journal-head strong { font-size: 11px; }
.hero-journal-head small { margin-left: auto; font-size: 9px; color: #91a785; }
.hero-journal-lines { padding-left: 29px; margin-top: 6px; }
.hero-journal-line { margin: 4px 0; color: #b8caaa; font-size: 11px; line-height: 1.45; position: relative; }
.hero-journal-line::before { content: '›'; position: absolute; left: -12px; color: #88aa6d; }
.hero-journal-line .hero-type-ink { font: inherit; color: inherit; }
.hero-journal-line .hero-type-ink.is-writing::after { color: #bbdf92; }
@media(max-width:400px) { .hero-app-header { padding-inline: 12px; gap: 6px; } .hero-app-header b { font-size: 11px; } .hero-agent-presence .hero-agent-avatar { display: none; } }
/* Photographic agent personas and recognizable application artifacts. */
.hero-agent-avatar { object-fit: cover; width: 26px; height: 26px; border: 1px solid #c2cbbf; }
.hero-app-header { background: #f7f8fa; border-color: #e0e3e7; padding: 9px 12px; gap: 7px; }
.hero-app-header > img { flex-shrink: 0; }
.hero-app-header b { font-size: 11px; white-space: nowrap; }
.hero-app-header > .hero-agent-presence { font-size: 9px; line-height: 1.35; color: #46534b; min-width: 0; }
.hero-agent-presence > span { max-width: 114px; }
.hero-filmstrip { background: #fff; color: #252b32; height: 258px; }
.hero-app-body { height: calc(100% - 45px); box-sizing: border-box; }
.hero-app-body p { font-size: 12px; }
.hero-app-body small { color: #6a737d; }
.hero-app-body.native-whatsapp { background: #efeae2; padding: 8px 14px; }
.wa-date { text-align: center; margin-bottom: 8px; font-size: 9px; color: #61736c; }
.wa-date > span { display: inline-block; background: #f7f9f8; padding: 3px 8px; border-radius: 4px; }
.wa-bubble { background: #fff; border-radius: 0 7px 7px; padding: 8px 11px; width: 88%; box-shadow: 0 1px 1px #142e201a; }
.wa-bubble b { font-size: 10px; color: #ad526d; }
.wa-bubble p { margin: 4px 0; line-height: 1.5; }
.wa-bubble > small { display: block; text-align: right; font-size: 9px; }
.wa-bubble i { color: #4baac5; font-style: normal; }
.wa-reply { margin: 8px 0 0 auto; padding: 8px 10px; background: #d9fdd3; width: 84%; border-radius: 7px 0 7px 7px; font-size: 10px; }
.wa-reply small { display: block; text-align: right; font-size: 8px; margin-top: 4px; }
.native-meta { background: #f1f4f8; padding: 12px; }
.meta-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 12px; }
.meta-toolbar small { font-size: 9px; }
.meta-copy { background: #fff; border: 1px solid #cbd2dc; border-radius: 5px; padding: 10px; margin-top: 10px; }
.meta-copy > small { font-size: 9px; }
.meta-copy .hero-generated-copy { border: 0; padding: 0; margin: 5px 0; font-size: 12px!important; line-height: 1.5; }
.meta-copy .hero-type-ink { left: 0; }
.meta-bottom { display: flex; justify-content: space-between; margin-top: 10px; font-size: 9px; gap: 6px; color: #5b6775; }
.meta-bottom b { color: #237749; }
.native-instagram { padding: 0; background: #fff; }
.ig-account { height: 29px; display: flex; align-items: center; gap: 7px; padding: 3px 10px; font-size: 10px; }
.flora-avatar { width: 21px; height: 21px; border-radius: 50%; display: grid; place-items: center; background: #f0e0d0; color: #745138; font-family: Georgia,serif; }
.ig-account > small { margin-left: auto; }
.campaign-art { position: relative; overflow: hidden; height: 153px; isolation: isolate; }
.campaign-photo { width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; display: block; }
.campaign-lettering { position: absolute; inset: 0; padding: 13px 16px; display: flex; flex-direction: column; align-items: flex-start; color: #4d342c; background: linear-gradient(90deg,#f4e4d7df 0%,#f4e4d799 25%,transparent 65%); }
.campaign-lettering > small { font-size: 8px; letter-spacing: .15em; color: #4d342c; }
.campaign-lettering strong { font-family: Georgia,serif; font-size: 24px; line-height: 1.05; font-weight: 400; margin-top: 13px; }
.campaign-lettering > span { font-size: 9px; margin-top: auto; letter-spacing: .08em; }
.ig-actions { padding: 4px 12px; font-size: 18px; line-height: 1; }
.ig-actions > span { float: right; }
.post-review { display: grid; grid-template-columns: 46% 1fr; gap: 12px; padding: 10px; }
.post-review .campaign-art { height: 111px; border-radius: 3px; }
.post-review .campaign-lettering { padding: 8px; }
.post-review .campaign-lettering strong { font-size: 17px; margin-top: 8px; }
.post-review .campaign-lettering > small { font-size: 6px; }
.post-review .campaign-lettering > span { font-size: 7px; }
.post-review > div > b { font-size: 11px; }
.post-review p { margin: 5px 0; font-size: 11px; line-height: 1.5; }
.post-review small { font-size: 9px; }
.human-checkpoint { background: #fff5df; border-top: 1px solid #edd7aa; padding: 10px 12px; display: grid; gap: 4px; color: #684711; }
.human-checkpoint b { font-size: 8px; letter-spacing: .07em; color: #855817; }
.human-checkpoint span { font-size: 11px; line-height: 1.4; }
.native-slack { padding: 0 12px; background: #fff; }
.slack-channel { padding: 9px 0; border-bottom: 1px solid #e5e5e5; font-size: 12px; font-weight: 600; }
.slack-channel > span { float: right; color: #777; }
.slack-message { display: flex; gap: 8px; margin-top: 12px; }
.human-initial { flex-shrink: 0; width: 27px; height: 27px; display: grid; place-items: center; background: #e6d8c4; border-radius: 5px; font-size: 13px; color: #6c4c37; }
.slack-message b { font-size: 11px; }.slack-message b small { font-weight: 400; font-size: 9px; }
.slack-message p { margin: 3px 0 8px; line-height: 1.45; }
.slack-reaction { border: 1px solid #bdcee9; background: #edf3fc; padding: 2px 6px; border-radius: 9px; font-size: 9px; }
.slack-thread { font-size: 9px; margin: 12px 0 0 35px; color: #596d92; }
.native-linear { background: #17181c; color: #e2e3e9; padding: 12px 16px; }
.linear-path { font-size: 9px; color: #9b9daa; border-bottom: 1px solid #313237; padding-bottom: 10px; }
.linear-path span { float: right; }.native-linear h3 { font-size: 17px; margin: 14px 0 10px; }
.linear-tags { font-size: 10px; color: #bda9ed; }
.linear-checks { margin-top: 10px; display: grid; gap: 7px; font-size: 11px; color: #bfc1cb; }
.native-github { background: #fff; padding: 11px 12px; }
.gh-path { font-size: 10px; color: #0969da; padding-bottom: 10px; }.gh-path > span { float: right; color: #57606a; font-size: 9px; }
.gh-file { padding: 7px 9px; border: 1px solid #d0d7de; border-radius: 5px 5px 0 0; font-size: 10px; background: #f6f8fa; }.gh-file small { float: right; color: #1a7f37; font-size: 9px; }
.hero-code.gh-diff { margin: 0; gap: 0; background: #e6ffec; color: #24552e; padding: 7px 0; border: 1px solid #d0d7de; border-top: 0; font: 9px/2 ui-monospace,SFMono-Regular,Consolas,monospace; }
.gh-diff > span { display: block; padding-inline: 8px; white-space: pre-wrap; }.gh-diff > span > .hero-type-ink { padding-inline: 8px; }
.gh-footer { font-size: 9px; color: #57606a; margin-top: 10px; }
.native-github h3 { font-size: 17px; margin: 2px 0 8px; }
.gh-open { color: #1a7f37; font-size: 11px; }.gh-open small { margin-left: 10px; font-size: 9px; }
.gh-review-row { font-size: 10px; padding: 10px 0; color: #526455; }
.native-github .human-checkpoint { margin: 0 -12px; }
.native-gmail { background: #fff; padding: 12px; }
.gmail-subject { display: flex; gap: 8px; align-items: center; font-size: 13px; }.gmail-subject small { font-size: 8px; background: #eceff1; padding: 2px 5px; }
.gmail-sender { display: flex; gap: 8px; margin-top: 14px; align-items: center; }.gmail-sender b { font-size: 10px; }.gmail-sender small { display: block; font-size: 9px; }.gmail-sender > span:last-child { margin-left: auto; }
.native-gmail > p { font-size: 11px; margin: 10px 0; }.gmail-attachment { display: flex; align-items: center; gap: 8px; background: #f5f7f8; border: 1px solid #d9dde1; width: fit-content; padding: 9px; border-radius: 5px; font-size: 10px; }.gmail-attachment > span { background: #c84035; color: #fff; font-size: 8px; padding: 4px; }.gmail-attachment small { font-size: 8px; }
.native-holded { background: #fff; padding: 0 12px; }
.holded-bar { font-size: 9px; background: #eff7ef; color: #356349; padding: 9px 12px; margin: 0 -12px 8px; display: flex; justify-content: space-between; gap: 5px; }
.holded-vendor { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }.holded-vendor b { font-size: 11px; }.holded-vendor small { font-size: 9px; }
.holded-table { font-size: 10px; }.holded-table > div { display: flex; justify-content: space-between; padding: 6px 5px; border-bottom: 1px solid #e4e7e9; }.holded-table > div:first-child { background: #f4f5f7; color: #6c737b; font-size: 9px; }
.holded-total { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; font-size: 12px; }.holded-total b { font-size: 19px; color: #293e32; }
.holded-alert { background: #fff4dd; color: #805e21; font-size: 10px; padding: 8px; margin: 8px 0; }
.native-holded .human-checkpoint { margin-inline: -12px; }
.hero-team-foot { color: #d0ddc8; font-size: 10px; }
@media(max-width:400px) { .hero-agent-presence .hero-agent-avatar { display: block; width: 23px; height: 23px; }.hero-agent-presence > span { max-width: 98px; }.hero-app-header b { font-size: 10px; }.hero-app-header > img { width: 18px; height: 18px; }.hero-app-header { padding-inline: 8px; gap: 5px; }.hero-app-header > .hero-agent-presence { font-size: 8px; }.meta-toolbar { font-size: 11px; }.meta-toolbar small { font-size: 8px; }.hero-journal-head strong { font-size: 10px; } }
.campaign-lettering strong { max-width: 155px; }
.post-review .campaign-lettering strong { max-width: 100px; }
/* Chat messages arrive whole, following the agent's typing indicator. */
.native-whatsapp { position: relative; }
.wa-typing { position: absolute; right: 14px; bottom: 19px; display: flex; align-items: center; gap: 4px; padding: 9px 11px; border-radius: 7px 0 7px 7px; background: #d9fdd3; color: #54705c; font-size: 10px; visibility: hidden; }
.wa-typing > span { margin-right: 5px; }
.wa-typing i { width: 4px; height: 4px; border-radius: 50%; background: #658d70; }
.native-whatsapp[data-chat-phase="typing"] .wa-typing { visibility: visible; }
.native-whatsapp[data-chat-phase="typing"] .wa-typing i { animation: wa-typing-dot 1s ease-in-out infinite; }
.wa-typing i:nth-of-type(2) { animation-delay: .15s!important; }.wa-typing i:nth-of-type(3) { animation-delay: .3s!important; }
.native-whatsapp[data-chat-phase="received"] .wa-bubble i { color: #86958d; }
@keyframes wa-typing-dot { 0%,60%,100% { opacity: .4; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-2px); } }
@media(prefers-reduced-motion:reduce) { .wa-typing { display: none; } }
.wa-reply small i { font-style: normal; color: #53a9bf; }
/* Native reading surfaces: emails open whole; social activity follows publication. */
.native-gmail { position: relative; }
.gmail-arrival { position: absolute; inset: 0; padding: 22px; background: #f6f8fc; display: flex; align-items: center; gap: 12px; z-index: 2; }
.gmail-arrival b { display: block; font-size: 12px; margin-bottom: 7px; }.gmail-arrival span { font-size: 10px; color: #617082; }
.native-gmail[data-mail-phase="open"] .gmail-arrival { display: none; }
.human-checkpoint.is-approved { background: #e7f5e9; color: #2b653b; border-color: #bcdcc5; }.human-checkpoint.is-approved b { color: #237344; }
.social-published { padding: 5px 10px; color: #34744a; background: #edf7ef; font-size: 9px; }
.social-feed-art { display: flex; align-items: center; gap: 12px; padding: 8px 10px; }.social-feed-art > img { width: 77px; height: 64px; object-fit: cover; border-radius: 2px; }.social-feed-art b { font-size: 11px; }.social-feed-art p { font-family: Georgia,serif; font-size: 17px; line-height: 1.15; margin: 4px 0; }.social-feed-art small { font-size: 9px; }
.social-engagement { display: flex; gap: 5px; align-items: center; border-top: 1px solid #ececec; padding: 4px 10px; font-size: 10px; }.social-heart { color: #e44457; font-size: 18px; line-height: 1; margin-right: 3px; }.social-engagement small { margin-left: auto; font-size: 8px; color: #868686; }
.social-comments { padding: 0 10px; }.social-comments p { font-size: 10px; line-height: 1.45; margin: 3px 0;  }.social-comments b { margin-right: 4px; }.social-comments [hidden] { display: none; }.social-comments .social-brand-reply { margin-left: 14px; color: #58645e; }
@keyframes social-comment-in { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }
@media(prefers-reduced-motion:reduce) { .social-comments p { animation: none; } }
/* The community agent answers publicly, then hands a private request to a person. */
.community-stage [hidden] { display: none!important; }
.community-context { display: flex; align-items: center; gap: 9px; padding: 9px 12px; border-bottom: 1px solid #ebedef; font-size: 10px; }
.community-context > img { width: 32px; height: 32px; object-fit: cover; border-radius: 3px; }.community-context small { display: block; font-size: 9px; margin-top: 3px; }.community-context > span { margin-left: auto; }
.comment-thread { padding: 10px 14px; }.comment-thread b { font-size: 10px; }.comment-thread p { font-size: 11px; line-height: 1.4; margin: 3px 0; }.comment-thread small { font-size: 8px; color: #8a8a8a; }.community-answer { margin: 10px 0 0 20px; }.community-writing { margin: 12px 0 0 20px; font-size: 10px; color: #898989; }
.dm-person { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; border-bottom: 1px solid #ececec; font-size: 11px; }.dm-person small { font-size: 9px; }
.dm-conversation { padding: 9px 12px; min-height: 118px; }.dm-incoming,.dm-outgoing { font-size: 11px; line-height: 1.4; padding: 8px 10px; max-width: 86%; border-radius: 14px; }.dm-incoming { background: #efefef; border-bottom-left-radius: 3px; }.dm-outgoing { margin: 8px 0 0 auto; background: #4667e9; color: white; border-bottom-right-radius: 3px; }.dm-typing { margin: 8px 0 0 auto; width: fit-content; color: #777; background: #efefef; border-radius: 12px; padding: 4px 12px; letter-spacing: 3px; }
.dm-handoff { display: flex; gap: 8px; align-items: center; background: #fff5df; padding: 7px 12px; color: #79551c; font-size: 9px; }.dm-handoff b { font-size: 8px; flex-shrink: 0; }
@media(max-width:400px) { .dm-incoming,.dm-outgoing { font-size: 10px; padding: 7px 9px; }.dm-conversation { padding-block: 7px; }.dm-handoff { gap: 5px; padding-inline: 8px; font-size: 8px; } }
/* A prominent activity desk: owner, two concrete actions and a visible handoff. */
.hero-film-captions { min-height: 210px; padding-top: 17px; }
.hero-film-captions > div { gap: 12px 10px; }
.hero-film-captions > div > span { font-size: 10px; padding: 4px 6px; border: 1px solid #526a44; border-radius: 4px; color: #c4dfac; }
.hero-film-captions > div > strong { font-size: 16px; font-weight: 600; line-height: 1.25; letter-spacing: -.02em; }
.hero-agent-journal { padding: 13px 14px 0; background: #223322; border: 1px solid #425839; border-radius: 7px; overflow: hidden; }
.hero-journal-head { gap: 10px; margin-bottom: 12px; }
.hero-journal-head .hero-agent-avatar { width: 36px; height: 36px; border: 2px solid #a5c783; }
.hero-journal-head .hero-agent-identity { display: grid; gap: 2px; min-width: 0; }
.hero-agent-identity b { font-size: 17px; line-height: 1.1; font-weight: 600; color: #f1f7e9; }
.hero-agent-identity > span { color: #b3c99f; font-size: 11px; font-weight: 400; }
.hero-journal-head > small { display: inline-flex; align-items: center; gap: 5px; border-radius: 20px; background: #31452b; padding: 5px 7px; color: #cbedad; font-size: 9px; white-space: nowrap; }
.hero-journal-head > small::before { content: ''; width: 5px; height: 5px; background: #c7ff4f; border-radius: 50%; }
[data-activity="working"] .hero-journal-head > small::before { animation: activity-pulse 1.4s ease-in-out infinite; }
[data-activity="complete"] .hero-journal-head > small::before { content: '✓'; width: auto; height: auto; background: none; }
.hero-journal-lines { margin: 0; padding: 0 0 10px 21px; min-height: 58px; }
.hero-journal-line { font-size: 12px; line-height: 1.5; margin: 5px 0; color: #d1e2c0; }
.hero-journal-line::before { left: -21px; top: 2px; width: 13px; height: 13px; display: grid; place-items: center; font-size: 9px; border: 1px solid #6a805b; border-radius: 50%; content: ''; }
.hero-journal-line[data-state="active"]::before { background: #bddb86; border-color: #bddb86; box-shadow: inset 0 0 0 3px #223322; }
.hero-journal-line[data-state="done"]::before { content: '✓'; background: #c7ff4f; color: #26321c; border-color: #c7ff4f; }
.hero-handoff { display: flex; gap: 8px; align-items: center; margin: 0 -14px; padding: 10px 14px; border-top: 1px solid #435b37; background: #293d25; opacity: .48; transition: opacity .3s ease-out; }
.hero-handoff[data-ready="true"] { opacity: 1; }
.hero-handoff > img { width: 25px; height: 25px; border-radius: 50%; object-fit: cover; }
.hero-handoff > div { display: grid; gap: 2px; }.hero-handoff small { font-size: 8px; color: #afc49a; }.hero-handoff b { font-size: 11px; color: #e5f2d5; font-weight: 500; }.hero-handoff b span { font-size: 10px; color: #b0c798; font-weight: 400; margin-left: 3px; }
.hero-handoff .handoff-arrow { font-size: 19px; color: #c7ff4f; }.hero-handoff .handoff-indicator { margin-left: auto; font-size: 18px; color: #c7ff4f; transform: translateX(-4px); transition: transform .3s ease-out; }.hero-handoff[data-ready="true"] .handoff-indicator { transform: translateX(0); }
.hero-human-avatar { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #edd3a6; color: #644719!important; font-size: 11px!important; }
.hero-handoff[data-human="true"] { background: #3d3926; border-color: #665b3f; }.hero-handoff[data-human="true"] small { color: #e9cd9c; }
.hero-sector-more { min-height: 48px; margin-top: 5px; font-size: 13px; }
@keyframes activity-pulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
@media(max-width:400px) { .hero-film-captions { min-height: 219px; }.hero-film-captions > div > strong { font-size: 14px; }.hero-agent-journal { padding-inline: 11px; }.hero-handoff { margin-inline: -11px; padding-inline: 11px; }.hero-agent-identity b { font-size: 16px; }.hero-journal-line { font-size: 11px; }.hero-journal-head { gap: 8px; }.hero-journal-head > small { font-size: 8px; }.hero-agent-identity > span { font-size: 10px; } }
@media(prefers-reduced-motion:reduce) { .hero-journal-head > small::before { animation: none!important; }.hero-handoff,.hero-handoff .handoff-indicator { transition: none; } }
.discovery-chat { padding: 0 12px; }
.discovery-chat [hidden] { display: none!important; }
.discovery-channel { padding: 8px 0; border-bottom: 1px solid #e6e6e6; font-size: 11px; font-weight: 600; }.discovery-channel small { float: right; font-weight: 400; font-size: 9px; }
.discovery-message { display: flex; gap: 7px; margin-top: 10px; }.discovery-message > img { object-fit: cover; border-radius: 4px; width: 25px; height: 25px; }.discovery-message > div { flex: 1; }.discovery-message b { font-size: 10px; }.discovery-message b small { font-size: 8px; font-weight: 400; margin-left: 4px; }.discovery-message p { font-size: 11px; line-height: 1.4; margin: 3px 0; }.discovery-message .human-initial { width: 25px; height: 25px; }
.discovery-agreed { font-size: 10px; line-height: 1.4; padding: 7px 9px; margin-top: 9px; background: #edf6ef; color: #376445; border-radius: 4px; }
@media(max-width:400px) { .discovery-message { margin-top: 7px; }.discovery-message p { font-size: 10px; }.discovery-agreed { margin-top: 6px; font-size: 9px; } }
.discussion-whatsapp { background: #efeae2; padding: 0 12px; }.discussion-whatsapp .discovery-message > div { background: #fff; border-radius: 5px; padding: 5px 8px; }.discussion-whatsapp .discovery-message:nth-of-type(3) > div { background: #d9fdd3; }.discussion-whatsapp .discovery-message { margin-top: 6px; }.discussion-whatsapp .discovery-message p { font-size: 10px; }.discussion-whatsapp .discovery-agreed { margin-top: 6px; padding-block: 5px; font-size: 9px; }
.discussion-mail { background: #fff; padding: 0 12px; }.discussion-mail .discovery-message p { font-size: 10px; }.discussion-mail .discovery-message { margin-top: 7px; }.discussion-mail .discovery-agreed { font-size: 9px; margin-top: 7px; }
/* Holded purchase document, with neutral workspace and violet controls. */
.native-holded { background: #fff; color: #32343d; }
.native-holded .holded-bar { background: #f5f3fb; color: #6c4bb5; border-bottom: 1px solid #e8e2f2; }
.native-holded .holded-total b { color: #3b3549; }
.native-holded .holded-table > div:first-child { background: #f7f7fa; }
/* Full-width workflow hero: persistent trail, application and activity side by side. */
.home-refined .hero { display: block; padding-top: 48px; }
.home-refined .hero-copy { display: grid; grid-template-columns: 1.2fr 1fr; align-items: end; gap: 14px 60px; margin-bottom: 36px; }
.home-refined .hero-copy > .section-tag { grid-column: 1/-1; margin: 0; }
.home-refined .hero h1 { font-size: clamp(42px,4.7vw,64px); margin: 0; }
.home-refined .hero-bottom { margin: 0; gap: 16px; }
.home-refined .hero-description { font-size: 15px; max-width: 420px; margin: 0; }
.workflow-hero { width: 100%; max-width: none; background: #17231b; border-color: #3f5537; }
.workflow-hero .hero-sequence-top { padding-inline: 24px; justify-content: space-between; }
.workflow-hero .hero-sector-switch { flex: 0 1 500px; }
.workflow-hero .hero-sector-switch button { font-size: 13px; min-height: 52px; }
.workflow-hero .hero-sector-scene { padding: 24px 24px 0; }
.workflow-hero .hero-sector-scene h2 { font-size: 28px; margin-bottom: 24px; }
.workflow-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 24px; align-items: start; }
.workflow-path-heading { display: flex; justify-content: space-between; align-items: center; padding: 0 8px 12px; font-size: 9px; letter-spacing: .07em; color: #a9c095; }.workflow-path-heading b { color: #c7ff4f; font-size: 11px; }
.workflow-path ol { list-style: none; padding: 0; margin: 0; position: relative; }
.workflow-path li { position: relative; }.workflow-path li:not(:last-child)::after { content: ''; position: absolute; width: 1px; background: #42563a; top: 44px; bottom: -6px; left: 23px; }
.workflow-path button[data-workflow-step] { position: relative; display: flex; align-items: center; text-align: left; gap: 10px; padding: 10px 8px; width: 100%; min-height: 57px; color: #b3c7a6; border: 1px solid transparent; border-radius: 6px; background: transparent; cursor: pointer; font: inherit; transition: background .25s ease-out,border-color .25s ease-out; }
.workflow-path button > img,.workflow-human { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }.workflow-human { display: grid; place-items: center; background: #edd5ad; color: #725324; font-size: 11px; }
.workflow-step-copy { display: grid; gap: 3px; flex: 1; min-width: 0; }.workflow-step-copy b { font-size: 12px; line-height: 1.25; font-weight: 500; }.workflow-step-copy .workflow-result { font-size: 10px; line-height: 1.35; color: #a4bb94; display: none; }.workflow-step-copy .workflow-result.is-revealed { display: block; }
.workflow-marker { font-size: 10px; color: #8da17f; }.workflow-path button[data-state="active"] { background: #2c4126; border-color: #739657; color: #f0f9e5; }.workflow-path button[data-state="done"] .workflow-marker { color: #c7ff4f; }.workflow-path button[data-state="active"] .workflow-marker { color: #c7ff4f; }
.workflow-path button:hover { background: #283a23; }.workflow-path button[data-state="pending"] > img { opacity: .55; }
.workflow-replay { background: transparent; border: 0; color: #b9d69f; font: inherit; font-size: 11px; padding: 14px 8px; cursor: pointer; }
.workflow-workspace { min-width: 0; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(240px,1fr); gap: 18px; align-items: start; }
.workflow-hero .hero-filmstrip { height: 355px; border: 1px solid #cad3c6; box-shadow: 0 12px 30px #09120b33; }
.workflow-hero .hero-app-header { min-height: 49px; box-sizing: border-box; }
.workflow-hero .hero-app-body { height: calc(100% - 49px); }
.workflow-hero .hero-film-captions { padding-top: 0; min-height: 0; }.workflow-hero .hero-film-captions > div { grid-template-columns: 1fr; gap: 11px; }.workflow-hero .hero-film-captions > div > span { justify-self: start; }.workflow-hero .hero-film-captions > div > strong { font-size: 21px; line-height: 1.15; }.workflow-hero .hero-agent-journal { grid-column: auto; }
.workflow-hero .hero-journal-head { flex-wrap: wrap; }.workflow-hero .hero-journal-head > small { margin-left: 46px; }.workflow-hero .hero-journal-line { font-size: 12px; min-height: 36px; }
.workflow-hero .hero-sector-more { max-width: none; margin: 14px 0 0 254px; border-top: 1px solid #3d5135; min-height: 50px; }
.workflow-hero .hero-step-controls { padding: 0 24px 8px; }.workflow-hero .hero-team-foot { padding-inline: 24px; }
.workflow-hero .campaign-art { height: 246px; }.workflow-hero .campaign-lettering { padding: 22px; }.workflow-hero .campaign-lettering strong { font-size: 32px; max-width: 180px; }.workflow-hero .post-review .campaign-art { height: 170px; }.workflow-hero .post-review .campaign-lettering { padding: 10px; }.workflow-hero .post-review .campaign-lettering strong { font-size: 22px; }
.workflow-hero .wa-bubble p,.workflow-hero .discovery-message p { font-size: 12px; }.workflow-hero .wa-reply { font-size: 12px; }.workflow-hero .wa-typing { bottom: 36px; }
.workflow-hero .social-feed-art > img { width: 108px; height: 94px; }.workflow-hero .social-comments p { font-size: 12px; margin-block: 8px; }
.workflow-hero .hero-code.gh-diff { font-size: 10px; line-height: 2.6; }.workflow-hero .holded-table { font-size: 12px; }.workflow-hero .holded-table > div { padding-block: 11px; }
.workflow-hero .discovery-message { margin-top: 15px; }.workflow-hero .discovery-agreed { margin-top: 15px; padding: 10px; font-size: 11px; }
@media(max-width:1150px) { .workflow-workspace { grid-template-columns: minmax(0,1fr); }.workflow-hero .hero-filmstrip { height: 310px; }.workflow-hero .hero-film-captions > div { grid-template-columns: auto 1fr; }.workflow-hero .hero-agent-journal { grid-column: 1/-1; }.workflow-hero .hero-journal-head { flex-wrap: nowrap; }.workflow-hero .hero-journal-head > small { margin-left: auto; }.workflow-hero .hero-journal-line { min-height: 0; }.workflow-hero .campaign-art { height: 202px; }.workflow-hero .hero-film-captions > div > strong { font-size: 17px; } }
@media(max-width:760px) { .home-refined .hero-copy { display: block; margin-bottom: 28px; }.home-refined .hero-copy > .section-tag { margin-bottom: 15px; }.home-refined .hero-bottom { margin-top: 20px; }.workflow-layout { grid-template-columns: 1fr; gap: 18px; }.workflow-path ol { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }.workflow-path li:not(:last-child)::after { display: none; }.workflow-path button[data-workflow-step] { min-height: 57px; padding: 8px 6px; gap: 7px; background: #1c2b20; }.workflow-step-copy b { font-size: 11px; }.workflow-step-copy .workflow-result { font-size: 9px; }.workflow-path button > img,.workflow-human { width: 24px; height: 24px; }.workflow-hero .hero-sector-scene { padding: 18px 14px 0; }.workflow-hero .hero-sector-scene h2 { font-size: 25px; margin-bottom: 18px; }.workflow-hero .hero-sector-more { margin-left: 0; }.workflow-hero .hero-sequence-top { padding-inline: 10px; }.workflow-replay { padding-bottom: 0; }.workflow-hero .hero-journal-head > small { margin-left: auto; }.workflow-hero .hero-filmstrip { height: 310px; }.workflow-workspace { gap: 18px; } }
@media(prefers-reduced-motion:reduce) { .workflow-path button { transition: none; } }
.workflow-path button[data-state="active"]::after { content: ''; position: absolute; left: 8px; right: 8px; bottom: 0; height: 2px; background: #c7ff4f; transform: scaleX(var(--step-progress,0)); transform-origin: left; }
.workflow-deliverables { grid-column: 1/-1; border-top: 1px solid #354b2e; padding-top: 15px; }.workflow-deliverables > p { font-size: 9px; letter-spacing: .08em; color: #a6bd94; margin: 0 0 10px; }.workflow-results { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.workflow-results > button { display: flex; align-items: center; gap: 8px; padding: 10px; min-width: 0; text-align: left; border: 1px solid #3b5132; background: #20311f; color: #ddecce; border-radius: 5px; font: inherit; cursor: pointer; }.workflow-results > button[hidden] { display: none; }.workflow-results > button > span:first-child { color: #c7ff4f; }.workflow-results b { display: block; font-size: 11px; font-weight: 500; }.workflow-results small { display: block; margin-top: 3px; font-size: 10px; color: #a9c196; line-height: 1.3; }.workflow-results img { object-fit: cover; border-radius: 3px; flex-shrink: 0; }.workflow-results > button:hover { border-color: #8dac6c; }
@media(max-width:400px) { .workflow-results { grid-template-columns: 1fr; } }
/* Open workflow composition, integrated with the page rather than framed as a widget. */
.home-refined .hero { padding-bottom: 64px; }
.home-refined .hero-copy { margin-bottom: 50px; }
.hero-team.workflow-hero { background: transparent; border: 0; border-radius: 0; overflow: visible; }
.workflow-hero .hero-sequence-top { padding: 0 0 18px; border: 0; gap: 24px; }
.workflow-hero .hero-sector-switch { gap: 10px; flex: 0 1 auto; }
.workflow-hero .hero-sector-switch button { flex: initial; padding: 10px 18px; min-height: 42px; border: 1px solid #3b5231; border-radius: 24px; color: #b4c9a4; background: transparent; transition: background .25s ease-out,color .25s ease-out; }
.workflow-hero .hero-sector-switch button[aria-pressed="true"] { color: #213013; border-color: #c7ff4f; background: #c7ff4f; }
.workflow-hero .hero-sequence-top > button { border-bottom: 1px solid #526944; border-radius: 0; padding: 6px 0; min-width: 60px; }
.workflow-hero .hero-sector-scene { padding: 0; }
.workflow-hero .hero-sector-scene h2 { font-size: clamp(28px,3vw,40px); letter-spacing: -.035em; margin: 10px 0 30px; }
.workflow-layout { grid-template-columns: 218px minmax(0,1fr); gap: 30px; }
.workflow-path-heading { padding-left: 0; margin-bottom: 6px; }
.workflow-path button[data-workflow-step] { padding: 11px 0; border: 0; border-radius: 0; min-height: 60px; gap: 12px; }
.workflow-path button[data-state="active"] { background: transparent; color: #c7ff4f; }.workflow-path button:hover { background: transparent; }.workflow-path button:hover .workflow-step-copy b { color: #e5f4d8; }
.workflow-path button[data-state="active"] > img,.workflow-path button[data-state="active"] > .workflow-human { outline: 2px solid #c7ff4f; outline-offset: 4px; }
.workflow-path li:not(:last-child)::after { left: 14px; top: 47px; bottom: -6px; background: #49603a; }
.workflow-path button[data-state="active"]::after { left: 42px; right: 12px; bottom: 5px; height: 1px; }
.workflow-path .workflow-step-copy b { font-size: 13px; }.workflow-path .workflow-step-copy .workflow-result { font-size: 10px; }
.workflow-replay { padding-left: 0; margin-top: 8px; }
.workflow-workspace { column-gap: 24px; }
.workflow-hero .hero-filmstrip { border-radius: 8px; border-color: #819175; box-shadow: 0 18px 45px #050c0733; }
.workflow-hero .hero-agent-journal { border: 0; background: transparent; padding: 0; border-radius: 0; overflow: visible; }
.workflow-hero .hero-film-captions > div { gap: 17px; }
.workflow-hero .hero-film-captions > div > span { border: 0; padding: 0; color: #9dba86; letter-spacing: .12em; font-size: 10px; }
.workflow-hero .hero-film-captions > div > strong { font-size: 26px; color: #ecf4e5; letter-spacing: -.035em; }
.workflow-hero .hero-journal-head { padding-bottom: 14px; margin-bottom: 12px; border-bottom: 1px solid #3a5130; }
.workflow-hero .hero-journal-head .hero-agent-avatar { width: 43px; height: 43px; }.workflow-hero .hero-agent-identity b { font-size: 20px; }
.workflow-hero .hero-journal-head > small { margin-left: 53px; padding: 0; border: 0; background: transparent; font-size: 10px; }
.workflow-hero .hero-journal-lines { padding-bottom: 14px; }.workflow-hero .hero-journal-line { font-size: 13px; min-height: 40px; line-height: 1.55; }
.workflow-hero .hero-handoff { margin: 0; padding: 14px 0; border-top: 1px solid #3d5432; border-bottom: 1px solid #3d5432; background: transparent; }
.workflow-hero .hero-handoff[data-human="true"] { border-color: #766141; background: transparent; }.workflow-hero .hero-handoff small { font-size: 9px; }.workflow-hero .hero-handoff b { font-size: 12px; }
.workflow-deliverables { margin-top: 6px; padding-top: 20px; }.workflow-deliverables > p { font-size: 10px; margin-bottom: 12px; }
.workflow-results > button { border: 0; border-bottom: 1px solid #344b2b; background: transparent; padding: 12px 0; border-radius: 0; }.workflow-results > button:hover { background: #1a291a; }.workflow-results b { font-size: 12px; }.workflow-results small { font-size: 11px; }
.workflow-hero .hero-sector-more { margin: 22px 0 0 248px; font-size: 14px; color: #c7ff4f; border: 0; }
.workflow-hero .hero-step-controls { padding: 12px 0; margin-left: 248px; border-top: 1px solid #334c2b; }.workflow-hero .hero-team-foot { border: 0; padding: 10px 0; margin-left: 248px; font-size: 11px; }
@media(max-width:1150px) { .workflow-hero .hero-journal-head > small { margin-left: auto; }.workflow-hero .hero-film-captions > div > strong { font-size: 23px; }.workflow-hero .hero-journal-line { min-height: 0; }.workflow-hero .hero-agent-journal { padding-top: 4px; }.workflow-hero .hero-handoff { padding-block: 10px; } }
@media(max-width:760px) { .home-refined .hero-copy { margin-bottom: 38px; }.workflow-layout { grid-template-columns: 1fr; gap: 24px; }.workflow-hero .hero-sequence-top { gap: 10px; padding-bottom: 12px; }.workflow-hero .hero-sector-switch { gap: 6px; }.workflow-hero .hero-sector-switch button { font-size: 11px; padding: 8px 11px; }.workflow-hero .hero-sequence-top > button { font-size: 9px; min-width: 45px; }.workflow-hero .hero-sector-scene { padding: 0; }.workflow-hero .hero-sector-scene h2 { font-size: 31px; margin: 12px 0 24px; }.workflow-path ol { gap: 4px 18px; }.workflow-path button[data-workflow-step] { padding-block: 10px; border-bottom: 1px solid #2c4225; min-height: 64px; gap: 9px; }.workflow-path .workflow-step-copy b { font-size: 11px; }.workflow-path .workflow-step-copy .workflow-result { font-size: 9px; }.workflow-path button[data-state="active"] > img,.workflow-path button[data-state="active"] > .workflow-human { outline-offset: 2px; }.workflow-hero .hero-sector-more,.workflow-hero .hero-step-controls,.workflow-hero .hero-team-foot { margin-left: 0; }.workflow-hero .hero-journal-head > small { margin-left: auto; }.workflow-hero .hero-film-captions > div > strong { font-size: 22px; }.workflow-hero .hero-journal-line { font-size: 13px; }.workflow-hero .hero-agent-identity b { font-size: 19px; } }
@media(prefers-reduced-motion:reduce) { .workflow-hero .hero-sector-switch button { transition: none; } }
/* One continuous story: the active application's work belongs to its timeline step. */
.workflow-layout { display: block; }
.workflow-path { width: 100%; }
.workflow-path-heading { max-width: 320px; padding-bottom: 18px; }
.workflow-path ol { display: block; }
.workflow-path li { padding-left: 24px; }
.workflow-path li:not(:last-child)::after { left: 43px; top: 57px; bottom: 0; background: #415b34; }
.workflow-path li.is-expanded:not(:last-child)::after { background: #a6cc73; }
.workflow-path button[data-workflow-step] { width: 100%; min-height: 68px; gap: 18px; padding: 12px 0; }
.workflow-path button > img,.workflow-human { width: 40px; height: 40px; }
.workflow-path .workflow-step-copy b { font-size: 18px; letter-spacing: -.015em; }
.workflow-path .workflow-step-copy .workflow-result { font-size: 12px; margin-top: 3px; }
.workflow-marker { margin-left: auto; margin-right: 4px; border: 1px solid #425c33; border-radius: 50%; width: 25px; height: 25px; display: grid; place-items: center; }
.workflow-path button[data-state="active"]::after { left: 59px; right: 40px; bottom: 8px; }
.workflow-path button[data-state="active"] .workflow-result { display: none; }
.workflow-path li .workflow-workspace { margin: 2px 0 24px 59px; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(260px,.8fr); gap: 24px 30px; align-items: start; }
.workflow-path li .workflow-workspace::before { content: ''; position: absolute; left: 44px; width: 29px; height: 1px; background: #789759; margin-top: 16px; }
.workflow-hero .hero-film-captions > div > span { display: none; }
.workflow-hero .hero-film-captions > div > strong { font-size: 25px; }
.workflow-hero .hero-filmstrip { height: 355px; }
.workflow-replay { border-bottom: 1px solid #344e29; width: 100%; text-align: left; padding: 18px 0 20px 24px; }
.workflow-hero .hero-sector-more,.workflow-hero .hero-step-controls,.workflow-hero .hero-team-foot { margin-left: 24px; }
.workflow-hero .hero-sector-more { margin-top: 10px; }
.workflow-hero .hero-team-foot { padding-bottom: 0; }
.workflow-results,.workflow-deliverables { display: none; }
@media(max-width:1000px) { .workflow-path li .workflow-workspace { grid-template-columns: 1fr; gap: 20px; }.workflow-hero .hero-filmstrip { max-width: 640px; }.workflow-hero .hero-film-captions > div { display: grid; grid-template-columns: 1fr; max-width: 640px; }.workflow-hero .hero-journal-head { flex-wrap: nowrap; }.workflow-hero .hero-journal-head > small { margin-left: auto; } }
@media(max-width:760px) { .workflow-path li { padding-left: 3px; }.workflow-path button[data-workflow-step] { border: 0; min-height: 63px; gap: 13px; }.workflow-path button > img,.workflow-human { width: 32px; height: 32px; }.workflow-path .workflow-step-copy b { font-size: 16px; }.workflow-path .workflow-step-copy .workflow-result { font-size: 11px; }.workflow-path li:not(:last-child)::after { display: block; left: 18px; top: 52px; }.workflow-path li .workflow-workspace { margin: 4px 0 25px 28px; gap: 18px; }.workflow-path li .workflow-workspace::before { display: none; }.workflow-hero .hero-filmstrip { height: 310px; }.workflow-hero .hero-film-captions > div > strong { font-size: 22px; }.workflow-hero .hero-app-header > .hero-agent-presence { font-size: 8px; }.workflow-hero .hero-sector-more,.workflow-hero .hero-step-controls,.workflow-hero .hero-team-foot { margin-left: 0; }.workflow-replay { padding-left: 3px; }.workflow-path button[data-state="active"]::after { left: 45px; }.workflow-hero .hero-film-captions .hero-journal-line { font-size: 12px; } }
.workflow-apps { margin: 0 0 17px; padding: 0 0 13px; border-bottom: 1px solid #37502d; }.workflow-apps > small { display: block; font-size: 8px; letter-spacing: .08em; color: #a7bf94; margin-bottom: 8px; }.workflow-apps > div { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }.workflow-apps .workflow-app { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: #dceccf; }.workflow-app img { width: 22px; height: 22px; padding: 3px; object-fit: contain; background: #f4f6f2; border-radius: 4px; }.workflow-app-link { color: #c7ff4f!important; font-size: 16px!important; }
.process-step-apps { display: flex; flex-wrap: wrap; gap: 10px 16px; margin-top: 14px; }.process-step-apps > span { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: #c2d8b2; }.process-step-apps img { width: 22px; height: 22px; padding: 3px; object-fit: contain; background: #f4f6f2; border-radius: 4px; }
/* Compact horizontal journey with a stable application stage. */
.home-refined .hero { padding-top: 32px; padding-bottom: 42px; }
.home-refined .hero-copy { margin-bottom: 26px; gap: 10px 50px; }
.home-refined .hero h1 { font-size: clamp(40px,4.1vw,57px); }
.home-refined .hero-copy > .section-tag { font-size: 9px; }
.workflow-hero .hero-sequence-top { padding-bottom: 4px; }
.workflow-hero .hero-sector-scene h2 { font-size: clamp(25px,2.6vw,33px); margin: 12px 0 18px; }
.workflow-path-heading { display: none; }
.workflow-path ol { display: flex; gap: 10px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #4c693a transparent; padding: 5px 3px 12px; margin-bottom: 18px; position: relative; }
.workflow-path li { flex: 1 0 110px; min-width: 0; padding: 0; }
.workflow-path li:not(:last-child)::after,.workflow-path li.is-expanded:not(:last-child)::after { left: 38px; right: -7px; top: 18px; bottom: auto; width: auto; height: 1px; background: #405a32; }
.workflow-path li:has(button[data-state="done"])::after { background: #a2c774; }
.workflow-path button[data-workflow-step] { display: grid; grid-template-columns: 30px 1fr; grid-template-rows: 30px 52px; gap: 8px 5px; min-height: 90px; padding: 0; border: 0; align-items: start; position: relative; z-index: 1; }
.workflow-path button > img,.workflow-path .workflow-human { width: 30px; height: 30px; grid-column: 1; grid-row: 1; }
.workflow-path .workflow-marker { grid-column: 2; grid-row: 1; margin: 4px auto 0 0; width: 20px; height: 20px; background: #101713; font-size: 9px; border-color: #344a2a; }
.workflow-path .workflow-step-copy { grid-row: 2; grid-column: 1/-1; gap: 4px; }
.workflow-path .workflow-step-copy b { font-size: 11px; line-height: 1.2; letter-spacing: 0; }
.workflow-path .workflow-step-copy .workflow-result { font-size: 9px; line-height: 1.3; margin: 0; max-width: 140px; }
.workflow-path button[data-state="active"] .workflow-result.is-revealed { display: block; }
.workflow-path button[data-state="active"]::after { left: 0; right: 0; bottom: -3px; height: 2px; }
.workflow-layout > .workflow-workspace { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(270px,.8fr); gap: 28px; align-items: start; min-height: 355px; margin: 0; }
.workflow-hero .hero-filmstrip { height: 355px; max-width: none; }
.workflow-hero .hero-film-captions { min-height: 355px; }
.workflow-hero .hero-film-captions > div { display: grid; grid-template-columns: 1fr; gap: 13px; max-width: none; }
.workflow-hero .hero-film-captions > div > strong { font-size: 24px; min-height: 29px; }
.workflow-hero .hero-app-header > .hero-agent-presence { display: none; }
.workflow-hero .hero-journal-head { flex-wrap: nowrap; padding-bottom: 10px; margin-bottom: 10px; }
.workflow-hero .hero-journal-head > small { margin-left: auto; }
.workflow-hero .hero-journal-head .hero-agent-avatar { width: 34px; height: 34px; }
.workflow-hero .hero-agent-identity b { font-size: 18px; }
.workflow-hero .hero-journal-line { min-height: 34px; font-size: 12px; }
.workflow-hero .hero-handoff { padding: 10px 0; }
.workflow-apps { margin-bottom: 12px; padding-bottom: 10px; }
.workflow-hero .hero-sector-more { margin: 8px 0 0; min-height: 39px; font-size: 12px; }
.workflow-hero .hero-step-controls { display: flex; flex-wrap: nowrap; align-items: center; gap: 18px; margin: 0; padding: 8px 0; }
.workflow-live-count { font-size: 11px; color: #d4e8c0; white-space: nowrap; }
.workflow-hero .hero-step-controls .workflow-replay { padding: 6px 0; margin: 0; width: auto; border: 0; white-space: nowrap; font-size: 10px; }
.workflow-hero .hero-step-controls [data-hero-pause] { min-width: 52px; }
.workflow-hero .hero-team-foot { margin: 0; padding-top: 4px; font-size: 10px; }
@media(max-width:900px) { .workflow-layout > .workflow-workspace { grid-template-columns: minmax(0,1fr) minmax(230px,.85fr); gap: 20px; }.workflow-hero .hero-film-captions > div > strong { font-size: 21px; }.workflow-hero .hero-journal-head { gap: 7px; }.workflow-hero .hero-journal-head > small { font-size: 8px; }.workflow-hero .hero-journal-line { font-size: 11px; }.workflow-hero .hero-agent-identity b { font-size: 16px; } }
@media(max-width:650px) { .home-refined .hero-copy { margin-bottom: 24px; }.workflow-path li { flex: 0 0 120px; }.workflow-path ol { margin-bottom: 16px; }.workflow-layout > .workflow-workspace { grid-template-columns: 1fr; gap: 18px; min-height: 660px; }.workflow-hero .hero-filmstrip { height: 310px; }.workflow-hero .hero-film-captions { min-height: 320px; }.workflow-hero .hero-film-captions > div > strong { font-size: 22px; }.workflow-hero .hero-journal-line { font-size: 12px; min-height: 30px; }.workflow-hero .hero-agent-identity b { font-size: 18px; }.workflow-hero .hero-step-controls { gap: 10px; flex-wrap: wrap; }.workflow-hero .hero-step-controls .hero-time-progress { flex: 1; min-width: 30px; }.workflow-hero .hero-step-controls button { font-size: 10px; }.workflow-hero .hero-step-controls .workflow-replay { margin-left: auto; }.workflow-live-count { font-size: 10px; }.workflow-hero .hero-sector-scene h2 { font-size: 26px; } }
@media(prefers-reduced-motion:reduce) { .workflow-path ol { scroll-behavior: auto; } }
.workflow-hero .hero-film-captions > [hidden],.workflow-hero .hero-film-frame[hidden],.workflow-hero .hero-sector-scene[hidden] { display: none!important; }
/* Real handoff: the agent sends its work; the client approves in WhatsApp. */
.approval-conversation { background: #efeae2; padding: 9px 12px; }
.approval-conversation [hidden] { display: none!important; }
.approval-contact { display: flex; justify-content: space-between; font-size: 10px; margin-bottom: 7px; }.approval-contact small { font-size: 9px; }
.approval-package { width: 92%; margin-left: auto; background: #d9fdd3; padding: 8px 10px; border-radius: 7px 0 7px 7px; }.approval-package > b { font-size: 9px; color: #477643; }.approval-preview { display: flex; align-items: center; gap: 9px; margin-top: 6px; }.approval-preview img { width: 63px; height: 63px; object-fit: cover; border-radius: 4px; }.approval-preview strong { font-size: 12px; }.approval-preview p,.approval-package > p { font-size: 10px; line-height: 1.35; margin: 5px 0 0; }.approval-package > small,.approval-human > small { display: block; text-align: right; font-size: 8px; margin-top: 3px; }
.approval-human { background: #fff; border-radius: 0 7px 7px; padding: 7px 10px; width: 88%; margin-top: 8px; }.approval-human > b { color: #956126; font-size: 9px; }.approval-human p { font-size: 10px; line-height: 1.35; margin: 3px 0; }.approval-wait { font-size: 10px; color: #8a6e3c; margin: 12px 0; }.approval-confirmed { font-size: 9px; color: #3d7044; padding-top: 7px; }
.hero-journal-line[data-actor="human"] { color: #efcf9d; }.hero-journal-line[data-actor="human"][data-state="done"]::before { background: #edce9c; border-color: #edce9c; }
.workflow-path button:has(.workflow-human) .workflow-step-copy b { color: #eacfa7; }
@media(max-width:650px) { .approval-package { padding: 6px 8px; }.approval-preview img { width: 47px; height: 47px; }.approval-preview p { font-size: 9px; }.approval-human { margin-top: 6px; padding-block: 5px; }.approval-human p,.approval-package > p { font-size: 9px; }.approval-contact { margin-bottom: 4px; }.approval-confirmed { font-size: 8px; } }
/* Impeccable polish: safe rings, contained overflow, consistent rhythm and touch targets. */
.workflow-hero,.workflow-hero .hero-sector-scene,.workflow-layout,.workflow-path,.workflow-workspace,.hero-filmstrip,.hero-film-captions { min-width: 0; }
.workflow-path { max-width: 100%; }
.workflow-path ol { box-sizing: border-box; width: 100%; max-width: 100%; padding: 9px 8px 12px; margin: 0 0 20px; gap: 12px; scroll-padding-inline: 8px; overscroll-behavior-x: contain; }
.workflow-path li { flex-basis: 120px; }
.workflow-path button[data-workflow-step] { grid-template-rows: 32px 56px; row-gap: 10px; min-height: 98px; }
.workflow-path button > img,.workflow-path .workflow-human { width: 30px; height: 30px; aspect-ratio: 1; display: block; object-fit: cover; border-radius: 50%; }
.workflow-path .workflow-human { display: grid; place-items: center; }
.workflow-path button[data-state="active"] > img,.workflow-path button[data-state="active"] > .workflow-human { outline-width: 2px; outline-offset: 3px; }
.workflow-path li:not(:last-child)::after,.workflow-path li.is-expanded:not(:last-child)::after { top: 15px; left: 60px; right: -4px; }
.workflow-path .workflow-marker { margin-top: 5px; line-height: 1; box-sizing: border-box; }
.workflow-path .workflow-step-copy b { font-size: 12px; line-height: 1.25; }
.workflow-path .workflow-step-copy .workflow-result { font-size: 10px; line-height: 1.4; max-width: 150px; color: #bacda9; }
.workflow-path button[data-state="active"]::after { bottom: 0; }
.workflow-hero .hero-sector-scene h2 { overflow-wrap: anywhere; text-wrap: balance; line-height: 1.12; }
.workflow-hero .hero-sequence-top { flex-wrap: wrap; }
.workflow-hero .hero-sector-switch { min-width: 0; max-width: 100%; flex-wrap: wrap; }
.workflow-hero .hero-sector-switch button { min-height: 44px; }
.workflow-hero .hero-journal-head { align-items: center; }
.workflow-hero .hero-agent-identity { min-width: 0; }
.workflow-hero .hero-agent-identity > span { line-height: 1.4; }
.workflow-hero .hero-handoff b span { display: inline; line-height: 1.4; }
.workflow-hero .hero-step-controls button { min-height: 44px; }
.workflow-hero button:focus-visible,.workflow-hero a:focus-visible { outline: 2px solid #c7ff4f; outline-offset: 2px; border-radius: 4px; }
.workflow-path button:focus-visible { outline-offset: 3px; }
.workflow-hero .hero-step-controls button:hover,.workflow-replay:hover { color: #efffd9; }
.workflow-hero .hero-step-controls button:active { transform: translateY(1px); }
.workflow-hero .hero-time-progress { height: 3px; border-radius: 2px; }
.workflow-hero .hero-filmstrip { isolation: isolate; }
.workflow-hero .hero-app-header { line-height: 1.3; }
@media(max-width:760px) {
 .workflow-path li { flex: 0 0 136px; }
 .workflow-path ol { padding-top: 9px; padding-inline: 8px; }
 .workflow-path .workflow-step-copy b { font-size: 13px; }
 .workflow-path .workflow-step-copy .workflow-result { font-size: 11px; }
 .workflow-hero .hero-sector-switch { gap: 8px; }
 .workflow-hero .hero-sector-switch button { font-size: 12px; padding-inline: 14px; }
}
@media(max-width:650px) {
 .workflow-layout > .workflow-workspace { min-height: 650px; }
 .workflow-hero .hero-film-captions { min-height: 310px; }
 .workflow-hero .hero-step-controls { display: grid; grid-template-columns: auto 1fr auto; column-gap: 14px; row-gap: 2px; }
 .workflow-live-count { grid-column: 1; grid-row: 1; font-size: 11px; }
 .workflow-hero .hero-time-progress { grid-column: 2/-1; grid-row: 1; width: 100%; }
 .workflow-hero [data-hero-prev] { grid-column: 1; grid-row: 2; }
 .workflow-hero [data-hero-pause] { grid-column: 2; grid-row: 2; justify-self: center; }
 .workflow-hero [data-hero-next] { grid-column: 3; grid-row: 2; }
 .workflow-hero .hero-step-controls .workflow-replay { grid-column: 1/-1; grid-row: 3; margin: 0; justify-self: end; }
 .workflow-hero .hero-step-controls button { font-size: 12px; }
 .workflow-hero .hero-team-foot { line-height: 1.5; font-size: 11px; }
 .workflow-hero .hero-journal-line { font-size: 13px; }
 .workflow-apps .workflow-app { font-size: 12px; }
 .workflow-hero .hero-film-captions > div > strong { line-height: 1.18; }
}
.workflow-path button[data-workflow-step] { background: transparent; }
.workflow-path ol { scrollbar-width: none; }
.workflow-path ol::-webkit-scrollbar { display: none; }
.workflow-scroll-hint { display: none; }
@media(max-width:760px) { .workflow-scroll-hint { display: block; margin: -12px 0 18px 8px; color: #a4ba92; font-size: 10px; line-height: 1.4; } }

/* Step descriptions stay visible independently of playback or selection. */
.workflow-path .workflow-step-copy .workflow-result,
.workflow-path button[data-state="active"] .workflow-result { display: block; }
/* Neutral handoff notices inside application conversations. */
.dm-handoff { background: #f3f4f6; color: #505965; border-top: 1px solid #e3e6ea; }
.human-checkpoint { background: #f3f4f6; color: #505965; border-top-color: #e3e6ea; }
.human-checkpoint b { color: #4b5563; }
.approval-wait { color: #66706a; }
/* Playback sits beside the story title, leaving the lower edge for the main link. */
.workflow-scene-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; margin: 14px 0 22px; }
.workflow-hero .workflow-scene-heading h2 { margin: 0; flex: 1; }
.workflow-hero .workflow-scene-heading .hero-step-controls { position: relative; display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; gap: 6px; margin: 0; padding: 4px 4px 7px 12px; border: 1px solid #354d2b; border-radius: 8px; flex-shrink: 0; background: #19261b; overflow: hidden; }
.workflow-scene-heading .workflow-live-count { margin-right: 9px; font-size: 11px; font-variant-numeric: tabular-nums; color: #c5dcb1; }
.workflow-hero .workflow-scene-heading .hero-step-controls button { width: 38px; height: 38px; min-height: 38px; padding: 0; display: grid; place-items: center; border-radius: 5px; font-size: 18px; margin: 0; line-height: 1; }
.workflow-hero .workflow-scene-heading .hero-step-controls [data-hero-pause] { width: 70px; font-size: 11px; background: #2c4025; color: #e0f1ce; }
.workflow-hero .workflow-scene-heading .hero-step-controls .workflow-replay { width: 38px; min-width: 38px; font-size: 19px; margin: 0; padding: 0; border-left: 1px solid #3b5030; border-radius: 0; }
.workflow-hero .workflow-scene-heading .hero-step-controls button:hover { background: #334b29; }
.workflow-hero .workflow-scene-heading .hero-time-progress { position: absolute; inset: auto 0 0; width: 100%; min-width: 0; height: 2px; border-radius: 0; }
.workflow-hero .hero-film-captions .hero-team-foot { border: 0; margin: 0; padding: 5px 0 0; color: #afc59d; font-size: 10px; line-height: 1.5; }
.workflow-hero .hero-film-captions .hero-team-foot > span { font-size: inherit; color: inherit; }
.workflow-hero .hero-film-captions .hero-team-foot .hero-supervisor-dot { background: #aec791; }
.workflow-hero .hero-sector-more { display: inline-flex; gap: 28px; min-height: 44px; margin-top: 16px; border-bottom: 1px solid #54733d; }
@media(max-width:900px) { .workflow-scene-heading { align-items: flex-start; flex-wrap: wrap; }.workflow-hero .workflow-scene-heading h2 { flex-basis: 100%; }.workflow-hero .workflow-scene-heading .hero-step-controls { justify-content: flex-start; } }
@media(max-width:650px) { .workflow-scene-heading { gap: 12px; margin-bottom: 16px; }.workflow-hero .workflow-scene-heading .hero-step-controls { width: 100%; box-sizing: border-box; justify-content: space-between; }.workflow-hero .workflow-scene-heading .hero-step-controls button { min-height: 44px; height: 44px; }.workflow-hero .workflow-scene-heading .hero-step-controls [data-hero-pause] { width: 82px; }.workflow-hero .hero-film-captions { min-height: 345px; } }
/* Business and process selection now belong to the hero itself. */
.home-refined .hero .hero-explorer { padding: 0; border: 0; margin-top: 26px; }
.hero-business-picker { border-bottom: 1px solid #3e5533; margin-bottom: 18px; }
.hero-business-picker > summary { list-style: none; display: flex; align-items: center; gap: 14px; cursor: pointer; padding: 12px 0 18px; }
.hero-business-picker > summary::-webkit-details-marker { display: none; }
.hero-business-picker > summary > span:first-child { color: #a8bd98; font-size: 13px; }
.hero-business-picker > summary > b { font-size: 23px; font-weight: 500; color: #e9f4df; letter-spacing: -.025em; }
.hero-business-picker > summary > span:last-child { margin-left: auto; font-size: 22px; color: #c7ff4f; }
.hero-business-picker .bx-sector-picker { margin: 0; padding-bottom: 18px; }
.hero-explorer .bx-business-heading { display: none; }
.home-refined .hero-explorer .bx-workspace { display: flex; flex-direction: column; gap: 18px; }
.home-refined .hero-explorer .bx-processes { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; border: 0; }
.hero-explorer .bx-processes > p { flex-basis: 100%; font-size: 9px; letter-spacing: .07em; margin: 0 0 3px; }
.home-refined .hero-explorer .bx-processes button { width: auto; min-height: 42px; padding: 10px 14px; border: 1px solid #3e5631; border-radius: 24px; font-size: 12px; gap: 8px; background: transparent; }
.hero-explorer .bx-processes button > span { display: none; }
.home-refined .hero-explorer .bx-processes button[aria-pressed="true"] { background: #c7ff4f; color: #1d2c14; border-color: #c7ff4f; }
.hero-explorer .uses-hero-workflow > .bx-workspace > .bx-results { display: none; }
.hero-explorer .workflow-scene-heading h2 { font-size: 23px; }
.hero-explorer .workflow-scene-heading { margin-top: 0; }
.home-refined .hero-explorer .bx-results { padding: 0; border: 0; }
.hero-explorer .bx-selected-business { margin-top: 22px; }
.hero-explorer .bx-note { margin-top: 12px; }
.hero-explorer [hidden] { display: none!important; }
@media(max-width:650px) { .hero-business-picker > summary { gap: 9px; }.hero-business-picker > summary > b { font-size: 19px; }.hero-business-picker > summary > span:first-child { font-size: 11px; }.home-refined .hero-explorer .bx-processes { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 7px; }.hero-explorer .bx-processes > p { display: none; }.home-refined .hero-explorer .bx-processes button { flex-shrink: 0; font-size: 11px; }.hero-explorer .bx-processes { scrollbar-width: thin; } }
/* Clear ownership: agent checklist followed by the client's actual action. */
.workflow-hero .todo-group-title { margin: 0 0 9px; font-size: 11px; font-weight: 500; color: #c8dfb6; }
.workflow-hero .hero-journal-lines { min-height: 0; padding-bottom: 6px; }
.workflow-hero .hero-journal-line { margin-block: 4px; min-height: 30px; }
.workflow-hero .hero-journal-line[data-actor="human"] { display: none; }
.workflow-hero .hero-handoff { display: none; }
.human-todo { padding-top: 12px; border-top: 1px solid #45583a; }
.human-todo > div { display: flex; justify-content: space-between; gap: 10px; align-items: center; }.human-todo b { font-size: 12px; font-weight: 500; color: #efd6ae; }.human-todo small { font-size: 10px; color: #c9b184; }.human-todo p { position: relative; padding-left: 23px; margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: #e3d4bc; }.human-todo p::before { content: ''; position: absolute; left: 0; top: 3px; width: 13px; height: 13px; border: 1px solid #b69c74; border-radius: 3px; display: grid; place-items: center; font-size: 9px; }.human-todo[data-status="done"] p::before { content: '✓'; background: #e7cda1; color: #33291c; }.human-todo[data-status="none"] p { padding: 0; color: #aabe9c; font-size: 11px; }.human-todo[data-status="none"] p::before { display: none; }
.workflow-hero .hero-film-captions .hero-team-foot { margin-top: 6px; }
.workflow-hero .hero-journal-line::before { border-radius: 3px; }
@media(max-width:650px) { .human-todo p { font-size: 13px; } }
/* All sectors remain visible; processes read as tabs, not competing pill groups. */
.hero-chooser-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 18px; }
.hero-chooser-head h2 { font-size: 25px; letter-spacing: -.03em; font-weight: 500; margin: 0; }
.hero-chooser-head input { width: 225px; border: 1px solid #415934; background: #18241a; border-radius: 5px; padding: 11px 13px; color: #e5f0da; font: inherit; font-size: 12px; }
.hero-chooser-head input::placeholder { color: #adc39b; }
.hero-chooser-head input:focus-visible { outline: 2px solid #c7ff4f; outline-offset: 2px; }
.home-refined .hero-explorer .bx-sector-chips { gap: 6px 10px; margin: 0; }
.home-refined .hero-explorer .bx-sector-chips button { background: transparent; border: 0; border-radius: 4px; color: #b3c6a4; padding: 9px 11px; min-height: 36px; font-size: 12px; }
.home-refined .hero-explorer .bx-sector-chips button[aria-pressed="true"] { background: #2e4426; color: #dcf2c7; box-shadow: inset 0 -2px #c7ff4f; }
.hero-business-chooser { padding-bottom: 18px; margin-bottom: 20px; border-bottom: 1px solid #364b2c; }
.home-refined .hero-explorer .bx-sector-picker { margin: 0; }
.hero-sector-empty { font-size: 13px; color: #c5d8b5; padding: 10px; }
.home-refined .hero-explorer .bx-processes { flex-wrap: wrap; gap: 0 24px; border-bottom: 1px solid #354a2b; padding: 0; }
.hero-explorer .bx-processes > p { display: none; }
.home-refined .hero-explorer .bx-processes button { border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; padding: 12px 0; font-size: 13px; color: #aabd9b; }
.home-refined .hero-explorer .bx-processes button[aria-pressed="true"] { background: transparent; color: #e4f4d6; border-color: #c7ff4f; }
.hero-explorer .bx-selected-business { order: 3; }
.generated-app { background: #fafbfc; color: #27323c; padding: 15px; overflow-y: auto; }
.generated-app h3 { font-size: 17px; line-height: 1.3; margin: 5px 0 15px; }
.generated-app [hidden] { display: none!important; }
.generated-app[data-case-app="whatsapp"] { background: #efeae2; }.generated-app[data-case-app="slack"] { background: #fff; }.generated-app[data-case-app="github"],.generated-app[data-case-app="gitlab"] { background: #f6f8fa; }.generated-app[data-case-app="holded"] { background: #fbfaff; }
.case-message,.case-agent-reply { padding: 12px; border: 1px solid #e1e5e9; background: #fff; border-radius: 6px; margin-bottom: 10px; }.case-message > b,.case-agent-reply > b { font-size: 11px; }.generated-app .case-message p,.generated-app .case-agent-reply p { font-size: 12px; line-height: 1.5; margin: 7px 0; }.case-message small { font-size: 9px; display: block; text-align: right; }.case-agent-reply { background: #edf4f0; margin-left: 24px; }
.generated-app[data-case-app="whatsapp"] .case-agent-reply { background: #d9fdd3; }
.case-neutral-note { background: #eef1f4; padding: 10px; font-size: 11px; line-height: 1.45; color: #566273; }
.case-data { font-size: 12px; }.case-data > div { display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid #e0e4e9; padding: 10px 2px; }.case-data span { color: #677584; }.case-data b { text-align: right; font-weight: 500; }
.case-table > div:first-child { border-top: 2px solid #b8c6d5; }
.case-visual-product { display: grid; grid-template-columns: 43% 1fr; gap: 16px; align-items: start; }.case-photo { width: 100%; height: 230px; object-fit: cover; border-radius: 5px; }.case-visual-product small { font-size: 9px; color: #7b6c87; }
.case-calendar { display: flex; gap: 18px; }.case-calendar-date { flex: 0 0 93px; min-height: 140px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #eaf1fc; border-top: 4px solid #4378d8; border-radius: 5px; }.case-calendar-date b { font-size: 20px; }.case-calendar-date span { font-size: 10px; margin-top: 9px; }.case-calendar > div:last-child { flex: 1; }
.case-board { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }.case-board > div { background: #edf0f5; padding: 10px; border-radius: 5px; min-height: 145px; }.case-board small { font-size: 10px; }.case-board p { background: #fff; border-radius: 4px; padding: 10px 6px; font-size: 12px; }.case-board span { font-size: 9px; color: #6f7888; }
.case-ticket-meta { display: flex; justify-content: space-between; font-size: 10px; color: #61728b; margin-bottom: 12px; }.case-ticket-meta > span { color: #956222; }.generated-app .case-draft { font-size: 12px; line-height: 1.5; }
.case-doc { background: #fff; border: 1px solid #e2e6eb; padding: 14px; }.case-doc > small,.case-review-title { font-size: 9px; color: #7b8390; letter-spacing: .05em; }.case-doc h3 { margin-top: 11px; }
.case-metrics { display: flex; gap: 12px; margin: 14px 0; }.case-metrics > div { flex: 1; background: #edf3f8; padding: 14px 9px; border-radius: 5px; }.case-metrics small { display: block; font-size: 9px; min-height: 24px; }.case-metrics b { display: block; font-size: 23px; margin-top: 8px; }
.case-crm-stage { color: #637f9b; font-size: 10px; margin-bottom: 12px; }.case-review-line { padding: 10px 0; border-bottom: 1px solid #e1e6e8; color: #516859; font-size: 12px; }.case-attachment { background: #f1f4f7; border: 1px solid #dbe3ec; padding: 10px; font-size: 12px; }
.generated-process-scene .hero-agent-identity > span { font-size: 10px; max-width: 230px; }
.generated-process-scene .hero-journal-line { font-size: 11px; }
@media(max-width:650px) { .hero-chooser-head { align-items: stretch; flex-direction: column; gap: 12px; }.hero-chooser-head h2 { font-size: 24px; }.hero-chooser-head input { width: 100%; box-sizing: border-box; }.home-refined .hero-explorer .bx-processes { flex-wrap: nowrap; gap: 20px; overflow-x: auto; }.home-refined .hero-explorer .bx-sector-chips button { font-size: 11px; min-height: 40px; padding-inline: 8px; }.case-photo { height: 180px; }.case-visual-product { gap: 10px; }.generated-app h3 { font-size: 15px; }.case-data { font-size: 10px; }.case-calendar-date { flex-basis: 75px; }.case-calendar { gap: 10px; }.case-calendar-date b { font-size: 17px; }.case-board > div { padding: 8px; }.case-metrics b { font-size: 19px; } }

/* Playback pace stays with the current example. */
.home-refined .workflow-playback{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.home-refined .workflow-speed{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted,#b6c6ad)}
.home-refined .workflow-speed button{font:inherit;color:inherit;border:0;background:transparent;padding:6px 0;cursor:pointer}
.home-refined .workflow-speed button:hover{color:#c2ff47}
.home-refined .workflow-speed button:disabled{opacity:.35;cursor:default}
.home-refined .workflow-speed button:focus-visible{outline:2px solid #c2ff47;outline-offset:4px}
.home-refined .workflow-speed output{font-variant-numeric:tabular-nums;min-width:36px;text-align:center;color:#edf2e8}
@media(max-width:700px){.home-refined .workflow-playback{width:100%;align-items:stretch}.home-refined .workflow-speed{justify-content:space-between;gap:6px}.home-refined .workflow-speed button{min-height:44px}.home-refined .workflow-playback .hero-step-controls{align-self:flex-end}}

.home-refined .workflow-mode{display:flex;gap:4px;flex-wrap:wrap;margin:18px 0 0;padding:4px;background:#18251b;border-radius:8px;width:fit-content}
.home-refined .workflow-mode button{border:0;border-radius:5px;padding:11px 16px;background:transparent;color:#b7c6ac;font:inherit;font-size:12px;cursor:pointer}
.home-refined .workflow-mode button[aria-pressed=true]{background:#c2ff47;color:#132006}
.home-refined .workflow-mode button:focus-visible{outline:2px solid white;outline-offset:2px}
.home-refined .workflow-mode-note{font-size:12px;line-height:1.5;color:#b7c6ac;margin:10px 0 24px;max-width:660px}
.home-refined .case-autonomous-preview{width:140px;height:100px;object-fit:cover;margin-top:10px;border-radius:5px}
.home-refined .case-autonomous-result .case-neutral-note{margin-top:16px}

/* Distilled explorer: one compact choice, then the work. */
.home-refined .hero-explorer .hero-chooser-head{margin:0 0 10px;flex-direction:row;align-items:center}
.home-refined .hero-explorer .hero-chooser-head h2{font-size:14px;letter-spacing:0;font-weight:500;line-height:1.4;margin:0;color:#b8c8ae}
.home-refined .hero-explorer .hero-chooser-head input{padding:8px 10px;width:210px;background:transparent;border-color:#334530}
.home-refined .hero-business-chooser{position:relative;padding-bottom:16px;margin-bottom:0;border-bottom:0}
.home-refined .hero-explorer .bx-sector-chips{gap:4px 12px;margin:0;padding:0;border:0}
.home-refined .hero-sectors-more{color:#b8c8ae;font:inherit;font-size:12px;background:none;border:0;padding:9px 8px;cursor:pointer;margin-top:4px}
.home-refined .hero-sectors-more:hover{color:#c2ff47}
.home-refined .hero-explorer .bx-processes{border-top:1px solid #334530;border-bottom:0;gap:0 24px;margin-top:0}
.home-refined .workflow-mode{margin-top:14px;padding:2px;background:transparent;border:1px solid #334530}
.home-refined .workflow-mode button{padding:8px 12px;font-size:11px}
.home-refined .workflow-mode button[aria-pressed=true]{background:#2e4125;color:#edf4e6}
.home-refined .workflow-mode-note{font-size:11px;margin:8px 0 12px}
.home-refined .workflow-scene-heading{margin-top:12px;margin-bottom:20px}
.home-refined .workflow-scene-heading h2{font-size:23px;line-height:1.2}
.home-refined .workflow-app-select{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 6px;border:1px solid #405337;border-radius:5px;background:#18251b}
.home-refined .workflow-app-select img{width:20px;height:20px;object-fit:contain;background:#fff;border-radius:3px}
.home-refined .workflow-app-select select{color:#e6efde;background:#18251b;border:0;min-height:30px;max-width:175px;font:inherit;font-size:12px;cursor:pointer;color-scheme:dark}
.home-refined .workflow-app-select select:focus-visible{outline:2px solid #c2ff47;outline-offset:2px}
.home-refined .hero-app-body[data-tool-variant]{border-top:2px solid var(--app-accent,#73866b)}
.home-refined .app-adapted-message{padding:12px 14px;margin:8px 0;background:#fff;border:1px solid #e0e5e1;border-radius:7px;color:#202d32}
.home-refined .app-adapted-message p{font-size:12px;line-height:1.5;margin:5px 0}
.home-refined .app-adapted-message b{font-size:11px}
.home-refined .app-native-context{font-size:11px;padding:10px 12px;background:#f1f3f5;color:#53616c;margin:-14px -14px 12px}
@media(max-width:700px){.home-refined .hero-explorer .hero-chooser-head input{width:165px}.home-refined .hero-explorer .bx-sector-chips button{font-size:12px;min-height:44px}.home-refined .hero-sectors-more{min-height:44px}.home-refined .workflow-mode button{min-height:44px;font-size:12px}.home-refined .workflow-mode-note{font-size:12px}.home-refined .workflow-app-select select{min-height:36px}.home-refined .workflow-scene-heading{gap:12px}.home-refined .workflow-scene-heading h2{font-size:22px}}

.home-refined .workflow-chat-history{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #d9dfda;padding-bottom:12px;margin-bottom:12px}
.home-refined .workflow-chat-history .history-message{opacity:.85!important;transform:none!important;margin:0}
.home-refined .hero-app-body:has(.workflow-chat-history){overflow-y:auto;scrollbar-width:thin;max-height:360px}
.home-refined .workflow-chat-history .wa-reply{display:block}

/* One compact introduction, two configuration rows, then the demonstration. */
.home-refined .hero{padding-top:32px}
.home-refined .hero-copy{margin-bottom:22px;padding-bottom:0;column-gap:64px;align-items:center}
.home-refined .hero-copy .section-tag{margin-bottom:12px}
.home-refined .hero-copy h1{font-size:clamp(38px,4vw,58px);line-height:1.06;margin:0}
.home-refined .hero-copy .hero-bottom{padding:0;gap:0;align-self:center}
.home-refined .hero-copy .hero-description{font-size:16px;line-height:1.55;max-width:460px;margin:0}
.home-refined .hero-explorer{margin-top:0;padding-top:0}
.home-refined .hero-business-chooser{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;margin:0;border-bottom:1px solid #334530}
.home-refined .hero-explorer .hero-chooser-head{display:contents}
.home-refined .hero-explorer .hero-chooser-head h2{font-size:12px;margin-right:4px}
.home-refined .hero-explorer .bx-sector-picker{flex:1}
.home-refined .hero-explorer .bx-sector-chips{gap:4px 8px}
.home-refined .hero-sectors-more{margin:0;white-space:nowrap}
.home-refined .hero-explorer .hero-chooser-head input{order:4;width:100%;margin:0}
.home-refined .hero-business-chooser[data-expanded=true] .bx-sector-picker{flex-basis:80%;order:5}
.home-refined .workflow-config-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:6px 0}
.home-refined .hero-explorer .workflow-config-row .bx-processes{border:0;gap:16px;flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;margin:0}
.home-refined .hero-explorer .workflow-config-row .bx-processes button{font-size:12px;white-space:nowrap;padding:10px 0;flex-shrink:0}
.home-refined .workflow-config-row .workflow-mode{margin:0;flex-shrink:0;flex-wrap:nowrap}
.home-refined .workflow-mode-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
.home-refined .workflow-scene-heading{margin:8px 0 14px;min-height:0;align-items:center}
.home-refined .workflow-scene-heading h2{font-size:18px;margin:0}
.home-refined .workflow-playback{flex-direction:row-reverse;align-items:center;gap:14px}
.home-refined .workflow-speed{gap:6px;font-size:10px}
.home-refined .workflow-speed button{max-width:100px;line-height:1.3;text-align:center}
.home-refined .workflow-path ol{margin-bottom:12px}
@media(max-width:1050px){.home-refined .workflow-config-row{flex-wrap:wrap;gap:8px}.home-refined .workflow-config-row .bx-processes{flex-basis:100%}.home-refined .workflow-playback{flex-direction:column;align-items:flex-end;gap:4px}}
@media(max-width:700px){.home-refined .hero{padding-top:24px}.home-refined .hero-copy{gap:14px;margin-bottom:16px}.home-refined .hero-copy h1{font-size:39px}.home-refined .hero-copy .hero-description{font-size:15px;line-height:1.5}.home-refined .hero-business-chooser{gap:6px}.home-refined .hero-explorer .bx-sector-picker{flex-basis:100%;order:3}.home-refined .hero-sectors-more{margin-left:auto}.home-refined .hero-explorer .bx-sector-chips{flex-wrap:nowrap;overflow-x:auto}.home-refined .hero-business-chooser[data-expanded=true] .bx-sector-chips{flex-wrap:wrap}.home-refined .workflow-scene-heading{flex-direction:column;align-items:flex-start;gap:8px}.home-refined .workflow-playback{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%}.home-refined .workflow-speed{font-size:11px}.home-refined .workflow-speed button{max-width:none}.home-refined .workflow-speed{width:100%;justify-content:space-between}}

/* Direct tool switching: recognizable marks, no dropdown. */
.home-refined .workflow-tool-options{display:flex;flex-direction:column;gap:6px;max-width:100%}
.home-refined .workflow-tool-icons{display:flex;gap:6px;flex-wrap:wrap}
.home-refined .workflow-tool-icons button{display:grid;place-items:center;width:40px;height:40px;padding:7px;border:1px solid transparent;border-radius:8px;background:#1b291f;cursor:pointer;transition:background .18s ease,border-color .18s ease,opacity .18s ease}
.home-refined .workflow-tool-icons button img{width:24px;height:24px;object-fit:contain;background:#fff;border-radius:4px;padding:2px;box-sizing:border-box;opacity:.65;transition:opacity .18s ease}
.home-refined .workflow-tool-icons button[aria-pressed=true]{background:#30472a;border-color:#baff42}
.home-refined .workflow-tool-icons button[aria-pressed=true] img,.home-refined .workflow-tool-icons button:hover img{opacity:1}
.home-refined .workflow-tool-icons button:hover{background:#2a3c25}
.home-refined .workflow-tool-icons button:focus-visible{outline:2px solid #edf4e6;outline-offset:3px}
.home-refined .workflow-tool-name{font-size:11px;color:#d6e5ca;line-height:1.4;min-height:16px}
.home-refined .workflow-apps > div{gap:12px;align-items:flex-start;flex-wrap:wrap}
@media(pointer:coarse){.home-refined .workflow-tool-icons button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.home-refined .workflow-tool-icons button,.home-refined .workflow-tool-icons button img{transition:none}}

/* Familiar conversation layouts, shared history, consistent sender hierarchy. */
.home-refined .hero-app-body.conversation-surface{padding:0;background:#fff;border:0;color:#1d1c1d;overflow-y:auto;min-height:300px;max-height:360px}
.home-refined .conversation-channel{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #e8e8e8;padding:12px 18px;font-size:13px;font-weight:650;color:#252326}
.home-refined .conversation-surface .conversation-message{display:flex;align-items:flex-start;gap:10px;margin:0;padding:11px 18px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#1d1c1d}
.home-refined .conversation-avatar{width:32px;height:32px;min-width:32px;object-fit:cover;border-radius:5px;display:grid;place-items:center;background:#e7eaf3;color:#495174;font-size:12px;font-weight:600}
.home-refined .conversation-content{flex:1;min-width:0}
.home-refined .conversation-author{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}
.home-refined .conversation-author b{font-size:12px;line-height:1.4;color:#1d1c1d}
.home-refined .conversation-author time{font-size:10px;color:#777;white-space:nowrap}
.home-refined .conversation-message p{font-size:13px;line-height:1.5;margin:0 0 4px;color:#303238}
.home-refined .conversation-attachment{max-width:180px;height:auto;max-height:130px;object-fit:cover;margin-top:8px;border-radius:5px}
.home-refined .conversation-surface .workflow-chat-history{gap:0;border:0;margin:0;padding:0}
.home-refined .conversation-surface .history-message{opacity:1!important}
.home-refined [data-conversation=whatsapp],.home-refined [data-conversation=telegram]{background:#eee9e1!important;padding-bottom:12px!important}
.home-refined [data-conversation=whatsapp] .conversation-channel{background:#f0f2f5}
.home-refined [data-conversation=whatsapp] .conversation-message,.home-refined [data-conversation=telegram] .conversation-message{max-width:86%;margin:12px 16px;padding:10px 12px;background:#fff;border-radius:0 8px 8px 8px;box-shadow:0 1px 1px #00000012}
.home-refined [data-conversation=whatsapp] .conversation-message[data-sender=agent]{margin-left:auto;background:#d9fdd3;border-radius:8px 0 8px 8px}
.home-refined [data-conversation=telegram] .conversation-message[data-sender=agent]{margin-left:auto;background:#e3ffc9}
.home-refined [data-conversation=whatsapp] .conversation-avatar,.home-refined [data-conversation=telegram] .conversation-avatar{display:none}
.home-refined [data-conversation=microsoftteams]{background:#f5f5f5!important}
.home-refined [data-conversation=microsoftteams] .conversation-content{background:white;padding:10px 12px;border-radius:6px}
.home-refined [data-conversation=microsoftteams] .conversation-message[data-sender=agent] .conversation-content{background:#e8ebfa}
.home-refined [data-conversation=gmail] .conversation-message,.home-refined [data-conversation=microsoftoutlook] .conversation-message{padding:16px 18px;border-bottom:1px solid #e9ecef}
.home-refined [data-conversation=gmail] .conversation-avatar{border-radius:50%}
@media(max-width:700px){.home-refined .conversation-message p{font-size:13px}.home-refined .conversation-surface .conversation-message{padding:10px 12px}}

.home-refined .hero-app-body.application-workspace{padding:0 16px 16px;background:#f6f7f8;color:#24292f;border-top:0;overflow-y:auto}
.home-refined .application-navigation{display:flex;gap:18px;overflow-x:auto;white-space:nowrap;background:#fff;border-bottom:1px solid #dfe3e7;margin:0 -16px;padding:0 16px;font-size:11px;color:#66717b}
.home-refined .application-navigation span{padding:12px 0;border-bottom:2px solid transparent}
.home-refined .application-navigation .is-current{border-color:var(--workspace-accent);color:var(--workspace-accent);font-weight:650}
.home-refined .application-breadcrumb{font-size:10px;color:#67747f;padding:12px 0 14px}
.home-refined .application-workspace .case-data{background:white;border:1px solid #e1e5e8;border-radius:6px;padding:0 12px}
.home-refined .application-workspace h3{font-size:16px;line-height:1.3;margin:0 0 16px;color:#26323d}
.home-refined [data-workspace=github],.home-refined [data-workspace=gitlab],.home-refined [data-workspace=bitbucket]{background:#fff!important}
.home-refined [data-workspace=shopify] .case-visual-product,.home-refined [data-workspace=woocommerce] .case-visual-product{background:#fff;border:1px solid #e3e6e8;border-radius:8px;padding:12px}
.home-refined [data-workspace=linear]{background:#fafafa!important}
.home-refined [data-workspace=salesforce] .application-navigation{border-top:3px solid #00a1e0}
.home-refined [data-workspace=pipedrive] .application-navigation{border-top:3px solid #178c52}
.home-refined [data-workspace=googlesheets] .case-data,.home-refined [data-workspace=microsoftexcel] .case-data{border-radius:0;padding:0}
.home-refined [data-workspace=googlesheets] .case-data > div,.home-refined [data-workspace=microsoftexcel] .case-data > div{padding:8px;border-bottom:1px solid #d8dee2}

.home-refined .hero-explorer > .bx-selected-business{display:none!important}

/* Shared viewport contract for every application preview. */
.home-refined .workflow-hero{--preview-height:370px;--preview-header:46px;--preview-radius:8px;--preview-spacing:16px}
.home-refined .workflow-hero .hero-filmstrip{height:var(--preview-height);min-height:var(--preview-height);max-height:var(--preview-height);border-radius:var(--preview-radius);overflow:hidden;background:#fff}
.home-refined .workflow-hero .hero-film-frame:not([hidden]){display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
.home-refined .workflow-hero .hero-app-header{height:var(--preview-header);min-height:var(--preview-header);flex:0 0 var(--preview-header);box-sizing:border-box;padding:0 var(--preview-spacing);gap:8px;background:#f7f8fa;border-bottom:1px solid #e0e4e8}
.home-refined .workflow-hero .hero-app-header > img{width:22px;height:22px;object-fit:contain}
.home-refined .workflow-hero .hero-app-header > b{font-size:12px;line-height:1.4}
.home-refined .workflow-hero .hero-app-body{flex:1 1 0;min-height:0!important;height:auto!important;max-height:none!important;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain}
.home-refined .workflow-hero .hero-film-frame > .conversation-channel{position:static;flex:0 0 auto;margin:0;min-height:38px;box-sizing:border-box;padding:10px var(--preview-spacing);font-size:12px;line-height:1.4;background:#fff;color:#303238;border-bottom:1px solid #e4e7e9}
.home-refined .workflow-hero .conversation-message{scroll-margin-block:12px}
@media(max-width:650px){.home-refined .workflow-hero{--preview-height:350px;--preview-header:44px;--preview-spacing:12px}}

/* Execution mode belongs to the example, beside its playback. */
.home-refined .workflow-mode-panel{display:flex;flex-direction:column;gap:7px;flex-shrink:0}
.home-refined .workflow-mode-label{font-size:12px;font-weight:500;color:#c0d1b5;line-height:1.3}
.home-refined .workflow-mode-panel .workflow-mode{margin:0;background:#18251b;border-color:#526446;padding:4px;border-radius:9px}
.home-refined .workflow-mode-panel .workflow-mode button{font-size:12px;padding:10px 14px;min-height:40px;border-radius:6px}
.home-refined .workflow-mode-panel .workflow-mode button[aria-pressed=true]{color:#102009;background:#c2ff47}
.home-refined .workflow-scene-heading{gap:20px;margin:14px 0 20px;align-items:center;flex-wrap:wrap}
.home-refined .workflow-scene-heading h2{flex:1;min-width:180px}
.home-refined .workflow-scene-heading .workflow-playback{flex-direction:column;align-items:flex-end;gap:4px}
@media(max-width:760px){.home-refined .workflow-scene-heading{display:grid;grid-template-columns:1fr;gap:14px}.home-refined .workflow-mode-panel{width:100%}.home-refined .workflow-mode-panel .workflow-mode{display:flex;width:100%;box-sizing:border-box}.home-refined .workflow-mode-panel .workflow-mode button{flex:1;min-height:44px}.home-refined .workflow-scene-heading .workflow-playback{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.home-refined .workflow-mode-panel .workflow-mode-label{font-size:13px}}

/* Impeccable composition pass: the demonstration leads, controls support it. */
.home-refined .hero-business-chooser{padding:8px 0 12px;gap:12px}
.home-refined .workflow-config-row{padding:0;margin-bottom:18px}
.home-refined .workflow-scene-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:0;min-height:0}
.home-refined .workflow-scene-heading h2{flex:1;font-size:24px!important;line-height:1.2;margin:0!important;letter-spacing:-.025em}
.home-refined .workflow-mode-panel{flex-direction:row;align-items:center;gap:12px}
.home-refined .workflow-mode-label{max-width:90px;font-size:11px;line-height:1.4;color:#a9bea0}
.home-refined .workflow-mode-panel .workflow-mode{padding:3px;border-color:#3c5133;background:transparent}
.home-refined .workflow-mode-panel .workflow-mode button{min-height:36px;font-size:12px;padding:8px 12px}
.home-refined .workflow-mode-panel .workflow-mode button[aria-pressed=true]{background:#d3e6bd;color:#172113}
.home-refined .workflow-layout{display:flex;flex-direction:column;gap:0}
.home-refined .workflow-layout > .workflow-workspace{order:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.85fr);gap:28px;min-height:0;margin:0}
.home-refined .workflow-hero{--preview-height:390px}
.home-refined .workflow-hero .hero-filmstrip{box-shadow:none;border-color:#4a5942}
.home-refined .workflow-hero .hero-film-captions{min-height:0;padding:4px 0 0}
.home-refined .workflow-hero .hero-film-captions > div{gap:12px}
.home-refined .workflow-hero .hero-film-captions > div > strong{font-size:22px;line-height:1.2;min-height:0}
.home-refined .workflow-hero .hero-journal-line{font-size:13px;line-height:1.5;min-height:32px}
.home-refined .workflow-hero .workflow-path{order:1;margin:24px 0 0;padding:0;border:0;min-width:0}
.home-refined .workflow-path ol{display:flex;gap:12px;padding:0 0 6px;margin:0;overflow-x:auto;scrollbar-width:thin;align-items:stretch}
.home-refined .workflow-path li{flex:1 0 116px;padding:0;min-width:0}
.home-refined .workflow-path li::after{display:none!important}
.home-refined .workflow-path button[data-workflow-step]{display:grid;grid-template-columns:24px 1fr;grid-template-rows:24px auto;gap:8px 7px;padding:10px 0 12px;min-height:96px;width:100%;border:0;border-top:1px solid #33482c;border-radius:0;background:transparent}
.home-refined .workflow-path button[data-state=active]{border-top:2px solid #c2ff47;padding-top:9px}
.home-refined .workflow-path button[data-workflow-step]::after{display:none}
.home-refined .workflow-path button > img,.home-refined .workflow-path .workflow-human{width:24px;height:24px;box-shadow:none!important;outline:none!important}
.home-refined .workflow-path .workflow-marker{width:auto;height:auto;border:0;background:none;font-size:10px;margin:4px 0 0;color:#9eb38d}
.home-refined .workflow-path .workflow-step-copy{gap:4px}
.home-refined .workflow-path .workflow-step-copy b{font-size:12px;line-height:1.35}
.home-refined .workflow-path .workflow-step-copy .workflow-result{font-size:10px;line-height:1.45;max-width:none;color:#acbda1}
.home-refined .workflow-playback{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid #33482c;width:100%}
.home-refined .workflow-playback .hero-step-controls{background:transparent;border:0;border-radius:0;padding:0;gap:14px;box-shadow:none;min-height:40px}
.home-refined .workflow-playback .hero-time-progress{display:none}
.home-refined .workflow-pace{position:relative;font-size:12px;color:#b4c7a6}
.home-refined .workflow-pace summary{cursor:pointer;padding:10px 0;min-width:110px;text-align:right}
.home-refined .workflow-pace .workflow-speed{position:absolute;bottom:100%;right:0;z-index:5;background:#1a281e;border:1px solid #4a613d;border-radius:8px;padding:12px;min-width:290px;box-shadow:0 8px 24px #07100966;font-size:12px;gap:12px}
.home-refined .workflow-speed button{max-width:none}
.home-refined .workflow-pace:not([open]) .workflow-speed{display:none}
@media(max-width:760px){
 .home-refined .workflow-scene-heading{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}
 .home-refined .workflow-scene-heading h2{font-size:22px!important}
 .home-refined .workflow-mode-panel{flex-direction:row;gap:10px;align-items:center}
 .home-refined .workflow-mode-label{font-size:11px;max-width:70px}
 .home-refined .workflow-mode-panel .workflow-mode{flex:1;width:auto}
 .home-refined .workflow-mode-panel .workflow-mode button{font-size:11px;padding:8px;min-height:44px}
 .home-refined .workflow-layout > .workflow-workspace{grid-template-columns:1fr;gap:20px;min-height:0}
 .home-refined .workflow-hero{--preview-height:350px}
 .home-refined .workflow-hero .hero-film-captions{min-height:0}
 .home-refined .workflow-path li{flex:0 0 130px}
 .home-refined .workflow-path .workflow-step-copy .workflow-result{font-size:11px}
 .home-refined .workflow-playback{gap:8px;flex-wrap:nowrap}
 .home-refined .workflow-playback .hero-step-controls{gap:10px}
 .home-refined .workflow-pace summary{font-size:11px;min-width:90px;min-height:44px;box-sizing:border-box;padding-top:14px}
 .home-refined .workflow-pace .workflow-speed{min-width:260px}
}
.home-refined .hero-explorer .workflow-config-row .bx-processes,.home-refined .workflow-path ol{scrollbar-color:#53694a transparent;scrollbar-width:thin}
@media(max-width:760px){.home-refined .hero-copy{margin-bottom:20px}.home-refined .workflow-config-row{margin-bottom:12px}.home-refined .workflow-mode-label{line-height:1.4}.home-refined .hero-explorer .workflow-config-row .bx-processes button{min-height:44px}.home-refined .workflow-path button[data-workflow-step]{min-height:108px}}
/* Full-width scene; compact sequence anchors the application above it. */
.home-refined .workflow-layout{align-items:stretch;width:100%;gap:18px}
.home-refined .workflow-layout > .workflow-workspace{order:1;width:100%;max-width:none;box-sizing:border-box;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}
.home-refined .workflow-hero .workflow-path{order:0;width:100%;margin:0}
.home-refined .workflow-path ol{gap:14px;padding:0 0 4px}
.home-refined .workflow-path button[data-workflow-step]{grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 8px;min-height:78px;padding:10px 0 4px}
.home-refined .workflow-path button[data-state=active]{padding-top:9px}
.home-refined .workflow-path button > img,.home-refined .workflow-path .workflow-human{grid-column:1;grid-row:1}
.home-refined .workflow-path .workflow-step-copy{grid-column:2;grid-row:1 / 3}
.home-refined .workflow-path .workflow-marker{grid-column:1;grid-row:2;margin:0;text-align:center;font-size:9px}
.home-refined .workflow-path .workflow-step-copy b{font-size:12px;line-height:1.4}
.home-refined .workflow-path .workflow-step-copy .workflow-result{font-size:10px;line-height:1.4}
.home-refined .workflow-scene-heading{margin-bottom:16px}
.home-refined .workflow-hero .hero-agent-journal{width:100%;max-width:none;box-sizing:border-box}
.home-refined .workflow-hero .hero-film-captions{width:100%;max-width:none}
@media(max-width:760px){.home-refined .workflow-layout > .workflow-workspace{grid-template-columns:minmax(0,1fr)}.home-refined .workflow-path li{flex:0 0 155px}.home-refined .workflow-path button[data-workflow-step]{min-height:82px}.home-refined .workflow-path .workflow-step-copy .workflow-result{font-size:11px}}

/* The execution-mode choice is a focal control. */
.home-refined .workflow-mode-panel{flex-direction:column;align-items:stretch;gap:8px}
.home-refined .workflow-mode-label{max-width:none;font-size:12px;font-weight:600;color:#d7e6cb;line-height:1.3}
.home-refined .workflow-mode-panel .workflow-mode{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:5px;min-width:430px;border:1px solid #6c8659;border-radius:12px;background:#18241b}
.home-refined .workflow-mode-panel .workflow-mode::before{content:'';position:absolute;z-index:-1;left:5px;top:5px;bottom:5px;width:calc((100% - 10px)/2);background:#c2ff47;border-radius:8px;transform:translateX(0);transition:transform 300ms cubic-bezier(.16,1,.3,1)}
.home-refined .workflow-mode-panel .workflow-mode[data-mode=autonomous]::before{transform:translateX(100%)}
.home-refined .workflow-mode-panel .workflow-mode button{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:61px;padding:10px 14px;border:0;border-radius:8px;background:transparent!important;color:#bdcdb1;text-align:left;transition:color 180ms ease}
.home-refined .workflow-mode-panel .workflow-mode button[aria-pressed=true]{color:#19250b}
.home-refined .workflow-mode-panel .workflow-mode button:hover:not([aria-pressed=true]){color:#f0f6e9}
.home-refined .workflow-mode-panel .mode-icon{width:24px;height:24px;flex:0 0 24px}
.home-refined .mode-option-copy{display:flex;flex-direction:column;gap:4px}
.home-refined .mode-option-copy b{font-size:13px;line-height:1.25;font-weight:650;white-space:nowrap}
.home-refined .mode-option-copy small{font-size:11px;line-height:1.3;opacity:.8}
.home-refined .workflow-mode-panel .workflow-mode button:focus-visible{outline:2px solid #f3f9ec;outline-offset:4px}
@media(max-width:760px){.home-refined .workflow-mode-panel{width:100%;gap:8px}.home-refined .workflow-mode-panel .workflow-mode{min-width:0;width:100%}.home-refined .workflow-mode-panel .workflow-mode button{gap:7px;padding:10px 8px;min-height:66px}.home-refined .workflow-mode-panel .mode-icon{width:20px;height:20px;flex-basis:20px}.home-refined .mode-option-copy b{font-size:12px;white-space:normal}.home-refined .mode-option-copy small{font-size:10px}.home-refined .workflow-mode-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.home-refined .workflow-mode-panel .workflow-mode::before,.home-refined .workflow-mode-panel .workflow-mode button{transition:none}}

.home-refined .workflow-mode-panel .workflow-mode-label{font-size:14px;font-weight:500;letter-spacing:-.01em;color:#e4eedc}
/* Arrange: remove duplicated hierarchy and compounded vertical gaps. */
.home-refined .hero .hero-explorer{margin-top:12px}
.home-refined .hero-explorer .bx-workspace{gap:12px}
.home-refined .hero-explorer .workflow-config-row{margin:0;padding:0}
.home-refined .workflow-scene-heading{position:relative;margin:0 0 12px;padding:0;gap:0}
.home-refined .workflow-scene-heading > h2{position:absolute;width:1px;height:1px;min-width:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.home-refined .workflow-scene-heading .workflow-mode-panel{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}
.home-refined .workflow-mode-panel .workflow-mode-label{font-size:15px;line-height:1.4;max-width:320px}
.home-refined .workflow-mode-panel .workflow-mode{min-width:430px;flex:0 0 auto}
.home-refined .workflow-mode-panel .workflow-mode button{min-height:54px;padding:8px 14px}
.home-refined .workflow-layout{gap:12px}
.home-refined .workflow-path button[data-workflow-step]{min-height:66px;padding-bottom:0}
.home-refined .workflow-path ol{padding-bottom:0}
@media(max-width:760px){.home-refined .workflow-scene-heading .workflow-mode-panel{flex-direction:column;align-items:stretch;gap:8px}.home-refined .workflow-mode-panel .workflow-mode-label{max-width:none;font-size:14px}.home-refined .workflow-mode-panel .workflow-mode{min-width:0;width:100%}.home-refined .workflow-mode-panel .workflow-mode button{min-height:58px;padding:8px}.home-refined .workflow-path button[data-workflow-step]{min-height:76px}}

/* Application shells must not inherit their inner artifact's grid or flex layout. */
.home-refined .hero-app-body.generated-app{display:block;grid-template-columns:none;gap:0}
.home-refined .application-workspace > .application-navigation{display:flex;min-height:40px;align-items:center;flex-wrap:nowrap}
.home-refined .application-workspace > .application-breadcrumb{display:block;background:transparent;border:0;border-radius:0;min-height:0;padding:12px 0;color:#697583}
.home-refined .generated-app > .case-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;align-items:start}
.home-refined .generated-app .case-board > div{min-width:0;min-height:150px;padding:12px;background:#eceff3;border:1px solid #e3e7eb;border-radius:6px}
.home-refined .generated-app .case-board p{font-size:12px;line-height:1.45;overflow-wrap:anywhere;margin:12px 0;padding:12px 10px;border:1px solid #dde3e8;box-shadow:0 1px 2px #20283808}
.home-refined .generated-app .case-board small{display:block;font-size:11px;font-weight:600}
.home-refined .generated-app .case-board span{display:block;font-size:10px;line-height:1.4}
.home-refined .generated-app > .case-calendar{display:flex;gap:16px}
.home-refined .generated-app .case-calendar > div{min-width:0}
.home-refined .generated-app .case-data > div{min-width:0;align-items:flex-start}
.home-refined .generated-app .case-data b{overflow-wrap:anywhere;min-width:0}
.home-refined .generated-app .case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.home-refined .generated-app .case-metrics > div{min-width:0}
.home-refined .generated-app .case-metrics b{font-size:clamp(16px,2vw,23px);overflow-wrap:anywhere}
@media(max-width:650px){.home-refined .generated-app > .case-board{gap:7px}.home-refined .generated-app .case-board > div{padding:8px;min-height:140px}.home-refined .generated-app .case-board p{padding:8px 6px}.home-refined .generated-app .case-visual-product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.home-refined .generated-app .case-data > div{gap:8px}}

/* Suppress narration in every app variant, including restored cached markup. */
.home-refined .hero-app-body .case-neutral-note,
.home-refined .hero-app-body .dm-handoff,
.home-refined .hero-app-body .human-checkpoint,
.home-refined .hero-app-body .discovery-agreed,
.home-refined .hero-app-body .slack-thread{display:none!important}

/* Team replies arrive as messages; approval feedback stays in the task list. */
.conversation-typing{display:flex;align-items:center;gap:4px;width:fit-content;margin:12px 18px;padding:12px 14px;background:#e7e9ec;border-radius:12px}
.conversation-typing span{width:5px;height:5px;background:#737d86;border-radius:50%;animation:approval-typing 1.2s ease-in-out infinite}
.conversation-typing span:nth-child(2){animation-delay:.15s}.conversation-typing span:nth-child(3){animation-delay:.3s}
.conversation-message[data-case-reveal="6500"],.conversation-message[data-case-reveal="9000"]{animation:approval-arrival .3s ease-out both}
.human-todo[data-status=done] [data-todo-status]{animation:approval-arrival .3s ease-out both}
@keyframes approval-typing{0%,70%,100%{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@keyframes approval-arrival{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.conversation-typing span,.conversation-message[data-case-reveal],.human-todo [data-todo-status]{animation:none}}

.home-refined .conversation-content .case-attachment{display:block;background:#f7f9fb;border:1px solid #dce2e8;border-radius:7px;padding:12px 14px;margin-top:10px;color:#283544;font-size:12px;line-height:1.45;max-width:100%;box-sizing:border-box}
.home-refined .conversation-content .attachment-reference{display:block;margin-top:6px;color:#6a7683;font-size:11px}
.home-refined .conversation-message{animation:message-arrive .24s ease-out both}
@keyframes message-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.home-refined .conversation-message{animation:none}}

/* All industries are discoverable in a stable, compact directory. */
.home-refined .hero-explorer .sector-directory{display:block;padding:12px 0 18px;margin:0;border-bottom:1px solid #33482c}
.home-refined .hero-explorer .sector-directory .hero-chooser-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;gap:16px}
.home-refined .hero-explorer .sector-directory .hero-chooser-head h2{font-size:16px;line-height:1.3;color:#e1ebd9;font-weight:500;margin:0}
.home-refined .hero-explorer .sector-directory .hero-chooser-head input{order:0;width:185px;margin:0;padding:8px 10px;font-size:12px}
.home-refined .sector-directory .sector-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-refined .sector-directory .sector-group{min-width:0;padding:0;margin:0;border:0}
.home-refined .sector-directory .sector-group + .sector-group{padding-left:20px;border-left:1px solid #2b3c26}
.home-refined .sector-directory .sector-group h3{font-size:11px;font-weight:500;line-height:1.4;color:#9eb691;margin:0 0 8px}
.home-refined .hero-explorer .sector-directory .bx-sector-chips{display:flex;flex-wrap:wrap;gap:3px 6px;margin:0;padding:0;overflow:visible}
.home-refined .hero-explorer .sector-directory .bx-sector-chips button{min-height:32px;padding:6px 8px;font-size:12px;line-height:1.35;border:0;border-radius:4px;white-space:normal;text-align:left;transition:color .16s ease,background .16s ease}
.home-refined .hero-explorer .sector-directory .bx-sector-chips button[aria-pressed=true]{background:#314629;color:#edfadf;box-shadow:inset 0 -2px #c2ff47}
.home-refined .hero-explorer .sector-directory .bx-sector-chips button:hover{background:#21331d;color:#f0f6e8}
.home-refined .hero-explorer .sector-directory .bx-sector-chips button:focus-visible{outline:2px solid #c2ff47;outline-offset:2px}
.home-refined .hero-explorer .sector-directory [hidden]{display:none!important}
@media(max-width:760px){.home-refined .hero-explorer .sector-directory .hero-chooser-head{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:12px}.home-refined .hero-explorer .sector-directory .hero-chooser-head input{width:100%;box-sizing:border-box}.home-refined .sector-directory .sector-groups{grid-template-columns:1fr;gap:14px}.home-refined .sector-directory .sector-group + .sector-group{border-left:0;padding-left:0;border-top:1px solid #2b3c26;padding-top:12px}.home-refined .hero-explorer .sector-directory .bx-sector-chips{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}.home-refined .hero-explorer .sector-directory .bx-sector-chips button{min-height:44px;font-size:12px}.home-refined .sector-directory .sector-group h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.home-refined .hero-explorer .sector-directory .bx-sector-chips button{transition:none}}

/* A compact industry decision, followed by a distinct example picker. */
.home-refined .hero-explorer .sector-directory{padding:8px 0 14px;border-bottom:0}
.home-refined .hero-explorer .sector-directory .hero-chooser-head{justify-content:flex-start;gap:16px;margin:0}
.home-refined .hero-explorer .sector-directory .hero-chooser-head h2{font-size:12px;color:#a9b9a0;font-weight:400}
.home-refined .sector-toggle{display:flex;align-items:center;gap:24px;padding:10px 14px;border:1px solid #42563a;border-radius:8px;background:#18251c;color:#edf4e8;text-align:left;cursor:pointer}
.home-refined .sector-toggle strong{font-size:16px;font-weight:550}
.home-refined .sector-toggle > span{font-size:11px;color:#bacbb0}
.home-refined .sector-toggle::after{content:'⌄';font-size:18px;color:#c2ff47;transition:transform .2s}
.home-refined .sector-toggle[aria-expanded=true]::after{transform:rotate(180deg)}
.home-refined .sector-toggle:hover{border-color:#9dbb7f}
.home-refined .sector-toggle:focus-visible{outline:2px solid #c2ff47;outline-offset:3px}
.home-refined .sector-directory #sector-options{margin:14px 0 0;padding:20px;background:#142018;border:1px solid #34472e;border-radius:8px;animation:approval-arrival .2s ease-out}
.home-refined .hero-explorer .workflow-config-row{padding:0 0 18px}
.home-refined .hero-explorer .workflow-config-row .bx-processes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;border:0;padding:0;margin:0;overflow:visible}
.home-refined .hero-explorer .workflow-config-row .bx-processes > p{display:block;grid-column:1/-1;margin:0 0 2px;font-size:11px;font-weight:400;color:#a9b9a0;letter-spacing:0;text-transform:none}
.home-refined .hero-explorer .workflow-config-row .bx-processes > button{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:48px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:6px;background:#152119;color:#b9c9af;font-size:12px;line-height:1.35;text-align:left;white-space:normal;box-shadow:none}
.home-refined .hero-explorer .workflow-config-row .bx-processes > button::after{display:none}
.home-refined .hero-explorer .workflow-config-row .bx-processes > button > span:first-child{display:inline;color:#819475;font-size:10px;flex:none}
.home-refined .hero-explorer .workflow-config-row .bx-processes > button > span:last-child{display:none}
.home-refined .hero-explorer .workflow-config-row .bx-processes > button[aria-pressed=true]{color:#eff7e9;background:#263620;border-color:#627c50;box-shadow:none}
.home-refined .hero-explorer .workflow-config-row .bx-processes > button[aria-pressed=true] > span:first-child{color:#c2ff47}
.home-refined .hero-explorer .workflow-config-row .bx-processes > button:hover{background:#25351f;color:#eff7e9}
@media(max-width:760px){.home-refined .hero-explorer .sector-directory .hero-chooser-head{flex-direction:row;align-items:center;gap:10px}.home-refined .sector-toggle{flex:1;min-width:0;gap:10px;flex-wrap:wrap}.home-refined .sector-toggle strong{font-size:14px}.home-refined .sector-toggle > span{font-size:10px}.home-refined .sector-toggle::after{margin-left:auto}.home-refined .hero-explorer .workflow-config-row .bx-processes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.home-refined .hero-explorer .workflow-config-row .bx-processes > button{min-height:54px;padding:10px;font-size:12px}.home-refined .sector-directory #sector-options{padding:14px}}
@media(prefers-reduced-motion:reduce){.home-refined .sector-toggle::after{transition:none}.home-refined .sector-directory #sector-options{animation:none}}
.home-refined .hero-explorer .workflow-config-row .bx-processes > p{border:0;padding:0;line-height:1.4}
.home-refined .hero-explorer .workflow-config-row .bx-processes > button > span:first-child{position:static;inset:auto;transform:none;margin:0;opacity:1}

.home-refined .hero-explorer .workflow-config-row .bx-processes{position:static;gap:8px;overflow:visible}

/* A sentence-like industry selector keeps the example in focus. */
.home-refined .hero-explorer .sector-directory .hero-chooser-head{gap:12px}
.home-refined .hero-explorer .sector-directory .hero-chooser-head h2{font-size:14px;color:#adbea4}
.home-refined .sector-toggle{gap:12px;min-height:44px;padding:6px 0;border:0;border-bottom:1px solid #68844f;border-radius:0;background:transparent;flex:none;flex-wrap:nowrap;transition:border-color .2s}
.home-refined .sector-toggle strong{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1.25}
.home-refined .sector-toggle > span{margin-left:10px;font-size:11px;font-weight:400;color:#a4b698}
.home-refined .sector-toggle::after{content:'';width:7px;height:7px;border-right:1.5px solid #c2ff47;border-bottom:1.5px solid #c2ff47;transform:rotate(45deg);margin:0 4px 4px 0;flex:none}
.home-refined .sector-toggle[aria-expanded=true]::after{transform:rotate(225deg);margin-top:6px}
.home-refined .sector-toggle:hover{background:transparent;border-color:#c2ff47}
.home-refined .sector-toggle:hover > span{color:#d9efc7}
@media(max-width:760px){.home-refined .hero-explorer .sector-directory .hero-chooser-head{flex-wrap:wrap;gap:2px 10px}.home-refined .hero-explorer .sector-directory .hero-chooser-head h2{font-size:12px}.home-refined .sector-toggle{max-width:100%;gap:8px;flex:0 1 auto}.home-refined .sector-toggle strong{font-size:19px}.home-refined .sector-toggle > span{margin-left:4px;font-size:11px}.home-refined .sector-toggle::after{margin-left:2px}}
@media(prefers-reduced-motion:reduce){.home-refined .sector-toggle{transition:none}}

/* Keep the mode prompt and its choices together, immediately before the flow. */
.home-refined .workflow-scene-heading .workflow-mode-panel{justify-content:flex-start;gap:24px;padding:12px 0 16px;border-bottom:1px solid #2c4028}
.home-refined .workflow-mode-panel .workflow-mode-label{font-size:14px;max-width:180px;color:#d9e5d1}
.home-refined .workflow-mode-panel .workflow-mode{min-width:0;max-width:480px;flex:0 1 480px;border-color:#4b643c;border-radius:8px;padding:4px}
.home-refined .workflow-mode-panel .workflow-mode::before{left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/2);border-radius:5px}
.home-refined .workflow-mode-panel .workflow-mode button{min-height:48px;padding:7px 12px;border-radius:5px}
.home-refined .workflow-scene-heading{margin-bottom:12px}
@media(max-width:760px){.home-refined .workflow-scene-heading .workflow-mode-panel{align-items:stretch;gap:8px;padding:4px 0 12px}.home-refined .workflow-mode-panel .workflow-mode-label{max-width:none;font-size:13px}.home-refined .workflow-mode-panel .workflow-mode{flex:auto;max-width:none}.home-refined .workflow-mode-panel .workflow-mode button{padding:8px;min-height:54px}}

/* Never paint the retired three-sector navigation, including during startup. */
.home-refined .hero-sequence-top{display:none!important}
.home-refined [data-hero-sequence][hidden]{display:none!important}
.home-refined .business-explorer:not(.hero-explorer){visibility:hidden}

/* Lead with the promise, then explain the work in plain language. */
.home-refined .hero-copy{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:48px;row-gap:12px;align-items:end}
.home-refined .hero-copy .hero-bottom{align-self:end;display:block;margin:0;padding:0 0 3px}
.home-refined .hero-copy .hero-description{font-family:'Bricolage Grotesque',sans-serif;font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.025em;max-width:430px;margin:0 0 12px;color:#eaf2e3}
.home-refined .hero-copy .hero-support{font-size:15px;line-height:1.6;color:#b2c3a8;max-width:420px;margin:0}
@media(max-width:760px){.home-refined .hero-copy .hero-bottom{margin-top:20px}.home-refined .hero-copy .hero-description{font-size:21px;margin-bottom:8px}.home-refined .hero-copy .hero-support{font-size:14px;line-height:1.5}}

/* Give the example picker a readable, conversational prompt. */
.home-refined .hero-explorer .workflow-config-row .bx-processes > p{font-size:14px;font-weight:500;line-height:1.4;color:#dce7d4;letter-spacing:0;text-transform:none;margin:0 0 4px;padding:0;border:0}
.home-refined .hero-explorer .workflow-config-row{border-top:0;padding-top:4px}
/* Pausing the timeline must never freeze an entrance at zero opacity. */
.hero-motion-paused .hero-app-body *,
.hero-motion-paused .human-todo [data-todo-status]{animation:none!important}

.repo-execution-path{display:block;color:#536477;font-size:11px;margin:8px 0 14px}
.repo-execution-branch{color:#657084;font-size:12px;margin:10px 0 20px}
.repo-execution-checks{border:1px solid #d9e1e7;border-radius:6px;overflow:hidden}
.repo-execution-checks > div{padding:12px 14px;font-size:12px;color:#246342;background:#f5faf6;border-bottom:1px solid #e1e9e3}
.repo-execution-checks > div:last-child{border:0}
.repo-execution-merged{margin-top:16px;padding:12px 14px;color:#6435a3;background:#f0eafa;border:1px solid #ddcdec;border-radius:6px;font-size:12px;font-weight:600}

@media(max-width:760px){.home-refined .workflow-scroll-hint{margin:10px 0 14px;font-size:11px}.home-refined .workflow-path ol{scrollbar-width:thin;scrollbar-color:#526746 transparent}}

.home-refined .conversation-typing{max-width:calc(100% - 36px);color:#596674;gap:5px;min-height:34px;box-sizing:border-box}
.home-refined .conversation-typing small{font-size:11px;line-height:1.4;margin-right:6px}
.home-refined .conversation-typing[data-sender=agent]{margin-left:auto;background:#e5f2df}
.home-refined .conversation-typing[data-sender=human]{margin-right:auto;background:#edf0f3}
.home-refined .conversation-typing[hidden]{display:none!important}
.home-refined [data-conversation=slack] .conversation-typing,.home-refined [data-conversation=microsoftteams] .conversation-typing{background:transparent;margin-left:18px;margin-right:auto}
.home-refined .artifact-toolbar{font-size:11px;color:#657185;border-bottom:1px solid #e0e5eb;padding:4px 0 14px;margin-bottom:18px}
.home-refined .artifact-table-wrap{overflow-x:auto;margin:16px 0;border:1px solid #e0e5eb;border-radius:6px}
.home-refined .artifact-table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.5;text-align:left;color:#344151}
.home-refined .artifact-table th{background:#f3f5f8;font-size:11px;font-weight:500;color:#657185}
.home-refined .artifact-table td,.home-refined .artifact-table th{padding:12px;border-bottom:1px solid #e5e9ee;overflow-wrap:anywhere}
.home-refined .artifact-table tr:last-child td{border-bottom:0}
.home-refined .artifact-comment{border:1px solid #dce3e9;border-left:3px solid #8d82be;border-radius:5px;background:#fafafe;padding:12px 14px;font-size:12px;color:#3e4960;margin-top:16px}
.home-refined .artifact-comment p{margin:6px 0 0;font-size:12px;line-height:1.5}
.home-refined .artifact-code-review pre{white-space:pre-wrap;background:#f0f9f1;font-size:12px;padding:14px;line-height:1.8}
.home-refined .hero-explorer .workflow-config-row .bx-processes > p{padding-top:14px;margin-bottom:6px}

.home-refined .project-issue-list{margin-top:18px;border:1px solid #e1e5ed;border-radius:6px;overflow:hidden}
.home-refined .project-issue-list > div{display:grid;grid-template-columns:85px minmax(0,1fr) 65px;gap:10px;align-items:center;padding:14px 12px;border-bottom:1px solid #e8ebf0;font-size:12px;color:#374154;background:#fff}
.home-refined .project-issue-list > div:last-child{border:0}
.home-refined .project-issue-list code,.home-refined .project-issue-list small{color:#738096;font-size:10px}
@media(max-width:650px){.home-refined .project-issue-list > div{grid-template-columns:65px minmax(0,1fr) 50px;gap:6px;padding:12px 8px}}
.home-refined .project-list-toolbar{display:flex;align-items:center;gap:10px;font-size:11px;color:#6b7285;margin-top:18px;padding:10px 2px}
.home-refined .project-list-toolbar b{font-weight:550;color:#465068}
.home-refined .project-list-toolbar > span{background:#eeedf9;border-radius:5px;padding:3px 6px;color:#6354b4;font-variant-numeric:tabular-nums}
.home-refined .project-list-toolbar small{margin-left:auto;font-size:10px}
.home-refined .project-issue-list{margin-top:0}
.home-refined .project-issue-list > div{grid-template-columns:18px minmax(0,1fr) 20px 26px 65px;gap:10px;padding:13px 12px;min-height:64px;box-sizing:border-box;transition:background .25s,border-color .25s;border-left:3px solid transparent}
.home-refined .project-issue-list > div[data-phase=writing]{background:#f3f0ff;border-left-color:#7968df}
.home-refined .project-task-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.home-refined .project-task-title{font-size:12px;color:#333d52;line-height:1.4}
.home-refined .project-task-owner{width:24px;height:24px;object-fit:cover;border-radius:50%;transition:opacity .3s,transform .3s}
.home-refined [data-project-row]:not([data-phase=ready]) .project-task-owner{opacity:0;transform:scale(.7)}
.home-refined .project-state-icon{font-size:20px;color:#7c72ba}
.home-refined .project-priority{font-size:14px;color:#8c7048}
.home-refined .project-task-status{padding:4px 5px;border-radius:4px;background:#eef1f6;text-align:center;transition:background .25s,color .25s}
.home-refined [data-phase=ready] .project-task-status{background:#e9eefb;color:#526ca4}
@media(max-width:650px){.home-refined .project-issue-list > div{grid-template-columns:14px minmax(0,1fr) 22px 54px;gap:6px;padding:10px 6px}.home-refined .project-priority{display:none}.home-refined .project-list-toolbar small{display:none}}
@media(prefers-reduced-motion:reduce){.home-refined .project-issue-list *{transition:none!important}}

.home-refined .conversation-voice{display:flex;flex-direction:column;gap:7px;margin:6px 0 10px;max-width:100%}
.home-refined .conversation-voice small{font-size:10px;color:#5d6c64}
.home-refined .conversation-voice audio{width:280px;max-width:100%;height:38px}
.home-refined .booking-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;padding:8px}
.home-refined .booking-summary{padding:8px 18px 8px 0;border-right:1px solid #e2e7ed}
.home-refined .booking-summary small,.home-refined .booking-summary p{font-size:11px;color:#657085;line-height:1.5}
.home-refined .booking-summary h3{font-size:17px;line-height:1.3;margin:12px 0 22px}
.home-refined .booking-picker > b{display:block;text-align:center;margin-bottom:14px;font-size:13px}
.home-refined .booking-weekdays,.home-refined .booking-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-size:11px}
.home-refined .booking-weekdays{color:#657085;margin-bottom:8px}
.home-refined .booking-day{padding:6px 0;border-radius:50%;color:#354455}
.home-refined .booking-day.selected{background:var(--workspace-accent,#006bff);color:white}
.home-refined .booking-slots{display:flex;gap:6px;margin-top:14px}
.home-refined .booking-slot{padding:8px;border:1px solid #d7e0eb;border-radius:5px;flex:1;text-align:center;font-size:11px;color:#385582}
.home-refined .booking-slot.selected{border-color:var(--workspace-accent,#006bff);box-shadow:0 0 0 1px var(--workspace-accent,#006bff)}
.home-refined .booking-form h4{font-size:15px;margin:8px 0 14px}
.home-refined .booking-detail{border:1px solid #e0e5ec;border-radius:5px;padding:10px 12px;margin:8px 0;display:flex;flex-direction:column;gap:5px;font-size:12px}
.home-refined .booking-detail small{font-size:10px;color:#68758a}
.home-refined .booking-action{display:block;margin-top:14px;padding:10px;background:var(--workspace-accent,#006bff);color:white;text-align:center;border-radius:5px;font-size:12px}
.home-refined .booking-confirmed{max-width:400px;margin:auto;text-align:center;padding:12px}
.home-refined .booking-check{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e6f5ea;color:#278746;font-size:22px}
.home-refined .booking-confirmed > p{font-size:12px;color:#667386}
.home-refined .booking-confirmed .booking-detail{text-align:left}
@media(max-width:650px){.home-refined .booking-layout{gap:12px;padding:0;grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}.home-refined .booking-summary{padding-right:10px}.home-refined .booking-summary h3{font-size:14px}.home-refined .booking-slot{padding:7px 3px}.home-refined .booking-detail{padding:8px;font-size:11px}}

/* Shared control geometry for task choices and working modes. */
.home-refined{--example-control-height:56px;--example-control-radius:8px;--example-control-inset:4px;--example-control-gap:8px}
.home-refined .hero-explorer .workflow-config-row .bx-processes{column-gap:var(--example-control-gap)}
.home-refined .hero-explorer .workflow-config-row .bx-processes > button{box-sizing:border-box;min-height:var(--example-control-height);height:100%;border-radius:var(--example-control-radius);padding:10px 12px;line-height:1.4}
.home-refined .workflow-mode-panel .workflow-mode{box-sizing:border-box;min-height:var(--example-control-height);padding:var(--example-control-inset);border-radius:var(--example-control-radius);align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}
.home-refined .workflow-mode-panel .workflow-mode button{box-sizing:border-box;min-width:0;min-height:calc(var(--example-control-height) - 10px);height:100%;padding:6px 12px;border-radius:calc(var(--example-control-radius) - 3px);line-height:1.4}
.home-refined .workflow-mode-panel .mode-option-copy{min-width:0;gap:2px}
.home-refined .workflow-mode-panel .mode-option-copy b{white-space:normal;line-height:1.3}
@media(max-width:760px){.home-refined{--example-control-height:74px}.home-refined .workflow-mode-panel .workflow-mode button{padding:8px;gap:7px}.home-refined .hero-explorer .workflow-config-row .bx-processes > button{padding:10px}}

/* Web support conversations have their own messenger surface. */
.conversation-surface[data-conversation=intercom],.conversation-surface[data-conversation=zendesk]{background:#f6f8fc;padding:20px}
.conversation-surface[data-conversation=intercom] .conversation-content,.conversation-surface[data-conversation=zendesk] .conversation-content{border:1px solid #e2e7ee;border-radius:12px;background:white;padding:12px 14px}
.conversation-surface[data-conversation=intercom] [data-sender=agent] .conversation-content{background:#eaf1ff;border-color:#d7e4ff}
.conversation-surface[data-conversation=zendesk] [data-sender=agent] .conversation-content{background:#e7f3ee;border-color:#cfe7dc}
.network-post{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr)!important;max-width:470px;margin:0 auto;background:white;border:1px solid #e1e5ec;border-radius:8px;overflow:hidden}
.network-post > div{padding:12px!important}.network-post .case-photo{width:100%;height:150px;object-fit:cover}.network-post .case-data{display:none}.network-post h3{font-size:16px!important}.network-post-author{font-weight:650;color:#263342;font-size:12px;border-bottom:1px solid #e1e5ec}.network-actions{border-top:1px solid #e1e5ec;font-size:12px;color:#5c6573}.network-post[data-network=tiktok]{max-width:310px;background:#161823;color:white}.network-post[data-network=tiktok] .case-photo{height:170px}.network-post[data-network=tiktok] h3{color:white}.network-post[data-network=tiktok] .network-actions{color:white}.network-photo-label{position:absolute;top:10px;left:10px;padding:5px 9px;border-radius:15px;background:#161823cc;color:white;font-size:10px}.network-post[data-network=x]{border-radius:0}.network-post[data-network=x] h3{font-size:18px!important}
.hero-journal-line[data-state=active]{transition:color .2s,background .2s;background:#c2ff470b;border-radius:4px}
.social-post-copy{white-space:pre-line;font-size:13px;line-height:1.6;color:#263342;margin:12px 0}.network-post[data-network=tiktok] .social-post-copy{color:#f4f5f7}.outreach-step{padding:14px;border:1px solid #dce3ec;border-radius:6px;margin:12px 0;background:white}.outreach-step small,.outreach-step b{display:block;margin-bottom:8px}.outreach-step small{color:#576982;font-size:11px}.outreach-step p{font-size:13px;line-height:1.6;margin:0}.home-refined #bx-gtm .bx-processes{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:760px){.home-refined #bx-gtm .bx-processes{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* A distinct opening statement, then a separate interactive demonstration. */
.home-refined .hero-copy{padding-top:44px;padding-bottom:64px;min-height:340px;align-items:center;margin-bottom:0}
.home-refined .hero-copy h1{font-size:clamp(48px,5.4vw,78px);line-height:1.03;letter-spacing:-.055em}
.home-refined .hero-explorer{padding-top:36px;border-top:0;margin-top:0}
.home-refined .hero-explorer .sector-directory{border-bottom:0;margin-bottom:22px}
.home-refined .hero-explorer .workflow-config-row{border:0}
.home-refined .workflow-scene-heading .workflow-mode-panel{border-bottom:0;padding-bottom:12px}
@media(max-width:760px){.home-refined .hero-copy{min-height:0;padding-top:26px;padding-bottom:42px}.home-refined .hero-copy h1{font-size:46px}.home-refined .hero-explorer{padding-top:24px}}
.calendar-day-agenda{font-size:12px;min-width:0}.calendar-day-agenda>b{display:block;color:#1967d2;margin-bottom:16px}.calendar-hour{display:flex;gap:8px;min-height:37px;border-top:1px solid #e5e9ef;align-items:center}.calendar-hour>small{color:#738097;flex:0 0 35px;font-size:10px}.calendar-event{display:block;padding:7px 10px;border-radius:4px;background:#d2e3fc;color:#174ea6;border-left:3px solid #1a73e8;font-size:11px;line-height:1.4}
/* Playback is one compact control group. */
.home-refined .workflow-playback{width:fit-content;max-width:100%;justify-content:flex-start;flex-direction:row;align-items:center;gap:20px;padding:6px 12px;margin:18px 0 0;border:1px solid #33482c;border-radius:8px;background:#142018}
.home-refined .workflow-playback .hero-step-controls{gap:12px;min-height:40px}
.home-refined .workflow-pace{margin:0;padding-left:16px;border-left:1px solid #33482c}
.home-refined .workflow-pace summary{text-align:left;min-width:0;white-space:nowrap}
@media(max-width:760px){.home-refined .workflow-playback{gap:10px;padding:4px 8px;flex-wrap:wrap}.home-refined .workflow-playback .hero-step-controls{gap:8px}.home-refined .workflow-pace{padding-left:10px}.home-refined .workflow-pace .workflow-speed{right:0;max-width:calc(100vw - 50px);min-width:240px}}
.hotel-reservation{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:24px}.hotel-room img{display:block;width:100%;height:150px;object-fit:cover;border-radius:6px}.hotel-room h3{margin-top:14px!important}.hotel-room p{color:#667386;font-size:12px}@media(max-width:650px){.hotel-reservation{gap:12px}.hotel-room img{height:120px}}
/* Quiet, tightly grouped playback controls. */
.home-refined .workflow-playback{gap:10px;padding:0;margin-top:12px;background:transparent;border:0;border-radius:0;min-height:32px}
.home-refined .workflow-playback .hero-step-controls{gap:8px;min-height:32px;margin:0;padding:0}
.home-refined .workflow-playback .hero-step-controls button{min-height:30px;padding:4px 6px;min-width:26px}
.home-refined .workflow-pace{padding-left:10px}
.home-refined .workflow-pace summary{font-size:11px;padding:6px 0;min-height:30px;box-sizing:border-box}
@media(max-width:760px){.home-refined .workflow-playback{gap:8px}.home-refined .workflow-playback .hero-step-controls{gap:4px}.home-refined .workflow-playback .hero-step-controls button{min-height:40px}.home-refined .workflow-pace summary{min-height:40px;padding:11px 0}}
.beauty-service-art{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:185px;padding:24px;background:#e8d5bf;color:#503a2c}.beauty-service-art small{font-size:9px;letter-spacing:.16em}.beauty-service-art b{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:.98}.beauty-service-art span{font-size:12px}
/* Step number stays beside its title; completion gets a separate check. */
.home-refined .workflow-path .workflow-step-title{display:flex;align-items:flex-start;flex-wrap:wrap;gap:4px 5px;line-height:1.4}
.home-refined .workflow-path .workflow-step-title>b{display:inline;margin:0}
.home-refined .workflow-path .workflow-step-badge{display:inline-flex;align-items:center;white-space:nowrap;flex:none;border-radius:4px;background:#22331f;color:#acbda1;padding:2px 5px;font-size:8px;font-weight:500;line-height:1.4}
.home-refined .workflow-path button[data-state=active] .workflow-step-badge{background:#c2ff4722;color:#d1ff7b}
.home-refined .workflow-path .workflow-step-title .workflow-marker{position:static;grid-column:auto;grid-row:auto;display:none;margin:1px 0 0;width:auto;height:auto;font-size:11px;line-height:1.3;color:#c2ff47}
.home-refined .workflow-path button[data-completed=true] .workflow-step-title .workflow-marker{display:inline}
.home-refined .workflow-path button[data-workflow-step]{grid-template-rows:auto;min-height:68px}
.home-refined .workflow-path .workflow-step-copy{grid-row:1}
@media(max-width:760px){.home-refined .workflow-path .workflow-step-badge{font-size:9px}.home-refined .workflow-path button[data-workflow-step]{min-height:78px}}
.error-issue-summary{display:flex;align-items:center;gap:12px;margin:0 0 12px}.error-issue-summary>span{color:#ad3131;background:#fce7e7;padding:4px 7px;font-size:11px;border-radius:4px}.error-issue-summary small{color:#647084;font-size:11px}.error-request{display:flex;align-items:center;gap:12px;padding:12px;background:#faf2f2;border:1px solid #eddddd;border-radius:5px;margin:16px 0;font-size:11px}.error-request code{overflow-wrap:anywhere;min-width:0}.error-request>span{margin-left:auto;color:#af3737}.error-stack{border:1px solid #e0e5ed;border-radius:5px;padding:12px}.error-stack small{display:block;margin-bottom:10px;color:#637184;font-size:10px}.error-stack code{font-size:11px;overflow-wrap:anywhere}.error-stack p{font-size:10px;color:#768296;margin:8px 0 0}
/* Each tool family has its own visible purpose and selected product. */
.home-refined .workflow-apps>div{gap:16px 20px;align-items:flex-start;flex-wrap:wrap}
.home-refined .workflow-tool-options{display:flex;flex-direction:column;gap:6px;max-width:100%;padding:0}
.home-refined .workflow-tool-category{display:block;font-size:11px;font-weight:600;line-height:1.4;color:#c5d5ba;margin-bottom:2px}
.home-refined .workflow-tool-icons{flex-wrap:wrap;gap:6px;max-width:100%}
.home-refined .workflow-tool-name{font-size:10px;color:#a6b79b;line-height:1.4}
.home-refined .workflow-apps>small{display:none}

/* Visible industry discovery and three comparable execution modes. */
.home-refined .sector-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;width:100%}
.home-refined .sector-shortcuts button{padding:9px 14px;min-height:40px;border:1px solid #344c30;border-radius:24px;background:transparent;color:#bdcfb2;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}
.home-refined .sector-shortcuts button:hover,.home-refined .sector-shortcuts button[aria-pressed=true]{background:#263d20;border-color:#8fb75f;color:#ecf8df}
.home-refined .sector-shortcuts .sector-all{border-color:#c2ff47;color:#c2ff47;font-weight:600}
.home-refined .sector-shortcuts button:focus-visible{outline:2px solid #c2ff47;outline-offset:3px}
.home-refined .workflow-scene-heading .workflow-mode-panel{display:grid;grid-template-columns:170px minmax(0,760px);gap:10px 24px;align-items:center;border:0}
.home-refined .workflow-mode-panel .workflow-mode{width:100%;min-width:0;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px}
.home-refined .workflow-mode-panel .workflow-mode::before{width:calc((100% - 8px)/3)}
.home-refined .workflow-mode-panel .workflow-mode[data-mode=autonomous]::before{transform:translateX(0)}
.home-refined .workflow-mode-panel .workflow-mode[data-mode=approval]::before{transform:translateX(100%)}
.home-refined .workflow-mode-panel .workflow-mode[data-mode=manual]::before{transform:translateX(200%)}
.home-refined .workflow-mode-panel .workflow-mode button{min-width:0;min-height:64px;padding:10px 12px;gap:9px}
.home-refined .workflow-mode-panel .mode-option-copy b{white-space:normal}
.home-refined .workflow-comparison{grid-column:2;color:#99af8b;line-height:1.5}
.home-refined .workflow-comparison small{font-size:11px}
.home-refined .workflow-mode-note:empty{display:none}
@media(max-width:760px){.home-refined .workflow-scene-heading .workflow-mode-panel{grid-template-columns:minmax(0,1fr);gap:10px}.home-refined .workflow-comparison{grid-column:1}.home-refined .workflow-mode-panel .workflow-mode button{min-height:82px;flex-direction:column;align-items:flex-start;padding:9px 8px;gap:5px}.home-refined .workflow-mode-panel .mode-icon{width:18px;height:18px;flex-basis:18px}.home-refined .workflow-mode-panel .mode-option-copy b{font-size:11px}.home-refined .sector-shortcuts button{min-height:44px;font-size:11px;padding:8px 12px}}

.home-refined .workflow-mode-panel .workflow-mode{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.home-refined .workflow-mode-panel .workflow-mode button{min-height:90px}
.home-refined .mode-recommendation{font-style:normal;font-size:10px;font-weight:650;line-height:1.2;letter-spacing:.01em}
.home-refined .workflow-mode-panel .workflow-mode button:last-child:not([aria-pressed=true]) .mode-recommendation{color:#e7bd83}
.home-refined .workflow-mode-panel .workflow-mode button[aria-pressed=true]{color:#19250b!important}
.home-refined .workflow-mode-panel .workflow-mode button:not([aria-pressed=true]){color:#bdcdb1!important}
@media(max-width:760px){.home-refined .workflow-mode-panel .workflow-mode button{min-height:134px}.home-refined .workflow-mode-panel .mode-option-copy small{font-size:10px}}

.home-refined .hero-explorer .sector-directory .hero-chooser-head{display:none}
.home-refined .sector-shortcuts{margin-top:0}
.home-refined .sector-shortcuts [hidden]{display:none!important}

.home-refined .hero-explorer .sector-directory .hero-chooser-head{display:flex}
.home-refined .sector-shortcuts{display:none}
.home-refined .sector-toggle > span{color:#c2ff47}

.manual-coordination{padding:22px!important;background:#f5f7f6!important;color:#263a30}.manual-coordination h3{font-size:18px;margin:0 0 14px}.manual-call-status{padding:12px 14px;background:#e2ece5;border-radius:7px;font-size:12px;font-weight:600;margin-bottom:18px}.manual-call-event{border-left:2px solid #88a892;padding:5px 0 5px 14px;margin:15px 0}.manual-call-event b{font-size:12px}.manual-call-event p{font-size:12px;line-height:1.5;margin:5px 0}.manual-coordination [hidden]{display:none!important}

.home-refined .sector-cta{margin-left:auto;min-height:46px;padding:12px 20px;border:1px solid #c2ff47;border-radius:7px;background:#c2ff47;color:#172209;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .2s,transform .2s}.home-refined .sector-cta:hover{background:#d5ff85;transform:translateY(-1px)}.home-refined .sector-cta:focus-visible{outline:2px solid #edf6e6;outline-offset:4px}.home-refined .sector-toggle>span{color:#a4b698}@media(max-width:760px){.home-refined .sector-cta{margin:12px 0 0;width:100%}}

.home-refined .workflow-step-estimate{display:block;margin-top:7px;font-size:10px;line-height:1.35;color:#8fa982;font-variant-numeric:tabular-nums}.home-refined [data-state=active] .workflow-step-estimate{color:#d9f5b6}

.home-refined .workflow-availability{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-bottom:8px}.home-refined .workflow-availability>span{font-size:12px;font-weight:600;color:#d7e6cb}.home-refined .workflow-day-switch{display:flex;gap:4px;padding:4px;border:1px solid #547344;border-radius:30px;background:#152219}.home-refined .workflow-day-switch button{padding:10px 16px;border:0;border-radius:24px;background:transparent;color:#baccaf;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,color .2s}.home-refined .workflow-day-switch button[aria-pressed=true]{background:#d9ebc7;color:#24301c}.home-refined .workflow-day-switch button:last-child[aria-pressed=true]{background:#edc688;color:#332713}.home-refined .workflow-day-switch button:focus-visible{outline:2px solid #c2ff47;outline-offset:3px}.home-refined .workflow-availability>small{color:#a9bf9d;font-size:11px}@media(max-width:760px){.home-refined .workflow-availability{gap:10px}.home-refined .workflow-day-switch{width:100%}.home-refined .workflow-day-switch button{flex:1;min-height:44px;padding:8px;font-size:11px}.home-refined .workflow-availability>small{width:100%;line-height:1.5}}

.home-refined .workflow-mode-panel .workflow-mode button{position:relative;overflow:hidden}.home-refined .mode-waiting{font-style:normal;font-size:10px;font-weight:650;line-height:1.3;color:#e7bd83}.home-refined .mode-waiting[hidden],.home-refined .mode-recommendation[hidden]{display:none}.home-refined .workflow-mode-panel button[aria-pressed=true] .mode-waiting{color:#374117}.home-refined .is-off-duty:after{content:'';position:absolute;right:0;top:0;width:44px;height:44px;opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%2393ab80' stroke-width='1'%3E%3Cpath d='M60 0L0 60M60 0L4 22M60 0L38 56M60 15Q49 11 45 0M60 30Q39 22 30 0M60 46Q25 32 14 0M46 14Q43 24 38 31M38 22Q26 22 22 15M32 29Q23 43 20 45M22 37Q12 34 7 21M49 30Q41 35 31 31M43 45Q34 49 21 40'/%3E%3C/g%3E%3C/svg%3E")}.home-refined .workflow-mode-panel .is-off-duty .mode-option-copy{position:relative;z-index:1}

.home-refined .workflow-mode-panel .mode-icon.mode-emoji{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;font-size:25px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif}@media(max-width:760px){.home-refined .workflow-mode-panel .mode-icon.mode-emoji{width:24px;height:24px;flex-basis:24px;font-size:22px}}

.home-refined [data-workflow-step][data-sleeping=true] .workflow-step-estimate{color:#b9afcf;font-size:12px;font-weight:650;letter-spacing:.08em}.home-refined [data-workflow-step][data-sleeping=true] .workflow-marker{display:none}.home-refined [data-hero-frame][data-sleeping=true]>.hero-app-body,.home-refined [data-hero-frame][data-sleeping=true]>.conversation-channel{display:none!important}.workflow-sleep-screen{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;text-align:center;background:#f0f2f3;color:#45504c;gap:14px}.workflow-sleep-screen[hidden]{display:none}.workflow-sleep-screen>b{font-size:42px;letter-spacing:.08em;color:#829080}.workflow-sleep-screen>strong{font-size:18px}.workflow-sleep-screen>p{font-size:13px;margin:0;line-height:1.5}

/* Compact comparison: keep three equal controls without excess vertical space. */
.home-refined .workflow-mode-panel .workflow-mode button{min-height:68px;padding:8px 12px}
.home-refined .workflow-mode-panel .mode-option-copy{gap:3px}
@media(max-width:760px){.home-refined .workflow-mode-panel .workflow-mode button{min-height:112px;padding:8px}.home-refined .workflow-mode-panel .mode-option-copy{gap:4px}}

/* Demo palette: lifted forest surfaces, warm text, lime selection, amber waiting. */
.home-refined .hero-explorer{
 --demo-paper:#1c2922;
 --demo-surface:#26352c;
 --demo-ink:#eef2e9;
 --demo-muted:#becbbb;
 --demo-line:#435548;
 --demo-lime:#c2ff47;
 --demo-selected:#344b2e;
 --demo-focus:#a3c779;
 --demo-amber:#ebc58b;
 --demo-amber-soft:#4b3c29;
}
/* A light stage separates the interactive demonstration from the dark hero. */
.home-refined .hero-explorer{background:var(--demo-paper);color:var(--demo-ink);padding:36px 0 32px;box-shadow:0 0 0 100vmax var(--demo-paper);clip-path:inset(0 -100vmax)}
.home-refined .hero-explorer .sector-directory .hero-chooser-head h2,.home-refined .hero-explorer .sector-toggle>span{color:var(--demo-muted)}
.home-refined .hero-explorer .sector-toggle{color:var(--demo-ink);border-color:var(--demo-line)}
.home-refined .hero-explorer .sector-toggle::after{border-color:var(--demo-ink)}
.home-refined .hero-explorer .sector-toggle:hover>span{color:var(--demo-ink)}
.home-refined .hero-explorer .sector-directory #sector-options{background:var(--demo-surface);border-color:var(--demo-line);box-shadow:none}
.home-refined .hero-explorer .sector-group h3{color:var(--demo-muted)}
.home-refined .hero-explorer .sector-group{border-color:var(--demo-line)}
.home-refined .hero-explorer .bx-sector-chips button{color:var(--demo-ink)}
.home-refined .hero-explorer .bx-sector-chips button[aria-pressed=true]{background:var(--demo-lime);color:var(--demo-ink);border-color:var(--demo-focus)}
.home-refined .hero-explorer .workflow-config-row .bx-processes{border:0}
.home-refined .hero-explorer .workflow-config-row .bx-processes>p{color:var(--demo-ink);padding-top:4px}
.home-refined .hero-explorer .workflow-config-row .bx-processes>button{background:var(--demo-surface);color:var(--demo-muted);border-color:transparent}
.home-refined .hero-explorer .workflow-config-row .bx-processes>button[aria-pressed=true]{background:var(--demo-selected);border-color:var(--demo-focus);color:var(--demo-ink)}
.home-refined .hero-explorer .workflow-config-row .bx-processes>button>span:first-child{color:var(--demo-muted)}
.home-refined .hero-explorer .workflow-mode-label,.home-refined .hero-explorer .workflow-availability>span{color:var(--demo-ink)}
.home-refined .hero-explorer .workflow-availability>small{color:var(--demo-muted)}
.home-refined .hero-explorer .workflow-day-switch{background:var(--demo-surface);border-color:var(--demo-line)}
.home-refined .hero-explorer .workflow-day-switch button{color:var(--demo-muted)}
.home-refined .hero-explorer .workflow-day-switch button[aria-pressed=true]{background:var(--demo-paper);color:var(--demo-ink)}
.home-refined .hero-explorer .workflow-day-switch button:last-child[aria-pressed=true]{background:var(--demo-amber-soft)}
.home-refined .hero-explorer .workflow-mode{background:var(--demo-surface);border-color:var(--demo-line)}
.home-refined .hero-explorer .workflow-mode button:not([aria-pressed=true]){color:var(--demo-ink)!important}
.home-refined .hero-explorer .workflow-mode button:last-child:not([aria-pressed=true]) .mode-recommendation{color:var(--demo-muted)}
.home-refined .hero-explorer .workflow-path{border:0}
.home-refined .hero-explorer .workflow-path button[data-workflow-step]{color:var(--demo-ink);border-color:var(--demo-line)}
.home-refined .hero-explorer .workflow-path button[data-state=active]{color:var(--demo-ink);border-color:var(--demo-focus)}
.home-refined .hero-explorer .workflow-result{color:var(--demo-muted)}
.home-refined .hero-explorer .workflow-step-badge{background:var(--demo-surface);color:var(--demo-muted)}
.home-refined .hero-explorer .workflow-path button[data-state=active] .workflow-step-badge{background:var(--demo-lime);color:var(--demo-ink)}
.home-refined .hero-explorer .workflow-step-estimate{color:var(--demo-muted)}
.home-refined .hero-explorer [data-workflow-step][data-sleeping=true] .workflow-step-estimate{color:var(--demo-amber)}
.home-refined .hero-explorer .workflow-marker{color:var(--demo-focus)}
.home-refined .hero-explorer .hero-film-captions>div>strong,.home-refined .hero-explorer .hero-agent-identity b{color:var(--demo-ink)}
.home-refined .hero-explorer .hero-journal-head,.home-refined .hero-explorer .hero-journal-line,.home-refined .hero-explorer .hero-journal-label,.home-refined .hero-explorer .workflow-tool-category,.home-refined .hero-explorer .workflow-tool-name{color:var(--demo-ink)}
.home-refined .hero-explorer .hero-agent-identity>span,.home-refined .hero-explorer .hero-journal-head small{color:var(--demo-muted)}
.home-refined .hero-explorer .hero-agent-journal,.home-refined .hero-explorer .hero-journal-head,.home-refined .hero-explorer .workflow-apps,.home-refined .hero-explorer .human-todo{border-color:var(--demo-line)}
.home-refined .hero-explorer .human-todo{color:var(--demo-amber)}
.home-refined .hero-explorer .workflow-tool-icons button{background:var(--demo-surface)}
.home-refined .hero-explorer .workflow-tool-icons button[aria-pressed=true]{background:var(--demo-selected);border-color:var(--demo-focus)}
.home-refined .hero-explorer .workflow-playback,.home-refined .hero-explorer .workflow-playback button,.home-refined .hero-explorer .workflow-live-count{color:var(--demo-ink)}
.home-refined .hero-explorer .workflow-playback{border:0}
.home-refined .hero-explorer .workflow-speed{border-color:var(--demo-line)}
.home-refined .hero-explorer .hero-film-frame{box-shadow:0 2px 12px #263b1710;border-color:var(--demo-line)}
.home-refined .hero-explorer button:focus-visible{outline:2px solid var(--demo-focus);outline-offset:3px}
@media(max-width:760px){.home-refined .hero-explorer{padding-top:26px;padding-bottom:26px}}
.home-refined .hero-explorer .workflow-path .workflow-step-copy .workflow-result{color:var(--demo-muted)!important}
.home-refined .hero-explorer .workflow-path .workflow-step-copy b{color:var(--demo-ink)!important}
.home-refined .hero-explorer .workflow-path button[data-state=active] .workflow-step-copy b{color:var(--demo-ink)!important}
.home-refined .hero-explorer .workflow-config-row .bx-processes>button>span:first-child{color:var(--demo-muted)!important}
.home-refined .hero-explorer .workflow-config-row,.home-refined .hero-explorer .workflow-config-row .bx-processes{border-top:0!important}

.home-refined .hero-explorer .workflow-mode-panel .mode-option-copy small{opacity:1}
.home-refined .hero-explorer .workflow-tool-icons button img{opacity:.9}
.home-refined .hero-explorer .workflow-tool-icons button:hover{background:var(--demo-selected)}
.home-refined .hero-explorer .workflow-config-row .bx-processes>button:hover{border-color:var(--demo-line);color:var(--demo-ink)}
.home-refined .hero-explorer .workflow-day-switch button:last-child[aria-pressed=true]{color:var(--demo-amber)}
.home-refined .hero-explorer .hero-journal-line[data-state=active]{background:var(--demo-selected)}
.home-refined .hero-explorer .hero-journal-line::before{border-color:var(--demo-focus)}
.home-refined .hero-explorer .workflow-sleep-screen{background:var(--demo-paper);color:var(--demo-ink)}
.home-refined .hero-explorer .workflow-sleep-screen>b{color:var(--demo-amber)}

/* Lime-filled controls retain dark text on the forest surface. */
.home-refined .hero-explorer .bx-sector-chips button[aria-pressed=true],
.home-refined .hero-explorer .workflow-path button[data-state=active] .workflow-step-badge{color:#20331b}
.home-refined .hero-explorer .workflow-config-row{border-bottom:0!important}
.home-refined .hero-explorer .hero-film-frame{border-color:#536154;box-shadow:0 3px 16px #09130d24}
.home-refined .hero-explorer .workflow-tool-icons button:hover{border-color:#8caa70}

/* Match the softer cards and give the sector selector room at the top. */
.home-refined .hero-explorer{padding:32px 0!important;clip-path:inset(0 -36px round 12px)}
@media(max-width:760px){.home-refined .hero-explorer{padding:24px 0!important;clip-path:inset(0 -16px round 10px)}}

/* Simplified configuration: task, comparison, then the demonstration. */
.home-refined .hero-explorer .workflow-config-row .bx-processes>button>span:first-child{display:none}
.home-refined .hero-explorer .workflow-config-row .bx-processes>button{min-height:44px;padding:9px 12px}
.home-refined .hero-explorer .workflow-mode-label,.home-refined .hero-explorer .mode-recommendation,.home-refined .hero-explorer .mode-waiting{display:none!important}
.home-refined .hero-explorer .workflow-scene-heading .workflow-mode-panel{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;padding:10px 0 4px}
.home-refined .hero-explorer .workflow-mode-panel>.workflow-mode{grid-column:1;grid-row:1}
.home-refined .hero-explorer .workflow-availability{grid-column:2;grid-row:1;margin:0;display:block}
.home-refined .hero-explorer .workflow-weekend-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--demo-muted);font:inherit;font-size:12px;text-align:left;cursor:pointer}
.weekend-switch-track{position:relative;display:block;flex:0 0 34px;width:34px;height:20px;border:1px solid #647165;border-radius:20px;background:#26352c;transition:background .2s}
.weekend-switch-track:after{content:'';position:absolute;width:14px;height:14px;top:2px;left:2px;border-radius:50%;background:#becbbb;transition:transform .2s,background .2s}
.home-refined .hero-explorer .workflow-weekend-toggle[aria-checked=true]{color:var(--demo-amber)}
.workflow-weekend-toggle[aria-checked=true] .weekend-switch-track{background:#6e532e;border-color:#bc945c}
.workflow-weekend-toggle[aria-checked=true] .weekend-switch-track:after{transform:translateX(14px);background:#ebc58b}
.home-refined .hero-explorer .workflow-path .workflow-step-badge,.home-refined .hero-explorer .workflow-path .workflow-result{display:none!important}
.home-refined .hero-explorer .workflow-path button[data-workflow-step]{min-height:58px}
.home-refined .hero-explorer .workflow-step-estimate{margin-top:5px}
.home-refined .hero-explorer .workflow-stage-detail{margin:8px 0 16px;color:var(--demo-muted);font-size:13px;line-height:1.5}
.home-refined .hero-explorer .workflow-mode-panel .workflow-mode button{min-height:62px;padding:8px 10px}
@media(max-width:900px){.home-refined .hero-explorer .workflow-scene-heading .workflow-mode-panel{grid-template-columns:minmax(0,1fr);gap:8px}.home-refined .hero-explorer .workflow-availability{grid-column:1;grid-row:1;justify-self:end}.home-refined .hero-explorer .workflow-mode-panel>.workflow-mode{grid-column:1;grid-row:2}}
@media(max-width:760px){.home-refined .hero-explorer .workflow-mode-panel .workflow-mode button{min-height:102px}.home-refined .hero-explorer .workflow-config-row .bx-processes>button{min-height:48px}.home-refined .hero-explorer .workflow-path button[data-workflow-step]{min-height:62px}}
@media(prefers-reduced-motion:reduce){.weekend-switch-track,.weekend-switch-track:after{transition:none}}

/* Creation views: writable content and an explicit saved state. */
.native-linear .task-description{font-size:14px;line-height:1.6;color:#45505e;margin:16px 0;max-width:65ch}
.native-linear h4{margin:20px 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#596574}
.native-linear .linear-checks>div{color:#34404d;line-height:1.55;margin:9px 0}
.creation-receipt{margin-top:18px;padding:12px 14px;border:1px solid #d7e2d5;background:#edf5ec;color:#36533a;font-size:12px;border-radius:6px}
.code-task-reference{font-size:12px;color:#596574;margin:10px 0 16px}

.case-attachment,.conversation-attachment{cursor:default;overflow-wrap:anywhere}

.case-attachment.repository-reference{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px;max-width:100%;border:1px solid #d8dee5;border-left:3px solid #8265b4;border-radius:8px;background:#f6f8fa;color:#24292f;cursor:default}
.repository-reference-provider{display:flex;align-items:center;gap:8px;font-size:12px;color:#57606a}
.repository-reference-provider img{width:20px!important;height:20px!important;object-fit:contain}
.repository-reference>strong{font-size:14px;line-height:1.4}
.repository-reference>small{font-size:12px;color:#57606a}
.repository-reference-status{font-size:11px;line-height:1.5;color:#624294;background:#eee8f7;padding:3px 8px;border-radius:5px}

.workflow-context-tabs{display:flex;gap:6px;padding:8px 12px;background:#f6f8fa;border-bottom:1px solid #dce1e7;flex-wrap:wrap;pointer-events:none}
.workflow-context-tabs>span{font-size:11px;line-height:1.4;padding:6px 10px;color:#637080;border-radius:5px;cursor:default}
.workflow-context-tabs>span[data-active="true"]{background:#e3eddf;color:#29482c;font-weight:700;box-shadow:inset 0 -2px #729860}

.home-refined .artifact-table{table-layout:fixed}
.home-refined .artifact-table th,.home-refined .artifact-table td{vertical-align:middle;text-align:left;font-variant-numeric:tabular-nums}
.home-refined .artifact-table td>.hero-type-ink{position:static}
.home-refined .artifact-table td>.hero-type-reserve{display:none}