:root{--paper:#faf8f1;--white:#fffefb;--ink:#252b25;--muted:#697065;--line:#dddcd1;--orange:#c6421d;--orange-dark:#b83c19;--tint:#efeecf;--sage:#e5eadf;--error:#ad291d;--font-body:"Segoe UI",Arial,sans-serif;--font-display:Georgia,"Times New Roman",serif;--clear:transparent;--shadow:#252b2512}*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:var(--clear)}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{cursor:pointer}button:disabled{background:var(--line);color:var(--ink);cursor:not-allowed}.container{max-width:1220px;margin:auto;padding-inline:40px}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:29px;font-weight:750;letter-spacing:-1.3px}.brand-icon{background:var(--orange);color:var(--white);width:38px;height:38px;display:grid;place-items:center;border-radius:11px;margin-right:8px;font-size:26px;transform:rotate(-8deg)}.brand-period{color:var(--orange)}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.text-link:hover{color:var(--orange)}.nav-cta{display:flex;gap:24px;border:1px solid var(--ink);border-radius:6px;padding:8px 16px;font-size:14px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;padding-block:88px 96px}h1,h2{font-family:var(--font-display);font-weight:400;line-height:1.08;letter-spacing:-2px;overflow-wrap:break-word;min-width:0;text-wrap:balance}h1{font-size:clamp(45px,5.2vw,70px);margin:0 0 24px}h1 span{color:inherit}.hero-copy>p{font-size:18px;max-width:360px;color:var(--muted);margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--orange);color:var(--white);border:0;border-radius:6px;padding:16px 24px;font-weight:600;font-size:15px;transition:background .18s,transform .18s}.button:hover{background:var(--orange-dark);transform:translateY(-2px)}.button:active{transform:translateY(0)}.hero-note{font-size:12px;color:var(--muted);margin-top:16px}.hero-art{background:var(--tint);border:1px solid var(--ink);border-radius:3px;transform:rotate(3deg);padding:28px 32px 20px;box-shadow:8px 8px 0 var(--sage)}.paper-title{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:16px}.equation{font-size:35px;text-align:center;margin-top:24px;letter-spacing:-1px}.equation span{color:var(--muted);padding:0 12px}.answer-art{font-size:132px;font-family:var(--font-display);letter-spacing:-9px;text-align:center;line-height:1.2;color:var(--orange)}.answer-art>span{font-size:80px}.art-bottom{border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:8px;font-size:12px}.art-bottom>span:last-child{font-size:29px}.calculator-section{background:var(--sage);padding:64px 0 76px;border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}h2{font-size:43px;margin:0}.section-heading p{font-size:14px;color:var(--muted);margin:0 0 4px}.calculator{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:clip;box-shadow:none}.tabs{display:flex;border-bottom:1px solid var(--line);padding-inline:28px;gap:32px}.tabs button{background:var(--clear);color:var(--muted);border:0;border-bottom:3px solid var(--clear);padding:20px 0 16px;font-size:14px}.tabs button[aria-selected=true]{color:var(--orange);border-bottom-color:var(--orange);font-weight:600}.tabs button:hover{color:var(--ink)}.calc-body{display:grid;grid-template-columns:1.25fr 1fr}form{padding:36px 40px}h3{font-size:19px;font-weight:600;margin:0 0 24px}.fields{display:flex;align-items:end;gap:16px}.fields label{min-width:0;flex:1}.fields label span{display:block;font-size:13px;margin-bottom:8px;color:var(--muted)}input{width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font-size:23px;font-weight:500}input:focus{outline:3px solid var(--orange);outline-offset:2px}input[aria-invalid=true]{border-color:var(--error)}.field-operator{padding-bottom:16px;color:var(--muted);font-size:14px}.form-actions{display:flex;align-items:center;gap:24px}.reset{border:0;background:var(--clear);color:var(--muted);font-size:13px;padding:12px}.reset:hover{color:var(--ink)}.error{color:var(--error);font-size:13px;min-height:22px;margin:12px 0}.result{background:var(--paper);padding:36px 40px;border-left:1px solid var(--line)}.result-label{font-size:13px;color:var(--muted)}output{display:block;font-size:66px;line-height:1.25;font-weight:600;letter-spacing:-3px;overflow-wrap:anywhere;margin:4px 0;color:var(--orange)}.result p{font-size:14px;margin:4px 0 20px}.formula{border-top:1px solid var(--line);padding-top:16px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}#copy{border:0;background:var(--clear);color:var(--ink);padding:12px 0 0;font-size:12px;display:flex;gap:24px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:84px;padding-block:96px}.guide>div>p{color:var(--muted);max-width:320px;font-size:16px;margin:24px 0}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:8px}.guide-list article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.guide-list article:first-child{padding-top:0}.guide-list article>span{font-size:13px;color:var(--orange);padding-top:4px}.guide-list h3{margin:0 0 8px}.guide-list p{font-size:14px;color:var(--muted);margin:0}.faq-section{border-block:1px solid var(--line);padding-block:64px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:84px}.faq h2{font-size:38px}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:15px}details p{color:var(--muted);font-size:14px;max-width:460px}footer{display:flex;align-items:center;justify-content:space-between;padding-block:32px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}footer .brand{font-size:24px}@media(max-width:900px){.container{padding-inline:24px}.hero{gap:36px}h1{font-size:48px}.answer-art{font-size:105px}.section-heading{display:block}.section-heading p{margin-top:16px}.tabs{gap:20px;padding-inline:24px}form,.result{padding:28px}.guide,.faq{gap:36px}}@media(max-width:640px){header{height:82px}nav{display:none}.nav-cta{font-size:12px;padding:8px 12px;gap:16px}.brand{font-size:24px}.brand-icon{width:30px;height:30px;font-size:22px}.hero{grid-template-columns:minmax(0,1fr);padding-block:48px 56px;gap:40px}h1{font-size:49px;letter-spacing:-2px}.hero-copy>p{font-size:16px}.hero-art{max-width:350px;width:100%;justify-self:center}.answer-art{font-size:110px}.calculator-section{padding-block:44px}.section-heading h2,h2{font-size:36px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.tabs button{padding:12px 0;font-size:12px}.calc-body{grid-template-columns:minmax(0,1fr)}form,.result{padding:24px}.result{border-left:0;border-top:1px solid var(--line)}h3{font-size:17px}.fields{gap:12px}.fields label span{font-size:12px}.guide,.faq{grid-template-columns:minmax(0,1fr);gap:40px}.guide{padding-block:60px}.faq-section{padding-block:44px}.faq h2{font-size:34px}footer{flex-wrap:wrap;gap:16px}footer p{order:3;width:100%;margin:0}.button{gap:24px}output{font-size:58px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}