:root{font-family:"Instrument Sans",system-ui,sans-serif;color:#22251d;background:#f5f3e9;line-height:1.5;--ink:#22251d;--muted:#50574a;--line:#d9dccd;--green:#d9f481;--dark:#1c261c}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}
.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}
.brand{font-weight:850;font-size:29px;letter-spacing:-.08em;text-decoration:none}.brand span,.hero h1 span{color:#567323}.nav nav{display:flex;align-items:center;gap:23px}.nav a,.button{text-decoration:none}.pill{border:1px solid #aeb5a4;border-radius:999px;padding:8px 15px}
.hero{padding:56px 0 34px}.eyebrow{font-weight:760;font-size:.72rem;letter-spacing:.15em;margin:0 0 13px}.hero h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(2.55rem,6vw,5.1rem);letter-spacing:-.058em;line-height:.99;margin:0}.hero>p:last-child{font-size:1.1rem;color:var(--muted);max-width:520px;margin-bottom:0}
.workspace,.pro-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}.panel,.result{border-radius:22px;padding:27px}.panel{background:#fffdf7;border:1px solid var(--line)}h2{margin:0;font-size:1.3rem;letter-spacing:-.035em}.subtle,small{color:var(--muted);font-size:.85rem}.row,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.text-button{background:none;border:0;color:#3b511f;text-decoration:underline;text-underline-offset:3px;padding:7px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.fields label{font-size:.86rem;font-weight:670;display:block}.fields input{display:block;width:100%;margin:5px 0 3px;padding:10px 12px;background:#f8f8ef;border:1px solid #c8cdbd;border-radius:8px;color:var(--ink);font-size:16px}.fields small{display:block;font-weight:400}.fields input[aria-invalid=true]{border:2px solid #a43a27}.error{color:#932d1c}.button{display:inline-block;padding:10px 14px;border:1px solid var(--dark);border-radius:8px;background:var(--dark);color:white;font-weight:650}.actions{justify-content:flex-start}.actions .button{font-size:.85rem}
.result{background:var(--dark);color:#f7f7ea}.result .eyebrow,.total{color:var(--green)}.total{font-size:clamp(1.55rem,4.5vw,3.55rem);font-weight:770;letter-spacing:-.06em;line-height:1.12;margin-top:8px;overflow-wrap:anywhere}.result dl{margin-top:22px}.result dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #52604d;padding:11px 0}.result dd{margin:0;text-align:right;font-weight:700}.verdict{background:#354332;border-radius:8px;padding:10px 12px}.verdict:empty,#storage:empty{display:none}
.method{max-width:720px;padding:42px 0}.method p{color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 0;margin-top:15px;font-size:.85rem;color:var(--muted)}.pro-grid{grid-template-columns:1fr 1fr;margin-bottom:45px}.pro{background:#eef4d9}.price{font-size:2rem;font-weight:750;margin:10px 0}.pro-grid ul{padding-left:20px}.pro-grid li{margin-bottom:6px}
:focus-visible{outline:3px solid #719b38;outline-offset:3px}
@media(max-width:750px){.wrap{width:calc(100% - 32px)}.workspace,.pro-grid{grid-template-columns:1fr}.hero{padding-top:35px}.desktop{display:none}.panel,.result{padding:19px}.nav nav{gap:12px;font-size:.86rem}}
@media(max-width:390px){.fields{grid-template-columns:1fr;gap:12px}.nav .pill{padding:5px 8px}}