*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:#183748;background:#fbf7ed;font:17px/1.6 system-ui,-apple-system,sans-serif}main{max-width:1200px;margin:auto;padding:26px 34px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:30px;border-bottom:1px solid #d7dfd5}a{color:#245e60;text-underline-offset:4px}.brand{text-decoration:none;color:#183748;font-size:24px;font-weight:750;letter-spacing:-.7px}.brand span{display:block;font-size:12px;font-weight:450;letter-spacing:.2px}.intro{max-width:790px;margin:66px 0 44px}.eyebrow,.category{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:750;color:#326c68}h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.07;letter-spacing:-.05em;margin:12px 0 24px}.lede{max-width:680px;font-size:19px;color:#455d63}.button{display:inline-block;margin:12px 0;padding:10px 17px;background:#183748;color:white;border-radius:6px;text-decoration:none;font-size:15px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #d7dfd5;padding-top:32px}.features article{min-width:0}.art{height:260px;display:flex;align-items:center;justify-content:center}.art img{width:100%;height:100%;display:block}.category{margin:22px 0 6px}h2{font-size:23px;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}.features p:not(.category){color:#455d63;font-size:16px;margin:0}.notes{max-width:750px;margin-top:60px;padding-top:25px;border-top:1px solid #d7dfd5}footer{margin:38px 0 16px;font-size:13px;color:#637773}:focus-visible{outline:3px solid #ce8f24;outline-offset:4px}.comparisons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sample{background:white;border:1px solid #d7dfd5;padding:14px}.sample img{display:block;width:100%;height:auto}.sample a{font-size:14px}.sample p{font-size:14px}@media(max-width:760px){main{padding:20px}.intro{margin:38px 0 28px}.features,.comparisons{grid-template-columns:1fr}.art{height:270px}.features article{padding-bottom:22px;border-bottom:1px solid #d7dfd5}header{align-items:flex-start}header>a:last-child{font-size:13px;text-align:right;max-width:125px}.lede{font-size:17px}.notes{margin-top:35px}}