*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f7ef;color:#103f43;font:16px/1.5 "DM Sans",system-ui,sans-serif}.mast,main{max-width:1200px;margin:auto;padding:0 clamp(22px,5vw,76px)}.mast{display:flex;justify-content:space-between;align-items:center;height:82px;border-bottom:1px solid #c8d8cc}.brand{color:inherit;text-decoration:none;font:bold clamp(22px,3vw,32px)/1 Georgia,serif;letter-spacing:-1.3px}.demo{font-size:13px;letter-spacing:.04em}.hero{padding:clamp(32px,5vw,70px) 0}.intro h1{font:500 clamp(52px,6.7vw,94px)/.94 Georgia,serif;letter-spacing:-.06em;margin:0}.intro h1 em{color:#26736d}.intro p{max-width:400px;margin:22px 0 25px;color:#395b58;font-size:17px}.intro button, .topics button{font:inherit;cursor:pointer}.intro button{background:#10484b;color:#fff;border:0;padding:12px 20px;border-radius:25px;font-weight:650}.intro button span{padding-left:14px}.ideas{padding:22px 0 72px;border-top:1px solid #c8d8cc}.ideas h2{font:500 30px Georgia,serif;letter-spacing:-.04em;margin:0 0 18px}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topics button{position:relative;text-align:left;padding:14px 32px 16px 16px;background:#fffef8;border:1px solid #c6d4c8;color:#103f43;border-radius:10px;font-weight:600}.topics small{display:block;font-weight:400;color:#426762;margin:0 0 3px}.topics b{position:absolute;right:14px;bottom:16px}.topics button:hover{background:#edf4e5}.note{font-size:13px;color:#516460;max-width:75%}button:focus-visible,a:focus-visible{outline:3px solid #b46410;outline-offset:3px}@media(max-width:620px){.mast{height:60px}.intro h1{font-size:46px}.intro p{font-size:15px}.topics{grid-template-columns:1fr}.ideas{padding-bottom:100px}.note{max-width:100%}}