@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#192c24;background:#f5f6ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:30px 32px}header,.section-title,footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{text-decoration:none;color:inherit;font-size:22px;font-weight:700}.badge{font-size:13px;background:#e1e9db;padding:8px 13px;border-radius:24px}.intro{padding:75px 0 48px;max-width:650px}h1{font-family:Manrope,sans-serif;font-size:clamp(42px,7vw,72px);letter-spacing:-3px;line-height:1.05;margin:15px 0 24px}p{line-height:1.6}.intro>p:not(.eyebrow){font-size:18px;color:#59675f}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px!important;font-weight:700}.hint{font-size:14px!important;color:#667369}h2{font-size:22px;letter-spacing:-.5px}.section-title span{font-size:13px;color:#667369}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}article{background:#fff;border:1px solid #e1e6dc;border-radius:20px;padding:26px;min-height:270px}.device-icon{font-size:30px;color:#688249}h3{font-size:21px;margin:8px 0}.reading{font-size:32px;margin:16px 0;text-transform:capitalize}.reading small{font-size:18px}button{font:inherit;cursor:pointer;background:#244e39;color:#fff;border:0;padding:12px 22px;border-radius:10px;font-weight:600}button:hover{background:#366848}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#e2e9dc;color:#294832}button:focus-visible,input:focus-visible{outline:3px solid #9bbf62;outline-offset:3px}.notes{margin-top:32px;padding:28px;background:#ecefe4;border-radius:20px}.notes label{display:block;font-size:14px;margin-bottom:10px}input{font:inherit;padding:12px;border:1px solid #ccd6c5;border-radius:8px;max-width:500px;width:100%;margin:0 12px 12px 0}footer{border-top:1px solid #dce2d7;margin-top:55px;padding:25px 0;font-size:13px;color:#667369}.error{padding:16px;background:#f9e5da;color:#783517;border-radius:10px}@media(max-width:600px){main{padding:22px}.intro{padding-top:50px}.section-title,footer{align-items:flex-start;flex-direction:column;gap:4px}.badge{font-size:11px}}