/* Milo Argon v2: all-route design language. Scoped by tokens and semantic components. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root,[data-theme="milo-light"]{color-scheme:light;--milo-canvas:#FAF9F6;--milo-surface:#ffffff;--milo-card:#ffffff;--milo-soft:#f1f2f7;--milo-ink:#101827;--milo-muted:#637084;--milo-border:#e2e6ec;--milo-brand:#176b53;--milo-shadow:0 8px 35px rgba(15,23,42,.055);--milo-primary:#176b53;--milo-focus:#176b53}
[data-theme="milo-dark"]{color-scheme:dark;--milo-canvas:#0b0f19;--milo-surface:#111827;--milo-card:#141e2e;--milo-soft:#182235;--milo-ink:#f8fafc;--milo-muted:#aab5c6;--milo-border:#2a3549;--milo-brand:#70c7a3;--milo-shadow:0 15px 40px rgba(0,0,0,.18);--milo-primary:#70c7a3;--milo-focus:#70c7a3}
html{scroll-behavior:smooth}body,button,input,select,textarea{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif!important}body{background:var(--milo-canvas)!important;color:var(--milo-ink)!important;font-size:14px;letter-spacing:-.005em}
:where(h1,h2,h3,h4,h5,h6){font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-.037em;line-height:1.19}
:where(p,li,label){line-height:1.65} :where(code,pre,kbd,.font-mono){font-family:'JetBrains Mono','IBM Plex Mono',monospace!important;letter-spacing:-.015em}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--milo-focus)!important;outline-offset:3px!important}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--milo-surface);border:1px solid var(--milo-border);color:var(--milo-ink);border-radius:12px;min-height:44px;transition:border-color .16s,box-shadow .16s}
:where(input,select,textarea):focus{border-color:var(--milo-brand);box-shadow:0 0 0 3px rgba(23,107,83,.14)}
:where(button,[role=button]){border-radius:11px;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}
:where(button:not(:disabled),[role=button]):hover{transform:translateY(-1px)}:where(button):disabled{cursor:not-allowed;transform:none}
:where(.milo-public-header,#workspace-main>.sticky,#workspace-navigation){backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.milo-public-header{background:color-mix(in srgb,var(--milo-canvas) 90%,transparent)!important;border-bottom:1px solid var(--milo-border)!important}
:where(.milo-public-page,.milo-jobs-page,#workspace-main){color:var(--milo-ink)}
:where(.milo-plan,.milo-feature-card,.milo-job-card,.milo-search-panel,.milo-action-card,.milo-tool-card,.milo-card,.milo-billing-card){background:var(--milo-card)!important;color:var(--milo-ink)!important;border:1px solid var(--milo-border)!important;border-radius:20px!important;box-shadow:var(--milo-shadow)!important}
:where(.milo-public-page,#workspace-main) :where(.rounded-lg,.rounded-xl,.rounded-2xl){border-radius:15px}
:where(.milo-public-page,#workspace-main) .shadow-sm{box-shadow:0 4px 20px rgba(15,23,42,.055)!important}
:where(#workspace-main,#workspace-navigation) :where(.bg-white,.bg-stone-50,.bg-stone-100){background-color:var(--milo-surface)!important}
:where(#workspace-main,#workspace-navigation) :where(.text-stone-900,.text-stone-800){color:var(--milo-ink)!important}
:where(#workspace-main,#workspace-navigation) :where(.border-stone-200,.border-stone-300){border-color:var(--milo-border)!important}
#workspace-navigation{background:var(--milo-surface)!important;border-right:1px solid var(--milo-border);box-shadow:8px 0 32px rgba(10,15,27,.025)}
#workspace-navigation nav a{border-radius:11px!important;margin:2px 6px;min-height:38px;transition:background .15s,color .15s}
#workspace-navigation nav a[aria-current=page]{background:rgba(23,107,83,.10)!important;color:var(--milo-brand)!important}
#workspace-main{background:var(--milo-canvas)!important;min-height:100vh}
#workspace-main>header,#workspace-main>.sticky{background:color-mix(in srgb,var(--milo-canvas) 90%,transparent)!important;border-bottom:1px solid var(--milo-border)}
#workspace-main :where(article,section,aside)[class*="border"]{border-color:var(--milo-border)}
#workspace-main :where(table){border-collapse:separate;border-spacing:0;width:100%}
#workspace-main :where(th){font-size:11px;text-transform:uppercase;letter-spacing:.075em;color:var(--milo-muted);font-weight:700}
#workspace-main :where(tr){border-bottom:1px solid var(--milo-border)}
.milo-logo-image{object-fit:contain!important;max-width:120px;max-height:70px;width:auto!important;height:60px!important}
.milo-home-link{display:inline-flex;align-items:center;min-height:64px}
.milo-coming-soon{background:var(--milo-soft);border-color:var(--milo-border);color:var(--milo-muted)}
.milo-public-page .milo-plan-pending{background:var(--milo-soft)!important;color:var(--milo-muted)!important}
::selection{background:#176b53;color:#fff}
@media(max-width:700px){body{font-size:14px}:where(.milo-public-page,#workspace-main) h1{font-size:clamp(28px,6vw,45px)}.milo-logo-image{height:48px!important;max-width:100px}#workspace-navigation{box-shadow:12px 0 40px rgba(0,0,0,.15)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}