:root{--bg:#f5f1e8;--ink:#20201d;--muted:#686158;--line:#d8d0c3;--accent:#5e7c6b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}header,footer,main{max-width:1120px;margin:auto;padding:1.25rem}header{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:750;color:var(--ink);text-decoration:none}nav{display:flex;gap:1rem}nav a,footer a{color:var(--ink)}.hero{padding:3rem 0 2rem;max-width:780px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:.75rem;font-weight:800}h1{font-size:clamp(2.3rem,7vw,5rem);line-height:.95;margin:.3rem 0 1rem}h2{margin-top:0}.hero p,.copy p,.status{color:var(--muted);line-height:1.6}.tool{background:#fffaf1;border:1px solid var(--line);border-radius:24px;padding:1.25rem;box-shadow:0 20px 60px #20201d14}.tool-head{display:flex;justify-content:space-between;gap:1rem}.tool-head span{align-self:flex-start;border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;color:var(--accent);font-size:.75rem;text-transform:uppercase;font-weight:800}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:grid;gap:.5rem;font-weight:700}textarea,select,button{font:inherit;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}textarea{width:100%;padding:1rem;resize:vertical}select,button{padding:.75rem 1rem}button{background:var(--ink);color:#fff;cursor:pointer}button+button{background:#fff;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.copy{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.copy article,.related a{border:1px solid var(--line);border-radius:18px;padding:1rem;background:#ffffff59}.related{margin-top:2rem;border-top:1px solid var(--line);padding-top:2rem}.related div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.related a{color:var(--ink);text-decoration:none}@media(max-width:760px){.grid,.copy{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}h1{font-size:3rem}}.hero{padding:1.6rem 0 1rem;max-width:760px}h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.045em}.tool{margin-top:.75rem}.tool-head{align-items:start;margin-bottom:1rem}.tool-head h2{font-size:clamp(1.25rem,2.5vw,2rem);margin-bottom:.35rem}.primary-actions{align-items:end;margin:0 0 1rem;padding:.9rem;border:1px solid var(--line);border-radius:18px;background:#f5f1e8b3}.tool-choice{min-width:min(100%,320px)}.primary-actions select,.primary-actions button{min-height:48px}.primary-actions button{font-weight:750}textarea{min-height:340px}@media(max-width:760px){.hero{padding-top:1rem}h1{font-size:2.4rem}textarea{min-height:240px}.primary-actions{align-items:stretch}.primary-actions>*{width:100%}}body{background:#f7f4ee}header,footer,main{max-width:1180px;padding-left:1rem;padding-right:1rem}header{padding-top:.75rem;padding-bottom:.75rem}.compact-intro{display:flex;align-items:baseline;gap:1rem;padding:1.1rem 0 .75rem}.compact-intro h1{margin:0;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.05;letter-spacing:-.035em;white-space:nowrap}.compact-intro p{margin:0;color:var(--muted);line-height:1.45}.tool{padding:1rem;border-radius:18px;box-shadow:none}.tool-head{display:grid;grid-template-columns:1fr auto;gap:.75rem;margin-bottom:.75rem}.tool-head h2{font-size:1.15rem}.tool-head p{margin:0}.primary-actions{display:grid;grid-template-columns:minmax(240px,360px) auto auto 1fr;gap:.65rem;padding:0;border:0;background:transparent}.tool-choice{min-width:0}.primary-actions select,.primary-actions button{min-height:42px;border-radius:12px}.grid{gap:.8rem}textarea{min-height:390px;border-radius:12px}.status{margin:.65rem 0 0}.copy{margin-top:1rem}.related{margin-top:1.25rem;padding-top:1.25rem}footer{padding-top:.9rem;padding-bottom:.9rem}@media(max-width:900px){.compact-intro{display:block}.compact-intro h1{white-space:normal}.primary-actions{grid-template-columns:1fr}}@media(max-width:760px){.compact-intro{padding-top:.8rem}.compact-intro h1{font-size:2rem}textarea{min-height:260px}}