/* Dia20 — Design tokens (palette applied) */
:root{
  --brand: #fe6932; --brand-600:#eb5f2d; --brand-700:#cf5528; --brand-50:#fff0e9;
  --surface:#fcfdfd; --surface-2:#ffffff; --line:#e7edf2;
  --text:#333333; --text-soft:#5e5e5e;
  --radius:14px; --radius-sm:10px; --radius-xs:8px;
  --shadow:0 10px 30px rgba(0,0,0,.06);
  --container:1200px;

  --fs-12:.78rem; --fs-14:.9rem; --fs-16:1rem; --fs-18:1.125rem; --fs-20:1.25rem; --fs-24:1.5rem; --fs-30:1.875rem;
}
*{box-sizing:border-box} html,body{height:100%}
body{
  margin:0; font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  background:linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);
  color:var(--text);
}
.container{max-width:var(--container);margin-inline:auto;padding:0 1.25rem}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.muted{color:var(--text-soft)}
a{color:inherit;text-decoration:none}

.logo{height:28px;display:block}
@media(min-width:980px){.logo{height:32px}}