@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#123e40;--muted:#5f7270;--paper:#faf9f3;--mint:#a6e5cd;--teal:#0b5555;--coral:#f27c5b;--line:#dce4dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}a{color:inherit}button{font:inherit}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:clamp(52px,5.6vw,79px);line-height:1.08;letter-spacing:-4px;font-weight:750}h2{font-size:clamp(35px,4vw,52px);line-height:1.16;letter-spacing:-2px;font-weight:650}h3{font-size:22px;line-height:1.35;letter-spacing:-.6px}em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}p{color:var(--muted)}.wrap{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.nav{max-width:1280px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;font-size:23px;display:flex;align-items:center;gap:11px;text-decoration:none;letter-spacing:-.8px}.brand img{border-radius:10px}.nav nav{display:flex;gap:28px;font-size:14px}.nav nav a{text-decoration:none}.nav nav a:hover{color:#138473}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:white;text-decoration:none;font-size:15px;font-weight:650;padding:17px 23px;border-radius:9px;transition:transform .2s,background .2s}.button:hover{background:var(--teal);transform:translateY(-2px)}.button.small{padding:11px 17px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding-top:66px;padding-bottom:85px;min-height:710px}.eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:2px;margin-bottom:23px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3ba886;margin-right:7px}.lead{font-size:18px;max-width:450px;margin:26px 0 30px;line-height:1.75}.download-buttons{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.soon{display:flex;flex-direction:column;font-size:15px;font-weight:650;color:#61706b;line-height:1.5}.soon span{font-size:11px;font-weight:400}.micro{font-size:11px;margin-top:16px;line-height:1.6}.hero-art{position:relative;height:560px;margin-left:25px}.orbit{position:absolute;width:460px;height:460px;background:#e0ede2;border-radius:50%;top:38px;left:0}.orbit:after{content:'';position:absolute;inset:30px;border:1px dashed #a9c8b9;border-radius:50%}.art-label{position:absolute;top:2px;left:25px;font:italic 18px Georgia;color:#4d7770;transform:rotate(-5deg)}.sample{background:white;border:1px solid #e0e5da;box-shadow:0 18px 38px #183e4010;border-radius:16px;padding:24px}.sample-top{display:flex;justify-content:space-between;color:#287970;font-size:10px;letter-spacing:1.2px;font-weight:750;margin-bottom:18px}.place{position:absolute;top:62px;left:10px;width:330px;transform:rotate(-5deg);z-index:1}.place h3{font-size:22px;margin-bottom:7px}.place p{font-size:13px}.place .context{margin-top:17px;font-size:15px;color:#516c61}.tags{display:flex;gap:7px;margin-top:18px}.tags span,.pill{font-size:11px;background:#e8f3e9;border-radius:6px;padding:4px 9px;color:#397567}.sample-action{border-top:1px solid #e8ece6;margin-top:18px;padding-top:13px;font-size:12px;color:var(--teal)}.reminder{position:absolute;top:380px;left:0;z-index:3;display:flex;align-items:center;gap:14px;padding:18px 22px;background:#fff2dc;transform:rotate(-3deg);width:340px}.reminder small{font-size:8px;letter-spacing:1px}.reminder strong{display:block;font-size:14px}.reminder div>span{font-size:11px;color:#797665}.bell{font-size:33px;color:#ad663a}.link{position:absolute;width:250px;right:-12px;top:258px;z-index:2;transform:rotate(6deg);background:#d8efe6}.link h3{font-size:19px}.link p{font-size:12px;margin:10px 0}.link .pill{background:#bce1d0}.floating-logo{position:absolute;right:0;top:74px;transform:rotate(12deg);z-index:2;filter:drop-shadow(0 13px 14px #13474130)}.example-label{position:absolute;bottom:4px;left:85px;font-size:10px;color:#7d8d80}.type-ribbon{display:flex;justify-content:center;gap:32px;align-items:center;padding:24px;background:#edf0e6;border-top:1px solid #e4e8dc;border-bottom:1px solid #e4e8dc;font-size:14px;flex-wrap:wrap}.type-ribbon i{font-size:13px;color:#67a88b}.section{padding-top:100px;padding-bottom:100px}.section-head{max-width:690px;margin-bottom:48px}.section-head>p{font-size:17px;margin-top:23px;max-width:590px}.comparison{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);border-radius:16px;overflow:hidden}.before,.after{padding:35px 40px}.before{background:#f0eee6;border-right:1px solid var(--line)}.before .eyebrow{color:#8b8b7c}.scribble{font:italic 27px/1.7 Georgia;color:#92958a}.question{display:block;font-size:13px;margin-top:20px;color:#85887a}.after{background:#edf5ed}.after h3{margin-bottom:12px}.after p{max-width:480px}.comparison-caption{display:block;margin-top:21px;font-size:12px;color:#49715d}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.number{font-size:12px;color:#57947f}.benefit-grid h3{margin:13px 0}.benefit-grid p{font-size:14px}.comparison-note{font-size:11px;margin-top:35px}.feature-band{background:#103f42;color:#f5f5e8;padding:90px 0}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-band .eyebrow{color:#a6ddc4}.feature-band p{color:#bfd2cd;margin-top:24px}.feature-list{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:23px}.feature-list li{border-left:2px solid #6eb799;padding-left:18px}.feature-list strong{display:block;font-size:15px;margin-bottom:5px}.feature-list span{display:block;color:#bdd0cc;font-size:13px}.table-demo{background:#faf9f2;color:var(--ink);padding:28px;border-radius:15px;transform:rotate(2deg);box-shadow:0 20px 50px #001d2350}.table-demo h3{font-size:22px}.table-demo p{font-size:12px;color:#77857c;margin-top:10px}.table-scroll{overflow:auto;margin:24px 0}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th,td{padding:13px 10px;border:1px solid #dce3d8}th{background:#e0eee2;font-weight:650}.demo-reminder{display:flex;gap:12px;align-items:center;margin-top:10px;background:#f1e8d6;border-radius:7px;padding:12px}.demo-reminder>span{color:#bc7653;font-size:23px}.demo-reminder strong{font-size:12px;display:block}.demo-reminder small{font-size:10px;color:#7c8476}.use-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px;flex-wrap:wrap}.use-tabs button{background:transparent;border:1px solid transparent;padding:11px 20px;border-radius:25px;color:var(--ink);cursor:pointer;font-size:14px}.use-tabs button[aria-selected=true]{background:var(--ink);color:white}.use-tabs button:hover{border-color:#589782}.scenario{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:40px 0 0;min-height:265px}.scenario .eyebrow{color:#498676;margin-bottom:14px}.scenario h3{font-size:28px;margin-bottom:18px}.scenario p{font-size:15px}.scenario ul{list-style:none;margin:0;padding:0}.scenario li{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.scenario li span{display:block;font-size:9px;letter-spacing:1.4px;color:#548b77;margin-bottom:5px}.capture-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-top:30px;padding-bottom:100px;align-items:center}.capture-section p{margin-top:22px;font-size:15px}.capture-symbol{background:#e1eede;min-height:315px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:150px;border-radius:50% 50% 8px 8px;line-height:1.5}.capture-symbol span{font-size:10px;letter-spacing:2px}.start-section{background:#f1ebde;padding:80px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:45px}.steps article>span{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid #bcc6b7;border-radius:50%;font-size:13px}.steps h3{font-size:18px;margin:18px 0 12px}.steps p{font-size:14px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq>div>p{margin-top:24px;font-size:14px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;margin-top:16px}.download-section{background:#0c3e42;color:#f6f6e8;padding:75px 0}.download-layout{display:flex;justify-content:space-between;align-items:center;gap:40px}.download-layout>div>img{float:left;margin-right:16px;border-radius:15px}.download-layout .eyebrow{padding-top:23px;margin-bottom:34px;letter-spacing:1.5px;font-size:10px}.download-layout h2{clear:both;font-size:57px}.download-layout em{color:#a9dfc6}.download-layout p{color:#b4cbc4;margin:20px 0 28px}.button.light{background:#b8e5cd;color:#133e3d}.soon.dark{color:#b6ccc5}.qr{display:flex;flex-direction:column;align-items:center;background:#f7f7ec;color:var(--ink);border-radius:15px;padding:22px;width:245px;flex-shrink:0}.qr img{border-radius:5px}.qr strong{font-size:12px;margin-top:14px}.qr span{font-size:10px;margin-top:3px}footer{padding-top:35px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer .brand{font-size:18px}footer div{display:flex;gap:23px;font-size:12px}footer small{font-size:10px;color:#7f8b80}.skip{position:absolute;left:12px;top:-100px;padding:12px;background:white;z-index:5}.skip:focus{top:12px}:focus-visible{outline:3px solid #ef8564;outline-offset:5px}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:100px}}@media(max-width:1000px){.hero-art{transform:scale(.85);transform-origin:center;margin-left:0}.hero{gap:0}.nav nav{gap:15px}.feature-layout{gap:35px}.wrap{padding-left:30px;padding-right:30px}.hero h1{font-size:61px}.hero-art{margin-right:-25px}.benefit-grid{gap:25px}.faq{gap:40px}.type-ribbon{gap:20px}.capture-section{gap:40px}}@media(max-width:900px){.nav{padding:18px 20px}.nav nav{display:none}.nav .brand{font-size:20px}.nav .brand img{width:34px;height:34px}.nav .button{font-size:12px}.wrap{padding-left:23px;padding-right:23px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:20px}.hero h1{font-size:61px;letter-spacing:-3px}.hero h1 br:nth-child(2){display:none}.lead{font-size:16px;max-width:500px}.hero-art{height:520px;max-width:450px;width:100%;margin:24px auto 0;transform:scale(.9);transform-origin:top center}.orbit{width:100%;height:430px}.place{left:0;width:300px}.link{right:-5px;width:220px}.floating-logo{right:0;width:95px;height:95px}.reminder{top:370px;width:315px}.example-label{left:50px;bottom:0}.section{padding-top:65px;padding-bottom:65px}.section-head{margin-bottom:30px}.section-head>p{font-size:15px}.comparison{grid-template-columns:1fr}.before,.after{padding:25px}.before{border-right:0;border-bottom:1px solid var(--line)}.scribble{font-size:23px}.benefit-grid,.feature-layout,.scenario,.steps,.faq,.capture-section{grid-template-columns:1fr;gap:30px}.benefit-grid{margin-top:30px}.benefit-grid article{border-bottom:1px solid var(--line);padding-bottom:20px}.feature-band{padding:60px 0}.table-demo{transform:none;padding:22px}.use-tabs{gap:3px}.use-tabs button{font-size:12px;padding:9px 12px}.scenario{padding-top:30px}.capture-section{padding-top:10px;padding-bottom:60px}.capture-symbol{min-height:230px;max-width:320px;width:100%;margin:auto;font-size:110px}.start-section{padding:60px 0}.steps{gap:28px}.steps h3{margin-top:10px}.faq h2 br{display:none}.download-layout{flex-direction:column;align-items:flex-start}.download-layout h2{font-size:44px}.download-layout .eyebrow{padding-top:0}.download-layout>div>img{float:none;margin-bottom:20px}.download-layout .eyebrow{margin-bottom:22px}.qr{align-self:center}.type-ribbon{gap:12px;font-size:12px;padding:17px}.type-ribbon i{font-size:8px}footer{flex-direction:column;align-items:flex-start;gap:20px}.download-buttons{gap:18px}.button{font-size:13px;padding:15px 18px}}@media(max-width:380px){.hero-art{transform:scale(.8);height:455px}.hero h1{font-size:53px}.brand{font-size:17px!important}.nav{gap:10px}.hero-art .link{right:-20px}.eyebrow{font-size:9px}.download-layout h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}