@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

/* Approved MojVlez. open-threshold identity, 2 November 2026. */
:root{--ink:#142d4e;--green:#142d4e;--muted:#536578;--paper:#f5f3ed;--soft:#dbe7f7;--lime:#f3a36a;--line:#d5dce4;--brand-accent:#f3a36a}
body{font-family:Inter,Arial,sans-serif}
h1,h2,h3,.brand,.workflow-app-brand{font-family:Manrope,Arial,sans-serif}
h1{font-size:clamp(42px,4.5vw,63px);font-weight:750;letter-spacing:-2.6px;line-height:1.16}
h1 em{color:#fff}
h2{font-weight:650}
.brand{gap:9px;letter-spacing:-1.4px;white-space:nowrap}
.brand svg.brand-mark{width:36px;height:36px;fill:none;stroke:none;flex:none}
.brand-word{display:block}
.brand-promise{font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:750;color:var(--brand-accent);margin:0 0 22px}
.hero-description{color:#dbe7f7}
.hero-note{color:#c8d3e3}
.status>span:first-child,.live-dot{background:var(--brand-accent)}
.button{border-radius:999px;background:var(--brand-accent);color:#142d4e}
.button:hover{background:#ffb981}
.hero-art{background:#dbe7f7}
.sun{background:#f3a36a;opacity:.55}
.principle-inner .asterisk,.closing-seal>span{color:var(--brand-accent)}
.workflow-app-brand>span{color:#a94e19}
.workflow-timeline>span{background:#cf753b}
.workflow-player,.people-panel,.feature-grid article{border-radius:18px}
.workflow-avatar{background:#f3a36a;color:#142d4e}
.closing .eyebrow{color:#f3a36a}
.closing h2{font-weight:650}
.footer .brand svg.brand-mark{width:30px;height:30px}
[data-theme=dark]{--ink:#e8edf5;--green:#f3a36a;--muted:#b0bdcf;--paper:#101b2a;--card:#192c44;--soft:#1b304a;--line:#34455d}
[data-theme=dark] .hero,[data-theme=dark] .closing{background:#142d4e}
[data-theme=dark] .tabs button[aria-selected=true]{background:#f3a36a;color:#142d4e}
[data-theme=dark] .workflow-app-brand>span{color:#f3a36a}
@media(max-width:760px){.nav{gap:8px}.brand{font-size:23px;gap:4px;letter-spacing:-1.1px}.brand svg.brand-mark{width:29px;height:29px}.theme-toggle{width:34px;height:34px}.hero-grid{padding-top:42px}h1{font-size:clamp(38px,10vw,57px);letter-spacing:-1.9px;line-height:1.18}.brand-promise{font-size:19px}.languages button{padding:7px 6px}.closing h2{font-size:42px}}
@media(max-width:360px){.nav{padding-inline:16px;gap:5px}.brand{font-size:21px}.brand svg.brand-mark{width:25px;height:25px}.languages button{padding-inline:5px}}
