
header nav{margin-left:auto;gap:24px}
html[data-theme=dark]{color-scheme:dark;--navy:#eef4fc;--muted:#a6b6cc;--line:#293b53;--teal:#4bd4ca;--blue:#87a7ff}
[data-theme=dark] body{background:#080f1b;color:#eef4fc}
[data-theme=dark] header,[data-theme=dark] footer{border-color:#263347}
[data-theme=dark] .brand{position:relative}
[data-theme=dark] .brand img{filter:brightness(0) invert(1);opacity:.95}
[data-theme=dark] .hero{position:relative}
[data-theme=dark] h1 em{background:linear-gradient(110deg,#91b4ff,#4bd4ca 80%);background-clip:text;-webkit-background-clip:text;color:transparent}
[data-theme=dark] .eyebrow{color:#a1b5cf}
[data-theme=dark] .primary{background:linear-gradient(110deg,#315ac3,#257b9b);color:white;box-shadow:0 10px 40px #2343a033}
[data-theme=dark] .primary:hover{box-shadow:0 12px 38px #257b9b55}
[data-theme=dark] .avatar{background:#1a2e49;color:#a8c1ff}
[data-theme=dark] .hero-person p span,[data-theme=dark] .device-caption{color:#9bafc9}
[data-theme=dark] .device-glow{background:radial-gradient(ellipse at 50% 50%,#167d8738, #2343a038 42%,transparent 72%)}
[data-theme=dark] .floating-label{background:#132536;border-color:#2a4a5a;color:#c4e7e8;box-shadow:0 16px 40px #0003}
/* The mobile products retain their light working surfaces for clear contrast. */
[data-theme=dark] .hero-phone,[data-theme=dark] .phone-shell{color-scheme:light;--navy:#142139;--blue:#2343a0;--teal:#0d959b;--line:#dce4ee;color:#142139;box-shadow:0 30px 70px #0008,0 0 0 1px #63839a70}
[data-theme=dark] .principles{background:#101b2b;border-color:#26374c}
[data-theme=dark] .principles .wrap,[data-theme=dark] .principles span:first-child{color:#a7bcd5}
[data-theme=dark] .steps article{border-color:#2a3e58}
[data-theme=dark] .steps p,[data-theme=dark] .section-heading>p{color:#a6b6cc}
[data-theme=dark] .step-number{color:#65cfc7}
[data-theme=dark] .solutions{background:radial-gradient(ellipse at 70% 35%,#142e40 0,transparent 55%),#0d1827;border-color:#263b50}
[data-theme=dark] .demo-tabs{background:#080f1b;border-color:#2a3d54}
[data-theme=dark] .demo-tabs button{color:#a5b8cf}
[data-theme=dark] .demo-tabs button[aria-selected=true]{background:#253d61;color:#f2f7ff;box-shadow:inset 0 0 0 1px #46638a}
[data-theme=dark] .demo-tabs button span{color:#98b2d5}
[data-theme=dark] .try-card,[data-theme=dark] .integration-panel,[data-theme=dark] .profile{background:#132236;border-color:#2c435e}
[data-theme=dark] .journey li>span{background:#14243a;border-color:#37506d;color:#a3b9d4}
[data-theme=dark] .journey li:after{background:#334a65}
[data-theme=dark] .journey strong{color:#b6c8df}
[data-theme=dark] .journey .active>span{background:#335ebc;color:white;border-color:#688edf}
[data-theme=dark] .journey .complete>span{background:#183f40;color:#79e0d1;border-color:#316462}
[data-theme=dark] .integration-icon,[data-theme=dark] .event-heading>span:last-child{background:#233954;color:#a6c2ff}
[data-theme=dark] .work-record{background:#0c192a;border-color:#2b425b}
[data-theme=dark] .work-record dl,[data-theme=dark] .work-footnote,[data-theme=dark] .credentials p{border-color:#2b425b}
[data-theme=dark] .work-record dd,[data-theme=dark] .event-log p,[data-theme=dark] .credentials strong{color:#c2d3e8}
[data-theme=dark] .empty-event{border-color:#36516d;color:#a9bdd5}
[data-theme=dark] .sync-button{background:#19403f;color:#83e6d6}
[data-theme=dark] .sync-button:disabled{background:#283649;color:#a1b3ca}
[data-theme=dark] .flow-diagram{background:#101f32;border-color:#2d4862}
[data-theme=dark] .process-node{background:#192e46;border-color:#36546f}
[data-theme=dark] .process-node strong{color:#c3d6ea}
[data-theme=dark] .process-node.complete{background:#153e3c;border-color:#30796d}
[data-theme=dark] .process-node.complete strong,[data-theme=dark] .process-node.complete small{color:#8ee4d3}
[data-theme=dark] .process-node.problem{background:#472a2c;border-color:#885456}
[data-theme=dark] .process-node.problem small{color:#ffb6a9}
[data-theme=dark] .flow-diagram>p{color:#a3bcd4;border-color:#3d627d}
[data-theme=dark] .expertise span{background:#172c43;border-color:#2d4863;color:#a8c7ea}
[data-theme=dark] .booking{background:linear-gradient(115deg,#152c49,#133d45);border:1px solid #315a6b;box-shadow:0 25px 65px #0003}
[data-theme=dark] .booking-card{background:#0f2639;border-color:#36566c}
[data-theme=dark] .booking .booking-card>p,[data-theme=dark] .booking>div>p:not(.eyebrow){color:#b5c9dd}
[data-theme=dark] .initials{background:linear-gradient(130deg,#315bc2,#168b8a)}
[data-theme=dark] .skip:focus{background:#162b43;color:white}
@media(max-width:1100px){header nav{gap:15px}}
@media(max-width:700px){header{gap:10px}header .brand{width:125px}header nav{gap:0}.nav-cta span{margin-left:6px}.nav-cta{padding:8px;font-size:11px}}
