:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--text-secondary: #6b7280}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#d1d5db,#e5e7eb,#f3f4f6);background-size:200% 200%;z-index:-2;animation:gradient-shift 20s ease-in-out infinite alternate}.chat-scroll{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.chat-scroll-track{position:absolute;left:0;width:100%;animation:chat-scroll-up 60s linear infinite}@keyframes chat-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.chat-block{padding:0 16px 24px;min-height:100vh}.chat-row{display:flex;margin-bottom:12px;gap:8px}.chat-row--left{justify-content:flex-start}.chat-row--right{justify-content:flex-end}.chat-bubble{max-width:75%;padding:8px 14px;border-radius:16px;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.7rem;line-height:1.4;opacity:.5}.chat-row--left .chat-bubble{background:#fff9;color:#374151;border-bottom-left-radius:4px}.chat-row--right .chat-bubble{background:#1a1a1a26;color:#4b5563;border-bottom-right-radius:4px}@keyframes gradient-shift{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes fade-in-up-marketing{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-in-up-marketing .6s var(--ease-out-expo) both}.logo.animate-in{animation-delay:.05s}.title.animate-in{animation-delay:.12s}.tagline.animate-in{animation-delay:.2s}.description.animate-in{animation-delay:.28s}.store-badge.animate-in{animation-delay:.36s}.credits-row.animate-in{animation-delay:.44s}.privacy-landing-wrap.animate-in{animation-delay:.52s}.marketing-hero{width:100%;display:flex;flex-direction:column;align-items:center;padding:48px 24px 0;position:relative;z-index:1}.marketing-hero .header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.marketing-hero .logo{width:180px;height:180px;margin-bottom:24px;border-radius:50%;transition:transform .4s var(--ease-out-expo)}.marketing-hero .logo:hover{transform:scale(1.04)}.marketing-hero .title{font-family:Bebas Neue,sans-serif;font-size:3.5rem;font-weight:400;margin:0;letter-spacing:.02em;line-height:1;color:#8b0000}.marketing-hero .main{max-width:480px;text-align:center;margin-bottom:48px}.marketing-hero .tagline{font-family:Bebas Neue,sans-serif;font-size:1.75rem;font-weight:400;margin:0 0 16px;letter-spacing:.02em;color:#1a1a1a}.marketing-hero .description{font-family:DM Sans,Inter,sans-serif;font-size:1.0625rem;margin:0 0 24px;line-height:1.5;color:#374151;font-weight:500}.marketing-hero .store-badge{font-family:Bebas Neue,sans-serif;font-size:1.5rem;font-weight:400;color:#d32f2f;margin:0;letter-spacing:.02em;transition:transform .3s var(--ease-out-expo),letter-spacing .3s var(--ease-out-expo)}.marketing-hero .store-badge:hover{transform:scale(1.02);letter-spacing:.06em}.marketing-hero .footer{margin-top:0;display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px}.credits-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-family:Bebas Neue,sans-serif;font-size:1.375rem;font-weight:400;letter-spacing:.04em;color:var(--text-secondary)}.marketing-hero .credits-link{color:var(--text-secondary);text-decoration:none;position:relative;transition:color .3s var(--ease-out-expo)}.marketing-hero .credits-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#d32f2f;transition:width .35s var(--ease-out-expo)}.marketing-hero .credits-link:hover,.marketing-hero .credits-link:focus-visible{color:#d32f2f}.marketing-hero .credits-link:hover:after,.marketing-hero .credits-link:focus-visible:after{width:100%}.marketing-hero .credits-link:focus-visible{outline:2px solid #d32f2f;outline-offset:4px}@media(max-width:639px){.marketing-hero .main{background:#fffffff5;padding:20px 16px;border-radius:12px;box-shadow:0 2px 12px #0000000f}.privacy-landing-wrap{background:transparent;box-shadow:none;border-radius:0;overflow:visible}.credits-row{background:#fffffff5;padding:12px 16px;border-radius:8px}}@media(min-width:640px){.marketing-hero{padding:64px 32px 0}.marketing-hero .logo{width:220px;height:220px;margin-bottom:32px}.marketing-hero .title{font-size:4.5rem}.marketing-hero .tagline,.marketing-hero .store-badge{font-size:2rem}.marketing-hero .description{font-size:1.125rem}}@media(prefers-reduced-motion:reduce){body:before{animation:none}.chat-scroll-track{animation:none}.animate-in{animation:none!important;opacity:1!important;transform:none!important}}:root{--bg: #ffffff;--text: #1a1a1a;--muted: #6b7280;--border: #e5e7eb;--accent: #d32f2f;--card: #f9fafb;--focus: rgba(211, 47, 47, .35)}@media(prefers-color-scheme:dark){:root{--bg: #121212;--text: #f3f4f6;--muted: #9ca3af;--border: #374151;--card: #1f2937;--focus: rgba(248, 113, 113, .35)}}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:transparent}#root{min-height:100vh}.page{max-width:720px;margin:0 auto;padding:0 20px 48px;background:transparent;position:relative;z-index:1}.docs-expanders-narrow{max-width:480px;margin:0 auto;width:100%}h1{font-size:1.5rem;font-weight:600;margin:0 0 8px;letter-spacing:-.02em}.lead{color:var(--muted);margin:0 0 28px;font-size:.95rem}.expander{border:1px solid var(--border);border-radius:8px;margin-bottom:12px;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}@media(prefers-color-scheme:dark){.expander{background:color-mix(in srgb,var(--bg) 92%,transparent)}}.expander-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font:inherit;font-weight:600;text-align:left;color:var(--text);background:transparent;border:none;cursor:pointer;min-height:48px}.expander-trigger:hover{background:var(--card)}.expander-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.expander-trigger svg{flex-shrink:0;color:var(--muted);transition:transform .2s ease}.expander-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.expander-panel{padding:0 16px 16px;border-top:1px solid var(--border);color:var(--text)}.expander-panel p{margin:12px 0}.expander-panel ul{margin:8px 0 0;padding-left:1.25rem}.expander-panel li{margin:6px 0}.expander-panel code{font-size:.875em;background:var(--card);padding:1px 6px;border-radius:4px}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:28px 0 12px}.dataflow-card{border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px;background:var(--bg)}.view-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.view-tabs button{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;min-height:40px}.view-tabs button:hover{background:var(--card)}.view-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent);background:var(--card)}.filter-row{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:16px;align-items:center}.filter-row label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;min-height:44px}.filter-row input{width:18px;height:18px;accent-color:var(--accent)}.mermaid-wrap{overflow-x:auto;padding:12px;background:var(--card);border-radius:8px;border:1px solid var(--border)}.mermaid-wrap svg{max-width:100%;height:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}.data-table th{background:var(--card);font-weight:600}.badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:4px;background:var(--card);border:1px solid var(--border);margin-left:8px;color:var(--muted)}.badge.planned{border-color:var(--accent);color:var(--accent)}a{color:var(--accent)}a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn-open-diagrams{margin-top:8px;padding:12px 18px;min-height:48px;font:inherit;font-weight:600;font-size:.9375rem;color:#fff;background:var(--accent);border:none;border-radius:8px;cursor:pointer;width:100%}.btn-open-diagrams:hover{filter:brightness(.95)}.btn-open-diagrams:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.dataflow-dialog{max-width:min(960px,calc(100vw - 32px));width:100%;max-height:min(90vh,900px);margin:auto;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);box-shadow:0 24px 48px #0003}.dataflow-dialog::backdrop{background:#00000073}.dataflow-dialog-surface{display:flex;flex-direction:column;max-height:min(90vh,900px)}.dataflow-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.dataflow-dialog-title{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.02em}.dataflow-dialog-close{padding:8px 14px;min-height:44px;font:inherit;font-weight:600;font-size:.875rem;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:8px;cursor:pointer}.dataflow-dialog-close:hover{background:var(--border)}.dataflow-dialog-close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dataflow-dialog-body{padding:16px;overflow:auto;flex:1;min-height:0}
