.zarp-cover{position:relative;container-type:inline-size;aspect-ratio:5/3;background:white}
.zarp-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zarp-cover-panel{position:absolute;inset:0 auto 0 0;width:31.1875%;padding:7.5cqw 2.75cqw;background:#006e44;color:white;display:flex;flex-direction:column;justify-content:center;font-family:'Hanken Grotesk',Inter,sans-serif}
.zarp-cover-title{font-size:3.5cqw;font-weight:700;line-height:5.425cqw;white-space:nowrap}
.zarp-cover-subtitle{margin-top:1.5cqw;font-size:1.5cqw;line-height:2.25cqw;color:rgba(255,255,255,.8)}
.zarp-onboarding-section{padding:0 0 40px}
.zarp-section-heading{max-width:650px;margin-bottom:48px}
.zarp-section-heading .section-label{display:block;margin-bottom:24px}
.zarp-section-heading h2{font-size:40px;line-height:1.15;letter-spacing:-.05em;font-weight:400;margin-bottom:24px}
.zarp-section-heading>p:last-child{font-size:19px;line-height:1.6;letter-spacing:-.025em;max-width:620px}
.zarp-screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.zarp-demo-figure{min-width:0}
.zarp-demo-figure figcaption{font-size:13px;line-height:1.5;letter-spacing:-.02em;color:var(--muted);padding-top:16px}
.zarp-phone{container-type:inline-size;position:relative;aspect-ratio:390/812;background:white;overflow:hidden;color:#1a1c1c;font-family:Inter,Arial,sans-serif}
.zarp-photo{position:absolute;top:0;left:.25641%;width:99.48718%;height:65.76355%}
.zarp-photo img{width:100%;height:100%;object-fit:cover}
.zarp-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 82.129%,white)}
.zarp-phone-second .zarp-photo,.zarp-phone-third .zarp-photo{width:99.75974%;height:62.00739%}
.zarp-phone-third .zarp-photo{left:0}
.zarp-phone-second .zarp-photo::after,.zarp-phone-third .zarp-photo::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 72.926%,white)}
.zarp-steps{position:absolute;top:5.91133%;left:4.10256%;width:91.79487%;height:.49261%;display:flex;gap:2.82051cqw}
.zarp-steps i{flex:1;min-width:0;height:100%;border-radius:100px;background:rgba(19,64,46,.1)}
.zarp-steps .is-current{background:#13402e}
.zarp-notification{position:absolute;top:49.26108%;left:4.10256%;width:91.79487%;display:flex;gap:2.05128cqw;align-items:center;padding:4.10256cqw;border-radius:3.07692cqw;background:rgba(255,255,255,.8);backdrop-filter:blur(2.05128cqw);outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
.zarp-notification-icon{flex:none;width:10.25641cqw;height:10.25641cqw;border-radius:1.46513cqw;display:flex;align-items:center;justify-content:center;background:#006e44}
.zarp-notification-icon img{width:4.39564cqw;height:4.39564cqw}
.zarp-notification p{font-size:4.10256cqw;line-height:1.1;font-weight:500;letter-spacing:-.23077cqw;white-space:nowrap}
.zarp-notification span{display:block;font-size:3.58974cqw;line-height:1.5;color:#5f5e5e;white-space:nowrap}
.zarp-phone-content{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:8.20513cqw;padding:6.15385cqw 4.10256cqw 16.41026cqw}
.zarp-phone-copy{display:flex;flex-direction:column;gap:2.05128cqw;align-items:center;text-align:center}
.zarp-phone-title{width:100%;font-weight:500;font-size:10.25641cqw;line-height:1.1;letter-spacing:-.23077cqw}
.zarp-phone-description{font-size:4.61538cqw;line-height:1.5;color:#5f5e5e}
.zarp-phone-actions{display:flex;gap:3.07692cqw;width:100%}
.zarp-phone-actions span{flex:1;min-width:0;height:12.30769cqw;border:1px solid rgba(0,0,0,.1);border-radius:100px;display:flex;align-items:center;justify-content:center;font-size:4.10256cqw;line-height:6.15385cqw;font-weight:500;color:black}
.zarp-phone-actions .zarp-primary{color:white;background:#006e44;border-color:#006e44}
.zarp-journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:40px}
.zarp-journey>div{border-top:1px solid var(--rule);padding-top:24px}
.zarp-journey dt{font-size:20px;line-height:1.3;letter-spacing:-.03em;margin-bottom:12px}
.zarp-journey dd{font-size:16px;line-height:1.6;letter-spacing:-.02em;color:var(--muted)}
@media(max-width:809px){.zarp-onboarding-section{padding-bottom:0}.zarp-section-heading{margin-bottom:32px}.zarp-section-heading h2{font-size:30px}.zarp-section-heading>p:last-child{font-size:17px}.zarp-screen-gallery{grid-template-columns:minmax(0,1fr);gap:40px;max-width:390px;margin:auto}.zarp-journey{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px}}