/* TotalGrid's blue grid identity, with the clean layout retained. */
:root{color-scheme:dark;--ink:#f3f8ff;--muted:#b6cbe0;--line:#214568;--navy:#04182e;--soft:#082440;background:#03162c}
body{background:linear-gradient(#4a9fed24 1px,transparent 1px),linear-gradient(90deg,#4a9fed24 1px,transparent 1px),radial-gradient(ellipse at 85% 8%,#0a438177,transparent 45%),linear-gradient(145deg,#021326,#061f3c 48%,#03162b);background-size:56px 56px,56px 56px,100% 100%,100% 100%;background-attachment:fixed;color:var(--ink)}
.site-header{background:#03172deb;border-bottom-color:#21538755}.brand{color:#f4f8ff}.brand img{filter:drop-shadow(0 0 9px #078eff33)}.desktop-nav{color:#d6e5f4}.desktop-nav a:hover,.desktop-nav button:hover{color:#62beff}.mobile-nav{background:#041a32;color:#e1effb}.menu-toggle{color:#bfdef8}.primary{box-shadow:0 5px 24px #007dff22}.light-outline{border-color:#348bc6}
.hero{background:#041a33;border:1px solid #25578266;box-shadow:0 14px 55px #0078eb12}.hero:before{background:linear-gradient(#399efb22 1px,transparent 1px),linear-gradient(90deg,#399efb22 1px,transparent 1px),linear-gradient(90deg,#041a33 0%,#041a33fc 34%,#041a33cc 49%,#041a3320 73%,#041a3300 100%);background-size:56px 56px,56px 56px,100% 100%}.field-card{background:#07243ded;color:#eff7ff;border:1px solid #3c77a788;backdrop-filter:blur(8px)}.field-card div>span{color:#b4cfe6}.status-icon{background:#124c43;color:#69e2b0}.hero .eyebrow,.eyebrow{color:#61bbff}
.platform-strip{border-bottom-color:#28527677}.platform-strip>span{color:#8eb5d7}.platform-strip strong{color:#d3e7f9}.platform-strip i{background:#315473}.module-card{background:linear-gradient(145deg,#092b4bd9,#041b33eb);border-color:#20517f;box-shadow:inset 0 1px 0 #4186bf12}.module-card:hover{border-color:#328fde;box-shadow:0 8px 30px #007dff16}.card-icon{background:linear-gradient(140deg,#0c4aa1,#073474);border:1px solid #2479d2;color:#8edaff;box-shadow:0 3px 18px #006aff20}.text-link{color:#59baff}.text-link:hover{color:#a4ddff}.more-modules{background:#082642b3;border:1px solid #214b73}.more-modules>div{color:#aec9df}
.workflow{background:#041a326b;border-block:1px solid #2b567644}.steps li{border-color:#29527677}.steps li>span{background:#10406b;color:#80caff}.footer{background:#021326de;border-top:1px solid #254d7044}.footer-bottom{border-color:#254057}
/* Keep the interactive workspace bright and easy to read. */
.product-demo{color-scheme:light;color:#142c42;background:#fff;border-color:#4278aa;box-shadow:0 15px 60px #0075ef1a}.product-demo .brand{color:#142c42}.product-demo .brand img{filter:none}
dialog{background:linear-gradient(140deg,#092b4b,#04192f);border-color:#3673a7;color:var(--ink)}dialog::backdrop{background:#000b}.dialog-icon{color:#71c7ff}.close-dialog{color:#b5cee4}dialog ul{color:#bad3e9}
@media(max-width:899px){.hero:before{background:linear-gradient(#399efb22 1px,transparent 1px),linear-gradient(90deg,#399efb22 1px,transparent 1px),linear-gradient(90deg,#041a33 0%,#041a33ee 40%,#041a3388 70%,#041a3320);background-size:56px 56px,56px 56px,100% 100%}}
@media(max-width:640px){body{background-size:40px 40px,40px 40px,100% 100%,100% 100%}.hero:before{background:linear-gradient(#399efb22 1px,transparent 1px),linear-gradient(90deg,#399efb22 1px,transparent 1px),linear-gradient(180deg,#041a33 0%,#041a33 55%,#041a33e6 63%,#041a3300 83%);background-size:40px 40px,40px 40px,100% 100%}}