*{box-sizing:border-box}body{margin:0;background:#f5f5ed;color:#141a17;font:16px/1.6 system-ui,sans-serif}h1,h2,h3,p,figure{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #749650;outline-offset:4px}.wrap{width:min(1160px,calc(100% - 42px));margin:auto}header{background:#fafaf3}header .wrap,footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px}.brand{font-size:28px;font-weight:820;letter-spacing:-.075em;text-decoration:none}.brand span{color:#527145}nav{display:flex;gap:24px}nav a{text-decoration:none;font-weight:650}.button{display:inline-block;background:#141a17;color:white;text-decoration:none;padding:11px 15px;border-radius:7px;font-weight:700;font-size:.88rem}.hero{background:radial-gradient(ellipse at 80% 35%,#2c4637,transparent 58%),#121c18;color:#fafaf2;padding:clamp(56px,8vw,108px) 0}.hero p:not(.tag){max-width:60ch;color:#d5e1d8}.hero .button{background:#d9ff8b;color:#172116;margin-top:24px}.tag{color:#496342;font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.hero .tag{color:#d9ff8b}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px}h1{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.075em;line-height:1.02;margin:12px 0 18px}h1 em{font-family:Georgia,serif;color:#d9ff8b;font-weight:400}h2{font-size:clamp(1.9rem,4vw,3.1rem);letter-spacing:-.05em;line-height:1.08;margin:8px 0 15px}h3{font-size:1.45rem;letter-spacing:-.03em}.section{padding:clamp(46px,7vw,82px) 0}.tint{background:#e8f0df}.intro,.card p,figcaption{color:#4a574e}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.card,.screen{background:#fafaf4;border:1px solid #dedfd5;border-radius:12px;padding:clamp(16px,3vw,30px)}.card a{display:inline-block;margin-top:13px;font-weight:750;color:#365b3a;text-underline-offset:4px}.screen{margin-top:18px;padding:12px}.screen img{display:block;width:100%;height:auto;border-radius:7px}.screen figcaption{padding:9px;text-align:center;font-size:.88rem}.hero .screen{background:#24362d;border-color:#597264}.hero figcaption{color:#c8d9cc}.demo{max-width:620px;margin-top:20px;padding:20px;border-radius:14px;background:#21352b;color:white}.demo div{padding:10px 13px;background:#f0f5e9;color:#18291e;border-radius:7px;margin-top:9px}.demo .tag{color:#d9ff8b}.back{display:inline-block;margin-bottom:20px;color:#d5e1d8}footer{background:#121c18;color:white}footer .brand span{color:#d9ff8b}@media(max-width:760px){nav{display:none}.hero-grid{grid-template-columns:1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}}

.crumb{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:.84rem;color:#4a574e}.crumb a{text-decoration:underline;text-underline-offset:3px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;counter-reset:step;margin:20px 0 0;padding:0}.steps li{counter-increment:step;padding:20px;border:1px solid #d2ddcb;background:#fafaf4;border-radius:12px}.steps li:before{content:counter(step,decimal-leading-zero);font-weight:800;color:#496342}.steps h3{margin:7px 0}.faq{max-width:820px}.faq details{border-bottom:1px solid #d7dbd1;padding:13px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:#4a574e;margin-top:8px}.related-title{margin-top:24px}.related{padding-left:20px}.related a{text-underline-offset:4px}@media(max-width:760px){.steps{grid-template-columns:1fr}}

.integration-note{max-width:76ch;margin-top:20px;padding:16px 18px;border-left:3px solid #527145;background:#fafaf4;border-radius:0 8px 8px 0}@media(max-width:900px){header nav{gap:12px;font-size:.88rem}}

.report-shots{align-items:start}.report-shots .screen{margin:0}.report-shots h3{margin:0 0 8px}.report-shots figcaption{text-align:left}.report-shots figcaption a{display:inline-block;margin-left:4px}

.product-shots{align-items:start}.product-shot{margin:0}.product-shot a{display:block}.product-shot.phone-shot img{max-width:285px;margin-inline:auto}.product-shot figcaption strong{color:#141a17}