.mangalli-body{color:#1c1917;font-family:var(--font-google-sans), "Helvetica Neue", Arial, sans-serif;-webkit-font-smoothing:antialiased;background:#fff;margin:0}.mangalli-site{--mg-accent:#ea580c;--mg-accent-dark:#c2410c;--mg-accent-soft:#fff4ec;--mg-warm:#faf6f2;--mg-line:#ece6e0;--mg-muted:#6b635c;--mg-ink:#1c1917;--mg-device:#18181b;--mg-ease:cubic-bezier(.2, .7, .2, 1);min-height:100vh;overflow:clip}.mangalli-site *{box-sizing:border-box}.mangalli-site a{color:inherit;text-decoration:none}.mangalli-site :focus-visible{outline:3px solid var(--mg-accent);outline-offset:3px}.mangalli-site h1,.mangalli-site h2,.mangalli-site h3,.mangalli-site p{margin:0}.mg-skip{z-index:100;border-radius:var(--radius-pill);background:#fff;padding:10px 18px;position:fixed;top:8px;left:16px;transform:translateY(-200%)}.mg-skip:focus{transform:none}.mg-header{z-index:50;padding:0 var(--gutter);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.mg-header-inner{align-items:center;gap:24px;width:min(1280px,100%);height:68px;margin:auto;display:flex}.mg-brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:650;display:inline-flex}.mg-brand img{border:1px solid var(--mg-line);object-fit:contain;background:#fff;border-radius:10px;width:36px;height:36px;padding:3px}.mg-nav{color:#4a433d;gap:28px;margin:0 auto;font-size:14px;display:flex}.mg-nav a{transition:color .15s}.mg-nav a:hover,.mg-sign-in:hover{color:var(--mg-accent-dark)}.mg-header-actions{align-items:center;gap:14px;display:flex}.mg-sign-in{font-size:14px;font-weight:600}.mg-menu{display:none;position:relative}.mg-menu summary{border:1px solid var(--mg-line);cursor:pointer;border-radius:50%;place-items:center;width:40px;height:40px;list-style:none;display:grid}.mg-menu summary::-webkit-details-marker{display:none}.mg-menu-panel{border:1px solid var(--mg-line);background:#fff;border-radius:16px;min-width:200px;padding:8px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 18px 40px #1c19171f}.mg-menu-panel a{border-radius:10px;padding:10px 12px;font-size:15px}.mg-menu-panel a:hover{background:var(--mg-warm)}.mg-button{border:1px solid var(--mg-accent);border-radius:var(--radius-pill);background:var(--mg-accent);white-space:nowrap;height:44px;transition:transform .16s var(--mg-ease), background .16s, box-shadow .16s;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex;color:#fff!important}.mg-button svg{transition:transform .16s var(--mg-ease)}.mg-button:hover{background:var(--mg-accent-dark);transform:translateY(-1px);box-shadow:0 8px 20px #ea580c3d}.mg-button:hover svg{transform:translate(2px)}.mg-button.is-secondary{background:#fff;border-color:#ddd5ce;color:var(--mg-ink)!important}.mg-button.is-secondary:hover{background:var(--mg-warm);box-shadow:0 6px 16px #0000000f}.mg-actions{flex-wrap:wrap;gap:10px;display:flex}.mg-hero{width:min(1280px, calc(100% - 2 * var(--gutter)));grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:56px;margin:0 auto;padding:72px 0 40px;display:grid}.mg-hero-copy{gap:22px;display:grid}.mg-pill{border:1px solid var(--mg-line);border-radius:var(--radius-pill);align-items:center;gap:8px;width:max-content;max-width:100%;padding:5px 12px 5px 5px;font-size:13px;transition:border-color .15s;display:inline-flex;color:#4a433d!important}.mg-pill span{border-radius:var(--radius-pill);background:var(--mg-accent-soft);color:var(--mg-accent-dark);padding:3px 9px;font-size:12px;font-weight:600}.mg-pill:hover{border-color:#d9cfc6}.mg-hero h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.5rem,4.6vw,4.25rem);font-weight:650;line-height:1.02}.mg-hero-copy>p{max-width:460px;color:var(--mg-muted);font-size:18px;line-height:1.55}.mg-hero-copy small{color:var(--mg-muted);font-size:13px}.mg-hero-stage{padding:0 0 56px 9%;position:relative}.mg-hero-stage .mg-phone{width:26%;position:absolute;bottom:0;left:0}.mg-tablet{background:var(--mg-device);border-radius:28px;padding:9px;box-shadow:0 30px 70px -20px #1c191759,0 10px 24px -12px #1c191740}.mg-tablet .mg-scene{border-radius:19px}.mg-phone{background:var(--mg-device);border-radius:38px;padding:7px;box-shadow:0 28px 60px -18px #1c191766}.mg-phone .mg-scene{border-radius:31px}.mg-browser{border:1px solid var(--mg-line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px -24px #1c19174d}.mg-browser-bar{border-bottom:1px solid var(--mg-line);background:#fbfaf9;align-items:center;gap:6px;height:38px;padding:0 14px;display:flex}.mg-browser-bar i{background:#e5ded7;border-radius:50%;width:10px;height:10px}.mg-browser-bar b{color:var(--mg-muted);background:#f2eee9;border-radius:8px;margin:0 auto;padding:3px 14px;font-size:11px;font-weight:500}.mg-scene{isolation:isolate;background:#f4f4f5;position:relative;overflow:hidden}.mg-scene img{object-fit:cover;opacity:0;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .32s;position:absolute;inset:0}.mg-scene img.is-active{opacity:1}.mg-tap{z-index:2;width:34px;height:34px;animation:mg-tap .52s var(--mg-ease) both;pointer-events:none;background:#ea580c47;border-radius:50%;margin:-17px 0 0 -17px;position:absolute;box-shadow:0 0 0 2px #ffffffe6,0 4px 14px #0000002e}@keyframes mg-tap{0%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.mg-focus{z-index:1;aspect-ratio:1;border:2px solid var(--mg-accent);pointer-events:none;border-radius:50%;width:9%;animation:2.2s ease-in-out infinite mg-focus;position:absolute;translate:-50% -50%}@keyframes mg-focus{0%,to{box-shadow:0 0 #ea580c59}50%{box-shadow:0 0 0 10px #ea580c00}}.mg-chip{z-index:3;border-radius:var(--radius-pill);color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:mg-chip .3s var(--mg-ease) both;background:#1c1917db;align-items:center;gap:8px;padding:7px 14px 7px 11px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;top:6%;left:50%;translate:-50%}.mg-chip:before{content:"";background:#a1a1aa;border-radius:50%;width:8px;height:8px}.mg-chip.is-online:before{background:#22c55e}.mg-chip.is-busy:before{background:#f59e0b;animation:.8s ease-in-out infinite mg-blink}@keyframes mg-chip{0%{opacity:0;translate:-50% -6px}}@keyframes mg-blink{50%{opacity:.3}}.mg-segments{width:min(1280px, calc(100% - 2 * var(--gutter)));border-top:1px solid var(--mg-line);border-bottom:1px solid var(--mg-line);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:28px 0;display:flex}.mg-segments span{color:var(--mg-muted);font-size:13px}.mg-segments ul{color:#3f3a35;letter-spacing:-.01em;flex-wrap:wrap;gap:8px 36px;margin:0;padding:0;font-size:17px;font-weight:600;list-style:none;display:flex}.mg-section{width:min(1280px, calc(100% - 2 * var(--gutter)));margin:0 auto;padding:clamp(72px,9vw,120px) 0}.mg-heading{gap:12px;max-width:640px;margin-bottom:48px;display:grid}.mg-heading h2,.mg-offline h2,.mg-final h2,.mg-community h2{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2rem,3.3vw,3rem);font-weight:650;line-height:1.06}.mg-heading p{color:var(--mg-muted);font-size:17px;line-height:1.5}.mg-story{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;display:grid}.mg-story-steps{margin:0;padding:0;list-style:none}.mg-story-step{opacity:.32;grid-template-columns:44px minmax(0,1fr);align-content:center;gap:4px 16px;min-height:64vh;transition:opacity .35s;display:grid}.mg-story-step.is-active{opacity:1}.mg-story-number{color:var(--mg-muted);font-variant-numeric:tabular-nums;padding-top:6px;font-size:13px;font-weight:600}.mg-story-step.is-active .mg-story-number{color:var(--mg-accent)}.mg-story-step h3{letter-spacing:-.03em;flex-wrap:wrap;align-items:center;gap:10px;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:650;line-height:1.15;display:flex}.mg-story-step h3 em{border-radius:var(--radius-pill);background:var(--mg-accent-soft);color:var(--mg-accent-dark);letter-spacing:0;padding:3px 10px;font-size:12px;font-style:normal;font-weight:600}.mg-story-step p{color:var(--mg-muted);margin-top:10px;font-size:17px;line-height:1.5}.mg-story-inline{display:none}.mg-story-stage{align-self:start;place-items:center;height:min(560px,70vh);display:grid;position:sticky;top:calc(68px + max(24px,50vh - 34px - min(560px,70vh)/2))}.mg-story-frame{grid-area:1/1;place-items:center;width:100%;height:100%;display:grid}.mg-story-frame:not(.is-active){display:none}.mg-story-frame.is-active>*{animation:mg-rise .5s var(--mg-ease) both}.mg-story-frame .mg-tablet,.mg-story-frame .mg-browser{width:100%}.mg-story-frame .mg-phone{width:min(290px,44%)}@keyframes mg-rise{0%{opacity:0;transform:translateY(16px)scale(.985)}}.mg-offline{border-radius:var(--radius-section);background:var(--mg-warm);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:56px;padding:clamp(48px,6vw,80px) clamp(24px,4vw,64px);display:grid}.mg-offline-copy{gap:16px;display:grid}.mg-offline-copy>p{color:var(--mg-muted);font-size:17px;line-height:1.5}.mg-offline-copy ul{gap:12px;margin:8px 0 0;padding:0;list-style:none;display:grid}.mg-offline-copy li{gap:10px;font-size:15px;display:flex}.mg-offline-copy li svg{color:var(--mg-accent);flex:none;margin-top:1px}.mg-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mg-feature{border:1px solid var(--mg-line);transition:transform .2s var(--mg-ease), box-shadow .2s, border-color .2s;background:#fff;border-radius:20px;align-content:start;gap:10px;padding:24px;display:grid}.mg-feature:hover{border-color:#e2d9d1;transform:translateY(-3px);box-shadow:0 16px 34px -18px #1c191738}.mg-feature span{background:var(--mg-accent-soft);width:40px;height:40px;color:var(--mg-accent-dark);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}.mg-feature h3{letter-spacing:-.01em;font-size:16px;font-weight:650}.mg-feature p{color:var(--mg-muted);font-size:14px;line-height:1.5}.mg-community{width:min(1280px, calc(100% - 2 * var(--gutter)));border-radius:var(--radius-section);background:var(--mg-ink);color:#fff;justify-content:space-between;align-items:center;gap:32px;margin:0 auto;padding:clamp(40px,5vw,64px);display:flex}.mg-community>div{gap:12px;max-width:640px;display:grid}.mg-community svg{color:#fdba74}.mg-community p{color:#d6d3d1;font-size:17px;line-height:1.5}.mg-community .mg-button.is-secondary{background:0 0;border-color:#44403c;color:#fff!important}.mg-community .mg-button.is-secondary:hover{background:#292524}.mg-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mg-plan{border:1px solid var(--mg-line);background:#fff;border-radius:24px;flex-direction:column;padding:28px;display:flex}.mg-plan.is-primary{border-color:var(--mg-accent);box-shadow:0 24px 50px -28px #ea580c73}.mg-plan h3{font-size:17px;font-weight:650}.mg-plan-price{align-items:baseline;gap:4px;display:flex;margin-top:18px!important}.mg-plan-price strong{letter-spacing:-.04em;font-size:clamp(2rem,3vw,2.6rem);font-weight:650;line-height:1}.mg-plan-price span{color:var(--mg-muted);font-size:15px}.mg-plan-note{min-height:2.9em;color:var(--mg-muted);font-size:14px;line-height:1.45;margin-top:10px!important}.mg-plan ul{border-top:1px solid var(--mg-line);gap:11px;margin:22px 0 28px;padding:22px 0 0;list-style:none;display:grid}.mg-plan li{gap:10px;font-size:15px;display:flex}.mg-plan li svg{color:var(--mg-accent);flex:none;margin-top:2px}.mg-plan .mg-button{margin-top:auto}.mg-plans-foot{color:var(--mg-muted);font-size:14px;margin-top:18px!important}.mg-faq-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;display:grid}.mg-faq-section .mg-heading{align-self:start;margin:0;position:sticky;top:100px}.mg-faq details{border-bottom:1px solid var(--mg-line)}.mg-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:17px;font-weight:600;list-style:none;display:flex}.mg-faq summary::-webkit-details-marker{display:none}.mg-faq summary svg{color:var(--mg-muted);transition:transform .2s var(--mg-ease);flex:none}.mg-faq details[open] summary svg{transform:rotate(180deg)}.mg-faq details p{color:var(--mg-muted);padding:0 32px 22px 0;font-size:16px;line-height:1.55}.mg-final{width:min(1280px, calc(100% - 2 * var(--gutter)));border-radius:var(--radius-section);background:var(--mg-accent-soft);text-align:center;justify-items:center;gap:16px;margin:0 auto;padding:clamp(56px,7vw,96px) 24px;display:grid}.mg-final p{color:#6b4a33;max-width:520px;font-size:17px;line-height:1.5}.mg-final .mg-actions{justify-content:center;margin-top:8px}.mg-footer{width:min(1280px, calc(100% - 2 * var(--gutter)));color:var(--mg-muted);grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:32px;margin:0 auto;padding:64px 0 32px;font-size:14px;display:grid}.mg-footer>div{align-content:start;gap:10px;display:grid}.mg-footer>div:first-child p{max-width:280px;line-height:1.5}.mg-footer strong{color:var(--mg-ink);font-size:13px;font-weight:650}.mg-footer a:hover{color:var(--mg-accent-dark)}.mg-footer small{border-top:1px solid var(--mg-line);grid-column:1/-1;padding-top:24px;font-size:12px}@media (prefers-reduced-motion:no-preference){.mg-hero-copy>*{animation:mg-rise .7s var(--mg-ease) both}.mg-hero-copy>:nth-child(2){animation-delay:60ms}.mg-hero-copy>:nth-child(3){animation-delay:.12s}.mg-hero-copy>:nth-child(4){animation-delay:.18s}.mg-hero-copy>:nth-child(5){animation-delay:.24s}.mg-hero-stage .mg-tablet{animation:mg-rise .9s var(--mg-ease) .15s both}.mg-hero-stage .mg-phone{animation:mg-rise .9s var(--mg-ease) .4s both}@supports (animation-timeline:view()){.mg-heading,.mg-feature,.mg-plan,.mg-offline,.mg-community,.mg-final,.mg-faq details{animation:linear both mg-reveal;animation-timeline:view();animation-range:entry entry 40%}}}@keyframes mg-reveal{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.mangalli-site *,.mangalli-site :before,.mangalli-site :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:1080px){.mg-nav{display:none}.mg-menu{display:block}.mg-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.mg-hero{grid-template-columns:1fr;gap:40px;padding-top:48px}.mg-hero-stage{padding-left:12%}.mg-story{display:block}.mg-story-stage{display:none}.mg-story-step{opacity:1;min-height:0;padding:32px 0}.mg-story-inline{grid-column:1/-1;place-items:center;margin-top:24px;display:grid}.mg-story-inline .mg-phone{width:min(260px,62%)}.mg-story-inline .mg-tablet,.mg-story-inline .mg-browser{width:100%}.mg-offline,.mg-faq-section{grid-template-columns:1fr;gap:36px}.mg-faq-section .mg-heading{position:static}.mg-plans{grid-template-columns:1fr}.mg-community{flex-direction:column;align-items:flex-start}.mg-footer{grid-template-columns:1fr 1fr}}@media (max-width:640px){.mg-sign-in,.mg-header-actions>.mg-button{display:none}.mg-hero h1{font-size:2.4rem}.mg-segments{flex-direction:column;align-items:flex-start}.mg-segments ul{gap:6px 20px;font-size:15px}.mg-features{grid-template-columns:1fr}.mg-tablet{border-radius:18px;padding:6px}.mg-tablet .mg-scene{border-radius:13px}.mg-phone{border-radius:28px;padding:5px}.mg-phone .mg-scene{border-radius:23px}.mg-chip{padding:5px 10px 5px 8px;font-size:11px}.mg-footer{grid-template-columns:1fr}}