.hero-section{--hero-ink:#101d30;--hero-muted:#667080;color:var(--hero-ink);background:#f6f7f9;overflow:clip}.hero{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);align-items:center;gap:clamp(60px,7vw,125px);width:min(1680px,100% - clamp(64px,11vw,200px));padding-block:38px 86px;display:grid}.hero-copy{padding-bottom:18px}.hero h1{letter-spacing:-.044em;text-wrap:pretty;max-width:870px;font-size:clamp(46px,4.2vw,76px);font-weight:700;line-height:1.13}.hero-highlight{color:var(--primary-ink);white-space:nowrap;display:inline-block;position:relative}.hero-highlight>svg{width:105%;height:.23em;position:absolute;bottom:-.02em;left:-2.5%}.hero-description{max-width:690px;color:var(--hero-muted);text-wrap:pretty;margin-top:30px;font-size:clamp(17px,1.52vw,26px);font-weight:400;line-height:1.75}.hero-description>strong{color:var(--hero-ink);font-weight:550}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:38px;display:flex}.hero-cta{border:1px solid var(--primary);border-radius:var(--radius);background:var(--primary);min-height:62px;color:var(--primary-foreground);justify-content:center;align-items:center;gap:15px;padding:17px 31px;font-size:18px;font-weight:500;line-height:1.4;transition:background .16s;display:inline-flex}.hero-cta:hover{background:var(--chart-4)}.hero-note{color:var(--hero-muted);margin-top:14px;font-size:15px}.hero-social-proof{color:var(--hero-muted);margin-top:31px;font-size:14px;line-height:1.5}.hero-social-row{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.hero-social-people{align-items:center;gap:12px;display:inline-flex}.hero-avatars{flex-shrink:0;padding-right:2px;display:flex}.hero-avatars>svg{border:3px solid #fff;border-radius:50%;width:36px;height:36px;display:block;overflow:hidden}.hero-avatars>svg+svg{margin-left:-12px}.phone-preview{justify-self:end;width:min(100%,425px);min-width:0}.phone-frame{background:var(--hero-ink);border:1px solid #354053;border-radius:65px;padding:12px;position:relative;box-shadow:0 35px 50px -15px #101d304a;container-type:inline-size}.phone-screen{background:#f6f7f9;border-radius:52px;flex-direction:column;min-width:0;padding-top:58px;display:flex;overflow:hidden}.phone-island{background:var(--hero-ink);border-radius:999px;width:123px;height:31px;position:absolute;top:23px;left:50%;transform:translate(-50%)}.phone-app-header{justify-content:center;align-items:center;gap:15px;padding:0 24px 16px;display:flex}.phone-content{padding-inline:18px}.phone-summary{color:#fff;background:#101e36;border-radius:26px;padding:22px 24px;box-shadow:0 7px 12px #101d3017}.phone-summary-label{color:#a5b5cb;font-size:3.8cqw}.phone-summary-total{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:11.1cqw;font-weight:650;line-height:1.2;display:block}.phone-summary-note{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:15px;display:flex}.phone-reminder-badge{color:#7df3c4;background:#10362a;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:2.9cqw;font-weight:500;display:inline-flex}.phone-reminder-badge svg{width:12px;height:12px}.phone-summary-note>small{color:#a5b5cb;font-size:2.9cqw}.phone-list-heading{justify-content:space-between;align-items:center;gap:10px;margin:22px 5px 11px;font-size:3.6cqw;display:flex}.phone-list-heading>strong{font-weight:550}.phone-list-heading>span{color:var(--hero-muted);font-weight:400}.phone-subscriptions{gap:9px;margin:0;padding:0;list-style:none;display:grid}.phone-subscription{background:#fff;border-radius:20px;align-items:center;gap:12px;min-height:72px;padding:14px;display:flex;box-shadow:0 3px 13px #101d3008}.phone-subscription .service-logo{border-radius:27.3%;width:10.6cqw;height:10.6cqw;overflow:hidden}.phone-subscription .service-logo img{border-radius:inherit;object-fit:cover}.phone-subscription-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.phone-subscription-copy>strong{white-space:nowrap;font-size:4cqw;font-weight:500;line-height:1.4}.phone-subscription-copy>span{color:var(--hero-muted);white-space:nowrap;font-size:3.1cqw;line-height:1.4}.phone-subscription-price{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;margin-left:auto;display:flex}.phone-subscription-price>strong{font-variant-numeric:tabular-nums;font-size:4cqw;font-weight:550}.phone-subscription-price>span{color:#8f5a0f;font-size:2.6cqw;font-weight:450}.phone-bottom-nav{--app-primary:#00905a;background:#fff;border:.5px solid #fff9;border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));height:16.4cqw;min-height:54px;margin:24px 8px 25px;padding:6px;display:grid;box-shadow:0 8px 24px #0000001f}.phone-bottom-nav>span{color:#3c3c43d1;border:.5px solid #0000;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:2.56cqw;font-weight:500;line-height:1.3;display:flex}.phone-bottom-nav svg{width:5.64cqw;height:5.64cqw}.phone-bottom-nav .is-current{color:var(--app-primary);background:linear-gradient(#00e09042,#00e0901a);border-color:#ffffffb3;font-weight:600}.phone-bottom-nav .is-current svg{transform:scale(1.1)}.phone-preview figcaption{color:var(--hero-muted);text-align:center;margin-top:24px;font-size:10px;line-height:1.5}@media (width>=1600px){.hero{padding-block:50px 102px}.hero-description{margin-top:35px}.hero-cta{min-height:68px;padding-inline:34px;font-size:20px}.hero-actions{margin-top:43px}.hero-note{font-size:17px}.hero-social-proof{margin-top:36px;font-size:16px}.phone-preview{width:min(100%,450px)}.phone-summary{padding-block:26px}.phone-subscription{min-height:78px}}@media (width<=1180px){.hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:52px;width:calc(100% - 80px);padding-block:43px 70px}.hero h1{font-size:clamp(43px,4.45vw,53px)}.hero-description{font-size:17px;line-height:1.7}.hero-social-proof{font-size:12px}.hero-social-row{gap:12px 20px}.hero-cta{min-height:58px;padding-inline:25px;font-size:16px}.hero-note{font-size:13px}.phone-frame{border-radius:54px;padding:10px}.phone-screen{border-radius:43px;padding-top:53px}.phone-island{width:106px;height:27px;top:20px}.phone-app-header{padding-inline:19px}.phone-content{padding-inline:14px}.phone-summary{border-radius:22px;padding:19px 20px}.phone-summary-note{gap:6px;margin-top:12px}.phone-reminder-badge{padding:5px 8px}.phone-subscription{border-radius:17px;gap:9px;min-height:65px;padding:12px 10px}}@media (width<=900px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:30px;width:calc(100% - 56px)}.hero h1{font-size:41px}.hero-description{margin-top:24px;font-size:15px}.hero-actions{margin-top:28px}.hero-cta{gap:10px;min-height:54px;padding-inline:22px;font-size:15px}.hero-social-proof{margin-top:24px}}@media (width<=700px){.hero{grid-template-columns:1fr;gap:49px;width:calc(100% - 40px);padding-block:47px 62px}.hero-copy{padding:0}.hero h1{letter-spacing:-.045em;max-width:570px;font-size:clamp(37px,7.9vw,52px);line-height:1.14}.hero-description{max-width:500px;margin-top:26px;font-size:16px;line-height:1.75}.hero-actions{gap:18px;margin-top:29px}.hero-cta{gap:12px;min-height:56px;padding:15px 24px;font-size:16px}.hero-note{margin-top:14px;font-size:13px}.hero-social-proof{font-size:13px}.hero-social-row{gap:12px 20px}.phone-preview{justify-self:center;width:min(100%,370px)}.phone-screen{padding-top:55px}.phone-app-header{padding-inline:21px}.phone-content{padding-inline:16px}.phone-summary{padding:22px}.phone-subscription{gap:10px;min-height:68px;padding:13px 12px}.phone-preview figcaption{margin-top:23px;font-size:9px}}@media (width<=380px){.hero{width:calc(100% - 36px)}.hero h1{font-size:35px}.hero-description{font-size:15px}.hero-cta{padding-inline:21px;font-size:15px}.hero-social-row{flex-direction:column;align-items:flex-start}.phone-frame{border-radius:48px;padding:9px}.phone-screen{border-radius:38px}.phone-content{padding-inline:12px}.phone-app-header{padding-inline:17px}.phone-summary{padding:18px}.phone-subscription{gap:8px;min-height:61px;padding-inline:9px}.hero{gap:38px;padding-block:30px 52px}.hero h1{font-size:33px;line-height:1.1}.hero-description{margin-top:20px;font-size:15px;line-height:1.65}.hero-actions,.hero-social-proof{margin-top:22px}}@media (pointer:coarse){.hero-social-people a{align-items:center;min-height:44px;display:inline-flex}}
