*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f5f8fa;color:#20303c;font-family:Arial,sans-serif;line-height:1.6}a{color:inherit}nav{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid #dce2d6;background:#f5f8fa;gap:20px}.brand{text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-1px}.brand span{color:#2b7c29}nav .links{display:flex;gap:26px;align-items:center;font-size:14px}.btn{display:inline-block;padding:13px 24px;background:#389e35;color:#163b65;border:1px solid transparent;border-radius:7px;text-decoration:none;font-weight:700;transition:transform .2s}.btn:hover{transform:translateY(-2px);background:#2b7c29}.btn.dark{background:#163b65;color:white}.wrap{max-width:1220px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;padding-top:70px;padding-bottom:65px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:bold;color:#2b7c29;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:24px;height:2px;background:#389e35}h1{font-size:clamp(44px,5.3vw,76px);line-height:1.04;letter-spacing:-3.5px;font-weight:600;margin:22px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#2b7c29}p{color:#526574;font-size:16px}.hero p{max-width:470px;margin:25px 0}.hero .small{font-size:12px;margin-top:18px}.visual{position:relative;min-height:590px;background:#e7f0f8;border-radius:160px 160px 24px 24px;display:flex;justify-content:center;align-items:center}.phone{width:236px;border:7px solid #163b65;border-radius:30px;box-shadow:0 28px 45px #20303c33;overflow:hidden;transform:rotate(5deg);background:white}.phone img{display:block;width:100%}.float{position:absolute;bottom:80px;left:-28px;border:1px solid #d4e0e9;border-radius:12px;background:white;padding:14px 20px;box-shadow:0 10px 30px #163b6512;font-size:13px}.float b{display:block}.tag{position:absolute;right:15px;top:58px;border-radius:30px;background:#389e35;font-size:12px;padding:10px 18px;transform:rotate(7deg)}.strip{background:#163b65;color:#f5f8fa;padding:22px 5%;display:flex;justify-content:center;gap:7%;font-size:13px}.strip span:before{content:'✓';color:#389e35;margin-right:10px}section{padding:85px 0}h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-1.8px;line-height:1.15;font-weight:600;margin:14px 0 22px}h3{font-size:21px;line-height:1.3;letter-spacing:-.5px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head p{max-width:370px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:28px;border:1px solid #d4e0e9;border-radius:12px;background:#fff}.number{font-size:12px;color:#2b7c29}.feature p{font-size:14px}.showcase{background:#edf6ec}.shots{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.shots img{width:100%;border:5px solid #fff;border-radius:20px;box-shadow:0 12px 24px #163b6510}.shots h3{font-size:17px}.shots p{font-size:13px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.industry-grid a{padding:25px 20px;text-decoration:none;border:1px solid #d4e0e9;border-radius:8px;background:#fff;display:flex;justify-content:space-between}.industry-grid a:hover{background:#edf6ec}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.steps{border-top:1px solid #d4e0e9;padding:15px 0}.steps b{font-size:17px}.steps p{font-size:14px}.pricing{background:#163b65;color:white}.pricing p{color:#d7e5f0}.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:700px}.plan{border:1px solid #728eaa;border-radius:12px;padding:28px}.price{font-size:40px;letter-spacing:-1px}.price small{font-size:14px;letter-spacing:0}details{padding:22px 0;border-bottom:1px solid #d4e0e9}summary{cursor:pointer;font-weight:bold}details p{max-width:800px;font-size:14px}footer{background:#e7f0f8;padding:65px 0 25px}.download{padding:45px;border-radius:20px;background:#389e35;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.download h2{font-size:36px}.download p{color:#20303c;font-size:14px}.stores{display:flex;flex-wrap:wrap;gap:12px}.store{background:#163b65;color:white;text-decoration:none;padding:10px 20px;border-radius:8px;line-height:1.3;min-width:174px}.store small{font-size:10px;display:block}.store strong{font-size:20px}.footlinks{padding:35px 0;display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.bottom{font-size:11px;border-top:1px solid #cadce9;padding-top:20px;color:#526574;display:flex;justify-content:space-between}.footbrand{font-weight:bold;font-size:20px;margin-top:40px}@media(max-width:760px){nav{padding:18px 5%}.brand{font-size:19px}nav .links>a:not(.btn){display:none}nav .btn{padding:9px 12px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:30px;gap:35px}h1{letter-spacing:-2px}.visual{min-height:540px;margin:0 15px}.float{left:-15px}.strip{flex-wrap:wrap;gap:12px 24px}.features{grid-template-columns:1fr}.section-head{display:block}.shots{grid-template-columns:1fr 1fr;gap:20px}.industry-grid{grid-template-columns:1fr 1fr}.split,.download{grid-template-columns:1fr;gap:20px}.plans{grid-template-columns:1fr}.download{padding:27px}.bottom{display:block}section{padding:55px 0}.phone{width:215px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Product mockups and feature explanations */
.hero-mockups{position:relative;width:100%;height:590px;display:flex;align-items:center;justify-content:center}.hero-main{width:66%;max-width:310px;position:relative;z-index:2;transform:rotate(-5deg)}.hero-secondary{width:44%;max-width:210px;margin-left:-68px;margin-top:160px;transform:rotate(8deg)}.visual{border-radius:100px 100px 24px 24px;min-height:590px}.tag{z-index:3;top:25px;right:5px}.float{z-index:4;bottom:35px;left:0}.workflow{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;padding:55px 0;border-top:1px solid #cfdfcc}.workflow.reverse .workflow-copy{order:2}.workflow.reverse .workflow-images{order:1}.workflow-copy h3{font-size:36px;line-height:1.15;letter-spacing:-1.2px;margin:20px 0}.workflow-copy p{max-width:460px}.workflow-copy ul{padding-left:20px;color:#526574;font-size:14px}.workflow-copy li{margin:10px 0}.workflow-images{display:flex;align-items:center;justify-content:center;gap:12px}.workflow-images img{height:auto;max-width:55%;object-fit:contain}.workflow-images .large{width:285px}.workflow-images .medium{width:235px}.workflow-images .small{width:195px;align-self:end;margin-bottom:30px}.support-section{background:#f5f8fa}.support-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.support-card{border:1px solid #d4e0e9;border-radius:18px;padding:30px;background:#fff;display:flex;align-items:center;gap:20px}.support-card>div{flex:1}.support-card img{width:42%;height:auto;max-width:190px}.support-card p{font-size:14px}.support-card.card-1{margin-top:50px}.support-card.card-2{margin-bottom:50px}.support-card.card-3 img{max-width:155px}.settings-section{background:#e7f0f8}.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-items:start}.settings-grid img{width:100%;height:auto}.settings-grid article:nth-child(even){padding-top:50px}.settings-grid article:nth-child(3) img{width:90%;display:block;margin:auto}.settings-grid h3{font-size:20px}.settings-grid p{font-size:14px}.demo-note{font-size:12px;margin-top:30px}.support-grid h3{font-size:24px}@media(max-width:900px){.support-card{display:block}.support-card img{width:65%;display:block;margin:20px auto 0}.settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.hero-mockups{height:510px}.visual{min-height:510px}.hero-main{width:62%}.hero-secondary{width:43%;margin-left:-45px}.workflow{grid-template-columns:1fr;gap:20px;padding:40px 0}.workflow.reverse .workflow-copy,.workflow.reverse .workflow-images{order:initial}.workflow-copy h3{font-size:30px}.workflow-images{gap:8px}.workflow-images .large{width:55%}.workflow-images .medium{width:43%}.workflow-images .small{width:38%}.support-grid{grid-template-columns:1fr}.support-card{display:flex;padding:22px}.support-card img{width:38%;margin:0}.support-card.card-1,.support-card.card-2{margin:0}.support-card h3{font-size:22px}.settings-grid{gap:20px}.settings-grid article:nth-child(even){padding-top:25px}.settings-grid p{font-size:13px}.settings-grid h3{font-size:18px}}

/* Fresh green and navy palette */
:root{--green:#389e35;--navy:#163b65;--background:#f5f8fa;--text:#20303c}h1,h2,h3,.brand,.footbrand{color:var(--navy)}.btn{background:#163b65;color:#fff;border-color:#389e35}.btn:hover{background:#2b7c29;color:#fff}.tag{background:#389e35;color:#102414}.strip span:before{color:#8cdf89}.pricing h2,.pricing h3{color:#fff}.pricing .eyebrow{color:#a8e8a5!important}.download{background:#e1f1df;border:1px solid #bfddbc}.download .eyebrow{color:#2b7c29}.btn:focus-visible,.store:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #389e35;outline-offset:4px}

/* Store logos */
.stores{align-items:center}.store{display:flex;align-items:center;justify-content:center;padding:10px 16px;min-height:72px;gap:12px}.store:has(.apple-badge){background:#000}.apple-badge{display:block;width:160px;height:auto}.google-logo{display:block;width:52px;height:52px;object-fit:contain}.store:has(.google-logo){background:#fff;color:#163b65;border:1px solid #cfdae3}.store span{font-size:15px;font-weight:700;max-width:100px;line-height:1.3}

/* Matched transparent download badges */
.stores{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.store{display:block;flex:0 1 205px;width:205px;height:76px;min-width:0;min-height:0;padding:0;border:0;background:transparent;border-radius:9px;overflow:visible}.store-badge{display:block;width:100%;height:100%;object-fit:fill}.store:hover{background:transparent;transform:translateY(-2px)}@media(max-width:400px){.stores{gap:10px}.store{flex-basis:100%;max-width:205px}}

/* Responsive rendering, readable blog articles and matching store badges */
img{max-width:100%;height:auto}.workflow-images img,.settings-grid img,.support-card img{height:auto}.store-badge{object-fit:contain}.store{max-width:100%}.wrap,.workflow-copy,.download>div{min-width:0}.brand{overflow-wrap:anywhere}.footbrand{overflow-wrap:anywhere}.latest-post{padding:30px 0;border-bottom:1px solid #cadce9}.latest-post h3{font-size:25px;margin:12px 0}.latest-post p{font-size:14px}.blog-article,.blog-index{padding-top:65px;padding-bottom:70px}.blog-article{max-width:960px}.blog-article h1,.blog-index h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2px;overflow-wrap:anywhere}.post-meta{font-size:14px}.prose{max-width:760px}.prose h2{font-size:32px;margin-top:40px}.prose h3{margin-top:28px}.prose p,.prose li{font-size:17px;line-height:1.8}.prose a{color:#163b65;text-decoration:underline}.prose img{height:auto;border-radius:10px}.prose pre{overflow:auto;background:#e7f0f8;padding:18px}.prose table{border-collapse:collapse;display:block;overflow:auto}.prose td,.prose th{border:1px solid #cadce9;padding:10px}.blog-callout{background:#edf6ec;border-left:4px solid #389e35;padding:20px;margin:25px 0}.blog-list article{padding:25px 0;border-bottom:1px solid #cadce9}.blog-list h2{font-size:30px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:10;background:#fff;padding:14px}@media(max-width:760px){.brand{max-width:65%}.footbrand{font-size:20px}.download h2{font-size:30px}.blog-article,.blog-index{padding-top:35px}}

/* Header brand artwork */
.brand{display:flex;align-items:center;flex-shrink:0;max-width:55%;line-height:1;letter-spacing:normal}.brand img{display:block;width:190px;max-width:100%;height:auto;object-fit:contain}@media(max-width:760px){.brand img{width:155px}}

