@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Space+Grotesk:wght@500;600&display=swap";:root{--bg: #f4f1ea;--panel: #ffffff;--ink: #1d252c;--muted: #5c6b73;--accent: #0c7c7b;--accent-2: #f1b564;--border: #e6ded1;--shadow: 0 20px 60px rgba(15, 30, 60, .12);--radius: 18px}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:radial-gradient(circle at top,#fff6e8,#f4f1ea 60%);min-height:100vh}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0 0 12px}p{margin:0 0 12px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid var(--border);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:16px}.brand-mark{background:var(--accent);color:#fff;padding:6px 10px;border-radius:10px;font-weight:600}.brand-title{font-weight:600;margin:0}.brand-subtitle{margin:0;font-size:13px;color:var(--muted)}.nav{display:flex;gap:16px}.nav-link{text-decoration:none;color:var(--muted);font-weight:500;padding:8px 12px;border-radius:999px;transition:all .2s ease}.nav-link.active{background:#eef6f6;color:var(--accent)}.content{flex:1;padding:40px}.page{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600;color:var(--accent)}.muted{color:var(--muted)}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--panel);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border)}.card-row{display:flex;gap:12px;margin-top:16px}.stack{display:flex;gap:12px;flex-wrap:wrap}.button{border:1px solid var(--border);background:transparent;color:var(--ink);padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:600}.button.primary{background:var(--accent);color:#fff;border-color:transparent}.button.ghost{background:#f6f0e6}.widget-shell{max-width:420px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--border)}.widget-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.chip-group{display:flex;flex-direction:column;gap:6px}.chip{background:#f2efe8;padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted)}.widget-body{background:#f8f5f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:260px}.bubble{padding:12px 14px;border-radius:14px;max-width:85%;background:#fff;border:1px solid var(--border)}.bubble.user{align-self:flex-end;background:#e3f3f3;border-color:transparent}.widget-input{display:flex;gap:8px}.widget-input input{flex:1;padding:10px 12px;border-radius:999px;border:1px solid var(--border);font-family:inherit}@media(max-width:900px){.topbar{flex-direction:column;align-items:flex-start;gap:16px}.content{padding:24px}.page-header{flex-direction:column;align-items:stretch}}