/* MyOffice web design system 1.0 | 2026-09-21 */
/* Core colours/font families are extracted from myoffice.cz. */
/* Readable muted text, control borders and semantic states extend the source. */
:root {
  --mo-bg: #07070f;
  --mo-bg-halo: #15103a;
  --mo-surface: #0a0f19;
  --mo-surface-raised: #101522;
  --mo-cyan: #00f0ff;
  --mo-purple: #7b61ff;
  --mo-heading: #ffffff;
  --mo-body: #94a3b8;
  --mo-muted-source: #64748b;
  --mo-muted: #8997ad;
  --mo-border: rgba(255,255,255,.06);
  --mo-control-border: #5B6880;
  --mo-error: #ff7a8a;
  --mo-success: #4ade80;
  --mo-warning: #fbbf24;
  --mo-gradient: linear-gradient(135deg, var(--mo-cyan), var(--mo-purple));
  --mo-font-heading: 'Bricolage Grotesque', system-ui, sans-serif;
  --mo-font-body: 'JetBrains Mono', ui-monospace, monospace;
  --mo-space-1: 4px;
  --mo-space-2: 8px;
  --mo-space-3: 12px;
  --mo-space-4: 16px;
  --mo-space-6: 24px;
  --mo-space-8: 32px;
  --mo-space-12: 48px;
  --mo-space-16: 64px;
  --mo-radius-field: 12px;
  --mo-radius-card: 14px;
  --mo-radius-shell: 24px;
  --mo-radius-pill: 999px;
  --mo-content-width: 1440px;
  --mo-form-width: 880px;
  --mo-login-width: 560px;
  --mo-motion: 180ms ease;
  --mo-shadow: 0 30px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
}

/* MyMFA adaptation: product logo and approved countdown reference are unchanged. */
:root{--bg:var(--mo-bg);--panel:var(--mo-surface);--text:var(--mo-heading);--body:var(--mo-body);--line:var(--mo-border);--cyan:var(--mo-cyan);--purple:var(--mo-purple);--heading:var(--mo-font-heading);--mono:var(--mo-font-body)}
body{background:radial-gradient(ellipse at 50% 0,var(--mo-bg-halo),transparent 720px),var(--mo-bg);color:var(--mo-body);font-family:var(--mo-font-body)}
.wrap,.language-switch{width:min(var(--mo-content-width),calc(100% - clamp(32px,10vw,128px)))}
.header{border-color:var(--mo-border)}
h1,h2,h3{color:var(--mo-heading);font-family:var(--mo-font-heading);letter-spacing:-.02em}
h1{line-height:1.1}h2{line-height:1.12}
h1>span,.gradient-text{background-image:var(--mo-gradient)}
.button,.nav-contact,.language-switch a,.status{border-radius:var(--mo-radius-pill)}
.button{min-height:48px;padding:12px 24px;transition:transform var(--mo-motion),box-shadow var(--mo-motion),background var(--mo-motion);border:1px solid var(--mo-control-border)}
.button.primary{background:var(--mo-cyan);color:var(--mo-bg);border-color:var(--mo-cyan)}
.button:hover{transform:translateY(-2px);box-shadow:0 0 24px #00f0ff20}
.nav-contact{border-color:var(--mo-control-border)}
.header nav a,.language-switch a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.language-switch a{border-color:var(--mo-control-border);padding:8px 16px}
.language-switch a:hover,.language-switch a[aria-current=page]{color:var(--mo-cyan);border-color:var(--mo-cyan);background:var(--mo-surface-raised)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mo-cyan);outline-offset:4px}
.app-platform,.privacy-summary{background:var(--mo-surface);border:1px solid var(--mo-border);border-radius:var(--mo-radius-card);padding:var(--mo-space-8)}
.app-platforms{gap:var(--mo-space-6)}
.privacy-summary{border-radius:var(--mo-radius-shell)}
.section-note{background:var(--mo-surface-raised);border-left-color:var(--mo-purple);color:var(--mo-body);border-radius:0 var(--mo-radius-field) var(--mo-radius-field) 0;padding:var(--mo-space-6)}
.product-section,.context-band{background:var(--mo-surface);border-color:var(--mo-border)}
.status{color:var(--mo-muted);border-color:var(--mo-control-border);padding:4px 12px}
.status.pilot{color:var(--mo-cyan);border-color:var(--mo-cyan);background:transparent}
.availability,.context-inner,.capability-index,.privacy-date,.footer p span,.flow-visual figcaption,.muted-heading{color:var(--mo-muted)}
.eyebrow{font-weight:700;letter-spacing:.12em}
.steps p,.capability p,.app-features p,.section-heading>p:last-child,.product-intro>p:not(.eyebrow),.privacy-page section p,.privacy-page li{font-size:1rem;line-height:1.8}
.privacy-page{max-width:1040px}.privacy-toc a{min-height:44px;display:inline-flex;align-items:center}.privacy-page section{padding-top:var(--mo-space-12)}
@media(max-width:768px){.wrap,.language-switch{width:calc(100% - 32px)}.section{padding-block:var(--mo-space-16)}.app-platform,.privacy-summary{padding:20px}.section-note{padding:16px}.privacy-page section{padding-top:32px}.language-switch{gap:8px;flex-wrap:wrap}.language-switch a{padding:8px 12px}.button{padding:12px 20px}.hero-actions{gap:16px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
@media print{body{background:white;color:#202030}.product-section,.context-band,.app-platform,.privacy-summary,.section-note{background:none}.button.primary{background:none;color:#111}.wrap{width:100%}}