:root {
  color-scheme: light;
  --cp-bg: #f7f4ef;
  --cp-bg-elevated: #fcfbf8;
  --cp-surface: #ffffff;
  --cp-surface-soft: #f5f5f5;
  --cp-border: #dedede;
  --cp-border-strong: #919191;
  --cp-text: #242424;
  --cp-text-muted: #5c5c5c;
  --cp-text-soft: #6f6f6f;
  --cp-accent: #b11f4b;
  --cp-accent-hover: #9a1a41;
  --cp-accent-soft: rgba(177, 31, 75, 0.08);
  --cp-accent-fg: #ffffff;
  --cp-success: #16a34a;
  --cp-danger: #dc2626;
  --cp-warning: #f59e0b;
  --cp-link: #0078d4;
  --cp-shadow: 0 18px 48px rgba(0, 0, 0, 0.12);
  --cp-overlay: rgba(255, 255, 255, 0.8);
  --cp-panel: rgba(255, 255, 255, 0.86);
  --cp-panel-strong: rgba(255, 255, 255, 0.96);
  --cp-sheen: rgba(255, 255, 255, 0.55);
  --cp-highlight: rgba(177, 31, 75, 0.12);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --cp-bg: #3d3b3a;
  --cp-bg-elevated: #343231;
  --cp-surface: #292929;
  --cp-surface-soft: #2e2e2e;
  --cp-border: #474747;
  --cp-border-strong: #5f5f5f;
  --cp-text: #dedede;
  --cp-text-muted: #919191;
  --cp-text-soft: #b0b0b0;
  --cp-accent: #fd8ea1;
  --cp-accent-hover: #fb7b91;
  --cp-accent-soft: rgba(253, 142, 161, 0.14);
  --cp-accent-fg: #1a1a1a;
  --cp-success: #4ade80;
  --cp-danger: #f87171;
  --cp-warning: #fbbf24;
  --cp-link: #4da6ff;
  --cp-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
  --cp-overlay: rgba(41, 41, 41, 0.88);
  --cp-panel: rgba(41, 41, 41, 0.72);
  --cp-panel-strong: rgba(41, 41, 41, 0.96);
  --cp-sheen: rgba(255, 255, 255, 0.04);
  --cp-highlight: rgba(253, 142, 161, 0.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}html[data-large-text]{font-size:120%}
body{margin:0;background:var(--cp-bg);color:var(--cp-text);font:16px/1.6 "Segoe UI",Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}
button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--cp-link)}
.demo-skip{position:fixed;z-index:100;top:8px;left:8px;padding:12px 16px;transform:translateY(-160%);border:2px solid var(--cp-border-strong);border-radius:.625rem;background:var(--cp-surface);color:var(--cp-text);font-weight:800}.demo-skip:focus{transform:none}
.demo-banner{display:flex;position:sticky;z-index:20;top:0;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 18px;border-bottom:1px solid var(--cp-border);background:var(--cp-bg-elevated);color:var(--cp-text);text-align:center;font-size:.9rem;font-weight:750}.demo-banner span{padding:3px 8px;border-radius:.625rem;background:var(--cp-accent);color:var(--cp-accent-fg);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.demo-header{position:relative;overflow:hidden;border-bottom:1px solid var(--cp-border);background:var(--cp-bg-elevated);color:var(--cp-text)}.demo-header:after{position:absolute;right:-8%;bottom:-55%;width:38rem;height:38rem;border:6rem solid var(--cp-accent-soft);border-radius:50%;content:"";pointer-events:none}
.demo-header-inner,.demo-main{width:min(1180px,calc(100% - 32px));margin:auto}.demo-header-inner{position:relative;z-index:1;padding:clamp(28px,6vw,64px) 0 36px}.demo-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.demo-brand{display:flex;align-items:center;gap:12px;color:var(--cp-text);text-decoration:none}.demo-seal{display:grid;width:56px;height:56px;place-items:center;border:2px solid var(--cp-accent);border-radius:50%;color:var(--cp-accent);font-weight:900}.demo-brand strong,.demo-brand small{display:block}.demo-brand small{color:var(--cp-text-muted)}.demo-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.demo-access-button,.demo-exit{display:inline-flex;min-height:44px;align-items:center;padding:8px 12px;border:1px solid var(--cp-border);border-radius:.625rem;background:var(--cp-surface);color:var(--cp-text);cursor:pointer;text-decoration:none;font-weight:700}.demo-access-button:hover,.demo-exit:hover{border-color:var(--cp-border-strong);background:var(--cp-surface-soft)}
.demo-eyebrow{margin:36px 0 8px;color:var(--cp-accent);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.demo-header h1{max-width:900px;margin:0;font-size:clamp(2.5rem,7vw,5.4rem);font-weight:750;letter-spacing:-.045em;line-height:1.01}.demo-lede{max-width:790px;margin:20px 0 0;color:var(--cp-text-muted);font-size:clamp(1.05rem,2vw,1.3rem)}.demo-header-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.demo-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:10px 17px;border:2px solid var(--cp-accent);border-radius:.625rem;background:var(--cp-accent);color:var(--cp-accent-fg);cursor:pointer;text-decoration:none;font-weight:800}.demo-button:hover{border-color:var(--cp-accent-hover);background:var(--cp-accent-hover)}.demo-button.gold{border-color:var(--cp-accent);background:var(--cp-accent);color:var(--cp-accent-fg)}.demo-button.ghost{border-color:var(--cp-border);background:var(--cp-surface);color:var(--cp-text)}.demo-button.small{min-height:44px;padding:7px 12px;font-size:.9rem}.demo-button:disabled{border-color:var(--cp-border);background:var(--cp-surface-soft);color:var(--cp-text-muted);cursor:default}
.demo-proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:38px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-panel-strong);overflow:hidden}.demo-proof-strip div{padding:16px 18px;border-right:1px solid var(--cp-border)}.demo-proof-strip div:last-child{border:0}.demo-proof-strip strong,.demo-proof-strip span{display:block}.demo-proof-strip strong{color:var(--cp-accent);font-size:1.35rem}.demo-proof-strip span{color:var(--cp-text-muted);font-size:.78rem}
.demo-main{padding:24px 0 90px}.demo-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;padding:6px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface)}.demo-tab{min-height:52px;padding:8px 12px;border:0;border-radius:.625rem;background:transparent;color:var(--cp-text-muted);cursor:pointer;font-weight:800}.demo-tab:hover{background:var(--cp-surface-soft);color:var(--cp-text)}.demo-tab[aria-selected=true]{background:var(--cp-accent);color:var(--cp-accent-fg)}
.demo-guidebar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,1.4fr) auto;gap:16px;align-items:center;margin:0 0 26px;padding:12px 14px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-bg-elevated)}.demo-guidebar span,.demo-guidebar strong{display:block}.demo-guidebar span{color:var(--cp-text-muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.demo-progress{height:8px;border-radius:.625rem;background:var(--cp-border);overflow:hidden}.demo-progress span{height:100%;border-radius:.625rem;background:var(--cp-accent);transition:width .25s ease}.demo-progress .step-1{width:25%}.demo-progress .step-2{width:50%}.demo-progress .step-3{width:75%}.demo-progress .step-4{width:100%}
.demo-view[hidden]{display:none}.demo-section-head{margin-bottom:22px}.demo-section-head .demo-eyebrow{margin-top:0}.demo-section-head h2{max-width:900px;margin:0;color:var(--cp-text);font-size:clamp(2rem,4vw,3rem);font-weight:750;letter-spacing:-.035em;line-height:1.1}.demo-section-head p{max-width:780px;color:var(--cp-text-muted)}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-card{padding:22px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface)}.demo-card:hover{border-color:var(--cp-border-strong)}.demo-card h3{margin:4px 0 8px;color:var(--cp-text);font-size:1.35rem;line-height:1.25}.demo-card p{color:var(--cp-text-muted)}.demo-number{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--cp-accent-soft);color:var(--cp-accent);font-weight:900}.demo-tour-card{display:flex;min-height:290px;flex-direction:column}.demo-tour-card .demo-button{margin-top:auto}
.demo-film{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:24px;align-items:center;margin:0 0 24px;padding:clamp(20px,4vw,32px);border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-bg-elevated)}.demo-film-copy .demo-eyebrow{margin:0 0 8px}.demo-film-copy h3{margin:0;color:var(--cp-text);font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.025em;line-height:1.1}.demo-film-copy p{color:var(--cp-text-muted)}.demo-film-copy .demo-film-note{font-size:.86rem}.demo-film-player{margin:0}.demo-film-player video{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--cp-border);border-radius:.625rem;background:var(--cp-text);box-shadow:0 0 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.14)}.demo-film-player figcaption{margin-top:8px;color:var(--cp-text-muted);font-size:.78rem;text-align:right}.demo-story-bridge{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin:0 0 24px;padding:18px 22px;border-left:4px solid var(--cp-accent);border-radius:.625rem;background:var(--cp-accent-soft)}.demo-story-bridge .demo-eyebrow{margin:0 0 4px}.demo-story-bridge h3{margin:0;color:var(--cp-text);font-size:1.2rem}.demo-story-bridge p{max-width:760px;margin:5px 0 0;color:var(--cp-text-muted)}.demo-story-bridge .demo-button{white-space:nowrap}
.demo-thesis{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center;margin-top:20px;padding:clamp(24px,5vw,48px);border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-accent-soft)}.demo-thesis .demo-eyebrow{margin:0 0 8px}.demo-thesis h3{margin:0;font-size:clamp(1.55rem,3vw,2.4rem);letter-spacing:-.025em;line-height:1.12}.demo-thesis>p{margin:0;color:var(--cp-text-muted);font-size:1.05rem}
.demo-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:20px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-border);overflow:hidden}.demo-outcomes article{padding:20px;background:var(--cp-surface)}.demo-outcomes span,.demo-outcomes strong{display:block}.demo-outcomes span{margin-bottom:8px;color:var(--cp-accent);font-size:.72rem;font-weight:900;text-transform:uppercase}.demo-note{margin-top:20px;padding:15px 17px;border-left:5px solid var(--cp-warning);background:var(--cp-surface);color:var(--cp-text)}
.demo-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.demo-metric{padding:18px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-bg-elevated);color:var(--cp-text);cursor:pointer;text-align:left}.demo-metric:hover,.demo-metric:focus-visible{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.demo-metric strong{display:block;color:var(--cp-accent);font-size:2rem;line-height:1}.demo-metric span{display:block;margin-top:7px;color:var(--cp-text-muted);font-size:.86rem}.demo-metric b{display:block;margin-top:12px;color:var(--cp-link);font-size:.75rem}
.demo-workspace{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,2fr);gap:18px}.demo-task-list{display:grid;align-content:start;gap:8px}.demo-task{min-height:52px;padding:10px 13px;border:1px solid var(--cp-border);border-radius:.625rem;background:var(--cp-surface);color:var(--cp-text);cursor:pointer;text-align:left;font-weight:750}.demo-task:hover{border-color:var(--cp-border-strong)}.demo-task.active{border-color:var(--cp-accent);background:var(--cp-accent-soft);color:var(--cp-text)}.demo-panel{min-width:0}
.demo-workflow-line{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.demo-workflow-line span{position:relative;padding:12px 8px;border:1px solid var(--cp-border);border-radius:.625rem;background:var(--cp-surface-soft);color:var(--cp-text-muted);font-size:.78rem;font-weight:750;text-align:center}.demo-workflow-line b{display:grid;width:24px;height:24px;margin:0 auto 5px;place-items:center;border-radius:50%;background:var(--cp-accent);color:var(--cp-accent-fg)}.demo-workflow-line i{font-style:normal}
.demo-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--cp-border)}.demo-row small{display:block;color:var(--cp-text-muted)}.demo-date{padding:7px;border:1px solid var(--cp-border);border-radius:.625rem;background:var(--cp-accent-soft);color:var(--cp-accent);text-align:center;font-size:.8rem;font-weight:900}
.task-demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:4px 0 14px}.task-demo-head h4{margin:3px 0;color:var(--cp-text);font-size:1.25rem}.demo-task-kicker{display:block;color:var(--cp-accent);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.record-chip{display:inline-flex;padding:4px 9px;border:1px solid var(--cp-success);border-radius:.625rem;color:var(--cp-success);font-size:.72rem;font-weight:850}.record-chip.warning{border-color:var(--cp-warning);color:var(--cp-text)}.task-boundary{padding:12px;border:1px solid var(--cp-border);border-radius:.625rem;background:var(--cp-surface-soft)}.task-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.record-preview,.record-checks{padding:18px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface-soft)}.record-preview h4,.record-checks h4{margin:4px 0 10px}.source-line{padding-top:12px;border-top:1px solid var(--cp-border);font-size:.84rem}.record-checks{display:grid;gap:11px}.record-checks label{color:var(--cp-text);font-weight:700}.record-checks label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:9px}.record-checks input[type=checkbox]{width:20px;height:20px;flex:0 0 auto}.record-checks input[type=text],.record-checks input[type=date],.record-checks textarea,.record-checks select{width:100%;margin-top:4px;padding:10px;border:1px solid var(--cp-border-strong);border-radius:.625rem;background:var(--cp-surface);color:var(--cp-text)}.record-checks textarea{min-height:84px;resize:vertical}.photo-review figure{margin:0;padding:12px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface-soft)}.photo-review img{display:block;width:100%;border-radius:.625rem}.photo-review figcaption{margin-top:8px;color:var(--cp-text-muted);font-size:.8rem}.notice-preview{padding:14px;border-left:4px solid var(--cp-warning);background:var(--cp-bg-elevated);color:var(--cp-text)}
.visitor-insight-grid,.recovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.visitor-insight-grid article,.recovery-grid article{padding:16px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface-soft)}.visitor-insight-grid strong,.visitor-insight-grid span,.visitor-insight-grid small,.recovery-grid strong,.recovery-grid span,.recovery-grid small{display:block}.visitor-insight-grid strong,.recovery-grid strong{color:var(--cp-accent);font-size:1.6rem}.visitor-insight-grid span,.recovery-grid span{font-weight:800}.visitor-insight-grid small,.recovery-grid small{margin-top:8px;color:var(--cp-text-muted)}.insight-bar{height:8px;margin-top:10px;border-radius:.625rem;background:var(--cp-border);overflow:hidden}.insight-bar i{display:block;height:100%;background:var(--cp-accent)}.insight-bar .bar-41{width:100%}.insight-bar .bar-27{width:66%}.insight-bar .bar-18{width:44%}.insight-decision{margin-top:14px;padding:18px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-accent-soft)}.insight-decision h4{margin:4px 0}.insight-decision p{max-width:720px}
.demo-form{display:grid;gap:12px}.demo-form label{color:var(--cp-text);font-weight:800}.demo-form input,.demo-form textarea{width:100%;margin-top:5px;padding:12px;border:1px solid var(--cp-border-strong);border-radius:.625rem;background:var(--cp-surface);color:var(--cp-text)}.demo-form textarea{min-height:130px;resize:vertical}.demo-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-status{min-height:28px;color:var(--cp-success);font-weight:800}
.demo-ai-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-result{min-height:190px;padding:18px;border:2px dashed var(--cp-border);border-radius:16px;background:var(--cp-surface-soft)}.demo-result.ready{border-style:solid;border-color:var(--cp-success);background:var(--cp-surface)}.demo-source{display:block;margin-top:9px;color:var(--cp-link);font-size:.88rem;font-weight:750}.demo-activity{margin:0;padding:0;list-style:none}.demo-activity li{padding:12px 0;border-top:1px solid var(--cp-border)}.demo-activity small{display:block;color:var(--cp-text-muted)}
.demo-responsible-ai{margin-top:20px;padding:clamp(22px,4vw,38px);border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface)}.demo-responsible-ai .demo-section-head{margin-bottom:16px}.demo-responsible-ai .demo-eyebrow{margin-top:0}.demo-responsible-ai h3{margin:0;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.15}.demo-principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.demo-principle-grid article{padding:18px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface-soft)}.demo-principle-grid span{color:var(--cp-accent);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.demo-principle-grid h4{margin:7px 0;font-size:1.08rem}.demo-principle-grid p{margin:0;color:var(--cp-text-muted);font-size:.88rem}.demo-evidence-note{padding:13px;border-left:5px solid var(--cp-warning);background:var(--cp-bg-elevated)}
.demo-footer{padding:28px 16px;border-top:1px solid var(--cp-border);background:var(--cp-bg-elevated);color:var(--cp-text-muted);text-align:center}.demo-toast{position:fixed;z-index:30;right:18px;bottom:18px;max-width:390px;padding:14px 18px;border:1px solid var(--cp-border);border-radius:.625rem;background:var(--cp-panel-strong);color:var(--cp-text);box-shadow:var(--cp-shadow);font-weight:750}.demo-toast[hidden]{display:none}
@media(max-width:820px){.demo-principle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.demo-principle-grid{grid-template-columns:1fr}}
:focus-visible{outline:4px solid var(--cp-warning);outline-offset:3px}
@media(max-width:820px){.demo-grid,.demo-ai-layout,.demo-thesis,.demo-film,.demo-story-bridge,.task-split{grid-template-columns:1fr}.demo-story-bridge .demo-button{justify-self:start;white-space:normal}.demo-metrics,.demo-proof-strip{grid-template-columns:1fr 1fr}.demo-workspace{grid-template-columns:1fr}.demo-task-list{grid-template-columns:1fr 1fr}.demo-guidebar{grid-template-columns:1fr auto}.demo-progress{grid-column:1/-1;grid-row:2}.demo-outcomes{grid-template-columns:1fr}.visitor-insight-grid,.recovery-grid{grid-template-columns:1fr}.demo-proof-strip div:nth-child(2){border-right:0}.demo-proof-strip div:nth-child(-n+2){border-bottom:1px solid var(--cp-border)}}@media(max-width:580px){html[data-large-text]{font-size:112%}.demo-topline,.task-demo-head{align-items:flex-start;flex-direction:column}.demo-top-actions{justify-content:flex-start}.demo-tabs,.demo-metrics,.demo-task-list,.demo-two,.demo-proof-strip{grid-template-columns:1fr}.demo-guidebar{grid-template-columns:1fr}.demo-guidebar .demo-button{width:100%}.demo-progress{grid-column:1;grid-row:auto}.demo-workflow-line{grid-template-columns:1fr 1fr}.demo-row{grid-template-columns:72px 1fr}.demo-row .demo-button{grid-column:1/-1}.demo-proof-strip div{border-right:0;border-bottom:1px solid var(--cp-border)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-progress span{transition:none}}@media(forced-colors:active){.demo-card,.demo-tab,.demo-task,.demo-result,.demo-button{border:2px solid CanvasText}}