/* Native demo website chrome. Shared renderer styles own the forms. */
.mf-site{margin:0;color:#213d39;background:#fcfcf8;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mf-site-wrap{box-sizing:border-box;width:min(1240px,100% - 64px);margin-inline:auto}.mf-site a{color:inherit}.mf-site a:focus-visible,.mf-site summary:focus-visible{outline:3px solid #c76a2f;outline-offset:5px}.mf-skip{position:absolute;left:16px;top:-100px;padding:12px;background:white;z-index:100}.mf-skip:focus{top:12px}
.mf-site-header{border-bottom:1px solid #dce4dc;background:#fcfcf8}.mf-site-nav{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:30px}.mf-site-logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-.05em;text-decoration:none;flex-wrap:wrap;line-height:1}.mf-site-logo>span{display:grid;place-items:center;background:#275a4b;width:36px;height:36px;border-radius:10px;color:#fff;letter-spacing:-.06em}.mf-site-logo small{display:block;flex-basis:100%;margin-left:46px;margin-top:-4px;font-size:8px;letter-spacing:.17em;color:#73837a}.mf-site-nav nav{display:flex;gap:28px;flex-wrap:wrap;font-size:13px;font-weight:600}.mf-site-nav nav a,.mf-site-admin{text-decoration:none}.mf-site-nav nav a:hover,.mf-site-text-link:hover{text-decoration:underline;text-underline-offset:5px}.mf-site-admin{font-size:12px;border:1px solid #cdd6cf;padding:9px 13px;border-radius:6px;white-space:nowrap}
.mf-home-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:68px;align-items:center;padding-top:84px;padding-bottom:84px}.mf-site-kicker{font-size:10px;font-weight:750;letter-spacing:.15em;color:#46725e;margin:0 0 20px}.mf-home-copy h1,.mf-page-intro h1{font:500 clamp(42px,4.7vw,68px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-.042em;margin:0 0 26px;color:#173f36}.mf-site-lead{font-size:17px;line-height:1.75;color:#60726a;max-width:720px;margin:0 0 30px}.mf-site-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.mf-site-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:#275a4b;color:#fff!important;text-decoration:none;border:1px solid #275a4b;padding:13px 20px;border-radius:6px;font-size:12px;font-weight:700;line-height:1.5}.mf-site-button:hover{background:#1c493d}.mf-site-button-light{background:transparent;color:#275a4b!important;border-color:#cbd8cf}.mf-site-button-light:hover{background:#e8efe7}.mf-site-button-white{background:#f7f6ec;color:#234d40!important;border-color:#f7f6ec}.mf-site-button-white:hover{background:#fff}.mf-home-proof{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#778379;margin:24px 0 0}
.mf-home-art{border:1px solid #bfcfc3;background:white;border-radius:10px;box-shadow:18px 20px 0 #e8eadc;overflow:hidden;transform:rotate(1deg)}.mf-art-top{display:flex;align-items:center;gap:12px;background:#eef2eb;padding:13px;font-size:8px;letter-spacing:.08em;color:#65826d}.mf-art-top>span:last-child{margin-left:auto;color:#2e7050;white-space:nowrap}.mf-home-art>img{display:block;width:100%;height:360px;object-fit:cover;object-position:top}.mf-art-caption{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;text-decoration:none;border-top:1px solid #e6ece4;font-size:11px;line-height:1.8}.mf-art-caption strong{font-size:13px}.mf-art-caption>span:last-child{font-size:20px}
.mf-home-strip{background:#edf2e9;border-block:1px solid #dce5d7}.mf-home-strip>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px}.mf-home-strip span{font-size:8px;letter-spacing:.12em;color:#788878;max-width:200px}.mf-home-strip strong{font-size:12px;font-weight:600}.mf-home-strip i{font-style:normal;color:#94a48d}
.mf-site-section{padding-block:84px}.mf-section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:40px}.mf-section-heading h2,.mf-home-gallery h2,.mf-home-docs h2,.mf-home-contact h2{font:500 clamp(32px,3.5vw,46px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:0}.mf-section-heading>p{max-width:440px;color:#718077;font-size:14px;margin:0}.mf-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dce3d8;border-left:1px solid #dce3d8}.mf-feature-grid article{padding:30px;border-bottom:1px solid #dce3d8;border-right:1px solid #dce3d8}.mf-feature-grid article>span{font:700 9px system-ui;letter-spacing:.12em;color:#ae744d}.mf-feature-grid h3{font:650 17px system-ui;margin:19px 0 12px}.mf-feature-grid p{font-size:13px;color:#718077;margin:0}
.mf-home-gallery{padding-block:70px;background:#eeeede;border-block:1px solid #e1e3d1}.mf-home-gallery-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:center}.mf-home-gallery h2{margin-bottom:22px}.mf-home-gallery p:not(.mf-site-kicker){color:#6a786b;font-size:14px;margin-bottom:28px}.mf-home-thumbnails{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mf-home-thumbnails a{background:white;border:1px solid #dde1d2;border-radius:8px;overflow:hidden;text-decoration:none;box-shadow:0 10px 25px #203e3510}.mf-home-thumbnails a:last-child{margin-top:32px;margin-bottom:-32px}.mf-home-thumbnails img{width:100%;height:245px;object-fit:cover;object-position:top;display:block}.mf-home-thumbnails span{display:block;padding:14px;font-size:11px;font-weight:650}
.mf-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mf-example-card{display:flex;flex-direction:column;align-items:start;border:1px solid #dbe3d8;border-radius:9px;padding:30px;background:#fff;text-decoration:none;transition:box-shadow .15s,transform .15s;min-width:0}.mf-example-card:hover{box-shadow:0 12px 30px #275a4b12;transform:translateY(-3px)}.mf-example-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;color:#275a4b;background:#edf2e9;font:650 18px ui-monospace,monospace;margin-bottom:28px}.mf-example-card .mf-site-kicker{font-size:8px;margin-bottom:12px}.mf-example-card h3,.mf-example-card h2{font:500 26px/1.18 Georgia,serif;letter-spacing:-.02em;margin:0 0 16px}.mf-example-card p{color:#718077;font-size:13px;margin:0 0 28px}.mf-example-card strong{font-size:11px;margin-top:auto}.mf-site-text-link{font-size:12px;text-decoration:none;font-weight:700}
.mf-home-docs{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:44px 48px;background:#234f42;color:#fff;border-radius:10px}.mf-home-docs .mf-site-kicker{color:#a4c9af}.mf-home-docs h2{font-size:36px}.mf-home-docs p:not(.mf-site-kicker){font-size:13px;max-width:500px;color:#c3d4c7}.mf-home-docs .mf-site-actions{flex-direction:column;align-items:start;flex-shrink:0}.mf-home-contact{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.mf-home-contact>div>p:not(.mf-site-kicker){font-size:14px;color:#718077;max-width:360px}
.mf-site-footer{padding-top:54px;background:#edf1e9;border-top:1px solid #dae3d5}.mf-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}.mf-footer-grid>div>strong{font-size:11px;display:block;margin-bottom:18px}.mf-footer-grid>div>a:not(.mf-site-logo){display:block;font-size:11px;text-decoration:none;margin-bottom:9px}.mf-footer-grid p{font-size:11px;color:#718077;max-width:250px}.mf-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d8e1d1;padding-block:22px;margin-top:36px;font-size:9px;color:#788677}
.mf-page-intro{max-width:870px;margin:34px 0 48px}.mf-page-intro h1{font-size:clamp(38px,4vw,58px)}.mf-page-intro .mf-site-lead{font-size:16px}.mf-site-callout{padding:26px 30px;margin-top:42px;border-left:3px solid #c6a05d;background:#f3f2e7;font-size:14px;border-radius:0 6px 6px 0}.mf-site-callout p{font-size:13px;margin:8px 0 0;color:#75816e}.mf-working-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:40px;align-items:start}.mf-example-guide{font-size:13px;color:#65776c}.mf-example-guide h2{font:650 18px system-ui;color:#254d3d;margin-top:0}.mf-example-guide ol{padding-left:20px}.mf-example-guide li{margin-bottom:14px}.mf-example-guide details{border-block:1px solid #dce3d5;margin-block:24px;padding-block:16px}.mf-example-guide summary{font-weight:700;color:#315b46;cursor:pointer}.mf-example-guide pre{font:10px/1.65 ui-monospace,monospace;background:#edf2e9;padding:14px;border:1px solid #d6e1d4;border-radius:6px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.mf-example-guide code{font-size:11px;overflow-wrap:anywhere}.mf-guide-links{display:grid;gap:10px;font-size:11px;margin-top:24px}.mf-live-form{min-width:0;isolation:isolate;background:#fff;border:1px solid #dee5dc;border-radius:10px;padding:22px;box-sizing:border-box}.mf-demo-label{font-size:8px;letter-spacing:.1em;color:#7c8c79;margin:0 0 18px}.mf-sql-results{margin-top:56px;padding:30px;background:#fff;border:1px solid #dce3d8;border-radius:10px}.mf-result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.mf-result-heading h2{font:500 29px Georgia,serif;margin:0}.mf-result-heading .mf-site-kicker{margin-bottom:8px}.mf-sql-results>p{font-size:12px;color:#718077}.mf-table-scroll{overflow:auto}.mf-sql-results table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}.mf-sql-results th,.mf-sql-results td{padding:13px;border-bottom:1px solid #e1e7de}.mf-sql-results th{background:#f0f4ed;font-weight:650}.mf-docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mf-docs-grid article{padding:34px;border:1px solid #dce3d8;background:#fff;border-radius:8px}.mf-docs-grid h2{font:500 28px Georgia,serif;margin:0 0 18px}.mf-docs-grid p{color:#718077;font-size:14px}.mf-docs-grid a{display:block;font-size:12px;font-weight:600;margin-top:12px}
@media(max-width:1000px){.mf-site-nav{gap:20px;flex-wrap:wrap;padding-block:22px}.mf-site-nav nav{order:3;flex-basis:100%;justify-content:space-between;gap:14px;font-size:12px}.mf-home-hero{gap:36px;padding-block:60px}.mf-home-art>img{height:300px}.mf-home-copy h1{font-size:46px}.mf-site-lead{font-size:15px}.mf-home-gallery-grid{gap:40px}.mf-feature-grid article{padding:24px}.mf-footer-grid{gap:26px}.mf-working-grid{grid-template-columns:1fr;gap:26px}.mf-example-grid{gap:16px}.mf-example-card{padding:24px}.mf-home-contact{gap:30px}.mf-home-docs{padding:32px}.mf-home-strip span{display:none}}
@media(max-width:650px){.mf-site-wrap{width:calc(100% - 36px)}.mf-site-nav{min-height:80px;gap:20px}.mf-site-logo{font-size:21px}.mf-site-admin{font-size:10px;padding:8px}.mf-site-nav nav{font-size:10px;gap:10px}.mf-home-hero{grid-template-columns:1fr;gap:40px;padding-block:44px}.mf-home-copy h1{font-size:45px}.mf-home-art{box-shadow:8px 10px 0 #e8eadc}.mf-home-art>img{height:300px}.mf-home-proof{gap:12px;font-size:10px}.mf-home-strip>div{gap:8px;padding-block:18px}.mf-home-strip strong{font-size:9px}.mf-home-strip i{font-size:10px}.mf-site-section{padding-block:50px}.mf-section-heading{display:block;margin-bottom:26px}.mf-section-heading>p{margin-top:24px}.mf-feature-grid{grid-template-columns:1fr 1fr}.mf-feature-grid article{padding:20px 16px}.mf-feature-grid h3{font-size:15px}.mf-feature-grid p{font-size:12px}.mf-home-gallery{padding-block:48px}.mf-home-gallery-grid{grid-template-columns:1fr;gap:24px}.mf-home-thumbnails{gap:12px;margin-bottom:26px}.mf-home-thumbnails img{height:195px}.mf-home-thumbnails span{font-size:9px;padding:10px}.mf-example-grid{grid-template-columns:1fr}.mf-example-icon{margin-bottom:18px}.mf-home-docs{display:block;padding:28px}.mf-home-docs h2{font-size:32px}.mf-home-docs .mf-site-actions{margin-top:22px;gap:18px}.mf-home-contact{grid-template-columns:1fr}.mf-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.mf-footer-bottom{display:block}.mf-footer-bottom>span{display:block;margin-bottom:6px}.mf-page-intro{margin:28px 0 34px}.mf-page-intro h1{font-size:40px}.mf-docs-grid{grid-template-columns:1fr}.mf-docs-grid article{padding:26px}.mf-live-form{padding:16px}.mf-result-heading{display:block}.mf-result-heading>a{margin-top:18px}.mf-sql-results{padding:20px}.mf-sql-results td,.mf-sql-results th{padding:10px;font-size:11px}}