.mf{background:#f8f3e8;margin:0}.mf a{color:#0b3d2e}.mf a:hover{color:#1d2d25}.mf{font-family:var(--font-geist-sans),system-ui,-apple-system,"Segoe UI",sans-serif;color:#1d2d25;-webkit-font-smoothing:antialiased;background:#f8f3e8;overflow-x:clip}.mf *{box-sizing:border-box}.mf .serif{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-weight:400}.mf .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#3d6b55;font-size:12px;font-weight:500}.mf .navlink{color:#1d2d25;border-radius:999px;padding:12px 16px;font-size:14px;text-decoration:none;transition:background .2s}.mf .navlink:hover{color:#1d2d25;background:#eee7d9}.mf .btn{border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 24px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;position:relative;overflow:hidden}.mf .btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px #0b3d2eb3}.mf .btn .arr{transition:transform .25s}.mf .btn:hover .arr{transform:translate(4px)}.mf .btn-dark{color:#fffaf0;background:#0b3d2e}.mf .btn-dark:hover{color:#fffaf0;background:#0e4a38}.mf .btn-ghost{color:#1d2d25;border:1px solid #c9bfab}.mf .btn-ghost:hover{color:#1d2d25;background:#fffdf8}.mf .btn-gold{color:#2c1f08;background:#d7a955}.mf .btn-gold:hover{color:#2c1f08}.mf .btn-gold:after{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:40%;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.mf.motion .btn-gold:after{animation:3.5s ease-in-out infinite shine}@keyframes shine{0%,60%{left:-60%}to{left:130%}}.mf .prog{transform-origin:0;background:#d7a955;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.mf .ln{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.mf .ln>.up{display:inline-block}.mf.motion .up{animation:1.1s cubic-bezier(.2,.8,.2,1) both up}@keyframes up{0%{transform:translateY(110%)}}.mf .rot{vertical-align:bottom;height:1.2em;display:inline-block;overflow:hidden}.mf .rot-in{flex-direction:column;display:flex}.mf .rot-in span{white-space:nowrap;height:1.2em;line-height:1.2em;display:block}.mf.motion .rot-in{animation:10s cubic-bezier(.75,0,.25,1) 1.4s infinite rot}@keyframes rot{0%,27%{transform:translateY(0)}33%,60%{transform:translateY(-1.2em)}66%,93%{transform:translateY(-2.4em)}to{transform:translateY(-3.6em)}}.mf.motion .in{animation:.9s cubic-bezier(.2,.7,.2,1) both in}.mf .d1{animation-delay:.1s!important}.mf .d2{animation-delay:.22s!important}.mf .d3{animation-delay:.36s!important}.mf .d4{animation-delay:.6s!important}.mf .d5{animation-delay:.8s!important}@keyframes in{0%{opacity:0;transform:translateY(28px)}}.mf.motion .pulse{animation:2.2s ease-out infinite pl}@keyframes pl{0%{box-shadow:0 0 #d7a955b3}to{box-shadow:0 0 0 10px #d7a95500}}.mf .stage-wrap{height:600px;position:relative}.mf .stage-scale{transform-origin:0 0;width:560px;height:600px;position:absolute;top:0;left:0}.mf .tilt{width:560px;height:600px;transform:perspective(1400px) rotateY(calc(var(--mx,0) * 10deg)) rotateX(calc(var(--my,0) * -8deg));transition:transform .6s cubic-bezier(.2,.7,.2,1)}.mf .par1{transform:translate(calc(var(--mx,0) * -16px),calc(var(--my,0) * -12px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}.mf .par2{transform:translate(calc(var(--mx,0) * 22px),calc(var(--my,0) * 16px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}.mf .spot{width:460px;height:460px;transform:translate(calc(var(--px,.7) * 560px - 230px),calc(var(--py,.3) * 600px - 230px));pointer-events:none;background:radial-gradient(circle,#d7a95542,#d7a95500 65%);border-radius:50%;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;left:0}.mf .grid-bg{background-image:linear-gradient(#fffaf00f 1px,#0000 1px),linear-gradient(90deg,#fffaf00f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.mf.motion .s-browser{animation:16s cubic-bezier(.2,.7,.2,1) infinite s-browser}.mf.motion .s-draw{animation:16s ease-in-out infinite s-draw}.mf.motion .s-wire{animation:16s infinite s-wire}.mf.motion .s-fill{animation:16s cubic-bezier(.7,0,.2,1) infinite s-fill}.mf.motion .s-cursor{animation:16s cubic-bezier(.45,0,.2,1) infinite s-cursor}.mf.motion .s-ripple{animation:16s ease-out infinite s-ripple}.mf.motion .s-badge{animation:16s cubic-bezier(.3,1.6,.5,1) infinite s-badge}.mf.motion .s-press{animation:16s infinite s-press}.mf.motion .s-phone{animation:16s cubic-bezier(.2,.8,.2,1) infinite s-phone}.mf.motion .s-notif{animation:16s cubic-bezier(.2,.9,.3,1.2) infinite s-notif}.mf.motion .s-dash{animation:16s cubic-bezier(.2,.8,.2,1) infinite s-dash}.mf.motion .s-bar{transform-origin:bottom;animation:16s cubic-bezier(.2,.8,.2,1) infinite s-bar}.mf.motion .s-line{animation:16s ease-in-out infinite s-line}.mf.motion .p1{animation:16s step-end infinite p1}.mf.motion .p2{animation:16s step-end infinite p2}.mf.motion .p3{animation:16s step-end infinite p3}@keyframes s-browser{0%{opacity:0;transform:translateY(24px)scale(.96)}5%,92%{opacity:1;transform:none}98%,to{opacity:0;transform:translateY(-12px)}}@keyframes s-draw{0%,4%{stroke-dashoffset:1px}20%,to{stroke-dashoffset:0}}@keyframes s-wire{0%,30%{opacity:1}38%,to{opacity:0}}@keyframes s-fill{0%,27%{clip-path:inset(0 100% 0 0)}37%,to{clip-path:inset(0)}}@keyframes s-cursor{0%{opacity:0;transform:translate(520px,620px)}4%{opacity:1}11%{transform:translate(170px,170px)}19%{transform:translate(330px,250px)}27%{transform:translate(230px,210px)}38%{transform:translate(96px,338px)}41%{transform:translate(96px,338px)scale(.8)}43%{transform:translate(96px,338px)scale(1)}54%{opacity:1;transform:translate(560px,640px)}55%,to{opacity:0;transform:translate(560px,640px)}}@keyframes s-ripple{0%,40%{opacity:0;transform:scale(0)}41%{opacity:.9;transform:scale(.3)}50%,to{opacity:0;transform:scale(2.8)}}@keyframes s-badge{0%,42%{transform:scale(0)}48%,92%{transform:scale(1)}96%,to{transform:scale(0)}}@keyframes s-press{0%,40%{transform:none}41%{transform:scale(.92)}44%,to{transform:none}}@keyframes s-phone{0%,45%{transform:translateY(140%)rotate(6deg)}56%,92%{transform:none}99%,to{transform:translateY(140%)rotate(6deg)}}@keyframes s-notif{0%,57%{opacity:0;transform:translateY(-36px)scale(.9)}61%,91%{opacity:1;transform:none}95%,to{opacity:0}}@keyframes s-dash{0%,62%{opacity:0;transform:translateY(36px)scale(.94)}68%,92%{opacity:1;transform:none}97%,to{opacity:0;transform:translateY(-10px)}}@keyframes s-bar{0%,65%{transform:scaleY(0)}75%,92%{transform:scaleY(1)}97%,to{transform:scaleY(0)}}@keyframes s-line{0%,68%{stroke-dashoffset:1px}84%,to{stroke-dashoffset:0}}@keyframes p1{0%{color:#2c1f08;background:#d7a955}36%{color:#cfdcd3;background:#fffaf000}}@keyframes p2{0%{color:#cfdcd3;background:#fffaf000}36%{color:#2c1f08;background:#d7a955}62%{color:#cfdcd3;background:#fffaf000}}@keyframes p3{0%{color:#cfdcd3;background:#fffaf000}62%{color:#2c1f08;background:#d7a955}97%{color:#cfdcd3;background:#fffaf000}}.mf .pill{color:#cfdcd3;border:1px solid #fffaf02e;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.mf .mq{align-items:center;gap:36px;width:max-content;padding-right:36px;display:flex}.mf.motion .mq-l{animation:38s linear infinite mq}.mf.motion .mq-r{animation:44s linear infinite reverse mq}.mf .mq-wrap:hover .mq{animation-play-state:paused}@keyframes mq{to{transform:translate(-50%)}}.mf .text-outline{color:#0000;-webkit-text-stroke:1px #1d2d25}.mf .mini .mb{opacity:1}.mf.motion .mini .mb{animation:6s cubic-bezier(.2,.8,.2,1) infinite mb}@keyframes mb{0%{opacity:0;transform:translateY(14px)}12%,82%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(-6px)}}.mf.motion .mini .mbar{transform-origin:bottom;animation:6s cubic-bezier(.2,.8,.2,1) infinite mbar}@keyframes mbar{0%,6%{transform:scaleY(0)}24%,82%{transform:scaleY(1)}94%,to{transform:scaleY(0)}}.mf.motion .mini .mline{animation:6s ease-in-out infinite mline}@keyframes mline{0%,14%{stroke-dashoffset:1px}50%,86%{stroke-dashoffset:0}96%,to{stroke-dashoffset:1px}}.mf.motion .mini .mtog{animation:6s infinite mtog}@keyframes mtog{0%,40%{transform:translate(0)}48%,86%{transform:translate(20px)}94%,to{transform:translate(0)}}.mf.motion .mini .mtogbg{animation:6s infinite mtogbg}@keyframes mtogbg{0%,40%{background:#c9bfab}48%,86%{background:#0b3d2e}94%,to{background:#c9bfab}}.mf .stack{position:sticky}.mf .svc-card{transition:box-shadow .4s}.mf .work .frame{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.mf .work:hover .frame{transform:translateY(-8px)rotate(-.6deg);box-shadow:0 30px 60px -30px #1d2d258c}.mf .work .scroll{transition:transform 3s cubic-bezier(.45,0,.2,1)}.mf .work:hover .scroll{transform:translateY(-46%)}.mf .work .visit{transition:gap .25s}.mf .work:hover .visit{gap:14px}.mf .faq summary{cursor:pointer;list-style:none}.mf .faq summary::-webkit-details-marker{display:none}.mf .faq .plus{transition:transform .35s cubic-bezier(.2,.7,.2,1),background .25s,color .25s}.mf .faq[open] .plus{color:#fffaf0;background:#0b3d2e;transform:rotate(45deg)}.mf .faq:hover .plus{background:#dce5d8}.mf .faq[open]:hover .plus{background:#0b3d2e}.mf .fld{color:#fffaf0;width:100%;min-height:48px;font:inherit;background:#0e4535;border:1px solid #2f5747;border-radius:12px;padding:12px 14px;font-size:15px;transition:border-color .2s}.mf .fld:focus{outline-offset:1px;border-color:#d7a955;outline:2px solid #d7a955}.mf .fld::placeholder{color:#93ab9e}.mf .lbl{color:#cfdcd3;flex-direction:column;gap:8px;font-size:13px;display:flex}.mf .foot a{text-decoration:none}.mf.motion .spin{animation:40s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lit{0%{opacity:.14}to{opacity:1}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes wipe{0%{clip-path:inset(100% 0 0 round 20px)}to{clip-path:inset(0 round 20px)}}@keyframes rise{0%{transform:translateY(105%)}to{transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes shrink{to{filter:brightness(.92);transform:scale(.92)}}@supports (animation-timeline:view()){.mf.motion .prog{animation:linear both grow;animation-timeline:scroll(root)}.mf.motion .rv{animation:linear both in;animation-timeline:view();animation-range:entry entry 70%}.mf .appr{view-timeline-name:--appr}.mf.motion .w{animation:linear both lit;animation-timeline:--appr}.mf.motion .draw{animation:linear both draw;animation-timeline:view();animation-range:entry 20% cover 60%}.mf.motion .dot{animation:linear both pop;animation-timeline:view();animation-range:entry 30% entry 90%}.mf.motion .wipe{animation:linear both wipe;animation-timeline:view();animation-range:entry entry 80%}.mf.motion .lt{animation:linear both rise;animation-timeline:view()}}@media (max-width:900px){.mf .hide-sm{display:none!important}.mf .one-sm{grid-template-columns:minmax(0,1fr)!important}.mf .stack-sm{flex-direction:column!important;align-items:flex-start!important}.mf .pad-sm{padding-left:20px!important;padding-right:20px!important}.mf .stage-wrap{height:348px}.mf .stage-scale{transform:scale(.58)}.mf .stack{position:relative;top:auto!important}}@media (prefers-reduced-motion:reduce){.mf *,.mf :after{transition:none!important;animation:none!important}}.mf section[id]{scroll-margin-top:100px}.mf .case-screenshot{object-fit:cover;object-position:top;width:100%;height:600px;display:block}.mf .work:focus-within .scroll{transform:translateY(-46%)}.mf .work:focus-within .frame{transform:translateY(-8px)}:is(.mf a:focus-visible,.mf button:focus-visible,.mf summary:focus-visible){outline-offset:4px;outline:2px solid #d7a955}.mf .motion-controls{justify-content:flex-end;max-width:1280px;margin:0 auto;padding:0 48px 28px;display:flex}.mf .motion-control{color:#617064;cursor:pointer;background:0 0;border:1px solid #e6dcc8;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:14px;display:inline-flex}.mf .homepage-form{color:#fffaf0;background:#0e4535;border:1px solid #2f5747;border-radius:28px;flex-direction:column;gap:16px;padding:32px;display:flex}.mf .homepage-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;display:grid}.mf .homepage-form label{color:#cfdcd3;flex-direction:column;gap:8px;font-size:14px;display:flex}.mf .homepage-form input,.mf .homepage-form select,.mf .homepage-form textarea{color:#fffaf0;width:100%;min-height:48px;font:inherit;background:#0e4535;border:1px solid #2f5747;border-radius:12px;padding:12px 14px;font-size:16px}.mf .homepage-form input::placeholder,.mf .homepage-form textarea::placeholder{color:#a9bfb2}.mf .homepage-form input:focus,.mf .homepage-form select:focus,.mf .homepage-form textarea:focus{outline-offset:1px;outline:2px solid #d7a955}.mf .homepage-form p{color:#cfdcd3;margin:0;font-size:14px;line-height:1.5}.mf .homepage-form p a{color:#fffaf0}.mf .homepage-form button{align-self:flex-start}.mf .homepage-form button:disabled{opacity:.6;cursor:wait}.mf:not(.motion) .s-wire,.mf:not(.motion) .s-cursor,.mf:not(.motion) .s-ripple{display:none}.mf:not(.motion) .tilt,.mf:not(.motion) .par1,.mf:not(.motion) .par2,.mf:not(.motion) .spot{transform:none}.mf:not(.motion) *,.mf:not(.motion) :after{transition:none!important}@media (min-width:901px) and (max-width:1150px){.mf [data-hero]>div{grid-template-columns:minmax(0,1fr) 420px!important;gap:24px!important}.mf .stage-wrap{height:450px}.mf .stage-scale{transform:scale(.75)}}@media (max-width:900px){.mf .svc-card>div{padding:28px 20px!important}.mf .homepage-form{padding:24px 18px}.mf .homepage-form .form-grid{grid-template-columns:1fr}.mf header>div,.mf header nav{flex-wrap:wrap}.mf [data-hero] h1{font-size:clamp(36px,7.5vw,60px)!important}.mf .stage-scale{transform-origin:top;left:50%;transform:translate(-50%)scale(.58)}.mf .stage-wrap{width:100%;min-width:0}.mf .mini>div{max-width:95%}.mf .case-screenshot{height:600px}}@media (prefers-reduced-motion:reduce){.mf .s-wire,.mf .s-cursor,.mf .s-ripple{display:none}.mf .tilt,.mf .par1,.mf .par2,.mf .spot,.mf .work:hover .scroll,.mf .work:focus-within .scroll,.mf .work:hover .frame,.mf .work:focus-within .frame{transform:none}}.mf .mini-browser{width:100%;max-width:360px}.mf .mini-dashboard{width:100%;min-width:0;max-width:380px}.mf .mini-dashboard>div{min-width:0}.mf .mini-dashboard .mtogbg{flex-shrink:0}.mf .mini-dashboard .mb{flex-wrap:wrap;gap:4px}.mf .mini>div.mini-browser,.mf .mini>div.mini-dashboard{max-width:min(95%,380px)}.mf .mini>div.mini-browser{max-width:min(95%,360px)}.mf .footer-wordmark{white-space:nowrap}.mf .footer-wordmark .lt{flex:none}@media (max-width:1199px){.mf .homepage-form .form-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.mf [data-hero]{padding-bottom:28px!important}}@media (max-width:639px){.mf .header-tagline{display:none}.mf header>div,.mf header nav{flex-wrap:nowrap;gap:8px!important}.mf .header-brand{min-width:0;gap:8px!important}.mf .header-brand img{flex-shrink:0;width:32px!important;height:32px!important}.mf .header-wordmark{font-size:16px!important}.mf .header-cta{white-space:nowrap;min-height:40px!important;margin-left:0!important;padding:0 16px!important;font-size:13px!important}.mf header nav{flex-shrink:0}.mf .motion-controls{padding:0 20px 24px}.mf .motion-control{width:40px;height:40px;min-height:40px;padding:0}.mf .motion-control-label{display:none}}@media (max-width:359px){.mf .stage-scale{transform:translate(-50%)scale(.5)}.mf .stage-wrap{height:300px}.mf .footer-wordmark{font-size:68px!important}}