*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f5f0;color:#302d29;font:15px/1.75 system-ui,-apple-system,'PingFang SC',sans-serif}
a{color:inherit;text-underline-offset:4px}
.wrap{width:min(1120px,calc(100% - 48px));margin:auto}
.mast{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid #ded7cb}
.brand{display:flex;align-items:center;gap:12px;font-size:25px;text-decoration:none;letter-spacing:-1px}
.brand img{width:38px;height:38px}
nav{display:flex;gap:25px}
nav a{font-size:13px;text-decoration:none;color:#6d655a}
.version,.eyebrow{font-size:12px;color:#945333}
.hero{padding:85px 0 80px;display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center}
.eyebrow{font-size:13px;margin:0 0 18px}
h1,h2,.brand{font-family:'Iowan Old Style','Songti SC',Georgia,serif;font-weight:500}
h1{font-size:clamp(36px,4vw,58px);letter-spacing:-1px;line-height:1.35;margin:0 0 24px}
h2{font-size:30px;letter-spacing:-.5px;line-height:1.5;margin:0}
h3{font-size:19px;line-height:1.5;margin:0 0 12px}
.intro{font-size:17px;line-height:1.9;color:#6d655a;max-width:32em}
.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}
.button{display:inline-block;text-decoration:none;padding:11px 19px;border-radius:6px;background:#945333;color:#fffefb;font-size:14px;font-weight:500}
.secondary{font-size:13px}
.fine{font-size:12px;color:#6d655a;line-height:1.8}
.hero-proof{margin:0;padding:32px 35px;border:1px solid #dfd4c4;background:#fffefb;border-radius:10px}
.proof-head{font-size:12px;color:#86573b}
.hero-proof strong{font:400 80px/1.4 Georgia,serif;letter-spacing:-5px;color:#945333}
.hero-proof>p{margin:0;color:#6d655a}
.hero-proof hr{border:0;border-top:1px solid #ded7cb;margin:24px 0}
.hero-proof .proof-note{font-size:14px;line-height:1.9}
.hero-proof a{display:block;margin-top:17px;font-size:12px;color:#86573b}
section{scroll-margin-top:25px}
.section-head{border-top:1px solid #ded7cb;padding-top:37px;margin-bottom:32px}
.section-head p{color:#6d655a;margin:10px 0}
.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.columns p{color:#6d655a;font-size:14px;margin:0}
.rate-example{margin:40px 0 70px;border-left:3px solid #b47a54;padding:5px 0 5px 24px}
.rate-example p{font-size:13px;color:#6d655a}
.rate-example dl{display:flex;gap:65px;margin:22px 0}
.rate-example dt{font-size:12px;color:#6d655a}
.rate-example dd{margin:0;font-size:30px;font-variant-numeric:tabular-nums;color:#86573b}
.screens{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:65px}
.screens figure{margin:0}
.screens img{display:block;width:100%;border:1px solid #dfd4c4;border-radius:7px;object-position:top}
.screens figcaption{font-size:12px;color:#6d655a;margin-top:10px}
.install{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;border-top:1px solid #ded7cb;padding:40px 0 60px}
.install ol{padding-left:20px;color:#6d655a}
.install li{padding-bottom:10px}
.install code{color:#86573b}
.trial{padding:25px;background:#fffefb;border:1px solid #dfd4c4;border-radius:8px}
.trial code{background:#ece5d8;color:#805034;font-size:15px;word-break:break-word}
button{border:1px solid transparent;padding:10px 15px;background:#945333;color:#fffefb;border-radius:5px;cursor:pointer}
button:disabled{cursor:default;color:#61584d;background:#e5dfd4}
footer{padding:25px 0 45px;border-top:1px solid #ded7cb;font-size:12px;color:#6d655a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
footer div{display:flex;gap:20px}
footer p{width:100%;margin:0;font-size:11px}
a:focus-visible,button:focus-visible{outline:2px solid #945333;outline-offset:4px}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}nav{gap:13px}.version{display:none}.brand{font-size:21px}.brand img{width:30px;height:30px}.hero{grid-template-columns:1fr;padding:48px 0;gap:35px}.hero-proof{padding:24px}.columns,.screens,.install{grid-template-columns:1fr;gap:25px}.rate-example dl{gap:40px}h2{font-size:25px}.install{padding-bottom:35px}}
@media(max-width:400px){.mast{flex-wrap:wrap;gap:14px}nav{width:100%;justify-content:space-between;gap:12px}}

@media(max-width:720px){.rate-example dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rate-example dd{font-size:clamp(22px,5vw,30px)}}