.wardogs{--pink:#466d2b;--paper:#f5f6ef;--ink:#202b28;--line:#dce0d4}.wardogs nav{gap:28px}.monogram{display:flex;background:#202b28;color:#c1ea7a;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;font-size:25px;letter-spacing:-3px}.monogram span{font-size:12px;align-self:flex-end;margin:0 0 7px 3px}.site-links{display:flex;margin-left:auto;gap:26px;font-size:12px}.languages{display:flex;gap:12px;align-items:center;font-size:12px}.languages>span{color:#b1b7aa}.languages a[aria-current]{font-weight:800;text-decoration:underline;text-underline-offset:7px}.wardogs .hero{min-height:590px;gap:55px;padding-top:65px}.wardogs h1{font-size:clamp(36px,4vw,59px)}.wardogs .hero-copy>p{max-width:460px;color:#677369}.wardogs .download{background:#202b28;color:#d1f4a4;box-shadow:none}.wardogs .fine{line-height:1.8}.wardogs .app-preview{transform:rotate(-2deg);border-color:#dce0d4;box-shadow:0 30px 70px #2035241a}.wardogs .preview-top{background:#202b28}.wardogs .preview-top>b{color:#d1f4a4}.wardogs .selected{background:#e7eedb}.wardogs .app-icon{background:#466d2b}.wardogs .fake-button{background:#202b28;color:#d1f4a4}.wardogs .preview-body aside{background:#f6f7f0}.wardogs .preview-body h2{font-size:20px}.preview-caption{text-align:center;color:#7a8277;font-size:10px;margin:25px 0 0}.product-intro{padding:5px 0 35px;max-width:650px}.product-intro h2,.faq h2{font-size:28px;letter-spacing:-.7px}.product-intro p{color:#677369;line-height:1.9;font-size:15px}.wardogs .steps p{color:#677369;max-width:none}.wardogs .plans{align-items:start}.wardogs .plans>div:first-child{max-width:510px}.wardogs .plans p{line-height:1.9}.wardogs .plan-list{max-width:510px;padding-top:23px}.faq{border-top:1px solid var(--line);padding:45px 0 65px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{font-size:15px;cursor:pointer;font-weight:600;line-height:1.6}.faq details p{max-width:850px;color:#677369;line-height:1.9;margin:15px 0 0}.wardogs a:focus-visible,.wardogs summary:focus-visible{outline:3px solid #466d2b;outline-offset:6px}.wardogs footer .brand{color:#202b28}@media(max-width:850px){.site-links{display:none}.languages{margin-left:auto}.wardogs .hero{gap:30px}.wardogs .hero-copy>p{margin-left:auto;margin-right:auto}.product-intro{padding-top:20px}.wardogs .plans>div:first-child{max-width:none}}@media(max-width:530px){.wardogs nav{gap:10px}.wardogs .brand{font-size:17px}.monogram{width:34px;height:34px;font-size:21px}.wardogs .hero{padding-top:40px}.wardogs .preview-body aside{width:85px}.wardogs .preview-body h2{font-size:17px}.wardogs .preview-body article{min-width:0;padding:20px 12px}.wardogs .software-preview{gap:7px;padding:12px 8px}.wardogs .software-preview p{font-size:8px}.wardogs .app-icon{width:40px;min-width:40px}.wardogs .plan-list{padding-top:0}.languages{gap:8px}}@media(prefers-reduced-motion:reduce){.wardogs .download{transition:none;transform:none}}

.product-shot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #303d36;box-shadow:0 18px 45px #20352420}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 0 55px}.screenshot-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.screenshot-grid img{width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;background:#111918;display:block}.screenshot-grid figcaption{padding:20px}.screenshot-grid h3{margin:0 0 12px;font-size:17px}.screenshot-grid p,.user-guide p{line-height:1.9;color:#677369;font-size:13px;margin:0}.user-guide{padding:45px 0 55px;border-top:1px solid var(--line)}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.guide-heading h2{font-size:28px}.guide-heading>a{font-size:13px;text-decoration:underline;text-underline-offset:5px}.user-guide ol{display:grid;grid-template-columns:1fr 1fr;gap:28px 60px;padding-left:24px}.user-guide li{padding-left:6px}.user-guide li::marker{color:#466d2b;font-weight:700}.user-guide h3{font-size:16px;margin:0 0 8px}@media(max-width:850px){.screenshot-grid{grid-template-columns:1fr}.user-guide ol{grid-template-columns:1fr;gap:25px}.guide-heading{align-items:start;flex-direction:column;margin-bottom:30px}.guide-heading h2{margin-bottom:0}}