*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f7f8f2;color:#203d32;font:16px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#4c6a25}header,main,footer{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:26px 32px;border-bottom:1px solid #dce2d7}.logo{display:flex;gap:10px;align-items:center;font-weight:700;font-size:23px;text-decoration:none;letter-spacing:-1px}.muted{font-weight:400;color:#688073}nav{display:flex;gap:28px}nav a{font-size:14px;text-decoration:none}main{padding:0 32px}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(42px,5.2vw,66px)/1.1 Georgia,serif;letter-spacing:-2px;margin-bottom:22px}h1 em,h2 em{font-weight:400;color:#647a4d}h2{font:normal 36px/1.2 Georgia,serif;letter-spacing:-.7px}h3{font-size:23px;line-height:1.3}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#58705e;margin-bottom:18px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;padding:65px 0 55px;align-items:center}.intro{font-size:18px;color:#617066;max-width:540px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#234e3e;color:#fff;border:0;border-radius:7px;text-decoration:none;font:600 14px/1.4 Arial,sans-serif;padding:17px 24px;cursor:pointer}.button:hover{background:#35654e;color:white}.hero .fine{margin-top:18px}.fine{font-size:12px;color:#69746b}.visual{min-height:350px;position:relative;display:grid;place-items:center;background:#e9eedf;border-radius:100px 12px 100px 12px;overflow:hidden}.orbit{position:absolute;width:300px;height:300px;border:1px solid #cad5ba;border-radius:50%}.orbit:after{content:'';position:absolute;inset:22px;border:1px solid #d3dcc6;border-radius:50%}.watch{position:relative;transform:rotate(-19deg);height:310px;width:150px;display:grid;place-items:center}.strap{position:absolute;width:83px;background:repeating-linear-gradient(0deg,#839779 0 5px,#8ea183 5px 7px);height:100px;left:34px}.top{top:0;border-radius:24px 24px 0 0}.bottom{bottom:0;border-radius:0 0 24px 24px}.face{position:relative;z-index:1;width:150px;height:175px;border:8px solid #c3cdbb;background:#213a2f;border-radius:39px;box-shadow:8px 14px 25px #314c3330;display:flex;align-items:center;flex-direction:column;padding:14px 0;color:#edf3db}.clock{font-size:22px;letter-spacing:1px}.ring{display:block;width:56px;height:56px;border:7px solid #c9e993;border-right-color:#567452;border-radius:50%;margin:7px}.tiny{font-size:7px;letter-spacing:2px}.visual-tag{position:absolute;right:18px;bottom:25px;background:#fffef5;padding:12px 18px;border-radius:7px;font-size:9px;letter-spacing:1.4px;box-shadow:0 3px 12px #17391a12}.visual-tag span{margin-left:18px;font-size:20px}.finder{background:#fff;border:1px solid #d9e1d4;border-radius:14px;padding:32px;box-shadow:0 10px 35px #35462b05}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.section-heading p:not(.eyebrow){color:#718072;font-size:13px}.section-heading h2{margin-bottom:24px}.section-heading .eyebrow{margin-bottom:9px}form{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:end;gap:16px}label{font-size:12px;font-weight:700}select{display:block;margin-top:8px;width:100%;min-height:53px;background:#f7f8f3;border:1px solid #d6dece;border-radius:6px;padding:12px;color:#263e32;font:14px Arial}form+.fine{margin-top:14px}#result{border-top:1px solid #e6eadd;padding-top:20px;margin-top:23px}#result .empty{color:#758071;font-size:14px;margin:0}#result h3{font-family:Georgia,serif}#result .warning,aside{background:#f6f1e5;border-left:3px solid #bca46a;padding:14px 18px}#result:focus{outline:none}#guides{padding:65px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.guide{position:relative;display:block;background:#edf1e6;border:1px solid #dce2d2;border-radius:10px;padding:25px;text-decoration:none}.guide:hover{background:#e3ead9}.guide h3{font-family:Georgia,serif;font-weight:normal;font-size:29px;margin:24px 0 6px}.index{font-size:10px;letter-spacing:1px}.guide p{font-size:12px;margin:0;color:#6c7867}.arrow{position:absolute;right:22px;top:22px;font-size:25px}.notes{border-top:1px solid #dce2d7;border-bottom:1px solid #dce2d7;padding:40px 0}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.notes-grid span{font-family:Georgia,serif;color:#82906e}.notes-grid h3{font-size:17px;margin:10px 0}.notes-grid p{font-size:14px;color:#697265}.faq{max-width:760px;padding:55px 0 65px}details{border-bottom:1px solid #dce2d7;padding:18px 0}summary{cursor:pointer;font-weight:600}details p{font-size:14px;color:#687265;margin-top:15px}footer{border-top:1px solid #dce2d7;padding:30px 32px}footer>p{font-size:13px;color:#74816f;margin:10px 0}footer>div{display:flex;gap:24px;font-size:13px}.article{max-width:780px;margin:50px auto 70px}.article>.eyebrow{margin-top:35px}.article>h2{margin-top:35px}.toc{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0}.toc a{padding:7px 12px;border:1px solid #cbd7c1;border-radius:5px}.routine{border-top:1px solid #d8dfd1;padding:30px 0}.routine h2{font-size:29px}.routine aside p{margin:6px 0}.routine>a{font-size:13px}.skip{position:absolute;top:-80px;left:10px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}:focus-visible{outline:3px solid #8f9c37;outline-offset:4px}@media(max-width:760px){header{padding:20px}.logo{font-size:20px}header nav{gap:12px}header nav a{font-size:11px}header nav a:nth-child(2){display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:38px 0;gap:20px}.visual{min-height:230px;border-radius:60px 10px 60px 10px}.watch{transform:rotate(-19deg) scale(.7);height:280px;margin:-25px 0}.finder{padding:22px}.section-heading{display:block}form{grid-template-columns:1fr}form .button{justify-content:center}.cards,.notes-grid{grid-template-columns:1fr}.guide{padding:22px}.guide h3{margin-top:12px}.notes-grid{gap:16px}h2{font-size:30px}.article{margin-top:35px}.toc{display:flex}.visual-tag{bottom:20px}.section-heading>.fine{display:block;margin-bottom:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}