:root{--ink:#17211f;--muted:#60706b;--line:#d7dfda;--paper:#f7faf5;--card:#fff;--accent:#5a7d69}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 0,#e3f0df 0,transparent 38%),var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,input,select{font:inherit}.pageShell{max-width:980px;margin:0 auto;padding:72px 24px 90px}.hero{max-width:700px}.eyebrow,.sectionKicker{margin:0 0 12px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:680px;margin:0;font-family:Georgia,serif;font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.055em}.lede{max-width:620px;margin:22px 0 0;color:var(--muted);font-size:19px;line-height:1.55}.toolCard{margin-top:42px;padding:28px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 20px 60px rgba(38,67,52,.1)}.controlGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:grid;gap:8px;color:var(--muted);font-size:14px;font-weight:700}input,select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:12px 13px}button:focus,input:focus,select:focus{outline:3px solid #b8d8c3;outline-offset:2px}.checkRow{display:flex;align-items:center;grid-template-columns:none;margin:22px 0 4px}.checkRow input{width:18px;height:18px;margin:0 9px 0 0}.outputHeader{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:28px}.infoGrid h2,.outputHeader h2{margin:0;font-family:Georgia,serif;font-size:24px}.outputHeader button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:11px 17px;cursor:pointer;font-weight:700}.outputHeader button:disabled{opacity:.45;cursor:not-allowed}.codeOutput{min-height:116px;margin:16px 0 0;padding:19px;overflow:auto;border-radius:14px;background:#17211f;color:#d9f4dd;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.privacyNote{margin:18px 0 0;color:var(--muted);font-size:13px}.infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}.infoGrid article{padding-top:20px;border-top:1px solid var(--line)}.infoGrid p{color:var(--muted);line-height:1.65}.faq{margin-top:20px}.faq strong{font-size:15px}.faq p{margin:6px 0 0}@media(max-width:680px){.pageShell{padding:42px 18px 64px}.toolCard{padding:20px;border-radius:18px}.controlGrid,.infoGrid{grid-template-columns:1fr}.outputHeader{align-items:start;flex-direction:column}.hero h1{font-size:clamp(40px,13vw,64px)}}:focus-visible{outline:3px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}