:root{--paper:#f7f7f2;--ink:#172b35;--muted:#586970;--teal:#246b68;--line:#d7dfda;--gold:#dfc98b;--white:#fff;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-underline-offset:4px}header,footer,main>section,.page{max-width:1280px;margin:auto;padding:28px 5%}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}.logo{font-size:28px;font-weight:600;text-decoration:none;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.mark{color:var(--teal);font-size:38px}.edition{font-size:9px;letter-spacing:1px;background:#e4ebe4;border-radius:4px;padding:4px 7px;font-weight:500}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.5vw,76px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin-bottom:28px}h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.025em;font-weight:500}h3{font-size:20px;font-weight:500}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:600;text-transform:uppercase;color:var(--teal);margin-bottom:24px}.hero{padding-top:80px;padding-bottom:72px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.lead{color:var(--muted);font-size:18px;max-width:540px}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:30px 0}.button,button{border:1px solid var(--teal);border-radius:7px;padding:12px 20px;background:var(--teal);color:white;text-decoration:none;display:inline-block;font:inherit;cursor:pointer;min-height:44px;transition:background .18s,transform .18s}.button:hover,button:hover{background:#194e4b;transform:translateY(-1px)}button.secondary,.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.note,small{font-size:12px;color:var(--muted)}.preview{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 60px #172b3512;overflow:hidden;transform:rotate(-1deg)}.preview-head{padding:16px 24px;background:#edf1eb;font-size:12px;display:flex;justify-content:space-between}.preview-body{padding:28px}.pill{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:11px;color:var(--teal)}.row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.row span:last-child{color:var(--muted)}.callout{background:#f1f3ec;padding:16px;margin-top:20px;border-radius:8px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.card p{color:var(--muted)}.number{display:block;color:var(--teal);margin-bottom:28px;font-size:13px}.dark{background:var(--ink);color:var(--paper);border-radius:20px;margin-top:36px!important;margin-bottom:36px!important;padding:56px!important}.dark .eyebrow,.dark p{color:#c3d5cb}.dark .grid{gap:40px}.page{max-width:1100px;padding-top:58px;padding-bottom:80px}.page h1{font-size:46px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:28px}.field{margin-bottom:18px}label{display:block;font-size:13px;margin-bottom:6px}input,select,textarea{font:inherit;width:100%;border:1px solid #b6c5bf;background:#fff;color:var(--ink);padding:11px 13px;border-radius:6px}textarea{min-height:90px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}output{display:block}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 inherit}.status{min-height:24px;font-size:13px;color:var(--teal)}.warning{padding:16px 20px;border-left:3px solid #ad8946;background:#f3edde;margin-bottom:28px}.prose{max-width:740px}.prose h2{font-size:28px;margin-top:36px}.skip{position:absolute;left:16px;top:-70px;padding:10px;background:white;z-index:5}.skip:focus{top:12px}:focus-visible{outline:3px solid #ad8946;outline-offset:4px}footer{border-top:1px solid var(--line);margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}footer div{display:flex;gap:20px}footer small{width:100%}@media(max-width:800px){header{align-items:flex-start;flex-direction:column}nav{gap:18px}.hero{grid-template-columns:1fr;gap:30px;padding-top:44px}.grid,.workspace{grid-template-columns:1fr}.preview{transform:none}.dark{border-radius:0;padding:32px 5%!important}.page h1{font-size:36px}footer{flex-direction:column}.form-grid{grid-template-columns:1fr}h1{letter-spacing:-.03em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}