@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;450;500;600&display=swap");:root{--orange:#e77d43;--muted:#519169;--line:#dbe8e0;--paper:#fff;--mono:"IBM Plex Mono",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--olive);font-family:DM Sans,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.site-header{height:96px;max-width:1280px;margin:auto;padding:0 48px;justify-content:space-between;border-bottom:1px solid var(--line)}.logo,.site-header{display:flex;align-items:center}.logo{gap:10px;font-size:29px;font-weight:700;letter-spacing:-1.3px}.logo-dot{color:var(--orange)}nav{gap:34px;font-size:13px;font-weight:550}nav,nav a{display:flex;height:100%;align-items:center}nav a{gap:8px;position:relative}nav .nav-active:after{content:"";height:3px;background:var(--orange);position:absolute;bottom:-1px;left:0;right:0}.header-note,nav a:last-child{color:var(--muted)}.header-note{font-size:12px;display:flex;align-items:center;gap:8px}.eyebrow>span,.header-note i,.machine-status i,.workspace-status i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#94bca3}.header-note i{background:var(--orange)}main{max-width:1080px;padding:0 40px;margin:auto}.hero{text-align:center;padding:59px 0 41px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;display:flex;justify-content:center;align-items:center;gap:8px}.eyebrow>span{background:var(--orange);width:5px;height:5px}h1{font-size:clamp(30px,3.6vw,48px);font-weight:550;line-height:1.2;letter-spacing:-2px;margin:18px 0 14px}.slash{color:#b1cebc;font-weight:400;padding:0 4px}.orange{color:var(--orange)}.hero p{color:#386348;font-size:15px;margin:0;line-height:1.7}.hero p span{color:var(--muted)}.workspace{border:1px solid var(--line);background:#f6faf8;border-radius:18px;padding:24px 32px 0;box-shadow:0 5px 18px #15432604}.workspace-toolbar{justify-content:space-between;padding-bottom:23px;border-bottom:1px solid var(--line);margin-bottom:23px}.live-label,.workspace-toolbar{display:flex;align-items:center}.live-label{gap:11px;font-size:12px;font-weight:600}.link-symbol{font-size:22px;background:#e7f0ea;border:1px solid #dae7df;color:#427655;border-radius:9px;width:38px;height:38px;display:grid;place-items:center}.live-label small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.width-control{display:flex;gap:10px;align-items:center;font-size:11px;color:#427554}.width-control select{background:#fff;border:1px solid #d1e1d7;border-radius:7px;padding:9px 11px;color:var(--olive);font-size:12px;cursor:pointer}.calculators{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);grid-gap:8px;gap:8px}.connector{align-self:center;justify-self:center;margin-top:-45px;color:#77b28d;font-size:23px}.section-label{display:flex;align-items:center;margin:0 0 13px;gap:9px}.number{font-family:var(--mono);color:#73b089;font-size:10px}.section-label h2{font-size:16px;font-weight:600;margin:0;letter-spacing:-.4px}.base-label{margin-left:auto;border:1px solid #d1e2d7;border-radius:4px;font-family:var(--mono);font-size:9px;font-weight:500;padding:4px 7px;color:#417353}.base-label.dec{color:#aa6c45;border-color:#ecd9c9;background:#fffaf5}.calculator{background:var(--olive);border-radius:14px;padding:19px 21px 12px;position:relative}.machine-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px}.machine-brand{color:#f5f4e9;font-size:11px;font-weight:650;letter-spacing:.3px}.machine-brand>span{font-family:var(--mono);font-weight:400;color:#92bba1;font-size:9px;letter-spacing:.6px}.machine-status{color:#9ec3ac;font-family:var(--mono);font-size:8px;display:flex;align-items:center;gap:6px}.machine-status i{width:4px;height:4px;background:#5ea478}.machine-status i.on{background:#ec9958;box-shadow:0 0 6px #e77d4355}.lcd{background:#d9e6de;border:4px solid #154326;border-radius:8px;padding:10px 12px 9px;box-shadow:inset 0 2px 5px #15432624;min-height:116px;margin-bottom:18px;overflow:hidden;color:#154326}.lcd-meta{justify-content:space-between;color:#4e8b65;margin-bottom:8px}.copy,.lcd-meta{display:flex;align-items:center;font-family:var(--mono);font-size:7px;letter-spacing:.6px}.copy{border:0;background:transparent;padding:0;color:#417454;gap:4px}.copy span{font-size:11px}.lcd-line{font-family:var(--mono);text-align:right;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}.primary{font-size:29px;font-weight:500;line-height:1.3;letter-spacing:1px;min-height:38px}.secondary{font-size:11px;line-height:1.6;min-height:19px;color:#437756;letter-spacing:.2px}.lcd-error{background:#f3e4d1}.error-text,.lcd-error .primary{color:#923d23}.error-text{font-size:9px}.keypad{display:flex;flex-direction:column;gap:9px}.utility-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:9px;gap:9px}.key{height:45px;border:0;border-radius:6px;box-shadow:0 3px 0 #154326;background:#eef4f0;color:#154326;font-family:var(--mono);font-size:17px;font-weight:500;transition:transform .09s,box-shadow .09s,background .15s}.key:hover:not(:disabled){background:#fff}.key.pressed,.key:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 #154326;background:#dbe8e0}.key.clear{color:#ffc49f;background:#64563f;font-size:13px}.key.clear:hover:not(:disabled){background:#796346}.key.utility{background:#376247;color:#d6e4db;font-size:18px}.key.utility:hover:not(:disabled){background:#417353}.main-keys{grid-template-columns:minmax(0,1fr) 52px;grid-gap:9px}.digits,.main-keys{display:grid;gap:9px}.digits{grid-template-rows:repeat(4,45px);grid-gap:9px}.digits.hex{grid-template-columns:repeat(4,minmax(0,1fr))}.digits.dec{grid-template-columns:repeat(3,minmax(0,1fr))}.operators{display:grid;grid-template-rows:repeat(4,45px);grid-gap:9px;gap:9px}.key.letter{background:#cee0d5;color:#154326}.key.operator{background:#376247;color:#eaf1ec;font-size:21px}.key.operator:hover:not(:disabled){background:#417353}.key.equals{width:100%;height:47px;background:var(--orange);color:white;font-size:26px;box-shadow:0 3px 0 #a8552c}.key.equals:hover:not(:disabled){background:#f08a50}.key.equals.pressed,.key.equals:active:not(:disabled){box-shadow:0 0 0 #a8552c;transform:translateY(3px);background:#f0955f}.decimal-note{grid-column:span 2;display:flex;align-items:center;justify-content:center;gap:12px;color:#7db692}.decimal-note>span{font-family:var(--mono);font-size:21px;font-weight:400}.decimal-note small{font-size:8px;line-height:1.5;letter-spacing:.4px}.machine-bottom{display:flex;justify-content:space-between;color:#62a77b;font-family:var(--mono);font-size:6px;letter-spacing:1.2px;padding-top:14px}.machine-bottom>span:last-child{font-size:6px;letter-spacing:2px;color:#3a674a}.input-label{margin-top:24px;display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:10px}.input-label label{font-weight:600}.input-label>span{font-size:9px;color:var(--muted)}.input-wrap{margin-top:9px;display:flex;align-items:center;background:#fff;border:1px solid #d4e4da;border-radius:7px;height:42px;gap:8px;padding:0 12px}.prompt{font-size:21px;color:#5fa578}.input-wrap input{min-width:0;width:100%;border:0;background:transparent;font-family:var(--mono);font-size:11px;color:var(--olive);outline:none;caret-color:var(--orange)}.input-wrap:focus-within{outline:2px solid #e77d4366;border-color:var(--orange)}.input-wrap input::placeholder{color:#79b38e;font-size:10px}.input-icon{color:#78b38e;font-size:16px}.inactive .key{opacity:.48}.inactive .input-wrap{background:#eaf2ed}.inactive .input-label>span{color:#67a97f}.workspace-status{margin-top:24px;border-top:1px solid var(--line);padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#529169;font-size:10px;min-height:47px}.workspace-status>span:first-child{display:flex;align-items:center;gap:7px}.workspace-status i{width:5px;height:5px;background:#5da477;flex-shrink:0}.workspace-status .warning{color:#b45d2f}.precision{font-family:var(--mono);font-size:9px;white-space:nowrap;color:#6cac84}.under-workspace{display:flex;justify-content:space-between;gap:16px;font-size:9px;color:#63a77c;padding:18px 4px 0}.under-workspace strong{font-weight:500;color:#4b8560;margin-left:6px}.under-workspace>span:first-child>span{font-size:14px;margin-right:5px}.guide{margin-top:63px}.guide-heading{text-align:center}.guide-heading .eyebrow{font-size:9px;color:#71af88;letter-spacing:1.6px}.guide-heading h2{font-size:26px;font-weight:550;letter-spacing:-.8px;margin:13px 0 9px}.guide-heading>p{color:#5da477;font-size:12px;margin:0}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;margin-top:30px;padding-bottom:36px;border-bottom:1px solid var(--line)}.guide-icon{display:grid;place-items:center;border:1px solid #ddeae2;border-radius:9px;background:#f5f8f6;width:36px;height:36px;font-size:22px;color:#4a835f}.guide-cards h3{font-size:13px;font-weight:600;margin:15px 0 8px}.guide-cards p{font-size:11px;line-height:1.85;color:#599e72;margin:0}.details{margin:26px 0 45px}.details details{border-bottom:1px solid #e8f0eb;padding:14px 0}.details summary{font-size:12px;cursor:pointer;font-weight:500}.details p{font-size:12px;line-height:1.85;color:#53946b;max-width:850px;margin:13px 0 2px}footer{border-top:1px solid var(--line);max-width:1184px;margin:auto;padding:27px 8px;gap:20px;color:#62a77b;font-size:10px}.footer-logo,footer{display:flex;align-items:center}.footer-logo{gap:8px;color:#417454;font-size:17px;font-weight:650}.footer-logo svg{width:21px;height:23px}footer>span:last-child{margin-left:auto}::selection{background:#f4bc98;color:#154326}@media(min-width:1200px){main{max-width:1060px}.key{height:46px}.digits,.operators{grid-template-rows:repeat(4,46px)}}@media(max-width:850px){.site-header{padding:0 25px}.header-note{display:none}main{padding:0 24px}.workspace{padding:20px 21px 0}.calculators{grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr);gap:5px}.calculator{padding:17px 14px 12px}.main-keys{grid-template-columns:minmax(0,1fr) 40px;gap:7px}.digits,.keypad,.operators,.utility-row{gap:7px}.primary{font-size:25px}.input-label>span{display:none}footer{padding:25px}}@media(max-width:640px){.site-header{height:76px;padding:0 20px}.logo{font-size:25px;gap:7px}.logo svg{width:27px}nav{gap:20px;font-size:11px}main{padding:0 16px}.hero{padding:38px 0 30px}h1{font-size:32px;letter-spacing:-1.3px;max-width:390px;margin:16px auto 12px}.hero p{font-size:12px}.hero p span{display:block}.eyebrow{font-size:8px;letter-spacing:1.5px}.workspace{padding:18px 18px 0;max-width:430px;margin:auto;border-radius:13px}.workspace-toolbar{margin-bottom:21px;padding-bottom:18px}.live-label{font-size:10px;gap:7px}.live-label small{font-size:8px}.link-symbol{width:30px;height:30px;font-size:20px}.width-control{gap:5px;flex-direction:column;align-items:flex-end;font-size:9px}.width-control select{font-size:10px;padding:7px}.calculators{grid-template-columns:minmax(0,1fr);gap:0}.connector{margin:21px 0 17px;transform:rotate(90deg);font-size:22px}.calculator{padding:18px 20px 12px}.section-label{margin-bottom:12px}.digits,.keypad,.operators,.utility-row{gap:9px}.main-keys{grid-template-columns:minmax(0,1fr) 50px;gap:9px}.primary{font-size:29px}.input-label>span{display:block;font-size:8px}.workspace-status{font-size:9px;line-height:1.6}.precision{display:none}.under-workspace{max-width:430px;margin:auto;flex-direction:column;gap:9px;padding:18px 2px 0;font-size:8px}.guide{margin-top:42px}.guide-heading h2{font-size:23px}.guide-cards{grid-template-columns:1fr;gap:23px;margin-top:26px;padding:0 8px 30px}.guide-cards article{display:grid;grid-template-columns:36px 1fr;grid-gap:0 13px;gap:0 13px}.guide-icon{grid-row:span 2}.guide-cards h3{margin:1px 0 7px}.guide-cards p{font-size:12px}.details{padding:0 8px;margin-bottom:30px}footer{padding:22px 20px;flex-wrap:wrap;gap:12px}footer>span:nth-child(2){margin-left:auto;font-size:8px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.key{transition:none}}:root{--olive:#154326;--deep:#154326;--muted:#437857}body{font-size:16px;color:#154326}main{max-width:1180px}nav{font-size:16px}.header-note{font-size:14px;color:#427555}.eyebrow{font-size:12px}.hero p{font-size:18px}.hero p span{color:#467d5a}.workspace-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);grid-gap:8px;gap:8px}.width-control{justify-self:start;font-size:15px;gap:12px}.width-control select{font-size:15px;padding:11px 12px}.live-label{grid-column:3;font-size:15px}.live-label small{font-size:13px}.link-symbol{width:44px;height:44px;font-size:27px}.section-label{gap:12px}.section-label h2{font-size:21px}.number{font-size:13px;color:#4a835e}.base-label{font-size:12px;padding:5px 8px}.calculator{box-shadow:0 5px 0 #154326,0 11px 17px #15432617}.machine-brand{font-size:15px}.machine-brand>span{font-size:12px;color:#c6dbce}.machine-status{font-size:10px;color:#d8e6dd}.machine-status i{background:#abcab6}.lcd{min-height:144px;padding:12px 13px}.lcd-meta{letter-spacing:.25px;margin-bottom:9px}.copy,.lcd-meta{font-size:11px;color:#376247}.copy{gap:6px;min-height:22px}.copy span{font-size:20px}.primary,.secondary{font-family:var(--mono);font-size:30px;font-weight:500;line-height:1.35;letter-spacing:.5px;min-height:41px}.secondary{color:#376247;height:45px}.lcd-root-feedback{display:inline-flex;align-items:center;gap:.3em;height:1.35em;vertical-align:top}.lcd-sqrt-icon{display:inline-block;flex:0 0 auto;width:1em;height:1em;margin:0}.secondary.error-text{font-size:18px}.key{height:56px;font-size:26px}.key.clear{font-size:21px;background:#78664b}.key.utility{font-size:27px;background:#477e5b}.key.operator{font-size:30px;background:#477e5b}.key.equals{height:56px;font-size:32px}.digits,.operators{grid-template-rows:repeat(4,56px)}.digits.dec .key:last-child{grid-column:2}.sqrt-icon{width:30px;height:29px;display:block;margin:auto;overflow:visible}.machine-bottom{font-size:9px;color:#c9ddd0;letter-spacing:.8px;padding-top:17px}.machine-bottom>span:last-child{color:#b5d0bf;font-size:8px}.input-label{font-size:14px;align-items:flex-start;flex-wrap:wrap}.input-label>span{font-size:12px;color:#467d5a}.input-wrap{height:50px}.input-wrap input{font-size:16px}.input-wrap input::placeholder{font-size:15px;color:#508f67}.input-icon{font-size:22px;color:#457a58}.workspace-status{font-size:13px;color:#417353;line-height:1.6}.precision{font-size:12px;color:#467d5a}.under-workspace{font-size:12px;color:#48815d;line-height:1.7;flex-wrap:wrap}.under-workspace strong{color:#376247}.guide-heading .eyebrow{font-size:12px;color:#48805c}.guide-heading h2{font-size:30px}.guide-heading>p{font-size:16px;color:#467d5a}.guide-cards h3{font-size:17px}.guide-cards p{font-size:15px;color:#437857}.details summary{font-size:16px}.details p{font-size:15px;color:#437857}footer{font-size:13px;color:#48805d}.footer-logo{font-size:21px}.brand-icon{width:34px;height:36px;object-fit:contain;display:block;flex-shrink:0}.brand-icon-small{width:24px;height:26px}@media (max-width:640px){.logo .brand-icon{width:28px;height:30px}}@media (max-width:850px){.workspace-toolbar{grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr);gap:5px}.width-control{gap:6px;flex-wrap:wrap}.live-label,.width-control select{font-size:14px}.live-label{gap:8px}.live-label small{font-size:12px}.machine-brand{font-size:13px}.machine-brand>span{font-size:10px}.machine-status{font-size:9px}.copy,.lcd-meta{font-size:10px}.primary,.secondary{font-size:27px}.input-label>span{display:block}}@media (max-width:640px){.site-header{padding:0 16px}nav{font-size:13px;gap:16px}.eyebrow{font-size:11px;letter-spacing:1.1px}.hero p{font-size:16px}.workspace{padding-left:14px;padding-right:14px}.workspace-toolbar{grid-template-columns:1fr;gap:16px}.width-control{grid-column:1;grid-row:2;flex-direction:row;align-items:center;gap:12px;font-size:15px}.width-control select{font-size:15px;padding:10px}.live-label{grid-column:1;grid-row:1;font-size:15px}.live-label small{font-size:13px}.calculator{padding:18px 14px 14px}.section-label h2{font-size:20px}.machine-brand{font-size:14px}.machine-brand>span{font-size:11px}.copy,.lcd-meta,.machine-status{font-size:10px}.primary,.secondary{font-size:28px;min-height:39px}.key{font-size:25px}.key.utility{font-size:26px}.key.clear{font-size:21px}.input-label{font-size:14px}.input-label>span{font-size:12px}.workspace-status{font-size:13px}.under-workspace{font-size:12px;gap:8px;padding:18px 4px 0}.under-workspace strong{display:block;margin-left:0}.guide-heading h2{font-size:27px}.guide-heading .eyebrow{font-size:11px}.guide-cards p{font-size:15px}footer>span:nth-child(2){font-size:12px}}