@layer prepago-legacy {
#prepagoLanding{display:none}body.landing-view{display:block!important;background:#fff!important;overflow:auto!important;margin:0}body.landing-view> :not(#prepagoLanding):not(script){display:none!important}body.landing-view #prepagoLanding{display:block;color:#161b23;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}#prepagoLanding *{box-sizing:border-box}#prepagoLanding a{color:inherit;text-decoration:none}#prepagoLanding a:focus-visible{outline:3px solid #0750e8;outline-offset:7px}#prepagoLanding p,#prepagoLanding h1,#prepagoLanding h2{margin:0}#prepagoLanding .lp-nav{max-width:1440px;margin:auto;padding:28px 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e9ed}#prepagoLanding .lp-brand{display:flex;align-items:center;font-size:29px;font-weight:var(--font-bold);letter-spacing:-1.4px;gap:9px}#prepagoLanding .lp-brand>span:first-child{display:grid;place-items:center;color:#fff;background:#0750e8;width:31px;height:34px;border-radius:6px;letter-spacing:0;font-size:27px}#prepagoLanding .lp-brand-dot{color:#0750e8;margin-left:-9px}#prepagoLanding nav{display:flex;gap:36px;font-size:var(--text-sm)}#prepagoLanding .lp-login{font-size:var(--text-sm);font-weight:var(--font-semibold);display:flex;gap:28px;align-items:center}#prepagoLanding .lp-main{max-width:1440px;margin:auto;padding:0 64px}#prepagoLanding .lp-hero{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:82px 0 86px}#prepagoLanding .lp-eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:1.8px;margin-bottom:26px}#prepagoLanding h1{font-size:clamp(50px,5.5vw,79px);line-height:1.04;letter-spacing:-4px;font-weight:var(--font-semibold)}#prepagoLanding h1>span{color:#0750e8}#prepagoLanding .lp-intro{font-size:17px;line-height:1.75;color:#626976;max-width:440px;margin:28px 0}#prepagoLanding .lp-cta{display:inline-flex;align-items:center;gap:44px;padding:17px 24px;background:#0750e8;color:#fff;border-radius:6px;font-weight:var(--font-semibold);font-size:15px;transition:background .2s}#prepagoLanding .lp-cta:hover{background:#0038b5}#prepagoLanding .lp-caption{font-size:var(--text-xs);color:#727782;margin-top:16px}#prepagoLanding .lp-demo{background:#f3f6fb;padding:24px;border:1px solid #e2e7ef;border-radius:12px;position:relative;box-shadow:14px 16px 0 #fafbfc;transform:rotate(-1deg)}#prepagoLanding .lp-demo-top{display:flex;justify-content:space-between;font-size:var(--text-xs);letter-spacing:1px;color:#687383;padding-bottom:24px;border-bottom:1px solid #dce2eb}#prepagoLanding .lp-demo-top span:last-child{letter-spacing:0;font-size:var(--text-xs)}#prepagoLanding .lp-demo-heading{display:flex;align-items:baseline;justify-content:space-between;margin-top:24px}#prepagoLanding .lp-demo-heading h2{font-size:31px;letter-spacing:-1.2px;font-weight:var(--font-semibold)}#prepagoLanding .lp-demo-heading>span{font-size:var(--text-xs);color:#687383}#prepagoLanding .lp-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:23px 0}#prepagoLanding .lp-week>span{text-align:center;font-size:var(--text-xs);color:#737e8d;padding:10px 0;border-radius:6px}#prepagoLanding .lp-week small{display:block;font-size:17px;font-weight:var(--font-semibold);margin-top:7px;color:#283142}#prepagoLanding .lp-week .lp-selected{background:#0750e8;color:#d2e2ff}#prepagoLanding .lp-selected small{color:white}#prepagoLanding .lp-agenda{background:#fff;border:1px solid #e6eaf0;border-radius:8px;padding:18px}#prepagoLanding .lp-agenda-label{display:flex;justify-content:space-between;font-size:var(--text-xs);letter-spacing:1.2px;color:#758092;margin-bottom:8px}#prepagoLanding .lp-study{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #eff1f5}#prepagoLanding .lp-study:last-child{border:0;padding-bottom:3px}#prepagoLanding .lp-check{width:17px;height:17px;border:1px solid #cdd4df;border-radius:4px;flex-shrink:0;font-size:var(--text-xs);text-align:center}#prepagoLanding .lp-done .lp-check{background:#e7efff;border-color:#e7efff;color:#0750e8}#prepagoLanding .lp-study strong{font-size:var(--text-xs);font-weight:var(--font-semibold);display:block}#prepagoLanding .lp-study small{font-size:var(--text-xs);color:#87909d;display:block;margin-top:4px}#prepagoLanding .lp-duration{font-size:var(--text-xs);color:#6b7482;white-space:nowrap;margin-left:auto}#prepagoLanding .lp-focus{background:#e2ebff;border:1px solid #cedeff;border-radius:7px;padding:17px 20px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;color:#0750e8}#prepagoLanding .lp-focus div>span{font-size:var(--text-xs);letter-spacing:1px;font-weight:var(--font-semibold)}#prepagoLanding .lp-focus strong{display:block;font-size:43px;font-weight:var(--font-semibold);letter-spacing:-2px;line-height:1.2;margin-top:6px}#prepagoLanding .lp-focus strong span{color:#769aea}#prepagoLanding .lp-focus-icon{border-radius:50%;width:43px;height:43px;background:#0750e8;color:white;display:grid;place-items:center}#prepagoLanding .lp-demo-bottom{display:flex;justify-content:space-between;font-size:var(--text-xs);color:#737d8b;margin-top:22px}#prepagoLanding .lp-demo-bottom strong{color:#414b5b;font-weight:var(--font-medium)}#prepagoLanding .lp-method{border-top:1px solid #dfe3e9;border-bottom:1px solid #dfe3e9;padding:38px 0;display:grid;grid-template-columns:.7fr 1fr 1fr 1fr;gap:32px;scroll-margin-top:30px}#prepagoLanding .lp-section-label{font-size:var(--text-xs);line-height:1.6;letter-spacing:1px;color:#7e8690}#prepagoLanding article>span{font-size:var(--text-xs);color:#0750e8;letter-spacing:1.2px;font-weight:var(--font-semibold)}#prepagoLanding article h2{font-size:var(--text-base);letter-spacing:-.3px;margin:12px 0 9px}#prepagoLanding article p{font-size:var(--text-sm);color:#6b7481;line-height:1.7}#prepagoLanding .lp-pricing{display:grid;grid-template-columns:1.4fr 1fr 1fr;padding:70px 0 45px;gap:35px;scroll-margin-top:30px}#prepagoLanding .lp-pricing h2{font-size:35px;line-height:1.2;letter-spacing:-1.5px}#prepagoLanding .lp-pricing .lp-eyebrow{margin-bottom:17px}#prepagoLanding .lp-price{border-left:1px solid #dfe3e9;padding:0 28px}#prepagoLanding .lp-price>span{font-size:15px;font-weight:var(--font-semibold)}#prepagoLanding .lp-price p{margin:12px 0 15px;font-size:var(--text-sm);color:#687383}#prepagoLanding .lp-price strong{font-size:46px;letter-spacing:-2px;color:#171d29;font-weight:var(--font-semibold)}#prepagoLanding .lp-price a{font-size:var(--text-sm);color:#0750e8}#prepagoLanding .lp-promo{grid-column:1/-1;font-size:var(--text-xs);color:#78808c;margin-top:14px}#prepagoLanding .lp-footer{max-width:1312px;margin:auto;padding:28px 0;border-top:1px solid #e6e9ed;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#6b7481;font-size:var(--text-xs)}#prepagoLanding .lp-footer .lp-brand{font-size:23px;color:#171d29}#prepagoLanding .lp-footer>a:last-child{color:#242d3b}@media(min-width:1600px){#prepagoLanding .lp-hero{padding:100px 0}}@media(max-width:1000px){#prepagoLanding .lp-nav{padding:25px 30px}#prepagoLanding .lp-main{padding:0 30px}#prepagoLanding .lp-hero{gap:32px}#prepagoLanding h1{letter-spacing:-2.5px}#prepagoLanding .lp-demo{padding:16px}#prepagoLanding .lp-demo-heading>span{display:none}#prepagoLanding .lp-method{grid-template-columns:repeat(3,1fr)}#prepagoLanding .lp-section-label{grid-column:1/-1}#prepagoLanding .lp-footer{margin:0 30px}}@media(max-width:700px){#prepagoLanding .lp-nav{padding:22px}#prepagoLanding nav{display:none}#prepagoLanding .lp-brand{font-size:25px}#prepagoLanding .lp-main{padding:0 24px}#prepagoLanding .lp-hero{grid-template-columns:1fr;padding:52px 0;gap:44px}#prepagoLanding h1{font-size:58px;letter-spacing:-3px}#prepagoLanding .lp-intro{font-size:var(--text-base);max-width:400px}#prepagoLanding .lp-demo{transform:none;box-shadow:none}#prepagoLanding .lp-method{grid-template-columns:1fr;gap:28px;padding:30px 0}#prepagoLanding article h2{font-size:19px}#prepagoLanding article p{font-size:var(--text-sm)}#prepagoLanding .lp-pricing{grid-template-columns:1fr 1fr;gap:28px;padding-top:45px}#prepagoLanding .lp-pricing>div:first-child{grid-column:1/-1}#prepagoLanding .lp-price{padding-left:17px}#prepagoLanding .lp-footer{flex-wrap:wrap;margin:0 24px}#prepagoLanding .lp-footer>span{order:3;flex-basis:100%}#prepagoLanding .lp-study{gap:8px}#prepagoLanding .lp-duration{font-size:var(--text-xs)}}@media(prefers-reduced-motion:reduce){#prepagoLanding *{transition:none!important}}
#prepagoLanding{--ink:#17212d;--muted:#657080;--blue:#0750e8}#prepagoLanding h3{margin:0;font-weight:var(--font-semibold);letter-spacing:-.5px}#prepagoLanding .lp-nav{max-width:1360px;padding:26px 48px}#prepagoLanding .lp-main{max-width:1360px;padding:0 48px}#prepagoLanding .lp-nav nav a{padding:8px 0;position:relative}#prepagoLanding nav a:hover{color:var(--blue)}#prepagoLanding nav a[aria-current=page]{color:var(--blue)}#prepagoLanding nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue)}#prepagoLanding .lp-eyebrow{font-size:var(--text-xs);letter-spacing:1.6px}#prepagoLanding .lp-hero{gap:65px;padding:80px 0 90px}#prepagoLanding .lp-demo{transform:none;border-radius:12px;box-shadow:0 25px 60px -30px #48669755;padding:25px}#prepagoLanding .lp-study strong{font-size:var(--text-sm)}#prepagoLanding .lp-demo-top{letter-spacing:.5px}#prepagoLanding .lp-caption{font-size:var(--text-label);margin-top:22px}#prepagoLanding .lp-text-link{display:inline-flex;align-items:center;gap:16px;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--blue);padding:13px 0}#prepagoLanding .lp-copy>.lp-text-link{display:flex;margin-top:10px;width:max-content}#prepagoLanding .lp-strip{border-top:1px solid #dfe5ed;border-bottom:1px solid #dfe5ed;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}#prepagoLanding .lp-strip>span{font-size:var(--text-xs);color:var(--muted);letter-spacing:1px}#prepagoLanding .lp-strip p{font-size:var(--text-base);font-weight:var(--font-medium)}#prepagoLanding .lp-editorial{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:100px 0}#prepagoLanding .lp-editorial h2,#prepagoLanding .lp-callout h2,#prepagoLanding .lp-step h2,#prepagoLanding .lp-faq h2{font-size:clamp(32px,3.7vw,50px);font-weight:var(--font-medium);line-height:1.12;letter-spacing:-2px}#prepagoLanding .lp-editorial h2 span{color:#89929e}#prepagoLanding .lp-editorial .lp-text-link{margin-top:24px}#prepagoLanding .lp-feature-list article{display:flex;gap:30px;padding:28px 0;border-bottom:1px solid #e2e7ee}#prepagoLanding .lp-feature-list article:first-child{padding-top:0}#prepagoLanding .lp-feature-list article>span{font-size:var(--text-sm);margin-top:4px}#prepagoLanding .lp-feature-list h3{font-size:22px;margin-bottom:12px}#prepagoLanding .lp-feature-list p{font-size:var(--text-base);line-height:1.7}#prepagoLanding .lp-callout{background:#edf3ff;border:1px solid #d8e5ff;border-radius:12px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:70px}#prepagoLanding .lp-callout h2{color:var(--blue)}#prepagoLanding .lp-callout p:not(.lp-eyebrow){font-size:var(--text-base);color:#52657f;line-height:1.8;margin-bottom:22px}#prepagoLanding .lp-footer{max-width:1264px;margin:0 auto;padding:30px 0;font-size:var(--text-label)}#prepagoLanding .lp-footer nav{gap:22px;font-size:var(--text-sm)}#prepagoLanding .lp-page-intro{text-align:center;padding:78px 0 55px}#prepagoLanding .lp-page-intro h1{font-size:clamp(44px,5vw,68px);letter-spacing:-3px;line-height:1.08}#prepagoLanding .lp-page-intro .lp-intro{margin:24px auto 0;max-width:580px;font-size:17px}#prepagoLanding .lp-plans{max-width:1040px;margin:0 auto 55px;display:grid;grid-template-columns:1fr 1fr;gap:24px}#prepagoLanding .lp-plan{padding:36px;border:1px solid #dce3ec;border-radius:14px;background:#fff}#prepagoLanding .lp-plan-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:28px}#prepagoLanding .lp-plan-top .lp-eyebrow{font-size:var(--text-xs);margin:0;letter-spacing:.9px}#prepagoLanding .lp-badge{font-size:var(--text-xs);background:#eff4ff;color:#2456b5;border-radius:4px;padding:5px 8px;white-space:nowrap}#prepagoLanding .lp-plan h2{font-size:30px;margin:0 0 10px;letter-spacing:-1px;font-weight:var(--font-semibold)}#prepagoLanding .lp-plan>p{font-size:var(--text-base);color:var(--muted)}#prepagoLanding .lp-money{font-size:78px;letter-spacing:-4px;font-weight:var(--font-semibold);margin:28px 0 25px;line-height:1.15}#prepagoLanding .lp-money>span{font-size:var(--text-base);letter-spacing:0;font-weight:var(--font-regular);color:var(--muted);margin-left:13px}#prepagoLanding .lp-plan .lp-cta{display:flex;justify-content:space-between;font-size:15px;width:100%;gap:12px}#prepagoLanding .lp-plan .lp-plan-label{font-size:var(--text-xs);letter-spacing:1px;margin:30px 0 18px;line-height:1.6}#prepagoLanding .lp-plan ul{padding:0;margin:0;list-style:none}#prepagoLanding .lp-plan li{font-size:var(--text-sm);padding:10px 0;display:flex;align-items:center;gap:10px;line-height:1.5}#prepagoLanding .lp-plan li:before{content:'✓';color:var(--blue)}#prepagoLanding .lp-plan-dark{background:#14213a;border-color:#14213a;color:white;box-shadow:0 18px 36px -28px #172c61}#prepagoLanding .lp-plan-dark>p,#prepagoLanding .lp-plan-dark .lp-money>span{color:#bbc9df}#prepagoLanding .lp-plan-dark .lp-badge{background:#2b3b55;color:#d0dcf0}#prepagoLanding .lp-plan-dark h2>span{color:#85aaff}#prepagoLanding .lp-plan-dark .lp-cta{background:#fff;color:#13274b}#prepagoLanding .lp-plan-dark .lp-cta:hover{background:#dfeaff}#prepagoLanding .lp-plan-dark li:before{color:#91b5ff}#prepagoLanding .lp-future span{font-size:var(--text-xs);color:#aebdd5;margin-left:auto}#prepagoLanding .lp-plan .lp-plan-note{font-size:var(--text-label);line-height:1.7;border-top:1px solid #3a4960;margin-top:25px;padding-top:18px}#prepagoLanding .lp-promo-band{max-width:1040px;margin:0 auto 80px;background:#f3f6fb;border-radius:10px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px}#prepagoLanding .lp-promo-band .lp-eyebrow{display:block;margin-bottom:9px;color:var(--blue)}#prepagoLanding .lp-promo-band h2{font-size:21px;letter-spacing:-.5px}#prepagoLanding .lp-promo-band p{font-size:var(--text-sm);margin-top:9px;color:var(--muted);max-width:590px}#prepagoLanding .lp-promo-band a{flex-shrink:0}#prepagoLanding .lp-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;max-width:1040px;margin:0 auto 90px}#prepagoLanding details{border-bottom:1px solid #dce3eb;padding:22px 0}#prepagoLanding details:first-child{padding-top:0}#prepagoLanding summary{cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);line-height:1.6}#prepagoLanding details p{font-size:var(--text-base);line-height:1.8;color:var(--muted);padding-top:15px}#prepagoLanding .lp-step{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;border-top:1px solid #dfe5ed;padding:72px 0}#prepagoLanding .lp-step-number{display:block;font-size:var(--text-xs);color:var(--blue);letter-spacing:1.5px;font-weight:var(--font-semibold);margin-bottom:25px}#prepagoLanding .lp-step-copy>p{font-size:17px;color:var(--muted);line-height:1.85;margin:24px 0;max-width:450px}#prepagoLanding .lp-step-foot{font-size:var(--text-sm);color:#405474}#prepagoLanding .lp-specimen{border:1px solid #dce3ed;border-radius:12px;padding:30px;background:#f6f8fc}#prepagoLanding .lp-specimen-label{font-size:var(--text-xs);color:var(--muted);letter-spacing:1px;margin-bottom:23px}#prepagoLanding .lp-specimen h3{font-size:24px;margin-bottom:24px}#prepagoLanding .lp-schedule-row{display:flex;gap:22px;border-top:1px solid #dfe5ee;padding:20px 0}#prepagoLanding .lp-schedule-row:last-child{padding-bottom:0}#prepagoLanding .lp-schedule-row>strong{font-size:var(--text-xs);text-align:center;color:var(--muted)}#prepagoLanding .lp-schedule-row strong span{display:block;font-size:24px;color:var(--blue);font-weight:var(--font-medium)}#prepagoLanding .lp-schedule-row b{font-size:var(--text-sm);font-weight:var(--font-semibold)}#prepagoLanding .lp-schedule-row p{font-size:var(--text-sm);color:var(--muted);margin:4px 0 8px}#prepagoLanding .lp-schedule-row small{font-size:var(--text-xs);color:var(--blue)}#prepagoLanding .lp-step-reverse .lp-step-copy{order:2}#prepagoLanding .lp-timer-demo{background:#14213a;border-radius:12px;color:#fff;padding:48px 30px;text-align:center}#prepagoLanding .lp-timer-demo .lp-eyebrow{color:#aabbda}#prepagoLanding .lp-timer-demo h3{font-size:22px;font-weight:var(--font-medium)}#prepagoLanding .lp-clock{font-size:clamp(60px,7vw,94px);letter-spacing:-5px;margin:15px 0;font-variant-numeric:tabular-nums}#prepagoLanding .lp-clock span{color:#89aafa}#prepagoLanding .lp-timer-demo>p:not(.lp-eyebrow){font-size:var(--text-base);color:#bac8df}#prepagoLanding .lp-timer-track{height:4px;background:#35425d;margin:30px 0 18px;border-radius:4px}#prepagoLanding .lp-timer-track span{display:block;width:40%;height:100%;background:#89aafa}#prepagoLanding .lp-timer-demo small{font-size:var(--text-label);color:#aabbda}#prepagoLanding .lp-progress-demo{height:7px;background:#dde5f2;border-radius:5px;margin-bottom:12px}#prepagoLanding .lp-progress-demo span{display:block;width:60%;height:100%;background:var(--blue);border-radius:5px}#prepagoLanding .lp-specimen>p{font-size:var(--text-label);color:var(--muted)}#prepagoLanding .lp-chapter-steps{padding:0;list-style:none;margin:24px 0 0}#prepagoLanding .lp-chapter-steps li{display:flex;gap:14px;font-size:var(--text-sm);padding:12px 0;border-bottom:1px solid #dfe5ee;color:var(--blue)}#prepagoLanding .lp-chapter-steps li>span{color:var(--ink)}#prepagoLanding .lp-chapter-steps small{font-size:var(--text-xs);color:var(--muted);margin-left:auto}
@media(max-width:1050px){#prepagoLanding .lp-editorial,#prepagoLanding .lp-step{gap:45px}#prepagoLanding .lp-plan{padding:26px}#prepagoLanding .lp-plan-top{flex-wrap:wrap}#prepagoLanding .lp-footer{margin:0 48px}#prepagoLanding .lp-strip>span:last-child{display:none}#prepagoLanding .lp-hero{gap:35px}#prepagoLanding .lp-demo{padding:17px}#prepagoLanding .lp-study{flex-wrap:wrap}#prepagoLanding .lp-duration{display:none}}
@media(max-width:700px){#prepagoLanding .lp-nav{padding:20px 22px;flex-wrap:wrap;gap:18px}#prepagoLanding .lp-nav>nav{display:flex;order:3;width:100%;justify-content:center;gap:32px;border-top:1px solid #e6e9ed;padding-top:10px}#prepagoLanding .lp-main{padding:0 22px}#prepagoLanding .lp-hero{padding:42px 0 45px;gap:36px}#prepagoLanding h1{font-size:clamp(44px,11.5vw,64px);letter-spacing:-2.5px}#prepagoLanding .lp-demo{padding:19px}#prepagoLanding .lp-strip{display:block}#prepagoLanding .lp-strip p{margin-top:10px;font-size:var(--text-sm)}#prepagoLanding .lp-editorial,#prepagoLanding .lp-step{grid-template-columns:1fr;gap:35px;padding:50px 0}#prepagoLanding .lp-editorial h2,#prepagoLanding .lp-step h2,#prepagoLanding .lp-callout h2,#prepagoLanding .lp-faq h2{letter-spacing:-1.2px;font-size:var(--text-stat)}#prepagoLanding .lp-feature-list article{gap:20px}#prepagoLanding .lp-callout{padding:28px;grid-template-columns:1fr;gap:28px;margin-bottom:40px}#prepagoLanding .lp-footer{margin:0 22px;gap:20px}#prepagoLanding .lp-footer nav{display:flex;flex-wrap:wrap;gap:20px}#prepagoLanding .lp-page-intro{padding:45px 0 36px;text-align:left}#prepagoLanding .lp-page-intro h1{font-size:43px;letter-spacing:-2px}#prepagoLanding .lp-page-intro .lp-intro{font-size:var(--text-base)}#prepagoLanding .lp-plans{grid-template-columns:1fr;gap:20px;margin-bottom:25px}#prepagoLanding .lp-plan{padding:27px}#prepagoLanding .lp-plan-top{margin-bottom:22px}#prepagoLanding .lp-money{font-size:72px}#prepagoLanding .lp-promo-band{flex-direction:column;align-items:flex-start;padding:26px;gap:10px;margin-bottom:48px}#prepagoLanding .lp-faq{grid-template-columns:1fr;gap:30px;margin-bottom:50px}#prepagoLanding .lp-step-reverse .lp-step-copy{order:0}#prepagoLanding .lp-specimen{padding:24px}#prepagoLanding .lp-schedule-row{gap:16px}#prepagoLanding .lp-step-copy>p{font-size:var(--text-base)}#prepagoLanding .lp-timer-demo{padding:35px 24px}}

#prepagoLanding .lp-nav .lp-login{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 17px;border:1px solid #dce3ec;border-radius:8px;background:#fff;color:#17212d;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.4;white-space:nowrap;transition:background .18s,border-color .18s,color .18s}#prepagoLanding .lp-nav .lp-login svg{display:block;flex:none}#prepagoLanding .lp-nav .lp-login:hover{background:#edf3ff;border-color:#b8cdf8;color:#0750e8}#prepagoLanding .lp-nav .lp-login:focus-visible{outline:3px solid #0750e8;outline-offset:3px}@media(max-width:700px){#prepagoLanding .lp-nav .lp-login{padding:9px 13px;gap:8px}}

}

/* Public home page: hero with the product tour in a laptop (a phone on small screens),
   the XP section and the ring in the focus tile. Loaded after the other public styles. */

/* ---- Hero ------------------------------------------------------------------------- */
.public-page .public-hero.hero-v2 { display: block; padding: 72px 0 24px; }
.public-page .hero-v2-copy { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 24px 64px; align-items: end; }
.public-page .public-hero.hero-v2 h1 { font-size: clamp(48px, 6vw, 84px); line-height: 1; letter-spacing: -.055em; font-weight: var(--font-bold); text-wrap: balance; }
.public-page .hero-v2 .public-kicker { margin-bottom: 20px; }
.public-page .hero-v2 .public-lead { max-width: 44ch; margin: 0; font-size: 18px; line-height: 1.6; }
.public-page .hero-v2 .hero-highlights { margin-top: 18px; }
.public-page .hero-v2 .public-hero-actions { margin-top: 24px; }
.public-page .hero-v2 .public-button { min-height: 48px; padding: 0 22px; border-radius: 12px; font-size: 15px; }
.public-page .hero-v2 .hero-reassurance { max-width: 46ch; }

/* ---- Product tour ------------------------------------------------------------------ */
.hero-tour { position: relative; max-width: 1120px; margin: 56px auto 0; isolation: isolate; }
.hero-tour::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 8% -4% 4%;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(10, 92, 255, .14), rgba(10, 92, 255, 0));
  filter: blur(8px);
}
.tour-screen { position: relative; overflow: hidden; background: #F6F8FC; }
.tour-screen .tour-poster, .tour-screen .tour-video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.tour-screen .tour-video { opacity: 0; transition: opacity .45s ease-out; }
.hero-tour.is-playing .tour-video, .hero-tour.has-frame .tour-video { opacity: 1; }

/* Laptop: lid with a thin dark bezel, then a wider base with the opening notch. */
.laptop { position: relative; }
.laptop-lid {
  position: relative;
  width: 86%;
  margin: 0 auto;
  padding: 1.5% 1.5% 1.7%;
  border-radius: 22px 22px 8px 8px;
  background: #0E1626;
  box-shadow: inset 0 0 0 1px #2B3549, 0 50px 90px -40px rgba(20, 33, 58, .55), 0 18px 40px -24px rgba(20, 33, 58, .35);
}
.laptop-lid::before { content: ""; position: absolute; top: .55%; left: 50%; width: 6px; height: 6px; margin-left: -3px; border-radius: 50%; background: #2B3549; }
.laptop-screen { aspect-ratio: 16 / 10; border-radius: 6px; }
.laptop-base {
  position: relative;
  height: clamp(10px, 1.6vw, 18px);
  border-radius: 2px 2px 18px 18px / 2px 2px 12px 12px;
  background: linear-gradient(#E6EAF1, #C4CCD8 55%, #AEB7C4);
  box-shadow: 0 22px 34px -22px rgba(20, 33, 58, .55);
}
.laptop-base i { position: absolute; top: 0; left: 50%; width: 15%; height: 42%; transform: translateX(-50%); border-radius: 0 0 10px 10px; background: linear-gradient(#B5BECB, #CDD4DE); }

/* Phone: shown instead of the laptop on small screens. */
.phone { display: none; width: min(300px, 76vw); margin: 0 auto; padding: 10px; border-radius: 46px; background: #0E1626; box-shadow: inset 0 0 0 1px #2B3549, 0 40px 70px -30px rgba(20, 33, 58, .55); }
.phone-screen { aspect-ratio: 9 / 16; border-radius: 36px; }
.phone-screen::after { content: ""; position: absolute; top: 10px; left: 50%; width: 84px; height: 24px; margin-left: -42px; border-radius: 12px; background: #0E1626; }

.hero-tour figcaption { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px 16px; margin-top: 22px; color: var(--secondary); font-size: var(--text-xs); line-height: 1.5; text-align: center; }
.tour-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 14px 0 12px;
  border: 1px solid var(--hairline);
  border-radius: 999px;
  background: var(--surface);
  color: var(--ink);
  font: var(--font-medium) 13px/1 var(--font-sans);
  cursor: pointer;
}
.tour-toggle:hover { background: var(--surface-hover); }
.tour-toggle:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.tour-toggle svg { width: 14px; height: 14px; fill: currentColor; }
.tour-toggle .i-play, .tour-toggle[aria-pressed="true"] .i-pause { display: none; }
.tour-toggle[aria-pressed="true"] .i-play { display: block; }

/* ---- Focus tile: the timer sits in a ring, as in the app ---------------------------- */
.bento-ring { position: relative; display: block; width: 156px; height: 156px; margin: 16px auto 20px; }
.bento-ring svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); }
.bento-ring circle { fill: none; stroke: rgba(255, 255, 255, .14); stroke-width: 3; }
.bento-ring circle.v { stroke: #5B95FF; stroke-linecap: round; stroke-dasharray: 351.86; stroke-dashoffset: 70; }
.public-page .bento-focus .bento-timer-ui .bento-ring strong { position: absolute; inset: 0; display: grid; place-items: center; margin: 0; font-size: 40px; line-height: 1; font-weight: var(--font-semibold); }

/* ---- XP and levels ------------------------------------------------------------------ */
.public-page .home-xp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; border-top: 1px solid var(--hairline); }
.public-page .home-xp h2 { margin: 0; font-size: 40px; line-height: 1.1; letter-spacing: -.035em; font-weight: var(--font-semibold); }
.public-page .home-xp h2 span { color: var(--brand); }
.public-page .home-xp-copy > p { max-width: 46ch; margin: 20px 0 0; color: var(--secondary); line-height: 1.6; }
.xp-table { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; margin: 28px 0 0; padding: 0; list-style: none; }
.xp-table li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--hairline); font-size: 15px; }
.xp-table b { color: var(--brand); font-weight: var(--font-semibold); font-variant-numeric: tabular-nums; white-space: nowrap; }
.home-xp-visual { display: flex; flex-direction: column; gap: 16px; }
.xp-level, .xp-top { padding: 24px; border: 1px solid var(--hairline); border-radius: 16px; background: var(--surface); box-shadow: 0 30px 60px -40px rgba(20, 33, 58, .3); }
.xp-level-head { display: flex; align-items: center; gap: 16px; }
.public-page .xp-orb { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--brand); color: #fff; font-size: 24px; font-weight: var(--font-bold); }
.xp-level-head strong { display: block; font-size: 20px; line-height: 1.25; letter-spacing: -.02em; }
.xp-level-head span { color: var(--secondary); font-size: 14px; }
.xp-level-bar { height: 8px; margin-top: 20px; border-radius: 4px; background: var(--hairline); overflow: hidden; }
.xp-level-bar i { display: block; width: 3%; height: 100%; border-radius: 4px; background: var(--brand); }
.xp-level-foot { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; color: var(--secondary); font-size: 13px; font-variant-numeric: tabular-nums; }
.xp-top-head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 16px; }
.xp-top-head strong { font-size: 16px; }
.xp-top-head span { color: var(--secondary); font-size: 13px; }
.xp-top ol { margin: 14px 0 0; padding: 0; list-style: none; }
.xp-top li { display: grid; grid-template-columns: 32px minmax(0, 1fr) 48px auto; align-items: center; gap: 12px; height: 48px; padding: 0 12px; border-radius: 10px; font-size: 15px; }
.xp-top li b { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--brand-tint); color: var(--brand); font-size: 13px; }
.xp-top li small { color: var(--secondary); font-size: 13px; }
.xp-top li em { font-style: normal; font-weight: var(--font-semibold); font-variant-numeric: tabular-nums; }
.xp-top li.me { background: var(--brand-tint); }
.xp-top li.me span { font-weight: var(--font-semibold); }
.home-xp-visual .demo-caption { margin: 0; text-align: right; }

