@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/playfair-display-latin-600-normal-CZLGqjJe.woff2)format("woff2"),url(/assets/playfair-display-latin-600-normal-CxxueQ0Z.woff)format("woff")}.mabels-public{color:var(--pp-color-ink);background:0 0;min-height:100dvh}html:has(.mabels-public){scroll-behavior:smooth}.mabels-container{width:min(1200px,100% - 48px);margin-inline:auto}.mabels-footer a:hover{color:var(--pp-color-brand)}.mabels-skip-link{z-index:100;background:var(--pp-color-surface-default);border:2px solid var(--pp-color-brand);border-radius:12px;padding:12px 20px;position:fixed;top:-100px;left:20px}.mabels-skip-link:focus{top:12px}.mabels-hero{padding-block:56px 64px}.mabels-hero-columns{isolation:isolate;grid-template-columns:minmax(0,1fr);justify-items:center;gap:44px;display:grid;position:relative}.mabels-hero-copy{z-index:0;text-align:center;width:100%;max-width:900px;position:relative}.mabels-hero-copy:has(:focus-visible){transform:none!important}.mabels-hero-columns>.mabels-sharing-preview{z-index:1;position:relative}.mabels-public h1,.mabels-public h2,.mabels-public h3{font-family:var(--font-heading);letter-spacing:-.035em;font-weight:400;line-height:1.12}.mabels-hero-copy h1{margin:0 0 24px;font-size:4rem}.mabels-eyebrow{color:var(--pp-color-text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.6875rem;font-weight:500;line-height:1.5}.mabels-lead{color:var(--pp-color-text-muted);max-width:560px;margin-inline:auto;font-size:1.0625rem;line-height:1.65}.mabels-hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.mabels-hero-actions a{border-radius:var(--pp-radius-control);min-width:180px;height:auto;min-height:54px;font-size:.875rem;font-weight:500}.mabels-hero-actions .pp-btn-secondary{background:var(--pp-color-surface-default);color:var(--pp-color-ink);border-color:#0000}.mabels-hero-actions .pp-btn-secondary:hover{background:var(--pp-color-surface-subtle)}.mabels-pill{background:var(--pp-color-status-success-surface);color:var(--pp-color-status-success);border-radius:999px;align-items:center;padding:6px 10px;font-size:.8125rem;line-height:1.5;display:inline-flex}.mabels-design-icon{-o-object-fit:contain;object-fit:contain;flex-shrink:0}.mabels-feature-ribbon{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:860px;margin:48px auto 0;padding-block:18px;list-style:none;display:grid}.mabels-feature-ribbon li{color:var(--pp-color-text-muted);justify-content:center;align-items:center;gap:10px;min-height:28px;font-size:.875rem;line-height:1.5;display:flex}.mabels-section{padding-block:76px;scroll-margin-top:28px}.mabels-benefit-section{background:0 0}.mabels-eyebrow{margin-bottom:12px}.mabels-section h2{text-align:center;max-width:22ch;margin-inline:auto;font-size:2.75rem}.mabels-section-intro{color:var(--pp-color-text-muted);margin-top:18px;font-size:1rem;line-height:1.65}.mabels-benefit-section .mabels-section-intro{text-align:center;max-width:600px;margin-inline:auto}.mabels-three-up{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.mabels-benefits,.mabels-examples{margin-top:40px}.mabels-benefit{border-radius:var(--pp-radius-card);text-align:center;background:var(--pp-color-surface-default);box-shadow:var(--pp-shadow-card);flex-direction:column;align-items:center;gap:20px;padding:32px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);display:flex}.mabels-benefit:hover{transform:translateY(-4px);box-shadow:0 14px 40px -18px #372b1729,0 28px 70px -44px #372b1729}.mabels-icon-circle{background:var(--pp-color-status-success-surface);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.mabels-tone-warm .mabels-icon-circle{background:var(--pp-color-status-warning-surface)}.mabels-tone-rose .mabels-icon-circle{background:var(--pp-color-status-danger-surface)}.mabels-benefit h3,.mabels-example-card h3,.mabels-steps h3{font-size:1.75rem}.mabels-benefit p{color:var(--pp-color-text-muted);font-size:.9375rem;line-height:1.7}.mabels-benefit small{color:var(--pp-color-text-muted);margin-top:auto;font-size:.8125rem;line-height:1.5}.mabels-steps{padding-block:64px}.mabels-steps ol{gap:32px;margin-top:40px;list-style:none}.mabels-steps li{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.mabels-steps li>span{width:3rem;height:3rem;color:var(--pp-color-ink);background:var(--pp-color-surface-default);border-radius:16px;flex:none;place-items:center;font-size:.875rem;font-weight:500;transition:transform .35s cubic-bezier(.22,1,.36,1);display:grid}.mabels-steps li:hover>span{transform:scale(1.06)}.mabels-steps li p{color:var(--pp-color-text-muted);margin-top:8px;font-size:.875rem;line-height:1.5}.mabels-example-card{border-radius:var(--pp-radius-card);background:var(--pp-color-surface-default);min-height:338px;box-shadow:var(--pp-shadow-card);flex-direction:column;gap:20px;padding:28px;display:flex}.mabels-example-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.mabels-example-top>img{width:112px;height:112px}.mabels-example-card p{color:var(--pp-color-text-muted);font-size:.875rem;line-height:1.5}.mabels-example-card>a{height:auto;color:var(--pp-color-brand);min-height:52px;margin-top:auto;font-size:.875rem}.mabels-invitation{background:var(--pp-color-surface-default);border-radius:var(--pp-radius-card);box-shadow:var(--pp-shadow-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:260px;padding:56px;transition:box-shadow .35s cubic-bezier(.22,1,.36,1);display:flex}.mabels-invitation:hover{box-shadow:0 14px 44px -18px #372b1724,0 30px 76px -44px #372b1724}.mabels-invitation p{color:var(--pp-color-text-muted);margin-top:12px;font-size:1rem;line-height:1.5}.mabels-invitation>a{white-space:normal;flex-shrink:0;height:auto;min-height:52px;font-size:.875rem}.mabels-footer{background:0 0;padding:40px 0}.mabels-footer-inner{color:var(--pp-color-text-muted);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;font-size:.8125rem;line-height:1.5;display:grid}.mabels-footer-inner>p:last-child{justify-self:end}.mabels-footer-brand{width:149px;height:auto;margin-bottom:8px}.mabels-footer nav{flex-wrap:wrap;justify-content:center;gap:12px 24px;display:flex}.mabels-product-info{padding-block:64px 100px;font-size:1rem;line-height:1.65}.mabels-info-heading{text-align:center;max-width:640px;margin:0 auto 40px}.mabels-info-heading h1{margin-bottom:20px;font-size:2.75rem}.mabels-info-heading>p:last-child{color:var(--pp-color-text-muted);max-width:470px;margin-inline:auto}.mabels-faq{background:var(--pp-color-surface-default);border-radius:var(--pp-radius-card);max-width:860px;box-shadow:var(--pp-shadow-card);margin-inline:auto;padding-block:8px;overflow:hidden}.mabels-faq-item+.mabels-faq-item{border-top:1px solid var(--pp-color-border-subtle)}.mabels-faq-item .mabels-disclosure-trigger{font-family:var(--font-heading);letter-spacing:-.025em;text-align:left;width:100%;color:var(--pp-color-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:28px;padding:26px 32px;font-size:1.3125rem;font-weight:400;line-height:1.4;display:flex}.mabels-faq-item .mabels-disclosure-heading{margin:0}.mabels-faq-item .mabels-disclosure-trigger:focus-visible{outline-offset:-5px;border-radius:16px}.mabels-faq-item .mabels-disclosure-toggle{width:20px;height:20px;color:var(--pp-color-brand);flex:none;display:block}.mabels-faq-answer{max-width:740px;color:var(--pp-color-text-muted);padding:0 32px 28px;font-size:.9375rem;line-height:1.75}.mabels-info-back{justify-content:center;margin-top:36px;display:flex}@media (width>=1441px){.mabels-hero{padding-top:72px;padding-bottom:72px}}@media (width<=1100px){.mabels-invitation{gap:24px;padding:36px}}@media (width<=900px){.mabels-three-up{gap:16px}.mabels-example-top{flex-direction:column;align-items:start}.mabels-benefit{padding:22px}.mabels-steps li{flex-direction:column}}@media (width<=760px){.mabels-hero-copy h1{font-size:2.5rem}.mabels-feature-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;max-width:430px}.mabels-section h2,.mabels-info-heading h1{font-size:2.125rem}.mabels-footer-inner{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.mabels-footer-brand{margin-inline:auto}.mabels-footer-inner>p:last-child{justify-self:center}}@media (width<=600px){.mabels-container{width:calc(100% - 40px)}.mabels-hero{padding-top:40px;padding-bottom:40px}.mabels-hero-columns{gap:32px}.mabels-hero-actions{gap:10px}.mabels-hero-actions a{flex:1;min-width:140px;height:auto;min-height:54px;padding-inline:12px}.mabels-feature-ribbon{gap:16px;margin-top:32px}.mabels-feature-ribbon li{gap:8px;font-size:.8125rem}.mabels-feature-ribbon img{width:21px;height:21px}.mabels-three-up{grid-template-columns:1fr;gap:18px}.mabels-section{padding-block:44px}.mabels-benefit{padding:28px}.mabels-steps ol{gap:24px}.mabels-example-top{flex-direction:row;align-items:center}.mabels-example-card{min-height:320px}.mabels-invitation{padding:32px}.mabels-invitation>a{white-space:normal;text-align:center;height:auto;min-height:52px;padding-inline:18px}.mabels-footer nav{gap:20px}.mabels-product-info{padding-block:40px 64px}.mabels-info-heading{margin-bottom:32px}.mabels-faq-item .mabels-disclosure-trigger{gap:20px;padding:24px;font-size:1.1875rem}.mabels-faq-answer{padding-inline:24px;font-size:.875rem}}@media (prefers-reduced-motion:reduce){html:has(.mabels-public){scroll-behavior:auto}.mabels-hero-copy{transform:none!important}}
