:root{font-family:Arial,Helvetica,sans-serif;color:#203b32;background:#f7f7f0;font-synthesis:none;line-height:1.65;--green:#153f35;--muted:#607167;--line:#dce1d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #9b652c;outline-offset:5px}header,main,footer{max-width:1160px;margin:auto;padding-left:36px;padding-right:36px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;letter-spacing:-1px;text-decoration:none}.brand span{font-weight:400;color:var(--muted)}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:14px}nav a:hover{text-decoration:underline}.hero{padding:90px 0 80px;position:relative}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}h1{font-size:clamp(42px,6.8vw,82px);line-height:1.06;letter-spacing:-4px;font-weight:500;margin:28px 0}h1 em{font-family:Georgia,serif;font-weight:400}h2{font-size:28px;letter-spacing:-1px;font-weight:500}h3{font-weight:500;letter-spacing:-.7px}.lead{max-width:610px;font-size:19px;color:var(--muted);line-height:1.7}.button{background:var(--green);color:#f7f7f0;display:inline-flex;align-items:center;gap:40px;padding:14px 22px;border-radius:6px;text-decoration:none;font-size:14px;margin-top:20px}.button:hover{background:#245747}.muted{background:#e6eadf;color:#354a3d;cursor:default}.muted:hover{background:#e6eadf}.hero-note{margin-top:30px;color:var(--muted);font-size:12px}.dot{display:inline-block;background:#7c9d62;width:7px;height:7px;border-radius:50%;margin-right:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px}.section-heading span{font-size:12px;color:var(--muted)}.app-card{display:grid;grid-template-columns:40% 1fr;text-decoration:none;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:16px 0 65px;background:#fffef8;transition:transform .2s}.app-card:hover{transform:translateY(-3px)}.app-art{background:#e7ecdf;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.app-art img{box-shadow:0 16px 40px #153f3514;border-radius:28px}.app-art span{font-size:12px;color:var(--muted)}.app-info{padding:40px}.app-info h3{font-size:32px;line-height:1.2;margin:22px 0 15px}.app-info>p:not(.eyebrow){color:var(--muted);font-size:15px}.badge{background:#eee9d6;color:#75642e;border-radius:30px;padding:5px 9px;letter-spacing:0;font-size:10px;display:inline-block;margin-left:10px}.text-link{display:block;margin-top:25px;font-size:13px;font-weight:700}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding:10px 0 70px}.principles span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.principles h3{font-size:20px;line-height:1.3}.principles p{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding-top:30px;padding-bottom:35px;font-size:12px;color:var(--muted)}footer .brand{font-size:18px}footer p{flex:1}.back{display:inline-block;margin-top:36px;font-size:13px;text-decoration:none}.app-nav{margin:25px 0;padding-bottom:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.product-hero{padding:35px 0 45px}.product-hero h1{font-size:clamp(38px,6vw,64px);max-width:850px}.fine{font-size:12px;color:var(--muted)}.prose{max-width:750px;font-size:16px;margin-bottom:70px}.prose h2{margin-top:40px}.prose h3{font-size:22px;margin-top:30px}.prose p,.prose li{color:#4e6155}.prose li{margin-bottom:12px}.prose a{color:#275d47}.document-heading{padding:25px 0 15px}.document-heading h1{font-size:clamp(38px,6vw,60px);letter-spacing:-2px}.callout{background:#e9eddf;padding:26px 32px;border-radius:10px;margin:0 0 65px;max-width:750px}.callout h2{margin-top:0}.skip{position:absolute;top:-100px;left:10px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:700px){header,main,footer{padding-left:22px;padding-right:22px}header{height:80px}.hero{padding:55px 0}h1{letter-spacing:-2px}.app-card{grid-template-columns:1fr}.app-art{min-height:210px}.app-info{padding:28px}.principles{grid-template-columns:1fr;gap:15px}footer{flex-wrap:wrap;gap:15px}footer p{flex-basis:100%;order:2}.app-nav{gap:20px}.lead{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