/* ---- Small screens ------------------------------------------------------------------ */
@media (max-width: 1023px) {
  .public-page .hero-v2-copy { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .public-page .home-xp { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}
@media (max-width: 767px) {
  .public-page .public-hero.hero-v2 { padding: 40px 0 8px; }
  .public-page .public-hero.hero-v2 h1 { font-size: clamp(44px, 12vw, 60px); }
  .public-page .hero-v2 .public-lead { font-size: 17px; }
  .public-page .hero-v2 .public-hero-actions { flex-direction: column; align-items: stretch; }
  .hero-tour { margin-top: 40px; }
  .hero-tour .laptop { display: none; }
  .hero-tour .phone { display: block; }
  .public-page .home-xp h2 { font-size: var(--text-title); line-height: 1.15; }
  .xp-table { grid-template-columns: minmax(0, 1fr); }
  .xp-top li { grid-template-columns: 28px minmax(0, 1fr) 40px auto; gap: 10px; padding: 0 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .tour-screen .tour-video { transition: none; }
}

/* Centered hero: title, then the two actions right under it. */
.public-page .public-hero.hero-v2 .hero-v2-copy { display: flex; flex-direction: column; align-items: center; gap: 0; text-align: center; }
.public-page .public-hero.hero-v2 .hero-v2-title { display: flex; flex-direction: column; align-items: center; }
.public-page .public-hero.hero-v2 h1 { margin: 0; text-align: center; }
.public-page .public-hero.hero-v2 .hero-v2-side { display: flex; flex-direction: column; align-items: center; }
.public-page .public-hero.hero-v2 .public-hero-actions { justify-content: center; margin-top: 32px; }
.public-page .public-hero.hero-v2 .hero-reassurance { margin: 16px auto 0; text-align: center; }
@media (max-width: 767px) {
  .public-page .public-hero.hero-v2 .hero-v2-side, .public-page .public-hero.hero-v2 .public-hero-actions { align-self: stretch; }
  .public-page .public-hero.hero-v2 .public-hero-actions { margin-top: 24px; }
}