:root{font-family:Arial,Helvetica,sans-serif;color:#213c36;background:#f7f8f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:3px}header,main,footer{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 30px;border-bottom:1px solid #d7ddd2}.brand{display:flex;gap:12px;align-items:center;font-size:32px;font-weight:800;text-decoration:none}.brand span{font-size:12px;letter-spacing:2px}header>a:last-child{font-size:14px}.intro{padding:50px 30px 35px;max-width:750px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold}h1{font-size:clamp(38px,5vw,60px);line-height:1.06;letter-spacing:-2px;margin:18px 0}.intro>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:580px;color:#52635c}.badge{display:inline-block;border:1px solid #cbd7b8;border-radius:20px;padding:9px 14px;font-size:12px;background:#eff5e4}.workbench{display:grid;grid-template-columns:260px 1fr;gap:25px;padding:0 30px 50px}nav{display:flex;flex-direction:column;gap:10px}button{font:inherit;cursor:pointer;border:0;background:#1c473f;color:#f3f7eb;border-radius:8px;padding:13px 18px;font-weight:600}nav button{text-align:left;display:flex;gap:14px;background:transparent;color:#53665d;border:1px solid #d7ddd2;padding:18px 15px;font-size:12px}nav span{font-size:14px}nav button[aria-pressed=true]{background:#1c473f;color:#ddf69c;border-color:#1c473f}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #698b36;outline-offset:4px}#workspace{background:white;border:1px solid #d7ddd2;border-radius:14px;padding:30px;min-width:0}h2{font-size:27px;letter-spacing:-.7px;margin:0 0 12px}#workspace>p{line-height:1.6;color:#56665e}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}label{font-size:13px;font-weight:600;display:block}input{display:block;font:inherit;font-weight:400;width:100%;margin-top:8px;border:1px solid #bfcac1;border-radius:6px;padding:12px;color:#213c36;background:#fafbf7}.results{margin:22px 0;padding:16px 20px;background:#eff5e4;border-radius:8px;overflow-wrap:anywhere}.results p{line-height:1.5;font-size:15px;margin:7px 0}.secondary{background:white;color:#1c473f;border:1px solid #bccbbf}.secondary:disabled{opacity:.45;cursor:default}.note{font-size:12px}.offer{margin-top:22px;padding-top:20px;border-top:1px solid #dde4d9;font-size:13px;line-height:1.6}.about{padding:40px 30px;border-top:1px solid #d7ddd2}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}h3{font-size:15px}.columns p,details{font-size:13px;line-height:1.7;color:#52635c;overflow-wrap:anywhere}details{margin-top:25px}summary{cursor:pointer;font-weight:bold}footer{padding:25px 30px;display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #d7ddd2}@media(max-width:720px){header{padding:20px}.intro{padding:30px 20px}.workbench{display:block;padding:0 20px 30px}nav{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px}nav button{padding:12px;gap:8px}nav span{font-size:12px}#workspace{padding:22px}.fields{grid-template-columns:1fr}.columns{grid-template-columns:1fr;gap:8px}.about{padding:30px 20px}footer{gap:15px;flex-wrap:wrap}}
