@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#15352e;--green:#245e48;--mint:#d9e8dc;--paper:#f6f5f0;--muted:#63716a;--line:#d9ded6;--gold:#b69b69}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.14;font-weight:600;letter-spacing:-1.4px}h1{font-size:clamp(42px,5.8vw,78px);margin:20px 0 26px}h2{font-size:clamp(32px,4vw,52px);margin:12px 0 24px}h3{font-size:24px;letter-spacing:-.6px}p{margin:0 0 20px}a{color:inherit}button{font:inherit;cursor:pointer}.wrap{max-width:1280px;margin:auto;padding:0 48px}.header{background:rgba(246,245,240,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;padding-top:21px;padding-bottom:21px;gap:25px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;line-height:1.15;letter-spacing:-.7px;font-size:20px}.brand small{display:block;font:9px/1.6 'DM Sans',sans-serif;letter-spacing:2px;font-weight:600;margin-top:4px}.mark{width:35px;height:35px;display:grid;place-items:center;background:var(--green);color:white;border-radius:4px;font-size:23px}.navlinks{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.navlinks a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--green);color:white;padding:14px 22px;border:1px solid var(--green);border-radius:4px;text-decoration:none;font-weight:600;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:#174c36;transform:translateY(-2px)}.button.light{background:transparent;color:var(--ink);border-color:#a9b6aa}.button.white{background:var(--paper);color:var(--ink);border-color:var(--paper)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2.5px;font-weight:700;color:var(--green)}.hero{padding-top:66px;padding-bottom:65px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px}.hero p{font-size:18px;color:var(--muted);max-width:520px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.visual{position:relative;height:550px;background:#d6e1d5;border-radius:160px 8px 8px 8px;overflow:hidden}.visual svg{width:100%;height:100%}.visual-caption{position:absolute;bottom:20px;left:22px;right:22px;background:#f6f5f0ec;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.visual-caption strong{display:block;font-size:16px}.visual-caption span{font-size:24px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:23px;font-size:12px;letter-spacing:1px;text-transform:uppercase}.strip span:first-child{color:var(--muted)}section{padding:90px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro p{color:var(--muted);font-size:18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}.section-head h2{max-width:670px;margin-bottom:0}.section-head p{max-width:330px;color:var(--muted);margin:0}.solutions{display:grid;grid-template-columns:1fr 1fr;gap:24px}.solution{background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden}.solution .copy{padding:30px 34px 34px}.solution h3{font-size:31px;margin:10px 0 17px}.solution p{color:var(--muted)}.solution ul{padding-left:18px;margin:20px 0 27px;font-size:14px}.solution li{margin:9px 0}.solution-art{height:230px;position:relative;overflow:hidden;background:#dce6dc}.solution-art svg{height:100%;width:100%}.tag{position:absolute;left:22px;top:20px;background:#f6f5f0;padding:5px 12px;font-size:10px;font-weight:700;letter-spacing:1.5px}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow{color:#bcd5b9}.dark p{color:#c7d2c7}.tabs{display:flex;border-bottom:1px solid #527063;margin:30px 0 40px;gap:28px;overflow:auto}.tabs button{color:#b5c5b8;background:none;border:0;padding:14px 0;font-size:14px;white-space:nowrap;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{color:white;border-color:#c2d6a7}.feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;min-height:310px}.feature-panel[hidden]{display:none}.feature-panel h3{font-size:36px;max-width:480px;margin:0 0 22px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:28px}.feature-list strong{display:block;font-size:16px;margin-bottom:8px}.feature-list p{font-size:13px;margin:0}.workflow{background:#e7ece1;padding:32px;border-radius:5px;display:grid;gap:14px}.workflow div{display:flex;gap:17px;align-items:center;padding:15px;background:#f6f5f0;border-radius:3px;font-size:14px}.workflow b{color:var(--green);font-size:12px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step{border-top:1px solid var(--line);padding-top:25px}.number{font-size:12px;color:var(--green);font-weight:700}.step p{font-size:15px;color:var(--muted)}.walkthrough{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#e2e9dd;padding:54px;border-radius:6px}.walkthrough h2{font-size:42px}.preview{background:white;padding:25px;border:1px solid #ced9ca;border-radius:7px;box-shadow:0 22px 45px #15352e12}.preview-bar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;font-size:11px}.preview h3{font-size:24px}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preview-grid div{padding:18px;background:#f0f4ec;font-size:12px;border-radius:3px}.preview-grid strong{display:block;font-size:21px}.fine{font-size:12px;color:var(--muted);margin-top:20px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'+';color:var(--green)}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:15px;max-width:850px;margin-top:15px}.cta{background:var(--green);color:var(--paper);padding:60px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:5px}.cta h2{font-size:40px;max-width:680px}.cta p{color:#d0dfce;max-width:650px;margin:0}.footer{padding:45px 0 28px;border-top:1px solid var(--line);margin-top:70px}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer p{font-size:13px;color:var(--muted);max-width:430px;margin-top:17px}.footer-links{display:flex;gap:28px;font-size:13px}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.skip{position:absolute;top:-70px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b69b69;outline-offset:5px}.presentation-head{padding:65px 0 38px;max-width:900px}.presentation-head h1{font-size:60px}.chapter{display:grid;grid-template-columns:70px 1fr 1fr;gap:30px;border-top:1px solid var(--line);padding:42px 0}.chapter h3{font-size:28px;margin:0 0 16px}.chapter p{color:var(--muted)}.chapter .actions{margin-top:15px}.chapter ul{color:var(--muted);padding-left:20px;font-size:15px}.chapter-num{font-size:29px;color:var(--gold);font-family:Manrope,sans-serif}.contact{padding:30px;background:#e7ece1;border-radius:4px}.contact textarea{width:100%;padding:18px;border:1px solid #adbbaa;background:white;font:14px/1.7 inherit;min-height:180px;color:var(--ink)}
@media(max-width:950px){.wrap{padding:0 26px}.navlinks{gap:17px}.navlinks a:first-child,.navlinks a:nth-child(3){display:none}.hero{gap:28px}.visual{height:440px}.intro{gap:35px}.walkthrough{gap:30px;padding:35px}.cta{padding:36px}.feature-panel{gap:35px}.chapter{grid-template-columns:45px 1fr}.chapter>div:last-child{grid-column:2}}
@media(max-width:650px){.wrap{padding:0 22px}.nav{padding-top:17px;padding-bottom:17px}.brand{font-size:16px}.brand small{font-size:8px}.navlinks a{display:none}.navlinks .button{display:flex;padding:10px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px;gap:32px}.hero h1{font-size:49px}.hero p{font-size:16px}.visual{height:370px;border-top-left-radius:100px}.strip{flex-wrap:wrap;justify-content:flex-start;font-size:10px;gap:12px 23px}.strip span:first-child{width:100%}section{padding:58px 0}.intro,.solutions,.feature-panel,.walkthrough,.three{grid-template-columns:1fr}.intro{gap:10px}.section-head{display:block}.section-head p{margin-top:20px}.solution .copy{padding:26px}.feature-list{gap:22px}.feature-panel{gap:35px;min-height:0}.tabs{gap:23px}.walkthrough{padding:25px;gap:25px}.walkthrough h2{font-size:33px}.cta{display:block;padding:28px}.cta h2{font-size:32px}.cta .button{margin-top:27px}.footer-top{display:block}.footer-links{flex-wrap:wrap;margin-top:25px}.footer-bottom{display:block}.presentation-head h1{font-size:43px}.chapter{gap:15px;grid-template-columns:35px 1fr}.chapter-num{font-size:24px}.chapter h3{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.monster-brand{display:flex;gap:12px;align-items:center;width:max-content}.monster-brand img{object-fit:contain}
.hero p.fine{font-size:12px}.visual-caption{gap:15px}.brand{flex-shrink:0}@media(max-width:650px){.nav{gap:13px}.brand{font-size:14px}.brand small{font-size:6px;letter-spacing:1.6px}.mark{width:28px;height:32px}.navlinks .button{max-width:122px;gap:12px}.hero .fine{max-width:300px}}
.monster-brand{background:#15352e;padding:12px 18px;border-radius:5px}