:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252a27;background:#f4f3ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}header{height:108px;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:inherit;font-size:26px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center}.brand-dot{color:#4c725b}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:#42684f;color:white;width:31px;height:31px;border-radius:9px;margin-right:10px;font-size:28px;font-weight:400}.header-label{font-size:10px;letter-spacing:2.7px;color:#888d86}main{width:min(920px,88%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:65px;padding:35px 0 65px}.intro{padding-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#6c7c6b;display:flex;align-items:center;gap:8px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#648567}h1{font-weight:500;font-size:57px;letter-spacing:-2.8px;margin:24px 0 20px;line-height:1.1;white-space:nowrap}h1 span{color:#66836a}.intro p{color:#858982;line-height:1.8;font-size:15px}.calculator{width:354px;flex-shrink:0;padding:25px 23px 18px;background:#fff;border:1px solid #e7e9e1;border-radius:25px;box-shadow:0 18px 55px #333e3010,0 3px 6px #333e3004}.calc-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#92988f}.status-dot{height:6px;width:6px;border-radius:50%;background:#88a18b}.screen{text-align:right;padding:26px 4px 24px;min-height:126px}.expression{font-size:13px;color:#949c92;height:23px;white-space:nowrap;overflow:hidden}output{display:block;font-size:45px;letter-spacing:-1.8px;line-height:1.3;font-weight:450;overflow-wrap:anywhere}output.small{font-size:28px}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}button{border:0;border-radius:13px;height:61px;font:400 21px inherit;font-family:inherit;font-size:21px;background:#f5f5f1;color:#353d35;cursor:pointer;transition:background .15s,transform .1s;touch-action:manipulation}button:hover{background:#e9ece4}button:active,button.pressed{transform:scale(.94);background:#dce5d8}button:focus-visible{outline:2px solid #527357;outline-offset:3px}.utility{background:#ecefe7;font-size:17px;color:#69775f}.operator{background:#e6eddf;color:#58734c;font-size:25px}.operator.selected{box-shadow:inset 0 0 0 2px #6d8a60}.equals{background:#52754a;color:white;font-size:26px}.equals:hover{background:#41603b}.backspace{font-size:23px;color:#8b9387}.keyboard-hint{display:flex;justify-content:center;gap:7px;font-size:10px;color:#a4aaa0;padding-top:20px}.keyboard-hint span{font-size:14px;line-height:10px}footer{margin:0 6%;border-top:1px solid #dedfd7;display:flex;justify-content:space-between;padding:23px 0 26px;font-size:10px;color:#999d94;letter-spacing:.15px}@media(min-width:1400px){main{width:960px}}@media(max-width:750px){header{height:80px}main{flex-direction:column;gap:24px;padding:20px 0 40px}.intro{text-align:center;padding:0}.eyebrow{justify-content:center}h1{font-size:40px;margin:16px 0 12px;letter-spacing:-1.8px}.intro p{font-size:13px;margin:0}.intro p br{display:none}.calculator{width:min(354px,100%)}footer{font-size:9px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){button{transition:none}}