:root{color-scheme:light}
.nav-actions{display:flex;align-items:center;gap:18px}
.theme-toggle{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .sun{display:none}.theme-toggle:hover{background:#81938318}
html[data-theme=dark]{color-scheme:dark;--paper:#101915;--ink:#edf2eb;--line:#35463b;--muted:#bdcbbf;--blue:#91afff}
[data-theme=dark] .theme-toggle .sun{display:block}[data-theme=dark] .theme-toggle .moon{display:none}
[data-theme=dark] .nav{background:rgba(16,25,21,.96)}
[data-theme=dark] .brand svg{color:#326bff}
[data-theme=dark] .button{background:#225ce8;color:#fff}[data-theme=dark] .button:hover{background:#174dcf}
[data-theme=dark] .section-label,[data-theme=dark] .connector-catalogue li,[data-theme=dark] .comparison .old-way,[data-theme=dark] .comparison small,[data-theme=dark] .platform-grid article>span,[data-theme=dark] .index,[data-theme=dark] .security-list article>span{color:#c0cfbc}
[data-theme=dark] .connector-track span{background:#1a2820;border-color:#40503f}
[data-theme=dark] .connector-catalogue h4{color:#e3ecde}
[data-theme=dark] .quiet-button{color:var(--ink);border-color:#53664f}
[data-theme=dark] .status-pill{background:#233720;border-color:#5c7652;color:#d6e8cb}
[data-theme=dark] .principles,[data-theme=dark] .workspace-section{background:#1b2a20}
[data-theme=dark] .principle-grid article+article,[data-theme=dark] .workspace-layout dl>div{border-color:#43523d}
[data-theme=dark] .principle-grid p,[data-theme=dark] .workspace-layout p,[data-theme=dark] .workspace-layout dd,[data-theme=dark] .security-layout p{color:#c4d2bf}
[data-theme=dark] .trace span{border-color:#5c7153}[data-theme=dark] .trace i,[data-theme=dark] .attested>span{color:#a5bb93}
[data-theme=dark] .unknown-ring{border-color:#5e6e54;color:#d0ddc6}
[data-theme=dark] .more-screens,[data-theme=dark] .finance-read .limitation{background:#20301f;border-color:#42563a}
[data-theme=dark] .more-screens select{background:#152016;border-color:#546848;color:var(--ink)}
[data-theme=dark] .tabs button:hover{background:#293c2855}
[data-theme=dark] .admin-control{background:#1c2c48}[data-theme=dark] .admin-control p{color:#d0ddf3}
[data-theme=dark] .closing{background:#184ac5}[data-theme=dark] .closing .button{background:#eef2e8;color:#17231f}
[data-theme=dark] .motion-toggle{background:rgba(25,39,29,.97);border-color:#52634a;color:var(--ink)}
[data-theme=dark] .circle{color:var(--ink)}[data-theme=dark] .circle:hover{background:#293a2c}
[data-theme=dark] .workspace-layout .text-link{color:var(--ink)}
[data-theme=dark] .skip:focus{background:#17231f;color:#fff}
@media(max-width:700px){.nav-actions{gap:12px}.theme-toggle{width:34px;height:34px}.nav{gap:12px}}
@media(max-width:360px){.nav .brand{font-size:20px;gap:6px}.nav .brand svg{width:25px}.nav-actions{gap:8px}.nav-cta{font-size:11px;padding:8px 0}.nav-cta span{display:none}}

.nav-signin{font-size:13px;font-weight:650;white-space:nowrap;padding:10px 0;border-bottom:1px solid transparent}.nav-signin:hover{border-color:currentColor}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.nav nav{gap:14px;font-size:11px}.nav-actions{gap:12px}}
@media(min-width:701px) and (max-width:950px){.nav{flex-wrap:wrap;height:auto;padding-block:18px;gap:12px}.nav nav{order:3;width:100%;justify-content:center}.nav-actions{margin-left:auto}}
@media(max-width:700px){.nav-actions .nav-cta{display:none}.nav-signin{font-size:12px}.nav-actions{gap:12px}}

/* Sign-in remains a primary, visible destination at both ends of the page. */
.nav-signin,.footer-signin{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 19px;border:1px solid #1955ef;border-radius:6px;background:#1955ef;color:#fff;font-size:14px;font-weight:750;line-height:1.3;white-space:nowrap;box-shadow:0 3px 10px #1955ef20}
.nav-signin:hover,.footer-signin:hover{background:#1345c6;border-color:#1345c6;color:#fff}
[data-theme=dark] .nav-signin,[data-theme=dark] .footer-signin{background:#91afff;border-color:#91afff;color:#101b35;box-shadow:none}
[data-theme=dark] .nav-signin:hover,[data-theme=dark] .footer-signin:hover{background:#b2c6ff;border-color:#b2c6ff;color:#101b35}
footer>div{align-items:center;gap:24px}footer>div>a:not(.footer-signin){font-size:13px;font-weight:650}
@media(max-width:700px){.nav-signin{font-size:13px;padding:10px 14px;min-height:42px}.nav-actions{gap:10px}.footer-signin{min-height:46px;padding:12px 24px}}
@media(max-width:360px){.nav-signin{padding:10px 11px}.nav-actions{gap:7px}.nav{gap:8px}.nav .brand{font-size:19px}}

/* A quieter closing invitation, continuous with the page palette. */
.closing{background:#e8ece3;color:#233026;padding:58px 0;border-block:1px solid #cbd4c4}
.closing .section-label{color:#51604a;font-size:11px;letter-spacing:1px}
.closing h2{font-size:clamp(32px,3.1vw,46px);line-height:1.18;letter-spacing:-1.5px;margin:23px 0 27px;font-weight:500}
.closing p{color:#465340;font-size:12px;line-height:1.8;margin-top:18px}
.closing .button{background:transparent;color:#263922;border:1px solid #8b9f80;padding:14px 19px;gap:30px;border-radius:5px;box-shadow:none}
.closing .button:hover{background:#dce5d4;transform:none}
.closing-mark{display:none}
[data-theme=dark] .closing{background:#18261d;border-color:#344638;color:#e6eee2}
[data-theme=dark] .closing .section-label{color:#b2c5a8}
[data-theme=dark] .closing p{color:#c0ceba}
[data-theme=dark] .closing .button{background:transparent;color:#e3eedc;border-color:#69805d}
[data-theme=dark] .closing .button:hover{background:#273c29;color:#f0f5eb}
@media(max-width:700px){.closing{padding:42px 0}.closing h2{font-size:32px;letter-spacing:-1px}.closing .section-label{font-size:10px;line-height:1.7}}
