@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #f3ede2;--surface: rgba(255, 249, 240, .72);--surface-strong: #fffaf2;--surface-ink: #173233;--text: #173233;--muted: #5c6d6c;--line: rgba(23, 50, 51, .12);--accent: #d45d38;--accent-strong: #b34728;--accent-soft: rgba(212, 93, 56, .14);--teal: #2c7a7b;--shadow: 0 24px 60px rgba(29, 47, 48, .12);color:var(--text);background:radial-gradient(circle at top left,rgba(212,93,56,.18),transparent 30%),radial-gradient(circle at right 20%,rgba(44,122,123,.2),transparent 22%),linear-gradient(180deg,#fff8ee 0%,var(--bg) 55%,#efe4d1 100%);font-family:Fraunces,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:transparent;font-family:IBM Plex Sans,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,a{transition:transform .16s ease,border-color .16s ease,background-color .16s ease}#root{min-height:100vh}.app-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 4rem}.hero,.section,.panel-card,.integration-card{animation:rise .56s ease both}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;align-items:stretch}.hero__copy,.hero__panel,.panel-card,.integration-card{border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero__copy{padding:2.25rem;background:linear-gradient(140deg,#fffaf2e6,#fff5e8b8)}.hero__panel{padding:1.5rem;background:linear-gradient(180deg,#173233fa,#1b4445eb);color:#f4efe7}.eyebrow,.panel__label,.panel-card__tag{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700}.eyebrow{color:var(--accent-strong);margin:0 0 1rem}.hero h1,.section h2{font-family:Fraunces,Georgia,serif;line-height:.98;margin:0}.hero h1{font-size:clamp(3rem,5vw,5.2rem);max-width:12ch}.hero__lead{max-width:60ch;margin:1.5rem 0 2rem;font-size:1.05rem;line-height:1.7;color:var(--muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:.9rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.8rem 1.2rem;border-radius:999px;border:1px solid transparent;font-weight:700}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--accent);color:#fff7f1}.button--primary:hover{background:var(--accent-strong)}.button--ghost{border-color:var(--line);background:#ffffff80}.panel__label{color:#f4efe7b8;margin:0 0 1rem}.stat-grid{display:grid;gap:1rem}.stat-card{padding:1.15rem;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.stat-card h2{margin:.35rem 0 .4rem;font-size:1rem;line-height:1.35}.stat-card p{margin:0;color:#f4efe7cc;line-height:1.55}.stat-card__value{font-size:1.9rem;font-weight:700;color:#fff8ed}.section{margin-top:1.5rem;padding:1.75rem;border-radius:28px;border:1px solid var(--line);background:#fffaf3b8}.section--highlight{background:linear-gradient(180deg,#fffaf3b8,#fff0e2eb),var(--surface)}.section--workspace{overflow:hidden}.section--split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:0;border:0;background:transparent}.section__heading{max-width:62rem;margin-bottom:1.5rem}.section__heading h2{font-size:clamp(2rem,3.3vw,3.4rem);max-width:14ch}.section__heading--compact h2{font-size:clamp(1.8rem,3vw,2.5rem);max-width:18ch}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--roles .panel-card{min-height:100%}.panel-card{padding:1.4rem;background:#fffaf3db}.panel-card--soft{background:#ffffff9e}.panel-card--ledger,.panel-card--analytics{min-height:100%}.panel-card h3,.integration-card h3,.timeline__body h3{margin:0;font-size:1.25rem;font-family:Fraunces,Georgia,serif}.panel-card p,.integration-card p,.timeline__body p,.timeline__body span,.metric-list li,.ledger-row span{color:var(--muted);line-height:1.6}.integration-card code{display:inline-block;margin-top:.7rem;padding:.35rem .55rem;border-radius:10px;background:#1732330f;color:var(--surface-ink);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:.82rem}.panel-card ul,.metric-list{margin:1rem 0 0;padding:0;list-style:none}.panel-card li,.metric-list li{padding:.75rem 0;border-top:1px solid var(--line)}.timeline{display:grid;gap:.8rem}.workspace-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.workspace-tab{min-height:2.7rem;padding:.7rem 1rem;border:1px solid var(--line);border-radius:999px;background:#ffffff8c;color:var(--surface-ink);font:inherit;font-weight:600}.workspace-tab--active{border-color:transparent;background:var(--surface-ink);color:#fff8ed}.workspace-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;padding:1.2rem;border-radius:24px;background:linear-gradient(145deg,#ffffffb8,#fff6ead6);border:1px solid var(--line)}.workspace-panel__intro h3{margin:0;font-size:2rem;font-family:Fraunces,Georgia,serif}.workspace-panel__intro p:last-child{margin-bottom:0}.workspace-panel__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;align-self:start}.workspace-metric{padding:1rem;border-radius:18px;background:#1732330f}.workspace-metric strong{display:block;font-size:1.5rem;font-family:Fraunces,Georgia,serif}.workspace-metric span{display:block;margin-top:.25rem;color:var(--muted)}.workspace-panel__queue{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.workspace-queue-item{padding-top:1rem;border-top:1px solid var(--line)}.workspace-queue-item h4{margin:0 0 .35rem;font-size:1rem}.workspace-queue-item p{margin:0;color:var(--muted);line-height:1.6}.timeline__item{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1rem 0;border-top:1px solid var(--line)}.timeline__item:first-child{border-top:0;padding-top:0}.timeline__marker{width:.95rem;height:.95rem;margin-top:.55rem;border-radius:50%;background:linear-gradient(180deg,var(--accent),var(--teal));box-shadow:0 0 0 10px #d45d3814}.timeline__body p,.timeline__body span{margin:.2rem 0 0}.ledger-table{margin-top:1.5rem}.ledger-row{display:flex;justify-content:space-between;gap:1.5rem;padding:1rem 0;border-top:1px solid var(--line)}.ledger-row:first-child{border-top:0;padding-top:0}.ledger-row p,.ledger-row strong,.ledger-row span{margin:0}.ledger-row__label{color:var(--text);font-weight:700}.ledger-row strong{display:block;margin-top:.25rem;font-size:1.1rem;text-align:right}.integration-list{display:grid;gap:.9rem}.supabase-card{display:grid;gap:1.25rem;padding:1.25rem;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#ffffffb8,#e8f9f4d6)}.supabase-card__intro h3{margin:0;font-size:clamp(1.8rem,3vw,2.5rem);font-family:Fraunces,Georgia,serif}.supabase-card__intro p:last-child{margin-bottom:0}.supabase-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.supabase-card__metric{padding:1rem;border-radius:18px;background:#1732330f}.supabase-card__metric span,.supabase-card__message{color:var(--muted)}.supabase-card__metric strong{display:block;margin-top:.35rem;font-size:1.2rem;color:var(--surface-ink)}.supabase-card__message{margin:0}.email-panel{display:grid;gap:1.25rem}.email-login{display:grid;gap:1.25rem;padding:1.25rem;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#ffffffb8,#fff6ead6)}.email-login__copy h4{margin:0;font-size:1.6rem;font-family:Fraunces,Georgia,serif}.email-login__copy p:last-child{margin-bottom:0}.email-login__form,.email-panel__toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.email-login__actions{display:flex;flex-wrap:wrap;gap:.75rem}.email-panel__intro h3{margin:0;font-size:clamp(1.9rem,3vw,2.6rem);font-family:Fraunces,Georgia,serif}.email-panel__intro p:last-child{margin-bottom:0}.email-panel__auth{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.email-panel__field{display:grid;gap:.45rem;min-width:min(100%,24rem)}.email-panel__field span,.email-panel__message{color:var(--muted)}.email-panel__field input{min-height:2.9rem;padding:.8rem .9rem;border:1px solid var(--line);border-radius:14px;background:#ffffffb8;color:var(--surface-ink);font:inherit}.email-panel__message{margin:0}.email-panel__meta{margin:.35rem 0 0;color:var(--muted)}.email-panel__toolbar{justify-content:space-between;align-items:center}.email-panel__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem}.email-list,.email-detail{min-height:24rem;padding:1rem;border:1px solid var(--line);border-radius:22px;background:#ffffff94}.email-list{display:grid;gap:.75rem;align-content:start}.email-list__item{display:grid;gap:.25rem;padding:.9rem;text-align:left;border:1px solid var(--line);border-radius:16px;background:#ffffffb8;color:var(--surface-ink);font:inherit}.email-list__item span,.email-list__empty,.email-detail__meta span{color:var(--muted)}.email-list__item--active{border-color:transparent;background:#173233f5;color:#fff8ed}.email-list__item--active span{color:#fff8edc7}.email-list__empty{padding:.9rem;border:1px dashed var(--line);border-radius:16px}.email-detail{display:grid;grid-template-rows:auto 1fr;gap:1rem}.email-detail__meta{display:grid;gap:.3rem}.email-detail__body{margin:0;padding:1rem;overflow:auto;border-radius:16px;background:#1732330f;color:var(--surface-ink);font-family:IBM Plex Sans,Segoe UI,sans-serif;white-space:pre-wrap}.integration-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.15rem 1.25rem;background:#ffffffa8}.integration-card span{white-space:nowrap;padding:.55rem .85rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.84rem;font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.hero,.section--split,.card-grid,.workspace-panel,.workspace-panel__queue,.workspace-panel__metrics,.supabase-card__grid,.email-panel__grid{grid-template-columns:1fr}.hero h1,.section__heading h2,.section__heading--compact h2{max-width:none}}@media(max-width:720px){.app-shell{width:min(100% - 1rem,100%);padding-top:.5rem}.hero__copy,.hero__panel,.section,.panel-card,.integration-card{border-radius:22px}.hero__copy,.section,.panel-card,.integration-card{padding:1.2rem}.hero h1{font-size:clamp(2.5rem,14vw,3.5rem)}.hero__actions,.ledger-row,.integration-card,.email-panel__auth,.email-login__form,.email-login__actions,.email-panel__toolbar{flex-direction:column;align-items:flex-start}.ledger-row strong{text-align:left}}