/* White / Neon Green. Scope contours keep the canvas connected to the product. */
html[data-theme=light]{--canvas:#ffffff;--surface:#fff;--ink:#1F2E3D;--muted:#4b5b69;--border:#d6dfe7;--contour:#536e8b18;--layer:#ffffff;--shadow:0 12px 35px #1f2e3d08;color-scheme:light}
html[data-theme=dark]{--canvas:#1A1F26;--surface:#222b34;--ink:#f0f4f8;--muted:#b7c6d2;--border:#3c4b59;--contour:#93d3ff12;--layer:#202933;--shadow:0 12px 35px #0002;color-scheme:dark}
html[data-theme] #credenceplus{background:var(--canvas);color:var(--ink);font-family:'Host Grotesk',Arial,sans-serif}
html[data-theme] #credenceplus :is(h1,h2,h3,.brand,.button,.scenario-switch button){font-family:inherit}
html[data-theme] #credenceplus :is(.header,.hero,.process,.foundation){background:var(--canvas);color:var(--ink)}
html[data-theme] #credenceplus .header{border-color:var(--border);background:var(--canvas)}
html[data-theme] #credenceplus :is(.brand,.footer-row .brand,.nav nav,h1,h2,h3,.hero-copy>p.hero-detail,.assurance strong){color:var(--ink)}
html[data-theme] #credenceplus .brand{font-weight:600;letter-spacing:-.7px}
html[data-theme] #credenceplus .nav nav>a:not(.button):hover{color:#168509}
html[data-theme] #credenceplus .button{background:#2CFF05;color:#1A1F26;border:1px solid #2CFF05;border-radius:7px;font-weight:600;min-height:44px;box-shadow:none;display:inline-flex;align-items:center;justify-content:center}
html[data-theme] #credenceplus .button:hover{background:#25eb04;border-color:#25eb04;box-shadow:0 4px 16px #2cff0525}
html[data-theme] #credenceplus .nav .button.small{font-size:12px;padding:10px 15px;min-height:44px}
html[data-theme] #credenceplus :is(.theme-toggle,.menu-toggle){background:var(--surface);border-color:var(--border);color:var(--ink);min-width:44px;min-height:44px}
html[data-theme] #credenceplus .hero{position:relative;isolation:isolate;overflow:hidden}
html[data-theme] #credenceplus .hero::before{display:none}
html[data-theme] #credenceplus .hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 1450' fill='none' stroke='%2368829b' stroke-opacity='.13'%3E%3Crect x='-200' y='180' width='1840' height='1180' rx='430'/%3E%3Crect x='-140' y='240' width='1720' height='1060' rx='390'/%3E%3Crect x='-80' y='300' width='1600' height='940' rx='350'/%3E%3Crect x='-20' y='360' width='1480' height='820' rx='310'/%3E%3C/svg%3E");background-size:100% 100%}
html[data-theme] #credenceplus .hero-grid{display:flex;flex-direction:column;gap:48px;padding-top:65px;padding-bottom:46px}
html[data-theme] #credenceplus .hero-copy{max-width:1060px;text-align:center;margin:auto}
html[data-theme] #credenceplus .eyebrow{justify-content:center;margin-bottom:23px;color:var(--muted);font-size:15px!important}
html[data-theme] #credenceplus .hero h1{font-size:clamp(44px,5.5vw,78px);line-height:1.08;font-weight:650;letter-spacing:-.055em}
html[data-theme] #credenceplus .hero-positioning{max-width:730px!important;margin:24px auto 0;font-size:18px;line-height:1.65;color:var(--muted)}
html[data-theme] #credenceplus .hero-copy>p.hero-detail{font-size:15px;margin-top:18px}
html[data-theme] #credenceplus .hero-detail br{display:none}#credenceplus .hero-detail br::after{content:' '}
html[data-theme] #credenceplus .hero-actions{justify-content:center;margin-top:26px;gap:12px}
html[data-theme] #credenceplus .hero-actions .text-link{background:#1A1F26;color:#fff;border:1px solid #1A1F26;padding:13px 20px;border-radius:7px;min-height:48px;flex-direction:row-reverse}
html[data-theme] #credenceplus .play-icon{border:0;color:#fff;font-size:17px}
html[data-theme] #credenceplus .hero-note{color:var(--muted);margin-top:16px}
html[data-theme] #credenceplus .signal-dot{background:#24bf0c;box-shadow:0 0 0 4px #2cff0512}
html[data-theme] #credenceplus .assurance{border-color:var(--border);color:var(--muted);position:relative}
html[data-theme] #credenceplus .assurance>span{color:var(--muted)}
html[data-theme] #credenceplus .assurance svg{stroke:#1e8771}
/* The interactive workspace stays dark in both reading themes. */
html[data-theme] #credenceplus .boundary-demo{background:#1A1F26;border:1px solid #35424d;border-radius:16px;max-width:1050px;margin:auto;padding:24px 28px 20px;box-shadow:0 28px 70px #1f2e3d20;--dashboard-ink:#e9f2f6;color:var(--dashboard-ink)}
html[data-theme] #credenceplus .dashboard-brand{display:flex;gap:9px;align-items:center;border-bottom:1px solid #35424d;padding-bottom:18px;margin-bottom:21px;font-size:16px;font-weight:600}
html[data-theme] #credenceplus .dashboard-brand small{margin-left:auto;color:#a9bdca;font-size:12px;font-weight:400}
html[data-theme] #credenceplus .demo-heading{color:#eef6fa;padding:0;font-size:18px!important}
html[data-theme] #credenceplus .demo-heading .sample{background:#222d37;color:#afc2d0;border-color:#435261}
html[data-theme] #credenceplus .demo-live-dot{background:#2CFF05}
html[data-theme] #credenceplus .scenario-switch{margin:20px 0 0;border-color:#394754;gap:8px;flex-wrap:wrap}
html[data-theme] #credenceplus .scenario-switch button{min-height:44px;min-width:44px;padding:10px 18px;color:#c5d7e2;border-radius:6px;font-size:13px!important}
html[data-theme] #credenceplus .scenario-switch button:hover{background:#2c3a46;color:#fff}
html[data-theme] #credenceplus .scenario-switch button.selected{color:#2CFF05;background:#2cff0512;border-color:#2cff0570}
html[data-theme] #credenceplus .scope-visual{max-width:820px;margin:0 auto}
html[data-theme] #credenceplus .scope-envelope>rect:first-child{fill:#202b35;stroke:#2cff0580}
html[data-theme] #credenceplus .scope-envelope>rect:nth-child(2){stroke:#577080}
html[data-theme] #credenceplus .scope-caption{fill:#eff6fa;font-size:16px}
html[data-theme] #credenceplus :is(.scope-subcaption,.scope-footnote){fill:#b9ceda;font-size:13px}
html[data-theme] #credenceplus .scope-node rect{fill:#273743;stroke:#00e5ff70}
html[data-theme] #credenceplus .scope-node path{stroke:#e1f3f9}
html[data-theme] #credenceplus .scope-node text{fill:#d9eaf2;font-size:14px}
html[data-theme] #credenceplus .evaluated-path{stroke:#2CFF05!important}
html[data-theme] #credenceplus .trace-particle{fill:#2CFF05!important;filter:drop-shadow(0 0 5px #2cff0580)}
html[data-theme] #credenceplus .scope-visual svg>path:not(.evaluated-path){stroke:#516673}
html[data-theme] #credenceplus .boundary-demo[data-state=identity] .evaluated-path{stroke:#00E5FF!important}
html[data-theme] #credenceplus .boundary-demo[data-state=identity] .trace-particle{fill:#00E5FF!important}
html[data-theme] #credenceplus .boundary-demo[data-state=evidence] .evaluated-path{stroke:#FFB800!important}
html[data-theme] #credenceplus .boundary-demo[data-state=evidence] .trace-particle{fill:#FFB800!important}
html[data-theme] #credenceplus .boundary-demo[data-state=identity] .scope-n3 rect{fill:#17343c;stroke:#00E5FF}
html[data-theme] #credenceplus .boundary-demo[data-state=evidence] .scope-n3 rect{fill:#393020;stroke:#FFB800}
html[data-theme] #credenceplus .boundary-demo[data-state=evidence] .scope-n3 path{stroke:#FFB800}
html[data-theme] #credenceplus .exception-label{fill:#00E5FF}
html[data-theme] #credenceplus .demo-result{margin:0;background:#222e38;border:1px solid #465966;border-left:3px solid #2CFF05;border-radius:8px;box-shadow:0 8px 24px #0002;min-height:110px}
html[data-theme] #credenceplus .result-kicker{color:#b1c7d4}
html[data-theme] #credenceplus .demo-result strong{color:#2CFF05;font-weight:600}
html[data-theme] #credenceplus .demo-result p{color:#d6e3eb;font-size:14px}
html[data-theme] #credenceplus .boundary-demo[data-state=identity] .demo-result{border-left-color:#00E5FF}
html[data-theme] #credenceplus .boundary-demo[data-state=identity] .demo-result strong{color:#00E5FF}
html[data-theme] #credenceplus .boundary-demo[data-state=evidence] .demo-result{border-left-color:#FFB800}
html[data-theme] #credenceplus .boundary-demo[data-state=evidence] .demo-result strong{color:#FFB800}
html[data-theme] #credenceplus :is(.demo-result button,.motion-toggle){min-width:44px;min-height:44px;background:#2d3d49;border:1px solid #4c6272;color:#e6f3f9;border-radius:7px}
html[data-theme] #credenceplus .demo-footnote{color:#afc2cf;font-size:11px}
@keyframes node-read{50%{fill:#294a35;stroke:#2CFF05;stroke-width:2}}
/* Evidence, process, and enterprise sections share the slate system. */
html[data-theme] #credenceplus :is(.platform,.enterprise){background:var(--layer);color:var(--ink);border-color:var(--border)}
html[data-theme] #credenceplus .enterprise::after{border-color:var(--contour)}
html[data-theme] #credenceplus :is(.kicker,.enterprise .kicker,.contact .kicker,.step-detail){color:var(--muted)}
html[data-theme] #credenceplus :is(.section-head>p,.process-grid p,.foundation-grid>div>p:not(.kicker),.enterprise-list p,.section-intro,.contact p:not(.kicker),.verdict-option small,.example-note){color:var(--muted)}
html[data-theme] #credenceplus .verdict-option{min-width:44px;min-height:80px;color:var(--ink);border-radius:8px}
html[data-theme] #credenceplus .verdict-option.active{background:var(--surface);border-color:#24bf0c;box-shadow:var(--shadow)}
html[data-theme] #credenceplus .verdict-option:hover{background:var(--surface)}
html[data-theme] #credenceplus .option-arrow{color:var(--muted)}
html[data-theme] #credenceplus .green{color:#168509}html[data-theme] #credenceplus .amber{color:#916500}html[data-theme] #credenceplus .red{color:#08758a}
html[data-theme] #credenceplus .evidence-report{background:#1A1F26;color:#eaf3f8;border-color:#3c5060;box-shadow:0 16px 40px #1f2e3d16}
html[data-theme] #credenceplus .report-top{background:#202b35;color:#afc5d4;border-color:#3a4d5b}
html[data-theme] #credenceplus :is(.sample,.report-title small,.report-trace small,.report-bottom){color:#b5cbd8}
html[data-theme] #credenceplus .sample{border-color:#4f6473}
html[data-theme] #credenceplus .report-title h3{color:#eef6fa}
html[data-theme] #credenceplus .report-badge{background:#ffb80018;color:#FFB800}
html[data-theme] #credenceplus .report-badge.green{background:#2cff0515;color:#2CFF05}
html[data-theme] #credenceplus .report-badge.red{background:#00e5ff18;color:#00E5FF}
html[data-theme] #credenceplus .report-trace>div{border-color:#354957;color:#d5e4ed}
html[data-theme] #credenceplus .trace-check{background:#2cff0518;color:#2CFF05}
html[data-theme] #credenceplus .trace-check.amber{background:#ffb80018;color:#FFB800}
html[data-theme] #credenceplus .trace-check.red{background:#00e5ff18;color:#00E5FF}
html[data-theme] #credenceplus .report-finding{background:#26323c;border-color:#FFB800}
html[data-theme] #credenceplus .report-finding>span{color:#FFB800}
html[data-theme] #credenceplus .report-finding p{color:#d1e0e9}
html[data-theme] #credenceplus .report-trace>div:not(#finding-row) small{color:#2CFF05}
html[data-theme] #credenceplus #finding-status{color:#FFB800}
html[data-theme] #credenceplus .evidence-report[data-verdict=autonomous] :is(.report-finding>span,#finding-status){color:#2CFF05}
html[data-theme] #credenceplus .evidence-report[data-verdict=autonomous] .report-finding{border-color:#2CFF05}
html[data-theme] #credenceplus .evidence-report[data-verdict=hold] :is(.report-finding>span,#finding-status){color:#00E5FF}
html[data-theme] #credenceplus .evidence-report[data-verdict=hold] .report-finding{border-color:#00E5FF}
html[data-theme] #credenceplus .download-button{color:#00E5FF;min-height:44px;padding:8px 0}
html[data-theme] #credenceplus .process-grid{gap:20px;align-items:stretch}
html[data-theme] #credenceplus .process-grid article{padding:28px;background:var(--surface);border:1px solid var(--border);border-top:3px solid #2CFF05;border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column}
html[data-theme] #credenceplus .process-grid h3{font-size:23px;font-weight:600}
html[data-theme] #credenceplus .process-grid p{min-height:0;flex:1;font-size:15px;line-height:1.7;margin-bottom:22px}
html[data-theme] #credenceplus .step-number{color:var(--muted);font-size:14px;font-weight:600}
html[data-theme] #credenceplus .step-number>span{background:var(--border);color:#168509}
html[data-theme] #credenceplus .retest{background:var(--surface);border-color:var(--border)}
html[data-theme] #credenceplus :is(.retest strong,.retest p,.retest a,.retest-icon){color:var(--ink)}
html[data-theme] #credenceplus .boundary{background:#1A1F26;border-color:#4b626f;box-shadow:var(--shadow)}
html[data-theme] #credenceplus :is(.boundary-label,.boundary-footer,.workflow-stack>small,.boundary-core>small){color:#bed3df}
html[data-theme] #credenceplus .workflow-stack>div{background:#263640;border-color:#4d6574;color:#e6f3f9}
html[data-theme] #credenceplus .workflow-stack>.boundary-core{background:#233a2c;border-color:#2cff0580}
html[data-theme] #credenceplus :is(.workflow-stack>div>span,.vertical-flow,.enterprise-list li>span){color:#2CFF05}
html[data-theme] #credenceplus .research-card{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}
html[data-theme] #credenceplus .research-tag{background:#00a6b312;color:var(--ink)}
html[data-theme] #credenceplus .research-rule{background:var(--border)}
html[data-theme] #credenceplus .founder-monogram{background:var(--layer);border-color:var(--border);color:var(--ink)}
html[data-theme] #credenceplus :is(.founder strong,.founder span,.founder small,.research-link){color:var(--ink)}
html[data-theme] #credenceplus .contact{background:var(--layer);border-color:var(--border);color:var(--ink)}
html[data-theme] #credenceplus .contact::after{display:none}
html[data-theme] #credenceplus :is(.contact-action>span,.contact-action>.text-link){color:var(--muted)}
html[data-theme] #credenceplus footer{background:var(--canvas);color:var(--muted)}
html[data-theme] #credenceplus :is(.footer-bottom,.footer-row>p,.footer-row>a:last-child){color:var(--muted);border-color:var(--border)}
html[data-theme] #credenceplus dialog{background:var(--surface);color:var(--ink);border-color:var(--border);width:min(620px,calc(100% - 32px))}
html[data-theme] #credenceplus dialog :is(h2,label,.close-dialog){color:var(--ink)}
html[data-theme] #credenceplus dialog>p:not(.kicker){color:var(--muted);font-size:14px}
html[data-theme] #credenceplus dialog :is(textarea,select){background:var(--canvas);border-color:var(--border);color:var(--ink);font:inherit;font-size:14px;line-height:1.5}
html[data-theme] #credenceplus dialog textarea::placeholder{color:var(--muted)}
html[data-theme] #credenceplus .brief-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-top:22px}
html[data-theme] #credenceplus .brief-actions .button{margin:0;width:100%;padding:12px;font-size:14px;gap:10px}
html[data-theme] #credenceplus .button.secondary{background:transparent;border-color:var(--border);color:var(--ink)}
html[data-theme] #credenceplus :is(.email-recipient,#copy-status){font-size:12px;color:var(--muted);margin-top:12px}
html[data-theme] #credenceplus .close-dialog{min-height:44px;min-width:44px;right:7px;top:4px}
html[data-theme] #credenceplus :is(button,a,textarea,[tabindex]):focus-visible{outline:3px solid #00a4ba;outline-offset:4px}
@media(max-width:1100px){html[data-theme] #credenceplus .nav nav{gap:12px}html[data-theme] #credenceplus .hero-grid{gap:38px}html[data-theme] #credenceplus .process-grid article{padding:23px}html[data-theme] #credenceplus .process-grid h3{font-size:20px}}
@media(max-width:800px){html[data-theme] #credenceplus .nav nav{background:var(--canvas);border-color:var(--border)}html[data-theme] #credenceplus .hero-grid{padding-top:45px;gap:32px}html[data-theme] #credenceplus .hero h1{font-size:58px}html[data-theme] #credenceplus .hero-positioning{font-size:17px}html[data-theme] #credenceplus .boundary-demo{padding:22px 20px}html[data-theme] #credenceplus .process-grid{grid-template-columns:1fr}html[data-theme] #credenceplus .process-grid h3{font-size:23px}html[data-theme] #credenceplus .demo-result p{font-size:13px}}
@media(max-width:480px){html[data-theme] #credenceplus .hero h1{font-size:43px}html[data-theme] #credenceplus .hero-copy{width:100%}html[data-theme] #credenceplus .hero-positioning{font-size:16px}html[data-theme] #credenceplus .hero-actions .button{width:100%;padding:13px;font-size:13px}html[data-theme] #credenceplus .hero-actions .text-link{width:100%;justify-content:center}html[data-theme] #credenceplus .boundary-demo{padding:18px 14px;border-radius:12px}html[data-theme] #credenceplus .dashboard-brand{font-size:14px}html[data-theme] #credenceplus .dashboard-brand small{font-size:10px}html[data-theme] #credenceplus .demo-heading{font-size:15px!important;gap:8px}html[data-theme] #credenceplus .scenario-switch{gap:3px}html[data-theme] #credenceplus .scenario-switch button{padding:9px 8px;font-size:11px!important;flex:1}html[data-theme] #credenceplus .demo-result{padding:14px}html[data-theme] #credenceplus .scope-node text{font-size:16px}html[data-theme] #credenceplus .scope-subcaption{font-size:15px}html[data-theme] #credenceplus dialog{padding:28px 22px}html[data-theme] #credenceplus .brief-actions{grid-template-columns:1fr}#credenceplus .theme-toggle{margin-right:7px}}
/* Compact workspace and lighter, Patronus-style typography. */
html[data-theme] #credenceplus .hero h1{font-weight:400;letter-spacing:-.045em;font-size:clamp(44px,5.2vw,72px)}
html[data-theme] #credenceplus h2{font-weight:400;letter-spacing:-.035em}
html[data-theme] #credenceplus .brand{font-weight:500}
html[data-theme] #credenceplus .brand-plus{font-weight:500;color:#168509}
html[data-theme=dark] #credenceplus .brand-plus{color:#2CFF05}
html[data-theme] #credenceplus .cp-logo{width:31px;height:37px;margin-right:10px}
html[data-theme=dark] #credenceplus .cp-logo{content:url('cp-logo-dark.svg')}
html[data-theme] #credenceplus :is(.report-logo,.boundary-core .cp-logo){content:url('cp-logo-dark.svg')}
html[data-theme] #credenceplus .report-logo{width:20px;height:24px;margin-right:0}
html[data-theme] #credenceplus .boundary-core .cp-logo{width:40px;height:48px;margin:0 0 8px}
html[data-theme] #credenceplus .workspace-mark{width:24px;height:28px;flex-shrink:0}
html[data-theme] #credenceplus .hero-grid{padding-top:46px;gap:30px;padding-bottom:32px}
html[data-theme] #credenceplus .hero-positioning{margin-top:20px;font-size:18px}
html[data-theme] #credenceplus .eyebrow{margin-bottom:18px}
html[data-theme] #credenceplus .hero-copy>p.hero-detail{margin-top:12px}
html[data-theme] #credenceplus .hero-actions{margin-top:20px}
html[data-theme] #credenceplus .boundary-demo{max-width:900px;padding:18px 22px 14px;border-radius:12px}
html[data-theme] #credenceplus .demo-heading{font-size:17px!important;gap:10px}
html[data-theme] #credenceplus .scenario-switch{margin-top:8px;padding-bottom:8px;gap:6px}
html[data-theme] #credenceplus .scenario-switch button{padding:9px 14px}
html[data-theme] #credenceplus .scope-visual{max-width:700px;margin:12px auto 4px}
html[data-theme] #credenceplus .demo-result{min-height:82px;padding:13px 16px;gap:16px}
html[data-theme] #credenceplus .demo-result strong{font-size:18px}
html[data-theme] #credenceplus .demo-result p{font-size:13px;line-height:1.55}
html[data-theme] #credenceplus .demo-footnote{margin-top:10px;font-size:10px}
html[data-theme] #credenceplus .scope-envelope>rect:first-child{stroke:#2cff0560}
html[data-theme] #credenceplus .scope-caption{font-size:15px;font-weight:500}
html[data-theme] #credenceplus .scope-subcaption{font-size:12px}
html[data-theme] #credenceplus .scope-footnote{font-size:12px}
@media(max-width:800px){html[data-theme] #credenceplus .hero h1{font-size:54px}html[data-theme] #credenceplus .boundary-demo{padding:16px}html[data-theme] #credenceplus .hero-grid{padding-top:34px;gap:26px}}
@media(max-width:480px){html[data-theme] #credenceplus .hero h1{font-size:42px}html[data-theme] #credenceplus .hero-positioning{font-size:16px}html[data-theme] #credenceplus .boundary-demo{padding:14px 12px}html[data-theme] #credenceplus .demo-heading{font-size:14px!important;gap:7px}html[data-theme] #credenceplus .demo-heading .sample{font-size:8px;padding:3px 5px}html[data-theme] #credenceplus .workspace-mark{width:18px;height:23px}html[data-theme] #credenceplus .scenario-switch button{font-size:11px!important;padding:9px 6px}html[data-theme] #credenceplus .scope-visual{margin:10px -7px 3px}html[data-theme] #credenceplus .scope-caption{font-size:18px}html[data-theme] #credenceplus :is(.scope-subcaption,.scope-footnote){font-size:14px}html[data-theme] #credenceplus .demo-result{gap:8px;padding:12px}html[data-theme] #credenceplus .demo-result strong{font-size:17px}html[data-theme] #credenceplus .cp-logo{width:26px;height:32px;margin-right:8px}}

@media(max-width:480px){html[data-theme] #credenceplus .demo-heading{flex-wrap:nowrap}html[data-theme] #credenceplus .demo-heading .sample{display:none}html[data-theme] #credenceplus .demo-heading .motion-toggle{margin-left:auto}}