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