:root{color-scheme:light;font-family:system-ui,sans-serif;color:#152d32;background:#f2f5f0}
*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:0 auto;padding:70px 24px}
.eyebrow{font-size:13px;letter-spacing:.2em;color:#357265;font-weight:700}
h1{font-size:clamp(36px,6vw,64px);letter-spacing:-.055em;line-height:1.25;margin:24px 0}
.intro{color:#5b6d6c;line-height:1.8;margin-bottom:44px}.card{display:block;max-width:440px;padding:28px;border:1px solid #d0ddd3;border-radius:20px;background:#fff;color:inherit;text-decoration:none}
.card:hover{border-color:#357265}.tag{font-size:12px;color:#357265}h2{font-size:24px}h2 span{float:right}.card p{color:#5b6d6c;font-size:14px;line-height:1.7}
footer{margin-top:64px;color:#5b6d6c;font-size:12px}button{padding:12px 22px;border:0;border-radius:10px;background:#245f52;color:#fff;font:inherit;cursor:pointer}
a{color:#245f52}a:focus-visible,button:focus-visible{outline:3px solid #3b8f7b;outline-offset:4px}.result{min-height:28px;line-height:1.8}