/* dac7.org page composition on the Grabenzo design system (site/ds, vendored by scripts/sync-ds.sh).
   Colors, type and spacing come only from ds tokens and gz-* classes; this file holds layout. */

@font-face { font-family: "Urbanist"; font-style: normal; font-weight: 300; font-display: swap;
  src: url(fonts/urbanist-latin-ext-300-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Urbanist"; font-style: normal; font-weight: 300; font-display: swap;
  src: url(fonts/urbanist-latin-300-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 300; font-display: swap;
  src: url(fonts/outfit-latin-ext-300-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 300; font-display: swap;
  src: url(fonts/outfit-latin-300-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(fonts/outfit-latin-ext-500-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(fonts/outfit-latin-500-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

* { box-sizing: border-box; }
body { margin: 0; }
p, ul { margin: 0 0 var(--space-16); }
ul { padding-left: var(--space-20); }
li { margin-bottom: var(--space-8); }
strong { font-weight: 500; }

a {
  color: var(--color-text-primary);
  text-decoration: underline;
  text-decoration-color: var(--color-accent-default);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
a:hover { color: var(--color-accent-text); }

.wrap { max-width: 760px; margin: 0 auto; padding: 0 var(--web-gutter); }

.hero { padding: var(--web-section-padding) 0 var(--space-48); }
.eyebrow { display: flex; align-items: center; gap: var(--space-12); margin: 0 0 var(--space-24); color: var(--color-accent-text); }
.eyebrow::before { content: ""; width: 24px; height: 1px; background: var(--color-accent-default); }
.hero h1 { margin: 0; }

.block { border-top: 1px solid var(--color-border-default); padding: var(--space-48) 0; }
.block h2 { margin: 0 0 var(--space-24); }

.offer {
  background: var(--color-base-white);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  padding: var(--space-32);
}
.offer h2 { margin: 0 0 var(--space-16); }

.cta {
  display: inline-flex; align-items: center; min-height: 44px;
  margin-top: var(--space-8); padding: var(--space-12) var(--space-24);
  border-radius: var(--radius-sm);
  background: var(--color-accent-strong); color: var(--color-text-on-accent);
  text-decoration: none;
}
.cta:hover { background: var(--color-accent-text); color: var(--color-text-on-accent); }

.site-footer { background: var(--color-base-black); color: var(--color-text-inverse); padding: var(--space-64) 0 var(--space-48); margin-top: var(--space-48); }
.site-footer a { color: var(--color-text-inverse); }
.site-footer .logo { display: block; width: 200px; height: auto; margin-bottom: var(--space-32); }
.site-footer p { margin-bottom: var(--space-12); }

@media (max-width: 640px) {
  .offer { padding: var(--space-24); }
}