:root{--ink:#18384b;--blue:#527f94;--mist:#eef5f3;--cream:#fbf8f1;--sand:#dfd1b7;--white:#fff;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}a{color:#285f78}header{background:#fff;border-bottom:1px solid #dce6e5;position:sticky;top:0;z-index:20}.bar{max-width:var(--max);margin:auto;padding:15px 22px;display:flex;align-items:center;gap:24px}.brand{font-family:Georgia,serif;font-size:22px;font-weight:bold;text-decoration:none;color:var(--ink);margin-right:auto}.brand:before{content:"◌";margin-right:8px;color:var(--blue)}nav{display:flex;gap:17px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}.hero{background:linear-gradient(135deg,var(--mist),#fff 55%,#f5ecdc);padding:70px 22px}.hero>div,.wrap{max-width:var(--max);margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:bold;color:var(--blue)}h1,h2,h3{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(38px,6vw,68px);max-width:850px;margin:.2em 0}h2{font-size:32px;margin-top:1.6em}h3{font-size:22px}.lead{font-size:20px;max-width:760px}.wrap{padding:38px 22px 70px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #dce6e5;border-radius:14px;padding:24px;box-shadow:0 5px 20px #18384b0a}.card a{font-weight:bold}.cta{display:inline-block;background:var(--ink);color:#fff!important;text-decoration:none;padding:13px 19px;border-radius:999px;font-weight:bold;margin:8px 8px 8px 0}.cta.alt{background:var(--blue)}.note{background:#fff7e7;border-left:4px solid var(--sand);padding:15px 18px;margin:24px 0}.toc{background:var(--mist);padding:18px;border-radius:12px}.toc a{margin-right:14px}.affiliate{font-size:13px;color:#526771}.compare{width:100%;border-collapse:collapse;background:#fff}.compare th,.compare td{padding:13px;border:1px solid #dce6e5;text-align:left}footer{background:var(--ink);color:#eaf1f2;padding:40px 22px}footer a{color:#fff}.foot{max-width:var(--max);margin:auto}.popup{position:fixed;right:18px;bottom:18px;max-width:390px;background:#fff;border:1px solid #cbdcdd;border-radius:16px;padding:20px;box-shadow:0 12px 50px #0003;z-index:50;display:none}.popup.show{display:block}.close{float:right;border:0;background:none;font-size:24px;cursor:pointer}.popup h3{margin:.2em 0}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:white;padding:8px;z-index:99}@media(max-width:800px){.bar{align-items:flex-start;flex-wrap:wrap}nav{width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.grid{grid-template-columns:1fr}.hero{padding-top:45px}.popup{left:12px;right:12px;bottom:12px}.compare{font-size:14px}}