/* MemaDesk Marketing: bright by default, independent of OS appearance */
:root,:root[data-theme="light"] {
  color-scheme:light;
  --bg:#F5F7FB;--surface:#FFFFFF;--ink:#0B1F33;--soft:#455B72;--line:#DCE3EE;
  --blue:#04003F;--blue-ink:#3326A0;--blue-soft:#EAE9FA;--ok:#147C54;--ok-soft:#E1F4EA;
  --warn:#8A5A12;--warn-soft:#FBEFDC;--bad:#B42318;--bad-soft:#FDECEA;
  --deep:#101F34;--on-deep:#ECF3FC;--deep-soft:#1A304A;
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --bg:#08121E;--surface:#0F1F31;--ink:#EAF0F8;--soft:#AAC0D4;--line:#25405A;
  --blue:#AAA3FF;--blue-ink:#B8B2FF;--blue-soft:#2A254F;--ok:#54D39A;--ok-soft:#113A2B;
  --warn:#F2C47E;--warn-soft:#3A2C12;--bad:#FF9289;--bad-soft:#3A1614;
  --deep:#050C14;--on-deep:#EDF3FE;--deep-soft:#132B45;
}
:root[data-theme="light"] .btn:not(.line):not(.on-deep) {background:#04003F;color:#fff}
:root[data-theme="light"] .btn:not(.line):not(.on-deep):hover {background:#2B2178;color:#fff}
:root[data-theme="dark"] .btn:not(.line):not(.on-deep) {background:#AAA3FF;color:#04003F}
:root[data-theme="dark"] .btn:not(.line):not(.on-deep):hover {background:#CEC9FF;color:#04003F}
:root[data-theme="dark"] .plan.dark .btn:not(.line):not(.on-deep){background:#fff;color:#0B1F33}
.top .wrap {gap:12px;min-height:64px;height:auto}
.theme-switch{display:inline-flex;align-items:center;gap:6px;min-width:85px;justify-content:center;flex:none;border:1px solid var(--line);border-radius:10px;padding:8px 9px;background:var(--surface);color:var(--ink);font:600 13px/1.25 system-ui,sans-serif;cursor:pointer}
.theme-switch:hover{background:var(--blue-soft)}
.theme-switch:focus-visible{outline:3px solid var(--blue-ink);outline-offset:2px}
.term-note{margin:12px 0 18px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--blue-soft);color:var(--ink);font-size:14px;line-height:1.55}
.cmpwrap[hidden]{display:none!important}
.cmp th,.cmp td{vertical-align:middle}
.founders .avs .av:has(img){overflow:hidden;padding:0}
.founders .avs .av img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.person .av.portrait{overflow:hidden;background:var(--surface);border:2px solid var(--line)}
.person .av.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 26%;display:block}
@media(max-width:720px){.theme-switch{min-width:42px;padding:9px}.theme-switch .switch-label{display:none}.top .wrap{padding-top:5px;padding-bottom:5px}.top nav{min-width:0}.top .logo .wm{font-size:19px}}
