@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,iframe{max-width:100%}body{margin:0}.molo-brand-mark,.molo-brand-lockup .molo-brand-mark{width:58px!important;height:58px!important;min-width:58px!important;border-radius:6px!important;object-fit:cover!important}.molo-home-header-inner,.molo-header,.header,.public-header,header .wrap{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}.v36-public-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px max(22px,calc((100vw - 1440px)/2));border-bottom:1px solid rgba(20,20,20,.1);background:#fffdf8;position:sticky;top:0;z-index:40}.v36-public-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#171512}.v36-public-brand img{width:58px;height:58px;border-radius:18px;object-fit:cover}.v36-public-brand strong{display:block;font:800 22px/1.05 Arial,sans-serif}.v36-public-brand small{display:block;margin-top:5px;color:#60705b;font:800 9px/1.1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.v36-public-header nav{display:flex;gap:16px}.v36-public-header nav a{color:#55504a;text-decoration:none;font:800 14px Arial,sans-serif}.v36-public-footer{width:min(100%,1440px);margin:56px auto 0;border-top:1px solid rgba(20,20,20,.12);padding:28px 22px 34px;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.8fr) auto;align-items:center;gap:20px;color:#655f58;font-family:Arial,sans-serif}.v36-public-footer>div strong{display:block;color:#191714;font-size:17px}.v36-public-footer>div span{display:block;margin-top:4px;font-size:12px}.v36-public-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px}.v36-public-footer a{color:inherit;text-decoration:none;font-weight:750;font-size:13px}.v36-public-footer a:hover{text-decoration:underline}.v36-public-footer small{text-align:right}.v36-legal{width:min(100% - 32px,980px);margin:54px auto 0;font-family:Arial,sans-serif;color:#1d1a17}.v36-legal h1{font-size:clamp(40px,6vw,72px);line-height:1;margin:14px 0 28px;letter-spacing:-.04em}.v36-legal h2{margin:34px 0 10px;font-size:27px}.v36-legal p,.v36-legal li{font-size:16px;line-height:1.7;color:#5c554e}.v36-legal a{color:#47613f}.v36-legal .v36-card{padding:22px;border:1px solid #ded8d0;border-radius:20px;background:#fffdf9;margin:18px 0}.v36-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:#5f7f55;text-transform:uppercase}.v36-form{display:grid;gap:14px}.v36-form label{font-weight:800}.v36-form input,.v36-form textarea,.v36-form select{width:100%;max-width:100%;padding:13px 14px;border:1px solid #d7d0c8;border-radius:14px;font:inherit;background:#fff}.v36-form textarea{min-height:160px;resize:vertical}.v36-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 20px;background:#151915;color:#fff;font-weight:850;text-decoration:none;cursor:pointer}.v36-note{padding:14px 16px;border-radius:14px;background:#edf3e9;color:#42543d}.v36-error{padding:14px 16px;border-radius:14px;background:#fae8e4;color:#783b34}.v36-consent{display:flex!important;gap:10px!important;align-items:flex-start!important;font-weight:650!important}.v36-consent input{width:auto!important;margin-top:4px}.v36-trial-expired{text-align:center;padding:30px}.v36-trial-expired h2{font-size:32px}.v36-trial-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.v36-trial-summary div{padding:16px;border:1px solid #ded8d0;border-radius:16px;background:#fff}.v36-trial-summary strong{display:block;font-size:24px}.v36-main-mobile-proof{display:none}
@media(max-width:760px){.molo-brand-mark,.molo-brand-lockup .molo-brand-mark,.v36-public-brand img{width:50px!important;height:50px!important;min-width:50px!important;border-radius:16px!important}.v36-public-header{min-height:72px;padding:10px 14px}.v36-public-brand strong{font-size:18px}.v36-public-brand small{font-size:7px;letter-spacing:.10em}.v36-public-header nav a:not(:last-child){display:none}.v36-public-footer{grid-template-columns:1fr;align-items:start;padding:24px 16px 28px;margin-top:42px}.v36-public-footer nav{justify-content:flex-start;gap:10px 14px}.v36-public-footer small{text-align:left}.v36-legal{width:min(100% - 24px,980px);margin-top:34px}.v36-legal h1{font-size:clamp(38px,12vw,58px)}.v36-trial-summary{grid-template-columns:1fr}.v36-button{width:100%;min-height:46px}input,select,textarea,button{font-size:16px!important;min-width:0}.container,.container-fluid,.row,[class*="col-"]{min-width:0;max-width:100%}}


/* MODE DM SANS PUBLIC STANDARD V1 */

html,
body,
button,
input,
select,
textarea,
.molo-header,
.footer{
    font-family:
        "Inter",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif!important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.planner-title,
.hero-panel h1,
.plan-panel h2,
.section-heading h2,
.account-at-a-glance strong,
.rules-grid strong{
    font-family:
        "Inter",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif!important;
}

/* Make the MODE line actually readable */
.brand-words em,
.molo-brand-words em,
.brand-lockup em,
.molo-brand-lockup em,
.footer-brand-lockup em{
    font-size:12.5px!important;
    line-height:1.2!important;
    letter-spacing:.13em!important;
    font-weight:800!important;
}



/* MODE HEADER TRUE FULL WIDTH V3 */

.molo-public-clean-header{
    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;

    background:#fbf8f1!important;
}

.molo-public-clean-header .molo-header-inner{
    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:13px 30px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:28px!important;
}

.molo-public-clean-header .molo-logo{
    flex:0 0 auto!important;

    margin:0!important;
    padding:0!important;

    display:flex!important;
    align-items:center!important;

    text-decoration:none!important;
}

.molo-public-clean-header .molo-brand-lockup{
    display:flex!important;
    align-items:center!important;

    gap:12px!important;

    width:auto!important;
    max-width:none!important;
}

.molo-public-clean-header .molo-brand-mark{
    width:60px!important;
    height:60px!important;
    min-width:60px!important;
    max-width:60px!important;

    display:block!important;

    object-fit:cover!important;

    border-radius:6px!important;
}

.molo-public-clean-header .molo-brand-words{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;

    gap:4px!important;
}

.molo-public-clean-header .molo-brand-words strong{
    display:block!important;

    margin:0!important;

    font-size:24px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:-.035em!important;

    white-space:nowrap!important;
}

.molo-public-clean-header .molo-brand-words em{
    display:block!important;

    margin:0!important;

    font-size:10.5px!important;
    line-height:1.15!important;
    font-style:normal!important;
    font-weight:800!important;

    letter-spacing:.14em!important;
    text-transform:uppercase!important;

    white-space:nowrap!important;
}

.molo-public-clean-header .molo-nav{
    flex:0 1 auto!important;

    margin:0 0 0 auto!important;
    padding:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;

    gap:9px!important;
}

.molo-public-clean-header .molo-nav .btn,
.molo-public-clean-header .molo-header-status{
    flex:0 0 auto!important;
    white-space:nowrap!important;
}


@media(max-width:980px){

    .molo-public-clean-header .molo-header-inner{
        padding:12px 16px!important;

        flex-wrap:wrap!important;
    }

    .molo-public-clean-header .molo-nav{
        width:100%!important;

        justify-content:flex-start!important;

        overflow-x:auto!important;
        scrollbar-width:none!important;

        padding-bottom:2px!important;
    }

    .molo-public-clean-header .molo-nav::-webkit-scrollbar{
        display:none!important;
    }
}