/* Public site information: same restrained palette as the application. */
:root body .site-intro{margin:48px 0 0;padding:24px 0 0;border-top:1px solid #33332f;max-width:780px;color:#aaa79f}
:root body .site-intro h2{margin:0 0 10px;font:600 17px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;color:#d9d5cc}
:root body .site-intro p{margin:0 0 10px;font:400 13px/1.8 Arial,Helvetica,sans-serif;max-width:700px}
:root body .site-intro a,:root body .site-about-link{color:#bfb9aa;text-decoration:none;font:400 12px/1.5 Arial,Helvetica,sans-serif;display:inline-flex;align-items:center;min-height:44px}
:root body .site-intro a:hover,:root body .site-about-link:hover{color:#eee8dc}
:root body .site-intro a:focus-visible,:root body .site-about-link:focus-visible{outline:2px solid #cec3a7;outline-offset:4px;border-radius:3px}
#app>.site-intro{margin:0 auto 32px;padding:24px;max-width:828px}
.site-about{margin:0;background:#141515;color:#e2ded5;font:16px/1.7 Arial,Helvetica,sans-serif;color-scheme:dark}
.site-about *{box-sizing:border-box}
.site-about a{color:inherit}
.site-about .about-wrap{width:min(920px,100% - 48px);margin:auto}
.site-about header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid #33332f}
.site-about .about-brand{display:flex;align-items:center;gap:3px;text-decoration:none;font-size:36px;font-weight:750;letter-spacing:-1.9px;line-height:1;min-height:44px}
.site-about .about-brand img{width:39px;height:auto;transform:translateY(2px)}
.site-about .about-back{font-size:13px;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px;color:#bbb6aa}
.site-about main{padding:68px 0 48px}
.site-about .about-eyebrow{font-size:12px;color:#a7a399;letter-spacing:.12em;text-transform:uppercase}
.site-about h1{font-size:clamp(34px,6vw,58px);line-height:1.13;letter-spacing:-.04em;margin:14px 0 24px;max-width:720px}
.site-about .about-lead{font-size:18px;line-height:1.8;color:#bbb7ae;max-width:740px;margin:0 0 28px}
.site-about .about-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:9px;background:#cec3a7;color:#232421;text-decoration:none;padding:10px 22px;font-weight:600;font-size:14px}
.site-about .about-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:60px 0 48px;padding-top:30px;border-top:1px solid #33332f}
.site-about h2{font-size:19px;line-height:1.4;margin:0 0 10px;font-weight:600}
.site-about p{color:#aaa79f;font-size:15px;margin:0 0 18px}
.site-about .about-faq{max-width:740px}
.site-about .about-faq>h2{font-size:26px;margin-bottom:22px}
.site-about details{border-bottom:1px solid #33332f;padding:0}
.site-about summary{cursor:pointer;padding:18px 0;font-size:16px;color:#d9d5cc}
.site-about details p{padding:0 0 6px}
.site-about footer{border-top:1px solid #33332f;padding:24px 0 36px;color:#8f8c84;font-size:13px}
.site-about a:focus-visible,.site-about summary:focus-visible{outline:2px solid #cec3a7;outline-offset:5px;border-radius:3px}
@media(max-width:620px){.site-about .about-wrap{width:calc(100% - 36px)}.site-about header{padding:20px 0}.site-about main{padding-top:40px}.site-about .about-lead{font-size:16px}.site-about .about-features{grid-template-columns:1fr;gap:20px;margin:40px 0}.site-about h1{font-size:38px}.site-about .about-back{font-size:12px}:root body .site-intro{margin-top:32px}}
