.hdt-section-header hdt-sticky-header.hdt-main-header,.hdt-section-header.scrolled-past-header.shopify-section-header-sticky hdt-sticky-header.hdt-main-header{--color-background:248 245 239;--gradient-background:#f8f5ef;--color-background2:248 245 239;--color-foreground:23 63 53;--color-foreground2:23 63 53;--color-accent:24 129 94;--hdt-link-color:23 63 53;--hdt-link-hover-color:24 129 94;background:#f8f5ef;color:#173f35;box-shadow:none}.mg{--mg-ink:#173f35;--mg-green:#18815e;--mg-muted:#52635b;--mg-paper:#f8f5ef;--mg-tint:#ece7dd;--mg-line:#d5dcd2;--mg-display:Georgia,"Noto Serif SC","Songti SC",serif;background:var(--mg-paper);color:var(--mg-ink);font:16px/1.7 var(--f_family_2,Arial,sans-serif);isolation:isolate;overflow:clip}.mg *{box-sizing:border-box}.mg :is(h1,h2,h3,p,figure,ol,ul){margin:0}.mg :is(h1,h2,h3){color:inherit;text-transform:none}.mg :is(h1,h2){font-family:var(--mg-display);font-weight:400;letter-spacing:-.035em;text-wrap:balance;line-height:1.13}.mg h1{font-size:clamp(46px,4vw,68px)}.mg h2{font-size:clamp(34px,3vw,50px)}.mg h3{font:600 18px/1.4 var(--f_family_2,Arial,sans-serif);letter-spacing:0}.mg p{text-wrap:pretty}.mg a{color:inherit}.mg img{display:block;max-width:100%;width:100%;height:auto}.mg figure{min-width:0}.mg .mg-shell{width:min(1320px,calc(100% - 112px));margin-inline:auto}.mg .mg-icon{width:24px;height:24px;display:inline-block;flex:none;fill:currentColor;vertical-align:middle}.mg svg:not(.mg-icon){width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.mg .mg-kicker{font:500 13px/1.4 var(--f_family_2,Arial,sans-serif);letter-spacing:.05em;margin-bottom:24px;color:var(--mg-muted)}.mg .mg-lead{font-size:17px;line-height:1.65;max-width:470px;margin-top:28px;color:var(--mg-muted)}.mg .mg-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:32px}.mg .mg-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:14px 28px;background:var(--mg-green);border:1px solid var(--mg-green);border-radius:99px;color:#fff;text-decoration:none;font:600 14px/1.35 var(--f_family_2,Arial,sans-serif);transition:background .2s}.mg .mg-btn:hover{background:#126449}.mg .mg-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}.mg :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid #a98447;outline-offset:5px}.mg [id]{scroll-margin-top:130px}.mg .mg-hero{position:relative;background:#eee8de}.mg .mg-hero-grid{width:100%;max-width:none;display:grid;grid-template-columns:45% 55%;min-height:720px;align-items:stretch}.mg .mg-hero-copy{align-self:center;padding:80px clamp(28px,5.2vw,100px);position:relative;z-index:1}.mg .mg-hero-copy h1{max-width:680px}.mg .mg-hero-art{position:relative;width:100%;height:100%;min-height:680px;overflow:hidden}.mg .mg-hero-art picture{display:block;height:100%;width:100%}.mg .mg-hero-ring{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center;height:100%;width:100%}.mg .mg-hero-art figcaption{display:none}.mg--gen1 .mg-hero{background:#eeefeb}.mg--gen1 .mg-hero-ring{object-fit:contain;padding:7%;mix-blend-mode:multiply}.mg--gen2 .mg-hero{background:#efe8dc}.mg--gen3 .mg-hero{background:#e9e3d8}.mg--gen4 .mg-hero{background:#f4e7dc}.mg--gen4 .mg-hero-grid{display:block;min-height:760px}.mg--gen4 .mg-hero-copy{width:54%;max-width:900px;padding-block:130px}.mg--gen4 .mg-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0}.mg--gen4 .mg-hero-ring{object-position:70% center}.mg--gen5 .mg-hero{background:#173a31;color:#fbf6ed}.mg--gen5 .mg-hero .mg-kicker,.mg--gen5 .mg-hero .mg-lead{color:#d7e2d8}.mg--gen5 .mg-hero .mg-btn{background:#f5efe4;color:#173f35;border-color:#f5efe4}.mg--gen5 .mg-hero-copy h1{font-size:clamp(46px,4vw,68px)}.mg .mg-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px;padding-block:70px 76px}.mg .mg-benefits .mg-icon{width:30px;height:30px;margin-bottom:22px}.mg .mg-benefits h2{font:600 18px/1.4 var(--f_family_2,Arial,sans-serif);letter-spacing:0;text-wrap:pretty}.mg .mg-benefits p{font-size:15px;line-height:1.7;color:var(--mg-muted);margin-top:12px;max-width:350px}.mg .mg-design{background:#eeece5;text-align:center;padding:88px 0 64px;overflow:hidden}.mg--gen5 .mg-design{background:#e7ebe5}.mg .mg-design-heading{max-width:820px}.mg .mg-design-heading p{max-width:590px;color:var(--mg-muted);margin:24px auto 0}.mg .mg-design-stage{height:clamp(370px,35vw,600px);max-width:1150px;margin:28px auto 0}.mg .mg-design-stage img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.mg .mg-design-facts{display:flex;justify-content:center;gap:0;max-width:880px;margin-top:24px}.mg .mg-design-facts>div{flex:1;padding:8px 24px;border-inline-start:1px solid #bfc9bd}.mg .mg-design-facts>div:first-child{border:0}.mg .mg-design-facts strong{display:block;font:400 48px/1.15 var(--mg-display);letter-spacing:-.04em}.mg .mg-design-facts small{font:400 18px/1.3 var(--f_family_2,Arial,sans-serif);letter-spacing:0}.mg .mg-design-facts span{display:block;font-size:13px;margin-top:12px;color:var(--mg-muted)}.mg--gen5 .mg-design-facts span{font-size:15px;margin:0}.mg .mg-story{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:9%;width:min(1440px,calc(100% - 80px));margin:100px auto}.mg .mg-story figure{aspect-ratio:1.08;overflow:hidden;border-radius:14px}.mg .mg-story img{height:100%;object-fit:cover}.mg .mg-story-copy{max-width:490px}.mg .mg-story-copy>p:not(.mg-kicker){font-size:17px;line-height:1.75;color:var(--mg-muted);margin-top:28px}.mg--gen4 .mg-story img{object-position:center 23%}.mg--gen1 .mg-story figure{order:2}.mg--gen1 .mg-story-copy{order:1}.mg .mg-demo{background:#eeece5;padding:96px 0}.mg .mg-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.mg .mg-demo-art{background:#f6f3ed;border-radius:16px;aspect-ratio:1;overflow:hidden}.mg .mg-demo-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.mg .mg-demo-art--photo img{object-fit:cover;mix-blend-mode:normal}.mg .mg-demo-art--phone{background:#e2dfec;padding:42px 30px 0;aspect-ratio:.94}.mg .mg-demo-art--phone img{height:112%;width:auto;max-width:74%;margin:auto;object-fit:contain;object-position:top;mix-blend-mode:normal;border-radius:22px 22px 0 0}.mg .mg-demo-art video{width:100%;height:100%;object-fit:cover}.mg .mg-demo-copy>p:not(.mg-kicker){font-size:16px;line-height:1.75;color:var(--mg-muted);margin-top:24px}.mg .mg-steps{list-style:none;padding:0;margin-top:30px}.mg .mg-steps li{display:grid;grid-template-columns:24px 1fr;gap:18px;border-top:1px solid #cbd3c7;padding:19px 0}.mg .mg-steps li>span{font-size:11px;line-height:24px;color:var(--mg-muted)}.mg .mg-steps h3{font-size:16px}.mg .mg-steps p{font-size:14px;line-height:1.7;color:var(--mg-muted);margin-top:7px}.mg .mg-demo-copy>.mg-link{margin-top:10px}.mg .mg-caption{font-size:12px;line-height:1.6;color:var(--mg-muted);margin-top:12px}.mg .mg-features{padding-block:30px}.mg .mg-feature-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center;padding-block:66px}.mg .mg-feature:nth-child(2n) .mg-feature-copy{order:2}.mg .mg-feature:nth-child(2n) .mg-feature-art{order:1}.mg .mg-feature-copy{max-width:490px}.mg .mg-feature-copy>p{font-size:17px;line-height:1.75;color:var(--mg-muted);margin-top:28px}.mg .mg-feature-art{position:relative;aspect-ratio:1.05;border-radius:16px;overflow:hidden;background:#eee9df}.mg .mg-feature-art>img{width:100%;height:100%;object-fit:cover}.mg .mg-feature-art--product>img{object-fit:contain;padding:32px;mix-blend-mode:multiply}.mg .mg-feature-art--phone{background:#e6e2ed;padding:42px 34px 0}.mg .mg-feature-art--phone>img{height:116%;width:auto;max-width:73%;margin:auto;object-fit:contain;object-position:top;border-radius:22px 22px 0 0}.mg .mg-feature-art figcaption{position:absolute;bottom:14px;inset-inline:14px;background:#faf7f0ed;color:#53635b;text-align:center;padding:9px 12px;font-size:12px;line-height:1.5;border-radius:5px}.mg .mg-feature-copy>.mg-link{margin-top:20px}.mg .mg-records{padding-block:80px 35px}.mg .mg-records>h2{max-width:780px}.mg .mg-record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:48px}.mg .mg-record-grid article{padding-top:22px;border-top:1px solid var(--mg-line)}.mg .mg-record-grid h3{font-size:17px}.mg .mg-record-grid p{font-size:14px;color:var(--mg-muted);margin-top:12px}.mg .mg-faq{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;padding-block:90px 100px}.mg .mg-faq>div>.mg-link{margin-top:25px}.mg .mg-faq details{border-top:1px solid var(--mg-line)}.mg .mg-faq details:last-child{border-bottom:1px solid var(--mg-line)}.mg .mg-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;min-height:74px;padding:22px 0;font-size:16px;line-height:1.5}.mg .mg-faq summary::-webkit-details-marker{display:none}.mg .mg-faq details[open] summary .mg-icon{transform:rotate(180deg)}.mg .mg-faq details p{padding:0 30px 25px 0;color:var(--mg-muted);font-size:15px;line-height:1.75}.mg .mg-ending{background:#173f35;color:#f7f2e9;padding:90px 0 34px;text-align:center}.mg .mg-ending h2{font-size:clamp(40px,4.2vw,68px);max-width:900px;margin:auto}.mg .mg-ending p{font-size:17px;color:#d9e2d8;max-width:580px;margin:28px auto 0}.mg .mg-ending .mg-actions{justify-content:center}.mg .mg-ending .mg-btn{background:#f4eee3;border-color:#f4eee3;color:#173f35}.mg .mg-related{display:flex;flex-wrap:wrap;justify-content:center;gap:34px;border-top:1px solid #ffffff30;margin-top:66px;padding-top:24px}.mg .mg-related a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:13px}.mg .mg-related a:hover{text-decoration:underline;text-underline-offset:5px}.mg.mg-premium .mgx-heading{font-family:var(--mg-display);font-size:clamp(36px,3.4vw,56px);line-height:1.16;letter-spacing:-.03em}.mg.mg-premium .mgx{padding-block:80px}.mg.mg-premium .mgx-card h3{font:600 17px/1.4 var(--f_family_2,Arial,sans-serif)}.mg.mg-premium .mgx-card p{font-size:14px;line-height:1.7}.mg.mg-premium .mg-guide h2{font-size:clamp(34px,3vw,48px)}.mg.mg-premium .mg-guide-group summary{font-size:16px}.mg.mg-premium .mg-guide-group li{font-size:14px;line-height:1.75}html[lang^=zh] .mg :is(h1,h2){letter-spacing:.01em;line-height:1.32}html[lang^=zh] .mg h1{font-size:clamp(40px,4vw,64px)}html[lang^=zh] .mg h2{font-size:clamp(32px,3.1vw,48px)}.mg:dir(rtl) .mg-link .mg-icon,.mg:dir(rtl) .mg-btn .mg-icon{transform:scaleX(-1)}@media(min-width:1800px){.mg .mg-hero-grid{min-height:820px}.mg--gen4 .mg-hero-copy{padding-block:150px}.mg .mg-hero-art{min-height:780px}.mg--gen4 .mg-hero-art{min-height:0}}@media(max-width:1100px)and (min-width:750px){.mg .mg-shell{width:calc(100% - 64px)}.mg .mg-hero-copy{padding:62px 34px}.mg .mg-hero-grid,.mg .mg-hero-art{min-height:620px}.mg .mg-hero-copy h1{font-size:48px}.mg--gen4 .mg-hero-copy{width:57%;padding-block:100px}.mg .mg-benefits{gap:30px}.mg .mg-story{width:calc(100% - 64px);gap:6%}.mg .mg-feature-grid,.mg .mg-demo-grid{gap:6%}.mg .mg-feature-copy>p{font-size:16px}}@media(max-width:749px){.mg{font-size:16px;line-height:1.7}.mg .mg-shell{width:calc(100% - 40px)}.mg h1,.mg--gen5 .mg-hero-copy h1{font-size:clamp(30px,8.7vw,38px);line-height:1.15;letter-spacing:-.035em}.mg h2{font-size:35px;line-height:1.18}.mg .mg-hero-grid,.mg--gen4 .mg-hero-grid{display:flex;flex-direction:column;min-height:0;width:100%}.mg .mg-hero-art,.mg--gen4 .mg-hero-art{position:relative;order:-1;height:clamp(260px,72vw,330px);min-height:0}.mg .mg-hero-copy,.mg--gen4 .mg-hero-copy{width:100%;max-width:none;text-align:center;padding:24px 20px 34px}.mg .mg-hero-copy h1{margin:auto;max-width:570px}.mg .mg-hero .mg-kicker{margin-bottom:12px}.mg .mg-lead{font-size:15px;line-height:1.7;margin:16px auto 0;max-width:420px}.mg .mg-hero .mg-actions{justify-content:center;gap:16px;margin-top:20px}.mg .mg-btn{min-height:48px;font-size:13px;padding:13px 23px}.mg .mg-link{font-size:13px}.mg--gen4 .mg-hero-ring{object-position:center 21%}.mg--gen5 .mg-hero-ring{object-position:center 50%}.mg--gen1 .mg-hero-ring{padding:25px}.mg .mg-benefits{grid-template-columns:1fr;gap:0;padding-block:28px 35px}.mg .mg-benefits article{display:grid;grid-template-columns:31px 1fr;gap:0 16px;padding:23px 0;border-bottom:1px solid var(--mg-line)}.mg .mg-benefits article:last-child{border:0}.mg .mg-benefits .mg-icon{width:26px;height:26px;margin:0;grid-row:span 2}.mg .mg-benefits h2{font-size:17px;line-height:1.45}.mg .mg-benefits p{grid-column:2;max-width:none;font-size:14px;margin-top:8px}.mg .mg-design{padding:55px 0 42px}.mg .mg-design-heading h2{font-size:34px}.mg .mg-design-heading p{font-size:15px;margin-top:20px}.mg .mg-design-stage{height:320px;margin-top:10px}.mg .mg-design-facts{width:calc(100% - 24px);margin-top:6px}.mg .mg-design-facts>div{padding:4px 10px}.mg .mg-design-facts strong{font-size:34px}.mg .mg-design-facts small{font-size:13px}.mg .mg-design-facts span,.mg--gen5 .mg-design-facts span{font-size:12px;line-height:1.6}.mg .mg-design-facts span{margin-top:9px}.mg .mg-story{width:100%;display:flex;flex-direction:column;gap:0;margin:0}.mg .mg-story figure,.mg--gen1 .mg-story figure{order:0;width:100%;aspect-ratio:1.06;border-radius:0}.mg .mg-story-copy,.mg--gen1 .mg-story-copy{order:1;max-width:580px;width:100%;padding:40px 24px 54px}.mg .mg-story-copy .mg-kicker{margin-bottom:18px}.mg .mg-story-copy>p:not(.mg-kicker){font-size:16px;line-height:1.75;margin-top:22px}.mg .mg-demo{padding-block:50px}.mg .mg-demo-grid{display:flex;flex-direction:column;gap:32px}.mg .mg-demo-grid>div{width:100%}.mg .mg-demo-art{aspect-ratio:1.05;border-radius:12px}.mg .mg-demo-art--phone{padding:28px 24px 0;aspect-ratio:.98}.mg .mg-demo-art--phone img{max-width:73%;border-radius:18px 18px 0 0}.mg .mg-demo-copy .mg-kicker{margin-bottom:18px}.mg .mg-demo-copy>p:not(.mg-kicker){font-size:15px;margin-top:20px}.mg .mg-steps{margin-top:24px}.mg .mg-steps li{padding:18px 0;gap:12px}.mg .mg-steps p{font-size:14px}.mg .mg-features{padding-block:0}.mg .mg-feature-grid{display:flex;flex-direction:column;gap:26px;padding-block:42px}.mg .mg-feature-copy,.mg .mg-feature:nth-child(2n) .mg-feature-copy{order:1;width:100%;max-width:none;padding-inline:4px}.mg .mg-feature-art,.mg .mg-feature:nth-child(2n) .mg-feature-art{order:0;width:100%;aspect-ratio:1;border-radius:12px}.mg .mg-feature-art--phone{padding:28px 24px 0}.mg .mg-feature-copy>p{font-size:16px;line-height:1.75;margin-top:21px}.mg .mg-feature-art figcaption{font-size:12px;padding:8px 10px;bottom:10px;inset-inline:10px}.mg .mg-feature-art--phone>img{border-radius:18px 18px 0 0}.mg .mg-records{padding-block:50px 18px}.mg .mg-record-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.mg .mg-record-grid h3{font-size:15px}.mg .mg-record-grid p{font-size:13px}.mg .mg-faq{display:block;padding-block:55px}.mg .mg-faq>div:first-child{margin-bottom:32px}.mg .mg-faq summary{font-size:15px;min-height:68px;padding:19px 0}.mg .mg-faq details p{font-size:14px;padding-inline-end:12px}.mg .mg-ending{padding:58px 0 24px}.mg .mg-ending h2{font-size:37px}.mg .mg-ending p{font-size:15px;margin-top:22px}.mg .mg-related{gap:24px;margin-top:38px;padding-top:18px}.mg.mg-premium .mgx{padding-block:52px}.mg.mg-premium .mgx-heading{font-size:34px}.mg.mg-premium .mg-guide h2{font-size:33px}html[lang^=zh] .mg h1{font-size:clamp(28px,8vw,33px);line-height:1.35}html[lang^=zh] .mg h2{font-size:30px;line-height:1.35}.mg [id]{scroll-margin-top:90px}}@media(prefers-reduced-motion:reduce){.mg *{scroll-behavior:auto!important;transition:none!important}}.mg .mg-app-context{display:flex;align-items:flex-start;gap:10px;border-inline-start:2px solid #7f9889;padding:10px 14px;background:#e4e9e0;color:#314d40;font-size:14px;line-height:1.65;margin-top:20px}.mg .mg-app-context .mg-icon{width:20px;height:20px;margin-top:2px}.mg .mg-demo-copy>.mg-app-context{font-size:14px}@media(max-width:749px){body:has(.mg) .hdt-section-header [data-header-height]{min-height:60px;max-height:60px}body:has(.mg) .hdt-section-header .hdt-logo-img{max-height:48px;width:auto}.mg .mg-hero-copy h1{-webkit-hyphens:none;hyphens:none;overflow-wrap:normal}.mg .mg-kicker{font-size:12px}.mg .mg-buybar-inner{min-height:54px}.mg .mg-buybar-name strong{font-size:15px}.mg .mg-buybar-name span{font-size:12px}.mg .mg-buybar .mg-buybar-cta{min-width:102px;min-height:44px;padding:10px 18px}}.mg--gen4 .mg-design--facts-only{padding-block:32px}.mg--gen4 .mg-design--facts-only .mg-design-facts{margin-top:0}.mg--gen4 .mg-design--facts-only{padding-top:60px}.mg--gen4 .mg-size-intro{max-width:820px;margin-bottom:38px}.mg--gen4 .mg-size-intro h2{font-size:clamp(36px,3.2vw,48px);line-height:1.18}.mg--gen4 .mg-size-intro p{max-width:650px;margin:22px auto 0;color:var(--mg-muted);font-size:16px;line-height:1.75}.mg--gen4 .mg-size-intro[dir=rtl] h2{line-height:1.5}@media(max-width:749px){.mg--gen4 .mg-design--facts-only{padding-top:38px}.mg--gen4 .mg-size-intro{width:calc(100% - 40px);margin-bottom:30px}.mg--gen4 .mg-size-intro h2{font-size:30px;line-height:1.3;letter-spacing:-.02em}.mg--gen4 .mg-size-intro p{margin-top:18px;font-size:14px;line-height:1.8}}.mg--gen4 .mg-gen4-introduction{display:flow-root;background:#fff}.mg--gen4 .mg-design--facts-only{background:#fff;padding-bottom:32px}.mg--gen4 .mg-size-intro{margin-bottom:0}.mg--gen4 .mg-story-facts{grid-column:1/-1;grid-row:2;text-align:center;margin:0 auto;width:min(880px,100%)}@media(max-width:749px){.mg--gen4 .mg-story-facts{order:1;width:calc(100% - 24px);padding-top:26px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/mzr-generation-pages.css.map */