.home-page{color:#f4f0e9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#151917;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.home-page *{box-sizing:border-box}.home-page{min-width:320px;margin:0}.home-page main{width:min(100% - 48px,840px);margin:0 auto;padding:clamp(64px,12vh,140px) 0}.home-page .eyebrow{color:#bdcf9c;letter-spacing:.22em;font-size:12px;font-weight:700}.home-page h1{letter-spacing:-.04em;margin:28px 0;font-size:clamp(40px,7vw,72px);line-height:1.15}.home-page h1 span{color:#bdcf9c;margin-top:12px;display:block}.home-page .intro{color:#b2b9b0;line-height:1.8}.home-page section{background:#1c221e;border:1px solid #3c453d;border-radius:18px;margin-top:56px;padding:28px}.home-page h2{margin:0 0 12px;font-size:20px}.home-page section p{color:#b2b9b0;line-height:1.6}.home-page button{font:inherit;color:#151917;cursor:pointer;background:#bdcf9c;border:0;border-radius:8px;margin-top:12px;padding:13px 20px;font-weight:600}.home-page button:hover{background:#d0e1b1}.home-page button:focus-visible{outline-offset:4px;outline:3px solid #f4f0e9}.home-page button:disabled{cursor:wait;opacity:.65}.home-page .result{overflow-wrap:anywhere;min-height:56px;margin-top:24px}.home-page .result p{margin:0}.home-page .result .error{color:#ffb4a6}.home-page{min-height:100vh}.home-page .harmonica-link{color:#bdcf9c;text-underline-offset:5px}body{min-width:320px;margin:0}