/* ONMATE — continuous orbital surfaces. Small product screens and original logos
   retain their authored colours; page planes share this independent palette. */
html:root:root:root:root:root {
  --om-plane:#081d32;--om-plane-raised:#0d2c46;--om-ink:#eff8ff;
  --om-muted:#b2cddd;--om-edge:#7fcbe530;--om-cyan:#71e8ed;
  --om-panel:radial-gradient(ellipse at 100% 0,#247c9b30,transparent 65%),linear-gradient(145deg,#163c58,#0c253e);
  --om-shadow:inset 0 1px 0 #b7efff19,0 20px 46px #000e2466,0 3px 0 #061728;
}
html:root:root:root:root:root[data-om-inner],
html:root:root:root:root:root body.om-inner {
  --bg-night:#06182c;--bg:#081d32;--bg-alt:#0b2941;--bg-deep:#06182c;
  --surface:#11334d;--surface-2:#173c57;--surface-3:#0b2841;
  --text:#eff8ff;--text-2:#c0d8e7;--text-3:#aecbdd;--text-4:#a5c4d8;--muted:#9fbed1;
  --cyan:#71e8ed;--cyan-2:#9ceef4;--btn:#64e5ee;--btn-hover:#a0f5f3;--btn-text:#062d40;--btn-border:#9cf6f4;
  --edge:#9acde52b;--edge-2:#9acde52b;--edge-strong:#8de4ee66;--card-line:#8bcde435;
  --card:var(--om-panel);--card-on:linear-gradient(145deg,#1e526d,#14364f);--card-shadow:var(--om-shadow);
  --chrome-bg:#0b243df2;--chrome-bg-deep:#102f49;--chrome-bg-solid:#102b43;--chrome-edge:#96ddeb45;
  --nb-veil:#081d32;--nb-veil-2:#0d3049;
  color-scheme:dark;scrollbar-color:#477b96 #081d32;
  background:#081d32;color:#eff8ff;
}
html:root:root:root:root:root body.om-inner {
  /* A lit upper edge and asymmetric wash distinguish successive chapters. */
  & .lp-section {background:radial-gradient(ellipse at 0 15%,#175a7c28,transparent 60%),#081d32!important;border-color:var(--om-edge)}
  & .lp-section.veiled {background:radial-gradient(ellipse at 100% 0,#1b719233,transparent 70%),linear-gradient(155deg,#10324c,#0a2239)!important}
  & :is(.chap-head,.sec-head) h2 {color:#eff8ff;font-weight:550}
  & :is(.chap-head,.sec-head) .lead {color:#b7d2e3}
  & :is(.chap-num,.chap-head em,.sec-head em) {color:#7fe9ed;-webkit-text-fill-color:#7fe9ed}
  & :is(.ab-nav,.panel-toc) {background:#102e47f2!important;border-color:#8bd5e636;color:#eff8ff;box-shadow:0 10px 30px #00142838}
  & :is(.ab-nav,.panel-toc) a {color:#c7dfed}
  & :is(.ab-nav,.panel-toc) a:is(:hover,.is-on) {color:#8df2ef}
  & .ab-nav a[aria-current=true] {background:#64e5ee;color:#062d40}
  & :is(.next,.ab-pane,.ab-way,.pj-col,.pj-sheet,.po-toc,.po-help,.bm-link,.po-card,.sw-done-win) {
    background:var(--om-panel);border:1px solid var(--om-edge);box-shadow:var(--om-shadow);border-radius:22px;
  }
  & .next {background:radial-gradient(ellipse at 100% 0,#38becd26,transparent 65%),linear-gradient(120deg,#164968,#0e2e4a)}
  & :is(.ab-card,.os-win) {background:linear-gradient(145deg,#214e6aeF,#0c2944f5);border-color:#a6e0ee55!important;box-shadow:0 35px 85px #000e2477,inset 0 1px 0 #bff5ff26}
  & .ab-card :is(.ab-stats b,.ab-card-h>span) {color:#8aefee}
  & .ab-card::before {background:linear-gradient(145deg,#307f9b20,#12375010);border-color:#7bc3dc44}
  & .bm-goal {background:radial-gradient(ellipse at 100% 0,var(--accent-glow),transparent 80%),linear-gradient(145deg,#1b435f,#0c2944)!important;color:#edf8ff;border-color:#95d5e645;box-shadow:var(--om-shadow)}
  & .bm-goal[aria-pressed=true] {border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 18px 40px #00152566}
  & .bm-search {background:#12334dd9;color:#eefaff;border-color:#80d8e866;box-shadow:inset 0 1px 0 #d7f5ff12}
  & .bm-search input {color:#edf8ff}
  & .bm-search input::placeholder {color:#afcddd}
  & .art-body {background:linear-gradient(160deg,#102e46,#0b253c);border:1px solid #88cce132;box-shadow:0 24px 70px #00132655;color:#c7dce9}
  & .po {background:radial-gradient(ellipse at 85% 15%,#17648a33,transparent 55%),#081d32}
  & .po-toc {background:#10304beF}
  & .po-help {box-shadow:inset 0 1px 0 #bff5ff15,0 12px 35px #00102044}
  & .po-note {border-left:2px solid var(--accent);background:#194057}
  & :is(.stage,.sa-board):not(.is-bare) {background:radial-gradient(ellipse at 50% 0,#235e7a70,transparent 75%),linear-gradient(150deg,#143a54,#0c2941);color:#c6deed;border-color:#83cbe23d}
  & :is(.stage-cap,.demo-tag,.sg-cap,.sa-pair-h) {color:#aacbdc}
  & .sa-key {background:#10324b;border-color:#87cde43d;box-shadow:inset 0 1px 0 #c2f3ff12}
  & .sa-key li {color:#c8e1ed}
  & .sa-key .ico {color:#8be9ed}
  & .sa-key-n {background:#73e5ec;color:#07334a}
  & :is(.meas,.sc-ex,.sc-kpi) {background:var(--om-panel);color:#d6eaf5;border:1px solid #88cde43b;box-shadow:var(--om-shadow)}
  & :is(.meas-step,.meas-what b,.sc-kpi>.v-eq) {color:#e8f7ff}
  & :is(.meas-what,.meas-cap,.sc-ex p,.sc-ex small,.sc-kpi small) {color:#b9d4e5}
  & :is(.sc-kpi>b,.meas-n,.meas-cap .ico,.sc-roas-ar) {color:#84e9ef}
  & .meas-ev {background:#15415a;border-color:#85d4e84f}
  & .meas-ev small {color:#c3e1ef}
  & .meas-wire {background:linear-gradient(90deg,#74e4eb44,#74e4eb)}
  & .meas-wire::after {border-left-color:#74e4eb}
  & .meas-wire i {background:#83f1ed;box-shadow:0 0 0 4px #75e8ed33}
  & .v-report {background:#11344e;color:#c6e0ed;border-color:#88cde43b;box-shadow:inset 0 1px 0 #c7f8ff12}
  & .v-report-top {color:#def4ff;border-color:#8bcde438}
  & .v-report-top .ico {color:#81e7ed}
  & .v-report th {background:#1c4861;color:#c1e0ef}
  & .v-report td {color:#d6eaf4;border-color:#88cde42b}
  & .v-report tr:is(.is-on,.is-hi) {background:#22526a}
  & .meas-report tr.is-on td:first-child {box-shadow:inset 3px 0 0 #80edf0}
  & .sp-pic {background:radial-gradient(ellipse at 50% 20%,#235d7b,#10304b);border-color:#81cee344}
  & .pj-logo {box-shadow:0 5px 0 #0d354c,0 13px 23px #00152655;border:1px solid #a8cedd;border-radius:16px}
  & .pj-logo.is-dark {border-color:#59819a;box-shadow:0 5px 0 #061c31,0 13px 23px #00152655}
  & .pj-chip[aria-pressed=true] small {color:inherit}
  & .sc-step-d {background:linear-gradient(145deg,#19425d,#102d46);color:#c4dce9;border-color:#8bcede40;box-shadow:inset 0 1px 0 #c7f8ff18}
  & .sc-step-d :is(h3,h4) {color:#eff9ff}
  & .sc-step-d p {color:#bdd7e6}
  & .sc-step-d small {color:#a9cddd}
  & .sc-out {background:#174c4b;color:#b8f3dc;border:1px solid #78d9bb40}
  & .sc-out small {color:#a4e9d1}
  & .cx .lead-form {background:linear-gradient(150deg,#1b4562eF,#0b263ff5);border-color:#96d9eb45;box-shadow:0 30px 70px #000e2477,inset 0 1px 0 #cffaff22}
  & .c2-card[data-st=front] {background:radial-gradient(ellipse at 100% 0,#388e9b30,transparent 75%),linear-gradient(145deg,#19445e,#0e2a44)!important;color:#eff8ff;border-color:#8ce3ed88;box-shadow:0 35px 100px #00102099,inset 0 1px 0 #bff5ff33}
  & :is(.c2-card h2,.c2-card h3) {color:#eff8ff}
  & :is(.c2-card p,.c2-card small,.c2-card li) {color:#bbd5e5}
  & .c2-go {background:#64e5ee;color:#062d40;border-color:#9af3f4;box-shadow:0 8px 25px #011c3355}
  & :is(.ab-pane,.ab-way,.pj-col,.bm-link,.po-card) {transition:border-color .22s,box-shadow .22s,transform .22s}
  & :is(.ab-pane,.ab-way,.pj-col,.bm-link,.po-card):hover {border-color:#7edee988;box-shadow:inset 0 1px 0 #c8fbff26,0 24px 50px #000c2466}
  & :is(a,button,summary,input,select,textarea):focus-visible {outline-color:#9bf5f1}
}

/* Homepage: the landscape continues through every section, not only the hero. */
html:root:root:root:root:root body.pu-page {
  --pu-text:#eff8ff;--pu-muted:#b5d0e1;--pu-line:#88cde332;
  background:#081d32;color:#eff8ff;
  & :is(.pu-process,.pu-evidence,.pu-support-grid,.pu-trust) {--pu-text:#eff8ff;--pu-muted:#b5d0e1;--pu-line:#88cde332;color:#eff8ff}
  & :is(.pu-process,.pu-evidence,.pu-support-grid) .pu-eyebrow {color:#9fc3d9}
  & :is(.pu-process,.pu-evidence,.pu-support-grid) .pu-eyebrow>span {color:#78ecee}
  & :is(.pu-process,.pu-evidence,.pu-support-grid) .pu-link {color:#b9f4f7;border-color:#91dce648}
  & :is(.pu-process,.pu-evidence,.pu-support-grid) .pu-link:hover {color:#fff;border-color:#8aeef2}
  & .pu-trust {background:linear-gradient(110deg,#0b2943,#103952 50%,#0b2943);border-block:1px solid #8bd9eb26;padding-block:30px}
  & .pu-trust p {color:#bed8e8}
  & .pu-logo-row>span {background:#f4f9fc;border:1px solid #c9e9f4;box-shadow:0 7px 0 #051a2c,0 12px 22px #00162f55;border-radius:11px;padding:12px;min-width:0}
  & .pu-logo-row>span.is-dark {background:#111f37;border-color:#63839a}
  & .pu-logo-row img {filter:none;opacity:1;max-width:100%;object-fit:contain}

  & .pu-process {position:relative;isolation:isolate;padding-block:92px;background:radial-gradient(ellipse at 50% 80%,#17618a45,transparent 67%),linear-gradient(150deg,#0c2d47,#081d32 65%);border-block:1px solid #7bcfe42b}
  & .pu-process::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#a7f5ff80 .7px,transparent 1.2px),radial-gradient(circle at 70% 50%,#d3faff80 .7px,transparent 1.1px);background-size:273px 217px,337px 293px;opacity:.35}
  & .pu-process h2 {color:#f0f9ff;max-width:900px;font-size:clamp(32px,3.55vw,54px);line-height:1.15}
  & .pu-process-list {position:relative;isolation:isolate;gap:18px;margin-top:46px;align-items:stretch}
  & .pu-process-list::before {content:"";position:absolute;left:7%;right:7%;top:94px;height:1px;background:linear-gradient(90deg,#52bddb00,#7aeaf1,#7298e2,#7aeaf100);box-shadow:0 0 20px #40d6ec;z-index:-1}
  & .pu-process-list>li {position:relative;display:flex;flex-direction:column;padding:24px 23px 28px;border:1px solid #81cfe543;border-radius:19px;background:radial-gradient(ellipse at 50% 25%,#267da64a,transparent 58%),linear-gradient(145deg,#17415eeF,#0d2c47f5);box-shadow:var(--om-shadow);transition:transform .25s,border-color .25s;overflow:visible}
  & .pu-process-list>li::after {content:"";position:absolute;top:-1px;left:22px;width:38px;height:2px;background:#7deff1;box-shadow:0 0 15px #58dcec99}
  & .pu-process-list>li:nth-child(even) {background:radial-gradient(ellipse at 50% 25%,#46749e3a,transparent 58%),linear-gradient(145deg,#1b3e5e,#0e2945)}
  & .pu-process-list>li>span {font-size:12px;letter-spacing:.14em;color:#9fdae9;margin:0;line-height:1}
  & .om-process-art {display:block;width:150px;max-width:100%;height:145px;align-self:center;margin:3px auto 20px;overflow:visible;filter:drop-shadow(0 12px 12px #00152c66);transition:transform .3s}
  & .pu-process-list h3 {color:#f2fbff;font-size:19px;margin:0 0 10px;font-weight:550}
  & .pu-process-list p {color:#b6d1e2;font-size:14px;line-height:1.75;margin:0}
  & .pu-process .pu-actions {margin-top:34px;gap:28px}
  & .pu-evidence {padding-block:96px 64px;background:radial-gradient(ellipse at 85% 0,#184a7644,transparent 65%),#081d32}
  & .pu-evidence h2 {color:#f0f9ff}
  & .pu-project-grid {gap:24px;align-items:stretch}
  & .pu-project-card {display:flex;flex-direction:column;padding:18px 18px 25px;border:1px solid #8ed3e43d;border-radius:24px;background:linear-gradient(145deg,#123650,#0a243d);box-shadow:var(--om-shadow);overflow:hidden;min-width:0}
  & .pu-project-art {position:relative;isolation:isolate;min-height:220px;aspect-ratio:1.7;border:1px solid #9ce6f02d;border-radius:15px;background:radial-gradient(ellipse at 50% 35%,#468cb78a,transparent 65%),linear-gradient(145deg,#1b5377,#10334d);overflow:hidden;margin-bottom:25px}
  & .pu-project-card:nth-child(2) .pu-project-art {background:radial-gradient(ellipse at 50% 35%,#4d7cd278,transparent 65%),linear-gradient(145deg,#234264,#142f4c)}
  & .pu-project-card:nth-child(3) .pu-project-art {background:radial-gradient(ellipse at 50% 35%,#31a6a568,transparent 65%),linear-gradient(145deg,#185168,#103145)}
  & .pu-project-art::before {content:"";position:absolute;inset:25% 8% -22%;border:1px solid #a2e7f04d;border-radius:50%;transform:rotateX(58deg) rotate(-20deg);box-shadow:0 0 0 18px #91def00c,0 0 0 42px #91def008;z-index:-1}
  & .pu-project-art>span {display:flex;justify-content:center;align-items:center;gap:10px;padding:26px 13px;perspective:650px;width:100%;height:100%}
  & .pu-project-art img {width:29%;height:94px;max-width:110px;object-fit:contain;padding:14px 10px;border:1px solid #c8edf3;border-radius:12px;background:#f7fbfe;box-shadow:0 7px 0 #87b6c4,0 18px 28px #00132677;transform:rotateY(-12deg) rotateX(8deg);filter:none}
  & .pu-project-art img:nth-child(2) {transform:translateY(-17px) rotateY(-12deg) rotateX(8deg)}
  & .pu-project-art img.needs-dark {background:#10223a;border-color:#668aa6;box-shadow:0 7px 0 #061b2f,0 18px 28px #00132677}
  & .pu-project-card small {color:#83e6ed;letter-spacing:.08em;font-size:10px;margin:0 6px 14px}
  & .pu-project-card h3 {color:#effaff;font-size:23px;margin-inline:6px}
  & .pu-project-card p {color:#b9d2e2;margin-inline:6px}
  & .pu-project-card>.pu-link {align-self:flex-start;margin:16px 6px 0}
  & .pu-evidence-note {color:#9ebed2;font-size:12px}

  & .pu-support-grid {background:radial-gradient(ellipse at 15% 100%,#17557538,transparent 65%),#081d32;gap:28px;padding-block:32px 96px}
  & :is(.pu-journal,.pu-faq) {background:var(--om-panel);padding:34px;border:1px solid #89cce438;border-radius:24px;box-shadow:var(--om-shadow);min-width:0}
  & :is(.pu-journal,.pu-faq) h2 {color:#f0f9ff;font-size:clamp(24px,2.5vw,35px);margin-bottom:24px}
  & .pu-article {border-color:#94cee530}
  & .pu-article small {color:#7de7ef}
  & .pu-article h3 {color:#e4f3fb}
  & .pu-article>span {color:#a5cbdc}
  & .pu-faq details {border-color:#94cee530}
  & .pu-faq summary {color:#e4f3fb}
  & .pu-faq summary::after {color:#7ee9ef}
  & .pu-faq details[open] summary {color:#98f1f1}
  & .pu-faq p {color:#bad5e4}
  & .pu-contact {border-top:1px solid #7bcfe42b}
}

/* Shared readable form surfaces; retain native controls, states and transport. */
html:root:root:root:root:root body:is(.om-inner,.pu-page) {
  & .lf-wrap {--surface:#12354f;--surface-3:#0d2b44;--text:#eef8ff;--text-2:#c3dce9;--muted:#a9c8da;--edge:#97cede40;--lf-a:#75e8ed;--btn:#64e5ee;--btn-text:#062d40;--btn-border:#97f2f2;--chrome-bg-deep:#153b55;--chrome-edge:#8cd8e65c}
  & :is(.lf,.lf-done) {background:linear-gradient(145deg,#1c4560f5,#0d2b44fa);color:#eef8ff;box-shadow:inset 0 1px 0 #ccfaff1f,0 28px 60px #00132655}
  & .lf-title {color:#8cf1f1}
  & :is(.lf-f label,.lf-set legend) {color:#d2e7f2}
  & :is(.lf-f label em,.lf-set legend em,.lf-fine) {color:#a9c8da}
  & :is(.lf-box input,.lf-box textarea,.lf-sel) {color:#eefaff;background:#08253d;border-color:#91d5e34a;box-shadow:inset 0 2px 6px #00132628}
  & :is(.lf-box input,.lf-box textarea)::placeholder {color:#a5c3d6}
  & .lf-chip span {color:#c7deeb;background:#123850;border-color:#94cfe340}
  & .lf-chip input:checked+span {color:#ddffff;background:#20516a;border-color:#78e9ee;box-shadow:inset 0 0 0 1px #78e9ee}
  & .lf-go {background:linear-gradient(115deg,#72e9ed,#4fd5e3);color:#062d40;border-color:#b2fcf5;box-shadow:0 5px 0 #178b9b,0 12px 26px #00172955}
  & .lf-go:hover {background:#a0f5f3}
  & .lf-sel-list {background:#10324e;color:#ecf8ff;border-color:#8bdce45c;box-shadow:0 18px 50px #00112599}
  & .lf-sel-list .lf-opt span {color:#c9e0ed}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  html:root:root:root:root:root body.pu-page .pu-process-list>li:hover {transform:translateY(-7px);border-color:#8cecf0}
  html:root:root:root:root:root body.pu-page .pu-process-list>li:hover .om-process-art {transform:translateY(-4px)}
}
@media(max-width:1100px) {
  html:root:root:root:root:root body.pu-page {
    & .pu-process-list {gap:15px}
    & .pu-process-list>li {padding:20px 18px 24px}
    & .pu-project-card {padding:12px 12px 22px}
    & .pu-project-art {min-height:180px}
    & .pu-project-art img {height:78px;padding:10px 7px}
    & :is(.pu-journal,.pu-faq) {padding:26px}
  }
}
@media(max-width:760px) {
  html:root:root:root:root:root body.pu-page {
    & .pu-process {padding-block:64px}
    & .pu-process-list {grid-template-columns:1fr;gap:16px;margin-top:30px}
    & .pu-process-list::before {top:0;bottom:0;left:64px;right:auto;width:1px;height:auto;background:linear-gradient(#7aeaf100,#7aeaf1,#7aeaf100)}
    & .pu-process-list>li {display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:17px;row-gap:0;padding:22px 20px 22px 12px}
    & .pu-process-list>li>span {grid-column:2;grid-row:1;margin:0 0 10px}
    & .om-process-art {grid-column:1;grid-row:1/4;width:108px;height:auto;max-width:108px;margin:0;align-self:center}
    & .pu-process-list h3 {grid-column:2;grid-row:2;font-size:18px}
    & .pu-process-list p {grid-column:2;grid-row:3;font-size:13px}
    & .pu-process .pu-actions {gap:17px}
    & .pu-evidence {padding-block:60px 40px}
    & .pu-project-grid {gap:20px}
    & .pu-project-art {min-height:200px}
    & .pu-project-art img {height:88px}
    & .pu-support-grid {gap:20px;padding-block:20px 60px}
    & :is(.pu-journal,.pu-faq) {padding:24px 22px;border-radius:20px}
    & .pu-logo-row>span {padding:9px;border-radius:9px}
  }
}
@media(max-width:360px) {
  html:root:root:root:root:root body.pu-page .pu-process-list>li {grid-template-columns:80px minmax(0,1fr);column-gap:12px;padding-right:15px}
  html:root:root:root:root:root body.pu-page .om-process-art {width:85px;max-width:85px}
}