/* mono-size-100 identity: self-hosted fonts and a shared lilac product palette. */
@font-face {font-family:'Space Grotesk';src:url('/assets/space-grotesk.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
@font-face {font-family:'Space Mono';src:url('/assets/space-mono.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.mono-product, .mono-landing {
  --bg:#F8F4FF;--paper:#fff;--text:#1E1438;--ink:#1E1438;--brand-dark:#1E1438;
  --accent:#6A3FE0;--accent2:#A57CF5;--muted:#75668F;--nav:#3E3360;--line:#E7DFF7;
  --soft-orange:#F0E8FF;--soft-green:#EEE8F8;--radius:8px;
  --card:#fff;--btn:#6A3FE0;--btn-ink:#fff;
  --pop-radius:4px;--pop-border:1px solid #1E1438;--pop-shadow:none;
  font-family:'Space Grotesk',system-ui,sans-serif;color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
.mono-brand {display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-family:'Space Grotesk',sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}
.mono-product .mono-brand img,.mono-landing .mono-brand img {width:42px;height:42px;object-fit:contain;filter:none;transform:none}
.mono-landing h1,.mono-landing h2,.mono-landing h3 {font-family:'Space Grotesk',sans-serif;font-weight:500}
.mono-landing .hero {position:relative;height:100vh;height:100svh;min-height:600px;overflow:hidden}
.mono-landing .world {position:absolute;inset:0;width:100%;height:100%}
.mono-landing .overlay {position:absolute;inset:0;pointer-events:none}
.mono-landing .nav {position:absolute;z-index:5;top:0;left:0;right:0;height:112px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8.4%}
.mono-landing .links {display:flex;gap:60px}
.mono-landing .links a,.mono-landing .login {color:var(--nav);font-size:1.05rem;font-weight:500;text-decoration:none}
.mono-landing .login {justify-self:end;display:inline-flex;gap:20px}
.mono-landing .copy {position:absolute;z-index:4;left:8.4%;top:50%;transform:translateY(-46%);max-width:640px}
.mono-landing h1 {margin:0;letter-spacing:-.05em;line-height:1.02;font-size:clamp(3rem,min(5.6vw,10vh),6.2rem)}
.mono-landing h1 .team {display:block;margin-top:.2em;font-size:.6em;letter-spacing:-.025em;background:linear-gradient(90deg,var(--accent),var(--accent2));background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom:.06em}
.mono-landing .sub {margin:4vh 0 5.6vh;font-family:'Space Mono',monospace;font-size:clamp(1rem,min(1.4vw,2.5vh),1.4rem);letter-spacing:-.01em;line-height:1.45;color:var(--muted);max-width:18em}
.mono-landing .ctas {display:flex;align-items:center;gap:44px;flex-wrap:wrap}
.mono-landing .go {display:inline-flex;align-items:center;gap:42px;padding:21px 36px;border-radius:4px;background:var(--btn);color:#fff;text-decoration:none;font-size:1.28rem;font-weight:500;box-shadow:0 18px 40px -18px var(--accent);transition:transform .2s}
.mono-landing .go:hover {transform:translateY(-2px);background:#5830C5}
.mono-landing .meet {display:inline-flex;align-items:center;gap:20px;text-decoration:none;color:var(--nav);font-size:1.18rem;font-weight:500}
.mono-landing .arrow {width:18px;height:18px}
.mono-landing .agents {padding:100px 8.4% 80px;scroll-margin-top:24px}
.mono-landing .agents h2 {margin:0 0 12px;font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.05em}
.mono-landing .agents h2 span {color:var(--accent)}
.mono-landing .agents > p {margin:0 0 50px;color:var(--muted);font-size:1.15rem;max-width:34em}
.mono-landing .crew {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.mono-landing .member {background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px 20px 26px;text-align:center;transition:transform .25s}
.mono-landing .member:hover {transform:translateY(-6px)}
.mono-landing .member svg {width:128px;max-width:100%;height:104px;display:block;margin:0 auto 10px;overflow:visible}
.mono-landing .member h3 {margin:0 0 6px;font-size:1.3rem}
.mono-landing .member h3 span {color:var(--accent);font-size:.85em}
.mono-landing .member p {margin:0;color:var(--muted);font-size:.96rem;line-height:1.45}
.mono-landing footer {padding:30px 8.4% 36px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line)}
.mono-landing .sk-pop .top span,.mono-landing .sk-pop p {font-family:'Space Mono',monospace}
.mono-landing .flag {transform-box:fill-box;transform-origin:left center;animation:mono-flag 1.8s ease-in-out infinite}
@keyframes mono-flag {50% {transform:skewY(9deg) scaleX(.88)}}
.mono-landing a:focus-visible,.mono-product :is(a,button,input,textarea,select):focus-visible {outline:3px solid #6A3FE0;outline-offset:4px}
/* Workspace and authentication share the landing's type, surfaces and precise corners. */
.mono-product :is(h1,h2,h3,h4,button,input,textarea,select) {font-family:inherit}
.mono-product :is(h1,h2,h3,h4) {color:var(--ink);font-weight:500;letter-spacing:-.035em}
.mono-product :is(.eyebrow,.nav-caption,.small-label,.mono,.auth-caption,.app-footer,.field-help) {font-family:'Space Mono',monospace}
.mono-product :is(.sidebar,.auth-story) {background:#EEE6FA;border-color:var(--line)}
.mono-product :is(.app-area,.app-main,.auth-main) {background:var(--bg)}
.mono-product :is(.app-header,.panel,.stat-card,.agent-card,.auth-form-wrap) {border-color:var(--line)}
.mono-product .app-header {background:rgba(248,244,255,.96)}
.mono-product :is(.welcome-banner,.sidebar-note) {background:#EAE0FA;color:var(--ink)}
.mono-product :is(.nav-item.active,.tabs button.active,.workspace-avatar,.user-avatar) {background:#E3D5FA;color:#5630B5}
.mono-product :is(.nav-item:hover,.guest-avatar,.round-icon.purple) {background:#EEE6FA;color:#5630B5}
.mono-product .button {border-radius:4px;background:var(--accent);border-color:var(--accent);color:#fff}
.mono-product .button:hover {background:#5830C5;border-color:#5830C5}
.mono-product .button.secondary {background:#fff;color:var(--accent);border-color:var(--line)}
.mono-product .button.dark {background:var(--ink);border-color:var(--ink)}
.mono-product :is(input,textarea,select) {border-radius:6px;border-color:#D9CDEC;color:var(--ink)}
.mono-product :is(.panel,.agent-card,.stat-card,.sidebar-note,.workspace-switch) {border-radius:8px}
.mono-product .auth-story h1 em {color:var(--accent);font-style:normal}
.mono-product .auth-story-copy > p,.mono-product .auth-caption {color:var(--nav)}
.mono-product .header-help {color:var(--accent)}
@media(max-width:1100px) {.mono-landing .crew {grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Mobile layout synced with rovanima-claude's ski-world variants. */
@media(max-width:860px),(max-aspect-ratio:1/1) {
  .mono-landing .nav {height:80px;grid-template-columns:1fr auto;padding:0 6%}
  .mono-landing .links {display:none}
  .mono-landing .copy {left:7%;right:7%;top:48%;transform:translateY(-50%);max-width:none;text-align:left;padding:0;background:none}
  .mono-landing .copy::before {content:"";position:absolute;inset:-60px -12% -60px -16%;z-index:-1;pointer-events:none;
    background:radial-gradient(closest-side,color-mix(in srgb,var(--bg) 45%,transparent) 50%,transparent 100%);
    -webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);mask-image:radial-gradient(closest-side,#000 55%,transparent 100%)}
  .mono-landing .hero::after {content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:color-mix(in srgb,var(--bg) 80%,transparent)}
  .mono-landing .overlay {display:none} /* Match the source: no name popups on mobile. */
  .mono-landing h1 {font-size:clamp(2.5rem,11vw,4rem)}
  .mono-landing .sub {margin:2vh 0 3.6vh;max-width:19em}
  .mono-landing .ctas {justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:22px}
  .mono-landing .go {padding:15px 24px;gap:20px;font-size:1.08rem}
  .mono-landing .crew {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px) {
  .mono-landing .agents {padding:64px 6%}
  .mono-landing .member {padding:20px 12px}
}
.mono-product :is(.workspace-avatar,.banner-stamp strong,.workflow-explanation > h2) {font-family:'Space Grotesk',sans-serif}

/* Glance lockup sizing from the source landing, shared by auth and workspace. */
.mono-brand:has(.glance-logo) { gap:8px; }
.mono-brand .glance-logo { width:34px; height:34px; flex:none; transform:translateY(1px); }
@media(max-width:860px) { .mono-brand .glance-logo { width:30px; height:30px; } }