/* TC surface system: black canvas, white content, rose emphasis, wine actions. */
:root{--tc-box:#101012;--tc-box-raised:#1e1c20;--tc-box-line:#3b343b;--tc-box-text:#fff;--tc-box-muted:#d4cdd2;--tc-box-secondary:#edbdcf;--tc-box-accent:#79152d}
html body .tc-black-panel,html body .tc-black-title{box-sizing:border-box;background:var(--tc-box)!important;color:var(--tc-box-text)!important;border:1px solid var(--tc-box-line)!important;border-top:3px solid var(--tc-box-accent)!important;border-radius:8px!important;box-shadow:none!important;padding:clamp(24px,3vw,42px);min-width:0}
html body .tc-black-title{padding:24px 28px!important}
html body .tc-black-panel.tc-black-panel :is(h1,h2,h3,h4,h5,strong,b,blockquote,dt,dd,label),html body .tc-black-title{color:var(--tc-box-text)!important}
html body .tc-black-panel.tc-black-panel :is(p,li,small),html body .tc-black-panel>span{color:var(--tc-box-muted)!important}
html body .tc-black-panel.tc-black-panel :is(h1,h2,h3,h4,blockquote) em,html body .tc-black-title em{color:var(--tc-box-secondary)!important}
html body .tc-black-panel>a:not([class]),html body .tc-black-panel :is(.x-desc,.v31-lead){color:var(--tc-box-muted)!important}
html body .tc-black-panel :is(.t-result,.tcsv-result,.v20-process-outcome,.v29-work-result){background:var(--tc-box-raised)!important;border-color:var(--tc-box-secondary)!important;color:var(--tc-box-secondary)!important}
html body .tc-black-panel :is(.t-result,.tcsv-result,.v20-process-outcome,.v29-work-result) b{color:var(--tc-box-secondary)!important}
html body .tc-black-panel :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--tc-box-secondary);outline-offset:5px}
html body .tc-black-panel :is(.t-cta,.x-btn-primary,.v31-btn-primary){background:var(--tc-box-accent)!important;border-color:var(--tc-box-accent)!important;color:#fff!important}
html body .tc-black-panel :is(.t-light,.x-btn-light,.t-ghost){background:#fff!important;color:#141416!important;border-color:#fff!important}
html body .tc-black-panel :is(.t-outline,.x-btn-outline){background:transparent!important;color:#fff!important;border-color:#b28a9a!important}
html body .tc-black-panel :is(.t-outline,.x-btn-outline):hover{background:var(--tc-box-accent)!important}
/* Headings and their supporting copy form one readable surface. */
html body .t-heading.tc-black-panel{max-width:none;margin-bottom:40px!important}
html body .tc-connected-heading.tc-black-panel{gap:40px;margin-bottom:28px}
html body .tc-connected-grid{gap:28px}
html body .tc-connected-benefits{gap:16px}
html body .tc-connected-benefits>.tc-black-panel{padding:24px}
html body .tc-connected-path{gap:20px;border:0;margin-top:28px}
html body .tc-connected-path>.tc-black-panel{padding:24px}
html body .tc-connected-path li:before{display:none}
html body .tc-connected-main.tc-black-panel{border-top-color:var(--tc-box-secondary)!important}
html body .tc-black-graphic{padding:20px;isolation:isolate}
html body figure.tc-black-graphic{padding:0;overflow:hidden}
html body .tc-black-graphic>svg{display:block;background:var(--tc-box)}
html body .tc-black-graphic svg text{fill:#fff}
html body .tc-black-graphic svg .dg-small{fill:#d4cdd2}
html body .tc-black-graphic svg :is(.dg-kicker,.dg-result){fill:var(--tc-box-secondary)}
html body .tc-black-panel .tc-black-panel{border-top-width:1px!important}
/* Photo opening stays full screen; the pitch sits on a solid black surface. */
html body .tc-cinema-copy.tc-black-panel{padding:26px 32px;max-width:850px}
html body .tc-cinema-footer{background:#101012;border:1px solid #3b343b;padding:12px 24px;border-radius:6px}
html body .tc-cinema-footer button i{top:-13px;background:var(--tc-box-secondary)}
html body .tc-cinema-cta{background:var(--tc-box-accent);border-color:var(--tc-box-accent);color:#fff}
html body .tc-cinema-cta:hover{background:#9a2545;border-color:#9a2545}
/* Graphic interiors use the same palette instead of white mockup windows. */
html body :is(.sv-app,.sv-note,.acq-mail,.acq-calendar){background:var(--tc-box)!important;border-color:var(--tc-box-line)!important;color:#fff!important;box-shadow:none!important}
html body :is(.sv-window,.acq-window,.sv-next-task,.sv-handoff,.sv-trigger,.sv-doc-row,.sv-package,.sv-offer-card,.acq-day,.acq-event){background:var(--tc-box-raised)!important;border-color:var(--tc-box-line)!important;color:var(--tc-box-muted)!important}
html body :is(.sv-app,.sv-note,.acq-mail,.acq-calendar) :is(h4,b,strong){color:#fff!important}
html body :is(.sv-app,.sv-note,.acq-mail,.acq-calendar) :is(p,small,span,li,td,th){color:var(--tc-box-muted)!important;border-color:var(--tc-box-line)!important}
html body :is(.sv-app,.sv-note,.acq-mail,.acq-calendar) em{color:var(--tc-box-secondary)!important}
html body .sv-ui-button{background:var(--tc-box-accent)!important;color:#fff!important}
html body .sv-note{border-left:3px solid var(--tc-box-secondary)!important}
html body .sv-scene.tc-black-graphic{padding:22px;height:auto;min-height:570px}
html body .sv-app{max-width:100%;width:100%;transform:none!important}
html body .sv-note-position,html body .sv-note-offer{position:relative;bottom:auto;right:auto;width:100%;margin-top:16px}
html body .sv-position-story .sv-scene,html body .sv-offer-story .sv-scene{display:flex;flex-direction:column;gap:0}
html body .sv-story .tcsv-copy.tc-black-panel{padding:28px;max-width:none}
html body .sv-story .tcsv-copy.tc-black-panel h3{font-size:clamp(28px,2.8vw,42px)!important}
html body .sv-stage{max-height:none;min-height:790px}
html body .sv-caption{color:#cfc7ce}
/* Dark choices keep their selected state visible. */
html body .t-analyzer.tc-black-panel :is(.t-analyzer-head,.t-analyzer-body,.t-analyzer-foot,.t-question,.t-stepbar){background:transparent!important;color:#fff!important}
html body .t-analyzer.tc-black-panel .t-choices button{background:#1d1b20!important;color:#fff!important;border-color:#5d5059!important}
html body .t-analyzer.tc-black-panel .t-choices button.t-selected{background:#79152d!important;border-color:#edbdcf!important}
html body .tc-black-panel :is(.v31-panel-row,.v29-ba,.v29-mini-viz,.v29-mini-viz>div,.v29-mini-viz span,.tc-example-question,.tc-example-reply){background:var(--tc-box-raised)!important;color:var(--tc-box-muted)!important;border-color:var(--tc-box-line)!important}
html body .tc-black-panel :is(.v29-ba,.v31-panel-row) span{color:var(--tc-box-muted)!important}
html body .tc-black-panel .t-tags span{background:#272127!important;color:#edbdcf!important;border-color:#604251!important}
html body .t-solution-art.tc-black-graphic{padding:0}
html body .tc-black-panel.tc-complete-final{margin:32px 6vw;padding:64px 32px}
@media(max-width:999px){html body .sv-stage{min-height:0}html body .sv-scene.tc-black-graphic{min-height:0}html body .tc-cinema-copy.tc-black-panel{max-width:760px}}
@media(max-width:620px){html body .tc-black-panel{padding:24px!important}html body .tc-black-title{padding:22px!important}html body .tc-cinema-copy.tc-black-panel{padding:20px!important}html body.atlas-design .tpl .tc-cinema :is(h1,h2){font-size:clamp(30px,8.6vw,46px)!important}html body .tc-cinema-footer{padding:10px 14px}html body .tc-cinema-footer button i{top:-11px}html body .tc-connected-heading.tc-black-panel{gap:24px}html body .tc-connected-path{border:0}html body .tc-black-graphic{padding:14px!important}html body figure.tc-black-graphic{padding:0!important}html body .t-heading.tc-black-panel{margin-bottom:28px!important}html body .tc-black-panel.tc-complete-final{margin:24px;padding:36px 24px!important}html body .sv-story .tcsv-copy.tc-black-panel h3{font-size:30px!important}}

html body .tc-black-title .wine{color:var(--tc-box-secondary)!important}
/* Compact result and question surfaces follow the same system. */
html body :is(.tc-outcome-path li,.t-faq-list details){background:#101012!important;border:1px solid #3b343b!important;border-top:3px solid #79152d!important;border-radius:8px;padding:24px!important;color:#fff!important}
html body .tc-outcome-path :is(b,p),html body .t-faq-list :is(summary,p){color:#fff!important}
html body .tc-outcome-path{gap:16px!important}
html body .t-faq-list details{margin-bottom:12px}
html body .t-faq-list summary span{color:#edbdcf!important}
html body .tcsv-copy>a{color:#edbdcf!important}
html body .company-window{background:#101012!important;border:1px solid #55404a!important;border-top:3px solid #79152d!important}
html body .company-window :is(.company-screen,.brand-preview,.context-preview,.offer-preview,.inbox-preview,.sales-preview,.operations-preview){background:#101012!important;color:#fff!important}
html body .company-window :is(h3,b,strong,dt,dd){color:#fff!important}
html body .company-window :is(p,small,span){color:#d4cdd2!important}
html body .company-window :is(.tc-black-title,.context-team,.document-line,.sales-pipeline>div,.sales-status>div,.operations-flow>div){background:#1e1c20!important;border-color:#4b3b44!important}
html body .company-window .tc-black-title{padding:0!important;border:0!important;background:transparent!important}
html body .company-window .preview-cta{background:#79152d!important;color:#fff!important}
/* Generated workspace illustrations on the five TC-system pages. */
html body :is(.v17-hero-template,.v14-template-card,.x-visual,.xp-visual){background:#101012!important;border-color:#453740!important;color:#fff!important;box-shadow:none!important}
html body .v17-hero-template{border:1px solid #453740!important;border-top:3px solid #79152d!important;border-radius:8px!important}
html body .v17-hero-template :is(.v17-template-body,.v17-mail-message,.v17-mail){background:#101012!important;color:#fff!important}
html body .v17-hero-template :is(.v17-softbar,.v17-searchbox,.v17-search-item,.v17-ui-card,.v17-mail-nav,.v17-pipe-col,.v17-pipe-card,.v17-auto-row,.v17-result,.v17-notify){background:#1e1c20!important;border-color:#51404b!important;box-shadow:none!important}
html body .v17-hero-template :is(h3,h4,b,strong){color:#fff!important}
html body .v17-hero-template :is(p,small,span,em){color:#d4cdd2!important}
html body .v17-hero-template .active{border-color:#edbdcf!important;background:#301923!important}
html body .v17-hero-template .v17-cycle{opacity:.72!important}
html body .v17-hero-template .v17-cycle.active{opacity:1!important}
html body .v17-flow>span{background:#272027!important;border-color:#58414e!important}
html body .v17-flow>span.active{background:#79152d!important;color:#fff!important}
html body .tc-black-panel .v5-page-audience b{background:#272027!important;color:#edbdcf!important;border-color:#604251!important}
html body .tc-black-panel .xp-step{color:#edbdcf!important}
html body .v17-template-title>span{background:#34222c!important;color:#edbdcf!important;border-color:#694453!important}