*{box-sizing:border-box}body{margin:0;background:#f8f7f2;color:#152e29;font:16px/1.65 system-ui,'Malgun Gothic',sans-serif;word-break:keep-all}header,main,footer{max-width:1100px;margin:auto;padding:0 28px}header,footer,.heading{display:flex;align-items:center;justify-content:space-between}header{height:78px;border-bottom:1px solid #c8cdc4}a{color:inherit}.brand,.card,.back{text-decoration:none}.brand{font-size:25px;font-weight:850}.brand b{color:#da623c}small,header span{font:700 12px/1.5 monospace;letter-spacing:1px}.hero{display:flex;align-items:center;justify-content:space-between;padding:46px 6%;margin:30px 0 38px;background:#194e43;color:#faf7e8;border-radius:16px;overflow:hidden}.hero small,.hero h1 span{color:#e7cc75}h1{font-size:clamp(42px,6vw,78px);letter-spacing:-.075em;line-height:1.08;margin:18px 0}p{margin:9px 0 18px}.hero p{color:#e1ebe4}.art{display:flex;position:relative;width:240px;height:170px}.art i,.card em{display:grid;place-items:center;font:700 32px Georgia;color:#193e34;background:#d5e2ad}.art i{position:absolute;width:108px;height:108px;border-radius:22px;transform:rotate(-15deg);font-size:54px;left:0;top:50px}.art i:nth-child(2){left:70px;top:0;background:#efb195;transform:rotate(9deg)}.art i:last-child{left:129px;top:72px;background:#f1db92;transform:rotate(16deg)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.panel{background:#fffefa;border:1px solid #c9d1c5;border-radius:12px;padding:24px}.card:hover{border-color:#386751}.card em{width:56px;height:56px;border-radius:14px;margin:24px 0 14px}.card:nth-child(2) em{background:#efb195}.card:nth-child(3) em{background:#f1db92}h2,h3{letter-spacing:-.05em}h3{font-size:22px;margin:0}.card p{color:#54635b;font-size:15px}.back{display:block;margin:28px 0;color:#446657}.tool-title{font-size:44px}.panel{max-width:800px;margin:28px 0}label{display:block;font-weight:650;margin-bottom:12px}input,textarea,button{font:inherit}input,textarea{display:block;width:100%;padding:12px;border:1px solid #aebdb4;border-radius:7px;margin-top:6px}textarea{min-height:146px;resize:vertical}button{background:#194e43;color:white;border:0;border-radius:7px;padding:7px 16px;cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eff2e9;padding:16px;border-radius:8px}footer{border-top:1px solid #ccd2c9;margin:48px auto 0;padding-top:20px;padding-bottom:32px;font-size:14px}@media(max-width:650px){.cards{grid-template-columns:1fr}.art{transform:scale(.55);transform-origin:right center;width:124px}.art i{left:-110px}.art i:nth-child(2){left:-40px}.art i:last-child{left:19px}.hero{padding:26px 20px}.hero p{font-size:14px}header,main,footer{padding-left:18px;padding-right:18px}.card em{margin:14px 0}.hero h1{font-size:42px}}