/* OrbSoft portal palette and canvas. Keep layout rules in style.css. */
:root{color:#243447;background:#fff;--ink:#172b40;--muted:#53677a;--panel:#182333;--panel-raised:#192638;--header:#1b2e47;--line:#33455d;--text-light:#e8edf5;--accent:#a3d3fa;--action:#29496a}
body{position:relative;isolation:isolate;background:transparent}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none}
body::before{z-index:-2;background:#fff}
body::after{z-index:-1;background:url('orbsoft-symbol-transparent.png') center/contain no-repeat;filter:grayscale(1);opacity:.075}
header{background:rgba(255,255,255,.92);border-color:#d6dfe8}
.logo{height:78px}
.logo img{top:-65px}
nav{color:var(--ink)}
.nav-contact{border-color:#8c9dad;background:var(--header);color:var(--text-light)}
.hero,.products,.workflow,.about{background:transparent}
h1,h2,h3,footer strong{color:var(--ink)}
h1 span{color:#365d83}
.eyebrow,.number{color:#365d83}
.intro,.hero-note,.section-heading>p:last-child,.workflow>div>p:not(.eyebrow),.about>p:last-child,footer{color:var(--muted)}
.button,.nav-contact,.steps button{border-radius:7px;min-height:44px}
.primary{background:var(--action);color:#f0f5fa;border:1px solid #536d89}
.text-link{color:var(--ink);border-color:#8c9dad}
.product-scene{background:rgba(235,240,245,.85);border:1px solid #cdd9e5;border-radius:12px}
.scene-label,.scene-footer{color:var(--muted)}
.sample{background:var(--panel);border-color:var(--line);color:var(--text-light);box-shadow:0 12px 35px #172b4014}
.sample-top{background:var(--header);border-color:var(--line)}
.sample-top strong span,.demo-tag,.sample-content small,.order-row div span{color:#b0c4d9}
.sample-content h3{color:var(--text-light)}
.sample-nav{background:#101c2a;color:#afc5dc}
.sample-nav b{color:var(--accent)}
.order-row{border-color:var(--line)}
.pill{background:#204936;color:#d0f4e0}
.pill.blue{background:#29496a;color:#d4e9fa}
.tablet{background:var(--header);border-color:#f0f5fa;color:var(--text-light);box-shadow:0 15px 25px #172b4026}
.tablet h3{color:var(--text-light)}
.tablet p{color:#afc5dc}
.check{background:#204936;color:#d0f4e0}
.statement,.contact{background:var(--header);color:var(--text-light);border-block:1px solid var(--line)}
.statement h2,.contact h2{color:var(--text-light)}
.statement p,.contact .eyebrow,.contact p{color:#b0c4d9}
.product{background:var(--panel);border-color:var(--line);border-radius:12px}
.product.warehouse{background:var(--panel-raised)}
.product h3,.product-bottom{color:var(--text-light)}
.product .number{color:var(--accent)}
.product p,.product li,.product-bottom span{color:#afc5dc}
.product-bottom{border-color:var(--line)}
.steps button{color:var(--ink);border-color:#acbdcd;background:rgba(255,255,255,.85)}
.steps button span{color:var(--muted)}
.steps button[aria-pressed=true]{background:var(--action);border-color:#536d89;color:#f0f5fa}
.steps button[aria-pressed=true] span{color:#d4e9fa}
.workflow-demo{background:var(--panel);border-color:var(--line);border-radius:12px;color:var(--text-light)}
.workflow-demo h3{color:var(--text-light)}
.workflow-demo .eyebrow{color:var(--accent)}
.workflow-demo p{color:#afc5dc}
.document{border-color:#405b77;background:#101c2a}
.document>div{background:var(--header)}
.document b{color:var(--accent)}
.document dt{color:#afc5dc}
.document dd{color:#e8edf5}
.document>p{border-color:var(--line);color:#afc5dc}
.light{background:#e8edf5;color:var(--ink);border:1px solid #a3b7c9}
footer{background:rgba(255,255,255,.9);border-top:1px solid #d6dfe8}
:focus-visible{outline:3px solid #638db3;outline-offset:4px}
.skip{color:var(--ink)}
@media(forced-colors:active){body::after{display:none}.button,.nav-contact{border:1px solid ButtonText}}