*{margin:0;padding:0;box-sizing:border-box}
:root{--ink:#1a1d21;--paper:#f6f4ef;--orange:#e8722a;--dim:#6b6f76;--line:#e2ded5}
body{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 22px;text-align:center}
.mark{width:56px;height:56px;border:3px solid var(--ink);border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:22px;letter-spacing:.02em;margin-bottom:28px;background:#fff}
.mark span{color:var(--orange)}
.eyebrow{color:var(--orange);letter-spacing:.28em;text-transform:uppercase;font-size:12px;font-weight:700;margin-bottom:14px}
h1{font-size:clamp(30px,7vw,52px);line-height:1.08;letter-spacing:-.02em;font-weight:800;max-width:600px}
.sub{color:var(--dim);font-size:clamp(16px,2.5vw,19px);margin:18px 0 34px;max-width:460px;line-height:1.6}
.bar{width:72px;height:4px;background:var(--orange);border-radius:2px;margin-bottom:34px}
.contact{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px 26px;font-size:16px}
.contact a{color:var(--orange);text-decoration:none;font-weight:700}
.contact a:hover{text-decoration:underline}
footer{margin-top:44px;color:var(--dim);font-size:13px;letter-spacing:.04em}