@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#254d42;background:#f6f5ee}*{box-sizing:border-box}body{margin:0}header{max-width:1100px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-1px}.mark{display:inline-flex;align-items:center;justify-content:center;background:#badc82;border-radius:13px;width:42px;height:42px;font-size:34px;font-family:Georgia;font-style:italic}.mark span{font:18px system-ui}.tag,.step,.consent,small,footer{font-size:12px;color:#718178}main{max-width:1000px;margin:34px auto 0;padding:0 28px}.eyebrow{text-align:center;font-size:13px}.dot{display:inline-block;width:7px;height:7px;background:#639069;border-radius:50%;margin-right:6px}h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(52px,8vw,86px);font-weight:600;letter-spacing:-4px;text-align:center;margin:12px 0}h1 em{color:#6e8b47}.intro{text-align:center;color:#718178;font-size:18px;line-height:1.65;margin:0}.illustration{max-width:650px;margin:20px auto 24px}.illustration > svg{width:100%;display:block}.demo{display:grid;grid-template-columns:1fr 1fr;background:#fffef8;border-radius:28px;overflow:hidden;box-shadow:0 16px 55px #254d4209}.play,.result{padding:32px}.step{font-weight:600}h2{font-size:24px;letter-spacing:-.8px;margin:15px 0 10px}p{line-height:1.6}.play>p{color:#718178;font-size:14px}.play label{display:block;font-size:13px;font-weight:600;margin:25px 0 9px}input{font:inherit;width:100%;border:1px solid #dce2d4;border-radius:12px;background:#f6f5ee;padding:14px;color:#254d42}small{display:block;line-height:1.5;margin-top:8px;font-size:11px}.stats{display:flex;gap:20px;margin:25px 0;color:#718178;font-size:11px}.stats b{display:block;font-size:22px;color:#254d42;font-weight:500}button{font:inherit;width:100%;border:0;border-radius:12px;background:#254d42;color:#fffef8;padding:15px 18px;display:flex;justify-content:space-between;cursor:pointer;font-weight:600}button:hover{background:#386454}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #badc82;outline-offset:3px}.play .consent{font-size:11px;margin-bottom:0}.result{text-align:center;background:#eaf0e1;display:flex;flex-direction:column;align-items:center}.face{height:68px;width:68px;border-radius:22px;background:#d6e7bd;display:grid;place-items:center;font:40px Georgia;margin:25px 0 0;transform:rotate(-6deg)}.result h2{margin-top:20px}.result p{font-size:14px;color:#718178;margin:0;min-height:45px}.score{margin-top:18px}.score strong{font-size:45px;letter-spacing:-2px;font-weight:500}.score span{display:block;font-size:12px;color:#718178}.meter{width:100%;height:7px;background:#d4dfc9;border-radius:10px;margin:20px 0 8px;overflow:hidden}.meter span{display:block;background:#6e8b47;height:100%;width:0;transition:width .6s}.ends{display:flex;justify-content:space-between;width:100%;font-size:10px;color:#718178}#timing{margin-top:20px}details{margin:22px 4px;font-size:12px;color:#718178}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#eaf0e1;border-radius:12px}footer{display:flex;justify-content:space-between;margin:35px 0;padding-bottom:24px}@media(max-width:640px){header{padding:22px}.tag{display:none}main{margin-top:24px;padding:0 18px}.demo{grid-template-columns:1fr}.play,.result{padding:25px}h1{letter-spacing:-2px}footer{gap:20px;font-size:10px}.illustration{margin:20px 0}.result{padding-bottom:30px}}

main{max-width:850px;margin-top:24px}.illustration{max-width:510px;margin:12px auto 26px}.play label{margin-top:18px}.play button{margin-top:24px}.result{justify-content:center}.face{margin-top:0}.result h2{font-size:22px}.result .score{margin-top:8px}footer{align-items:center;margin-top:20px}#reset{width:auto;padding:8px 12px;color:#254d42;background:transparent;font-size:12px}#reset:hover{background:#eaf0e1}

.transparency{margin:32px 0}.transparency h2{font-size:20px;margin-top:26px}.transparency p{font-size:12px;color:#718178}.transparency pre{font:12px/1.65 ui-monospace,SFMono-Regular,monospace;margin:14px 0;max-height:480px;overflow:auto}

.test-options{margin:16px 0}select{width:100%;padding:9px 10px;font:inherit;font-size:12px;color:#254d42;background:#f6f5ee;border:1px solid #dce2d4;border-radius:8px}.test-options label{font-size:11px;margin:10px 0 5px}

.cost-block{padding:24px;background:#eaf0e1;border-radius:16px}.cost-block>strong{font-size:30px;font-weight:500;font-variant-numeric:tabular-nums}.cost-block pre{padding:0;background:transparent}.cost-block a{color:inherit}

.mark svg{width:29px;height:29px}.illustration{margin:8px auto 4px}h1{margin:0 0 30px}

.price-comparison{margin:32px 0}.price-comparison h2{font-size:22px}.price-comparison table{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0}.price-comparison th,.price-comparison td{padding:13px 0;text-align:right;border-bottom:1px solid #dce2d4;font-variant-numeric:tabular-nums}.price-comparison th:first-child{text-align:left}.price-comparison tbody th{font-weight:400}.price-comparison td:nth-child(2){font-weight:700}.price-comparison small a{color:inherit}

.check-costs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:14px;font-size:11px;color:#718178}.check-costs strong{display:block;color:#254d42;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:3px}.check-cost-note{font-size:10px;margin-top:7px}

.check-savings{color:#476833;font-weight:600;font-size:12px}.check-savings:empty{display:none}.check-cost-note{color:#718178;line-height:1.5;text-underline-offset:3px}.check-cost-note:hover{color:#254d42}#price-comparison{scroll-margin-top:24px}