:root{--ink:#102c39;--muted:#536773;--teal:#08756c;--mint:#c8f36b;--line:#d7e2e5;--ice:#edf4f6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--white);font:400 1rem/1.65 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}nav{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:28px}.brand img{width:182px}.navlinks{display:flex;gap:30px;font-size:.875rem;font-weight:600}.navlinks a:hover,footer a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--mint);color:var(--ink);font-weight:700;padding:17px 24px;border-radius:6px;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#b4e852;transform:translateY(-2px)}.button span{font-size:1.4rem;line-height:1}.button.small{font-size:.875rem;padding:13px 19px;background:var(--ink);color:white}.button.small:hover{background:var(--teal)}.hero{background:var(--ice);padding:65px 0 0;overflow:hidden}.hero-top{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;margin-bottom:52px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em;margin-bottom:22px;color:var(--teal)}.dot{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:8px}h1{font-size:clamp(3rem,5.25vw,4.8rem);line-height:1.04;letter-spacing:-.055em;font-weight:800}h1 span{color:var(--teal)}.hero-copy{padding-top:40px}.hero-copy>p:first-child{font-size:1.15rem;line-height:1.75;margin-bottom:26px;max-width:430px;color:var(--muted)}.micro{font-size:.8125rem;color:var(--muted);margin:12px 0 23px}.text-link{font-size:.9375rem;font-weight:700;display:inline-flex;gap:10px;align-items:center}.text-link:hover{color:var(--teal)}.play{border:1px solid #a4b7bf;border-radius:50%;width:29px;height:29px;display:inline-grid;place-items:center;font-size:.6875rem}.product-stage{padding:14px 14px 0;background:var(--ink);border-radius:14px 14px 0 0;box-shadow:0 30px 70px #102c3920}.product-caption{display:flex;justify-content:space-between;gap:15px;color:#d8e6e9;font-size:.75rem;letter-spacing:.08em;padding:5px 8px 18px}.product-caption .dot{background:var(--mint)}.dashboard{width:100%;border-radius:5px}.product-bottom{display:flex;justify-content:space-around;color:#cee0e5;font-size:.8125rem;padding:17px 8px}.benefit-strip{background:var(--ink);color:white}.benefit-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:25px;font-size:.875rem}.benefit-strip p{color:#aac6ce}.benefit-strip span{font-weight:500}.section{padding-block:100px}.section-heading{max-width:640px;margin-bottom:46px}h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.16;letter-spacing:-.045em;font-weight:800}.section-heading>p:last-child{color:var(--muted);margin-top:20px;max-width:510px;font-size:1.0625rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.feature-grid article{border-top:2px solid var(--ink);padding-top:24px;display:flex;flex-direction:column}.feature-number{font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--teal)}h3{font-size:1.375rem;line-height:1.4;letter-spacing:-.03em}.feature-grid h3{margin:23px 0 15px}.feature-grid p{color:var(--muted);margin-bottom:24px}.feature-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:7px}.feature-tags span{font-size:.75rem;background:var(--ice);padding:5px 10px;border-radius:4px}.connected{background:#f0f5f5;padding:80px 0}.connected-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.phone-stage{height:590px;background:#dbe9e9;border-radius:140px 140px 16px 16px;padding:45px 65px 0;overflow:hidden}.phone-stage img{width:100%;max-width:290px;margin:auto;border-radius:24px;box-shadow:0 20px 50px #102c3925}.connected h2+p{margin-top:20px;color:var(--muted)}.detail-list{padding:0;list-style:none;margin:28px 0}.detail-list li{padding:17px 0;border-bottom:1px solid #cedcdf}.detail-list strong,.detail-list span{display:block}.detail-list span{font-size:.9375rem;color:var(--muted);margin-top:5px}.coming{font-size:.875rem;color:var(--muted)}.coming span{font-size:.6875rem;letter-spacing:.07em;border:1px solid #bccfd2;padding:5px 7px;margin-right:8px;border-radius:3px}.demo-section .section-heading{margin-inline:auto;text-align:center}.demo-section .section-heading>p:last-child{margin-inline:auto}.video{aspect-ratio:16/9;background:var(--ink);border:1px solid var(--line);border-radius:12px;overflow:hidden}.video iframe{height:100%;width:100%;border:0}.quote-section{padding:66px 0;background:var(--ink);color:white}.quote-inner{display:flex;gap:65px;max-width:1030px}.quote-mark{font-family:Georgia,serif;font-size:10rem;line-height:1;color:var(--mint)}.quote-section .eyebrow{color:var(--mint);margin-bottom:18px}blockquote{font-family:Manrope,sans-serif;font-size:clamp(1.375rem,2.2vw,1.9rem);font-weight:500;line-height:1.6;letter-spacing:-.025em;margin:0}blockquote em{font-style:normal;color:var(--mint)}.attribution{margin-top:24px;font-size:.875rem;font-weight:600}.attribution span{color:#abc3cb;font-weight:400}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pricing-intro{max-width:390px;color:var(--muted);margin-top:22px}.check-list{list-style:none;padding:0;margin:25px 0 0}.check-list li{position:relative;padding:7px 0 7px 28px;font-size:.9375rem}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:700}.price-card{border:1px solid #c6dadd;border-radius:12px;background:var(--ice);padding:37px}.plan-label{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;font-weight:700}.plan-label span:last-child{font-weight:400;color:var(--muted)}.price{font-family:Manrope,sans-serif;font-size:5rem;font-weight:800;letter-spacing:-.07em;margin-top:22px;line-height:1.2}.price span{font-size:1rem;font-weight:400;letter-spacing:0;color:var(--muted);padding-left:8px}.billing{color:var(--muted);font-size:.875rem;margin-top:8px}.price-divider{height:1px;background:#c9dce0;margin:26px 0}.price-card h3+p{font-size:.9375rem;color:var(--muted);margin:12px 0 25px}.price-card .button{width:100%}.price-note{text-align:center;font-size:.75rem;color:var(--muted);margin-top:15px}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-bottom:100px}.faq-section h2{font-size:2rem}.faqs details{border-bottom:1px solid var(--line)}summary{padding:18px 30px 18px 0;cursor:pointer;font-weight:600;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:1.4rem;top:12px;color:var(--teal)}details[open] summary:after{content:'−'}.faqs p{padding:0 25px 20px 0;color:var(--muted);font-size:.9375rem}.final-cta{background:var(--mint);padding:75px 0;text-align:center}.final-cta .eyebrow{color:var(--ink)}.final-cta h2{font-size:clamp(2.8rem,5vw,4rem)}.final-cta .button{background:var(--ink);color:white;margin-top:30px}.final-cta .button:hover{background:var(--teal)}.final-cta .wrap>p:last-child{font-size:.8125rem;margin-top:18px}footer{background:#0a202b;color:#b5cbd3;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner p,.footer-inner a{font-size:.8125rem}.footer-inner>div{display:flex;gap:25px}
@media(min-width:1500px){.wrap{max-width:1280px}.hero{padding-top:80px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero-top{gap:30px}.navlinks{gap:18px}.connected-grid,.pricing-grid{gap:45px}.phone-stage{padding:35px 35px 0;height:540px}.plan-label{flex-direction:column;gap:3px}.feature-grid{gap:22px}.price-card{padding:28px}.benefit-strip .wrap{flex-wrap:wrap;justify-content:center}.benefit-strip p{width:100%;text-align:center}.faq-section{gap:35px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}nav{min-height:73px;gap:10px}.brand img{width:145px}.navlinks{display:none}.button.small{padding:11px 12px;font-size:.75rem;gap:8px}.hero{padding-top:38px}.hero-top{grid-template-columns:1fr;gap:0;margin-bottom:30px}h1{font-size:3.5rem}.eyebrow{font-size:.6875rem;margin-bottom:18px}.hero-copy{padding-top:24px}.hero-copy>p:first-child{font-size:1rem;max-width:none}.hero-copy .button{width:100%}.micro{text-align:center}.product-stage{padding:8px 8px 0}.product-caption{font-size:.625rem;padding:5px 3px 12px;letter-spacing:0}.product-bottom{font-size:.6875rem;gap:12px;text-align:center;padding:12px 0}.benefit-strip .wrap{gap:10px 20px;font-size:.75rem;padding-block:20px}.section{padding-block:64px}.section-heading{margin-bottom:30px}.feature-grid{grid-template-columns:1fr;gap:32px}.feature-grid h3 br{display:none}.feature-grid h3{margin-top:16px}.connected{padding:50px 0}.connected-grid{grid-template-columns:1fr;gap:35px}.phone-stage{height:380px;order:2;width:100%;padding:30px 55px 0;border-radius:100px 100px 12px 12px}.phone-stage img{max-width:250px}.quote-section{padding:48px 0}.quote-inner{gap:15px}.quote-mark{font-size:5rem}.pricing-grid{grid-template-columns:1fr;gap:32px}.price-card{padding:26px}.plan-label{flex-direction:row}.faq-section{grid-template-columns:1fr;gap:20px;padding-bottom:60px}.final-cta{padding:55px 0}.footer-inner{flex-wrap:wrap;justify-content:center}.footer-inner>a{width:100%;display:flex;justify-content:center}.footer-inner p{width:100%;text-align:center}.final-cta .wrap>p:last-child{max-width:270px;margin-inline:auto}.button{font-size:.9375rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Subtle raised trial buttons with proportionate hover and pressed feedback. */
.button{border:1px solid #8bb33d;border-radius:10px;min-height:54px;box-shadow:0 2.67px 0 #86aa3bbf,0 4.67px 9.33px #102c3918,inset 0 1px 0 #ffffff60;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
.button.small,.final-cta .button{border-color:#061b25;box-shadow:0 2.67px 0 #061b25bf,0 4.67px 9.33px #102c391c,inset 0 1px 0 #ffffff1c}
.button.small{min-height:46px}
@media(hover:hover){.button:hover{transform:translateY(-1.33px);box-shadow:0 4px 0 #86aa3bbf,0 6.67px 12px #102c391c,inset 0 1px 0 #ffffff60}.button.small:hover,.final-cta .button:hover{box-shadow:0 4px 0 #061b25bf,0 6.67px 12px #102c3924,inset 0 1px 0 #ffffff1c}}
.button:active{transform:translateY(2px);box-shadow:0 .67px 0 #86aa3bbf,inset 0 1.33px 2.67px #102c3918}
.button.small:active,.final-cta .button:active{box-shadow:0 .67px 0 #061b25bf,inset 0 1.33px 2.67px #00000024}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover,.button:active{transform:none}}
/* Light shadow separates the final dark CTA from its green background. */
.final-cta .button{box-shadow:0 2.67px 0 #061b2540,0 4.67px 9.33px #102c3940,inset 0 1px 0 #ffffff1c}
@media(hover:hover){.final-cta .button:hover{box-shadow:0 4px 0 #061b2540,0 6.67px 12px #102c3940,inset 0 1px 0 #ffffff1c}}
.final-cta .button:active{box-shadow:0 .67px 0 #061b2540,inset 0 1.33px 2.67px #00000033}
/* A single continuous feature ribbon beneath the product preview. */
.feature-marquee{position:relative;background:var(--ink);color:#e2edf0;border-top:1px solid #ffffff1a;padding:25px 0}
.marquee-window{overflow:hidden;margin-right:72px;mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 35px),transparent)}
.marquee-track{display:flex;width:max-content;animation:feature-scroll 48s linear infinite}
.marquee-group{display:flex;align-items:center;flex-shrink:0;list-style:none;margin:0;padding:0}
.marquee-group li{display:flex;align-items:center;gap:28px;padding-right:28px;font-size:.9375rem;font-weight:500;white-space:nowrap}
.marquee-group li:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--mint);flex-shrink:0}
.marquee-control{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:1px solid #91aeb86b;border-radius:50%;cursor:pointer;font-size:.875rem;color:#e2edf0}
.marquee-control:hover{background:#ffffff15;border-color:#c8f36b}
.marquee-toggle,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.marquee-toggle:focus-visible+.marquee-control{outline:3px solid var(--mint);outline-offset:4px}
.resume-symbol{display:none;font-size:.6875rem}
.marquee-toggle:checked+.marquee-control .pause-symbol{display:none}
.marquee-toggle:checked+.marquee-control .resume-symbol{display:block}
.marquee-toggle:checked~.marquee-window .marquee-track{animation-play-state:paused}
@media(hover:hover){.marquee-window:hover .marquee-track{animation-play-state:paused}}
@keyframes feature-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee-toggle,.marquee-control,.marquee-copy{display:none}.marquee-window{margin:0;mask-image:none;overflow:visible}.marquee-track{animation:none;width:auto}.marquee-group{flex-wrap:wrap;justify-content:center;gap:14px 20px;padding:0 20px}.marquee-group li{padding:0;gap:12px;white-space:normal}}
/* Customer account preview. */
.phone-stage{height:auto;min-height:440px;padding:60px 30px;display:flex;align-items:center;justify-content:center}
.phone-screen-crop{width:100%;max-width:350px;aspect-ratio:1002 / 1340;overflow:hidden;border-radius:20px;box-shadow:0 20px 50px #102c3925}
.phone-stage .phone-screen-crop img{width:100%;max-width:none;height:auto;margin:0;border-radius:0;box-shadow:none}
@media(max-width:700px){.phone-stage{min-height:0;padding:40px 24px}.phone-screen-crop{max-width:350px}}
/* Preserve the wider current dashboard screenshot at every screen size. */
.product-stage .dashboard{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.product-stage{padding:10px;border-radius:12px 12px 0 0}
.hero .product-stage{height:auto;max-height:none;overflow:visible}
.hero .product-stage .dashboard{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:2000 / 1137!important;object-fit:contain!important;object-position:center!important}
.nav-actions{display:flex;align-items:center;gap:22px}.signin{font-size:.875rem;font-weight:600}.signin:hover{color:var(--teal)}.brand,.nav-actions{flex-shrink:0}.navlinks a,.nav-actions a{white-space:nowrap}@media(max-width:920px){.navlinks{display:none}}@media(max-width:700px){.nav-actions{gap:12px}.signin{font-size:.8125rem}}@media(max-width:400px){.brand img{width:124px;height:auto}}@media(max-width:360px){.brand img{width:100px}.nav-actions{gap:10px}.nav-actions .button span{display:none}}

.social{display:flex;align-items:center;gap:16px}.social a{display:inline-flex;color:#b5cbd3}.social a:hover{color:var(--mint)}.demo-more{text-align:center;margin:22px 0 0}