@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", Menlo, monospace;--cohere-black:#000;--near-black:#212121;--deep-dark:#17171c;--interaction-blue:#1863dc;--focus-purple:#9b60aa;--pure-white:#fff;--snow:#fafafa;--lightest-gray:#f2f2f2;--border-cool:#d9d9dd;--border-light:#e5e7eb;--muted-slate:#93939f;--status-success:#10b981;--status-urgent:#e13238}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--snow);color:var(--near-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.display-hero{font-family:var(--font-display);letter-spacing:-1.44px;color:var(--cohere-black);font-size:72px;font-weight:600;line-height:1}.display-large{font-family:var(--font-display);letter-spacing:-.48px;color:var(--cohere-black);font-size:48px;font-weight:500;line-height:1.2}.heading-section{font-family:var(--font-display);letter-spacing:-.32px;color:var(--near-black);font-size:32px;font-weight:500;line-height:1.2}.heading-card{font-family:var(--font-body);color:var(--cohere-black);font-size:24px;font-weight:500;line-height:1.3}.body-large{color:var(--near-black);font-size:18px;font-weight:400;line-height:1.4}.body{color:var(--near-black);font-size:16px;font-weight:400;line-height:1.5}.caption{color:var(--muted-slate);font-size:14px}.code-mono-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.28px;color:var(--muted-slate);font-size:14px}button,input,select{border:none;outline:none;font-family:inherit}.btn{cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:500;transition:all .2s;display:inline-flex}.btn-ghost{color:var(--cohere-black);background-color:#0000}.btn-ghost:hover{color:var(--interaction-blue)}.btn-ghost:focus{outline:2px solid var(--interaction-blue);outline-offset:2px}.btn-solid{background-color:var(--cohere-black);color:var(--pure-white)}.btn-solid:hover{background-color:var(--interaction-blue);box-shadow:0 4px 12px #1863dc33}.btn-outline{color:var(--cohere-black);border:1px solid var(--border-cool);background-color:#0000}.btn-outline:hover{border-color:var(--interaction-blue);color:var(--interaction-blue)}.input-base{background-color:var(--pure-white);border:1px solid var(--border-light);color:var(--cohere-black);border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:all .2s}.input-base:focus{border-color:var(--focus-purple);box-shadow:0 0 0 2px #9b60aa1a}.cohere-card{background-color:var(--pure-white);border:1px solid var(--lightest-gray);border-radius:22px;padding:32px}.cohere-card-emphasized{background-color:var(--pure-white);border:1px solid var(--border-cool);border-radius:22px;padding:32px}.purple-band{color:var(--pure-white);background:linear-gradient(135deg,#1f1b2e,#31264c,#1a1625);border-radius:22px;padding:48px}.purple-band .display-large,.purple-band .heading-section,.purple-band .heading-card,.purple-band .body{color:var(--pure-white)}.purple-band .muted-text{color:#a8a0c2}.pill{border:1px solid var(--border-cool);background-color:var(--pure-white);border-radius:9999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.pill-success{background-color:var(--status-success);color:var(--pure-white);border:none}.pill-urgent{background-color:var(--status-urgent);color:var(--pure-white);border:none}.app-wrapper{min-height:100vh;display:flex}.main-sidebar{background-color:var(--pure-white);border-right:1px solid var(--border-light);flex-direction:column;width:280px;height:100vh;padding:32px 24px;display:flex;position:fixed}.brand-logo{font-family:var(--font-display);color:var(--cohere-black);letter-spacing:-.5px;align-items:center;gap:8px;margin-bottom:40px;font-size:18px;font-weight:700;display:flex}.brand-logo span{background-color:var(--deep-dark);border-radius:6px;width:24px;height:24px;display:inline-block}.nav-link{color:var(--near-black);border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.nav-link:hover{color:var(--interaction-blue);background-color:var(--snow)}.nav-link.active{color:var(--interaction-blue);background-color:#1863dc0d}.layout-content{flex:1;min-height:100vh;margin-left:280px}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background-color:#fafafacc;justify-content:flex-end;padding:24px 60px;display:flex;position:sticky;top:0}.page-content{max-width:1440px;margin:0 auto;padding:24px 60px 80px}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-enter{animation:.4s forwards fadeInSlide}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--snow)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}