:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17111f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17111f;--muted:#665d70;--line:#e4daf2;--panel:#fff;--soft:#f4ecff;--green:#5aa62c;--green-dark:#3f7f1f;--purple:#7b2ff7;--purple-dark:#3a0ca3;--purple-soft:#f3e8ff;--amber:#c47f00;--shadow:0 24px 80px #3a0ca329;background:#fbf8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 76% 8%,#7b2ff72e,#0000 34%),radial-gradient(circle at 9% 14%,#8cc63f29,#0000 28%),linear-gradient(#fbf8ff 0%,#fff 48%,#fbf8ff 100%);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf8ffe6;border-bottom:1px solid #dce5dddb;justify-content:space-between;align-items:center;padding:14px clamp(18px,5vw,64px);display:flex;position:sticky;top:0}.brand,.site-nav nav,.button,.eyebrow,.proof-row,.shot-toolbar,.prompt-line{align-items:center;display:flex}.brand{letter-spacing:0;gap:10px;font-weight:760}.brand img{width:30px;height:30px}.site-nav nav{color:var(--muted);gap:clamp(12px,3vw,26px);font-size:14px;font-weight:650}.site-nav nav a:hover{color:var(--ink)}.nav-cta{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 12px;color:var(--purple-dark)!important}.hero{grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:clamp(28px,5vw,70px);min-height:calc(100vh - 68px);padding:clamp(42px,7vw,92px) clamp(18px,5vw,64px) 44px;display:grid}.hero-copy{max-width:730px}.eyebrow,.kicker{color:var(--purple-dark);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:760}.eyebrow{gap:8px;margin-bottom:18px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:820px;margin-bottom:22px;font-size:clamp(48px,7vw,88px);line-height:.95}.lead{color:#453b51;max-width:650px;font-size:clamp(18px,2vw,22px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin:30px 0 24px;display:flex}.button{border-radius:8px;justify-content:center;gap:8px;min-height:44px;padding:12px 16px;font-weight:760}.button.primary{background:linear-gradient(135deg, var(--purple-dark), var(--purple));color:#fff;box-shadow:0 14px 32px #7b2ff747}.button.ghost{border:1px solid var(--line);color:var(--purple-dark);background:#fff}.proof-row{color:var(--muted);flex-wrap:wrap;gap:9px;font-size:13px;font-weight:650}.proof-row span{border:1px solid var(--line);color:#584366;background:#ffffffb8;border-radius:999px;padding:7px 10px}.hero-visual{min-width:0}.mango-hero-image{width:100%;box-shadow:var(--shadow);border:1px solid #7b2ff733;border-radius:8px;display:block}.workbench,.product-shot{box-shadow:var(--shadow);background:#fff;border:1px solid #ccd8cf;border-radius:8px;overflow:hidden}.workbench{grid-template-columns:44px 174px minmax(0,1fr);min-height:520px;display:grid}.app-rail{background:#10231b;border-right:1px solid #dbe5dd;flex-direction:column;align-items:center;gap:12px;padding-top:22px;display:flex}.rail-dot{background:#ffffff2e;border-radius:6px;width:18px;height:18px}.rail-dot.active{background:#43cf8b}.sidebar-shot{background:#f8fbf8;border-right:1px solid #dbe5dd;padding:18px 14px}.db-title,.collection{align-items:center;gap:7px;display:flex}.db-title{color:#496258;margin-bottom:16px;font-size:12px;font-weight:780}.collection{color:#506259;border-radius:7px;margin-bottom:6px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.collection.selected{color:#0b6b47;background:#dff5e7;font-weight:760}.main-shot{background:#fff;min-width:0}.tabs-shot{background:#f3f7f4;border-bottom:1px solid #dbe5dd;gap:6px;padding:8px 12px 0;display:flex}.tabs-shot span{background:#fff;border:1px solid #dbe5dd;border-bottom:0;border-radius:7px 7px 0 0;padding:9px 14px;font-size:12px;font-weight:720}.ai-bar-shot,.prompt-line{color:#174c35;background:#eefaf2;border-bottom:1px solid #dbe5dd;gap:9px;padding:12px 14px;font-size:14px;font-weight:650}.ai-bar-shot button,.prompt-line button,.modal-shot button{background:var(--green);color:#fff;border:0;border-radius:7px;margin-left:auto;padding:7px 10px;font-size:12px;font-weight:780}.table-shot{grid-template-columns:repeat(4,minmax(92px,1fr));padding:18px;font-size:12px;display:grid}.table-shot strong,.table-shot span{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e5ece7;min-width:0;padding:11px 10px;overflow:hidden}.table-shot strong{color:#42544b;background:#f7faf8}.section{padding:78px clamp(18px,5vw,64px)}.section-heading{max-width:760px;margin-bottom:34px}.section-heading h2,.doc-header h2,.final-cta h2{letter-spacing:0;margin-bottom:12px;font-size:clamp(32px,4vw,52px);line-height:1.05}.section-heading p,.doc-header p,.final-cta p{color:var(--muted);font-size:17px;line-height:1.65}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature-card,.provider-card,.mini-step,.code-block,.callout{border:1px solid var(--line);background:var(--panel);border-radius:8px}.feature-card{padding:22px}.feature-card svg,.provider-card svg,.mini-step svg{color:var(--purple)}.feature-card h3,.provider-card h3,.mini-step h3,.screenshot-copy h3{margin:14px 0 8px;font-size:18px}.feature-card p,.provider-card p,.mini-step p,.screenshot-copy p{color:var(--muted);margin-bottom:0;line-height:1.6}.screenshots{background:radial-gradient(circle at 85% 10%,#8cc63f24,#0000 32%),linear-gradient(#f7f1ff 0%,#fff 100%)}.shot-stack{gap:18px;display:grid}.screenshot-card{border-top:1px solid #e4daf2;grid-template-columns:minmax(220px,.36fr) minmax(0,.64fr);align-items:center;gap:24px;padding:26px 0;display:grid}.screenshot-frame{min-width:0}.real-screenshot{background:#050816;border:1px solid #d8b4fe80;border-radius:8px;width:100%;display:block;box-shadow:0 24px 70px #1f094a3d}.product-shot{min-height:360px}.shot-toolbar{background:#f8faf8;border-bottom:1px solid #dbe5dd;gap:9px;padding:12px 16px;font-weight:760}.shot-toolbar small{color:var(--muted);margin-left:auto;font-size:12px;font-weight:650}.product-shot pre,.code-block pre{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.65;overflow:auto}.product-shot pre{padding:22px}.prompt-line{border-bottom-color:#cfdfd4}.prompt-line.violet{color:#4c1d95;background:#f2edff}.result-strip{flex-wrap:wrap;gap:8px;padding:0 22px 22px;display:flex}.result-strip span{color:#0b6b47;background:#ecf7f0;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:760}.product-shot.dark{color:#d8f3e3;background:#111827}.product-shot.dark .shot-toolbar{background:#0f172a;border-bottom-color:#263447}.product-shot.dark small{color:#94a3b8}.product-shot.dark pre{color:#d8f3e3}.product-shot.provider{background:#eef5f0;place-items:center;padding:22px;display:grid}.modal-shot{background:#fff;border:1px solid #cfdbd3;border-radius:8px;width:min(100%,520px);padding:22px;box-shadow:0 18px 48px #16261c29}.modal-shot h3{margin-bottom:4px}.modal-shot p{color:var(--muted);font-size:13px}.segmented{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;font-size:12px;font-weight:760;display:grid}.segmented span{text-align:center;border-radius:6px;padding:8px 6px}.segmented .on{color:#0b6b47;background:#e2f7ea}.modal-shot label{color:var(--muted);gap:6px;margin-top:14px;font-size:12px;font-weight:760;display:grid}.modal-shot code{border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:10px;display:block}.modal-shot button{margin-top:18px;margin-left:auto;display:block}.docs-wrap{grid-template-columns:240px minmax(0,1fr);gap:40px;padding:84px clamp(18px,5vw,64px);display:grid}.docs-sidebar{align-self:start;gap:8px;display:grid;position:sticky;top:86px}.docs-sidebar .kicker{margin-bottom:8px}.docs-sidebar a{color:var(--muted);border-radius:7px;padding:8px 10px;font-weight:700}.docs-sidebar a:hover{color:var(--ink);background:#eef6ef}.docs-content{gap:72px;display:grid}.doc-block{scroll-margin-top:92px}.doc-header{max-width:820px;margin-bottom:24px}.code-grid,.how-grid,.provider-grid{gap:14px;display:grid}.code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-grid.three,.how-grid,.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.code-block{color:#f4ebff;background:radial-gradient(circle at 96% 0,#7b2ff738,#0000 34%),linear-gradient(135deg,#16072e 0%,#251045 54%,#12071f 100%);border-color:#7b2ff757;overflow:hidden;box-shadow:0 18px 54px #3a0ca32e}.code-block figcaption{color:#d8b4fe;background:#f3e8ff0a;border-bottom:1px solid #d8b4fe33;padding:11px 14px;font-size:12px;font-weight:800}.code-block pre{text-shadow:0 1px #0000002e;padding:18px}.provider-card,.mini-step{padding:20px}.provider-card code{color:var(--purple-dark);background:#f3e8ff;border-radius:7px;margin-top:14px;padding:8px 9px;font-size:12px;font-weight:760;display:inline-block}.callout{gap:14px;margin:16px 0;padding:18px;display:flex}.callout svg{color:var(--purple);flex:none}.callout p{color:var(--muted);margin:4px 0 0;line-height:1.6}.callout.warn svg{color:var(--amber)}.config-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.config-row{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:220px minmax(0,1fr);display:grid}.config-row:last-child{border-bottom:0}.config-row code,.config-row span{padding:14px 16px}.config-row code{background:#f8f2ff;font-weight:760}.final-cta{background:radial-gradient(circle at 90% 0,#8cc63f2e,#0000 35%),linear-gradient(135deg,#f3e8ff,#fff);border:1px solid #d8b4fe;border-radius:8px;justify-content:space-between;align-items:center;gap:32px;margin:0 clamp(18px,5vw,64px) 64px;padding:clamp(24px,5vw,48px);display:flex}.final-cta div{max-width:760px}.final-cta p{margin-bottom:0}@media (width<=980px){.hero,.screenshot-card,.docs-wrap,.final-cta{grid-template-columns:1fr}.workbench{min-height:460px}.feature-grid,.code-grid,.code-grid.three,.how-grid,.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-sidebar{flex-wrap:wrap;display:flex;position:static}}@media (width<=720px){.site-nav{align-items:flex-start;gap:12px}.site-nav nav{flex-wrap:wrap;justify-content:flex-end;gap:10px}.site-nav nav a:not(.nav-cta):nth-child(2),.site-nav nav a:not(.nav-cta):nth-child(3){display:none}.hero{min-height:auto;padding-top:34px}h1{font-size:46px}.feature-grid,.code-grid,.code-grid.three,.how-grid,.provider-grid{grid-template-columns:1fr}.workbench{grid-template-columns:38px minmax(0,1fr);min-height:410px}.sidebar-shot{display:none}.table-shot{grid-template-columns:repeat(2,minmax(96px,1fr))}.config-row,.segmented{grid-template-columns:1fr}.final-cta{display:grid}}