:root {
        --font-primary: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
        --color-primary-bg: #ffffff;
        --color-primary-text: #262626;
        --color-secondary-text: #757575;
        --color-accent: #1c69d4;
        --color-focus: #0653b6;
        --color-muted: #bbbbbb;
        --color-dark-bg: #151a20;
        --color-dark-text: #f7f5f1;
        --border-radius: 12px;
        --spacing-unit: 8px;
      }
      body {
        font-family: var(--font-primary);
        background-color: var(--color-primary-bg);
        color: var(--color-primary-text);
        margin: 0;
        line-height: 1.5;
        font-weight: 400;
      }
      h1, h2, h3, h4, h5, h6 {
        font-family: var(--font-primary);
        margin-top: 0;
        color: var(--color-primary-text);
        line-height: 1.3;
      }
      h1 { font-size: 2.5rem; font-weight: 700; }
      h2 { font-size: 2rem; font-weight: 700; }
      h3 { font-size: 1.75rem; font-weight: 700; }
      p { margin-bottom: var(--spacing-unit); }
      a {
        color: var(--color-accent);
        text-decoration: none;
      }
      a:hover {
        text-decoration: underline;
        color: var(--color-focus);
      }
      .topbar {
        background-color: var(--color-dark-bg);
        color: var(--color-dark-text);
        padding: calc(var(--spacing-unit) * 1.5) var(--spacing-unit);
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--color-secondary-text);
      }
      .topbar .logo {
        font-size: 1.5rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
      }
      .topbar nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: calc(var(--spacing-unit) * 2);
      }
      .topbar nav a {
        color: var(--color-dark-text);
        font-weight: 700;
        padding: calc(var(--spacing-unit) * 0.5) 0;
        position: relative;
      }
      .topbar nav a[aria-current="page"]::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--color-accent);
      }
      .hero {
        background-color: var(--color-dark-bg);
        color: var(--color-dark-text);
        text-align: center;
        padding: calc(var(--spacing-unit) * 6) var(--spacing-unit);
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 60vh;
        background-image: url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=1600&q=70');
        background-size: cover;
        background-position: center;
      }
      .hero::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1;
      }
      .hero > * {
        position: relative;
        z-index: 2;
      }
      .hero h1 {
        font-size: 3rem;
        margin-bottom: var(--spacing-unit);
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 1px;
      }
      .hero p {
        font-size: 1.2rem;
        font-weight: 400;
        max-width: 700px;
        color: var(--color-muted);
      }
      .cta-button {
        display: inline-block;
        background-color: var(--color-accent);
        color: var(--color-primary-bg);
        padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);
        margin-top: calc(var(--spacing-unit) * 3);
        font-weight: 700;
        border-radius: var(--border-radius);
        transition: background-color 0.3s ease;
        text-transform: uppercase;
        font-size: 1rem;
        letter-spacing: 1px;
        border: none;
        cursor: pointer;
      }
      .cta-button:hover {
        background-color: var(--color-focus);
        color: var(--color-primary-bg);
        text-decoration: none;
      }
      .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: calc(var(--spacing-unit) * 4) var(--spacing-unit);
      }
      .section {
        padding: calc(var(--spacing-unit) * 6) var(--spacing-unit);
      }
      .section-white {
        background-color: var(--color-primary-bg);
        color: var(--color-primary-text);
      }
      .section-dark {
        background-color: var(--color-dark-bg);
        color: var(--color-dark-text);
      }
      .section-dark h2,
      .section-dark h3 {
        color: var(--color-dark-text);
      }
      .section-dark a {
        color: var(--color-dark-text);
        border-bottom: 1px solid var(--color-accent);
      }
      .section-dark a:hover {
        color: var(--color-primary-bg);
        border-bottom-color: var(--color-primary-bg);
      }
      .service-card {
        background-color: #f9f9f9;
        border-radius: var(--border-radius);
        padding: calc(var(--spacing-unit) * 3);
        text-align: center;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border: 1px solid #eee;
      }
      .service-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.1);
      }
      .service-card img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: var(--border-radius);
        margin-bottom: calc(var(--spacing-unit) * 2);
      }
      .service-card h3 {
        font-size: 1.5rem;
        margin-bottom: var(--spacing-unit);
        color: var(--color-primary-text);
      }
      .service-card p {
        font-size: 0.95rem;
        color: var(--color-secondary-text);
      }
      .service-card .btn-link {
        display: inline-block;
        margin-top: calc(var(--spacing-unit) * 2);
        font-weight: 700;
        color: var(--color-accent);
        text-transform: uppercase;
        letter-spacing: 1px;
      }
      .service-card .btn-link:hover {
        color: var(--color-focus);
        text-decoration: none;
      }
      .stats-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: calc(var(--spacing-unit) * 3);
        text-align: center;
      }
      .stat-item {
        padding: calc(var(--spacing-unit) * 2);
      }
      .stat-item .number {
        font-size: 3rem;
        font-weight: 900;
        color: var(--color-accent);
        line-height: 1;
        display: block;
      }
      .stat-item .label {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--color-primary-text);
        text-transform: uppercase;
        letter-spacing: 1px;
      }
      .contact-info {
        text-align: center;
        margin-bottom: calc(var(--spacing-unit) * 3);
      }
      .contact-info p {
        font-size: 1.1rem;
        color: var(--color-secondary-text);
      }
      .contact-form {
        max-width: 600px;
        margin: 0 auto;
      }
      .contact-form .form-group {
        margin-bottom: calc(var(--spacing-unit) * 2);
      }
      .contact-form label {
        display: block;
        margin-bottom: var(--spacing-unit);
        font-weight: 700;
        color: var(--color-primary-text);
      }
      .contact-form input[type="text"],
      .contact-form input[type="email"],
      .contact-form textarea {
        width: 100%;
        padding: calc(var(--spacing-unit) * 1.2);
        border: 1px solid #ddd;
        border-radius: var(--border-radius);
        font-family: var(--font-primary);
        font-size: 1rem;
      }
      .contact-form textarea {
        min-height: 150px;
        resize: vertical;
      }
      .contact-form .btn-submit {
        background-color: var(--color-primary-text);
        color: var(--color-primary-bg);
        padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);
        border: none;
        border-radius: var(--border-radius);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 1rem;
        letter-spacing: 1px;
        cursor: pointer;
        transition: background-color 0.3s ease;
      }
      .contact-form .btn-submit:hover {
        background-color: var(--color-secondary-text);
      }
      .footer {
        background-color: var(--color-dark-bg);
        color: var(--color-dark-text);
        padding: calc(var(--spacing-unit) * 4) var(--spacing-unit);
        text-align: center;
        margin-top: calc(var(--spacing-unit) * 6);
      }
      .footer .footer-nav {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: calc(var(--spacing-unit) * 3);
        margin-bottom: calc(var(--spacing-unit) * 3);
      }
      .footer-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .footer-nav h4 {
        color: var(--color-dark-text);
        margin-bottom: var(--spacing-unit);
        font-size: 1.2rem;
        font-weight: 700;
      }
      .footer-nav a {
        color: var(--color-muted);
        font-size: 0.9rem;
      }
      .footer-nav a:hover {
        color: var(--color-primary-bg);
      }
      .footer-bottom {
        font-size: 0.8rem;
        color: var(--color-secondary-text);
        border-top: 1px solid var(--color-secondary-text);
        padding-top: calc(var(--spacing-unit) * 2);
        margin-top: calc(var(--spacing-unit) * 2);
      }
      .footer-bottom a {
        color: var(--color-secondary-text);
      }
      @media (min-width: 768px) {
        .hero h1 { font-size: 4rem; }
        .section { padding: calc(var(--spacing-unit) * 8) var(--spacing-unit); }
        .service-cards-grid {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: calc(var(--spacing-unit) * 3);
        }
      }
    
/* Layout scaffolding */
.site { display: flex; flex-direction: column; min-height: 100vh; }
.site > main { flex: 1 0 auto; }

/* Header & navigation */
.site-header { background-color: var(--color-dark-bg); color: var(--color-dark-text); border-bottom: 1px solid var(--color-secondary-text); padding: var(--spacing-unit) calc(var(--spacing-unit) * 2); }
.site-branding { display: flex; align-items: center; gap: var(--spacing-unit); color: var(--color-dark-text); font-size: 1.5rem; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; }
.site-branding:hover { color: var(--color-dark-text); text-decoration: none; }
.site-navigation { display: flex; align-items: center; }
.main-nav { display: flex; align-items: center; flex-wrap: wrap; }
.main-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: calc(var(--spacing-unit) * 2); }
.main-nav a { color: var(--color-dark-text); font-weight: 700; }
.navbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--spacing-unit); width: 100%; }
.navbar-dark .navbar-brand { color: var(--color-dark-text); font-size: 1.5rem; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; }
.navbar-dark .navbar-brand:hover { color: var(--color-dark-text); text-decoration: none; }
.navbar-collapse { flex-grow: 1; }
.navbar-nav { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--spacing-unit); }
.nav-item { list-style: none; margin: 0; }
.nav-link { display: block; color: var(--color-dark-text); font-weight: 700; padding: calc(var(--spacing-unit) * 0.5) 0; position: relative; }
.nav-link:hover { color: #ffffff; text-decoration: none; }
.nav-link[aria-current="page"]::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: var(--color-accent); }
.navbar-toggler { display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 1px solid var(--color-secondary-text); border-radius: calc(var(--border-radius) / 2); padding: calc(var(--spacing-unit) * 0.75); cursor: pointer; }
.navbar-toggler:hover { border-color: var(--color-dark-text); }
.navbar-toggler-icon { display: inline-block; width: 1.25em; height: 1.25em; background: linear-gradient(to bottom, var(--color-dark-text) 0 2px, transparent 2px 5px, var(--color-dark-text) 5px 7px, transparent 7px 10px, var(--color-dark-text) 10px 12px) no-repeat center / 1.25em 12px; }
.collapse:not(.show) { display: none; }
@media (max-width: 991.98px) {
  .navbar-collapse { flex: 0

.navbar-expand-lg { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(var(--spacing-unit) * 2); }
.ms-auto { margin-left: auto; }
.align-items-center { align-items: center; }
.list-unstyled { list-style: none; margin: 0; padding: 0; }
.row { display: flex; flex-wrap: wrap; margin: calc(var(--spacing-unit) * -1); }
.row > * { width: 100%; padding: var(--spacing-unit); box-sizing: border-box; }
.g-3 { margin: calc(var(--spacing-unit) * -1.5); }
.g-3 > * { padding: calc(var(--spacing-unit) * 1.5); }
.btn { display: inline-block; padding: var(--spacing-unit) calc(var(--spacing-unit) * 2); font-family: var(--font-primary); font-size: 1rem; font-weight: 700; text-align: center; text-decoration: none; border: 2px solid transparent; border-radius: var(--border-radius); cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease; }
.btn-primary { background-color: var(--color-accent); color: #ffffff; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--color-focus); color: #ffffff; text-decoration: none; }
.btn-lg { padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3); font-size: 1.1rem; }
.button { display: inline-block; background-color: var(--color-accent); color: var(--color-primary-bg); padding: var(--spacing-unit) calc(var(--spacing-unit) * 2.5); font-weight: 700; border: none; border-radius: var(--border-radius); cursor: pointer; font-size: 1rem; transition: background-color 0.3s ease; }
.button:hover { background-color: var(--color-focus); text-decoration: none; }
.card { background-color: var(--color-primary-bg); border: 1px solid var(--color-muted); border-radius: var(--border-radius); overflow: hidden; height: 100%; box-sizing: border-box; transition: box-shadow 0.3s ease, transform 0.3s ease; }
.card:hover { box-shadow: 0 10px 24px rgba(21, 26, 32, 0.12); transform: translateY(-4px); }
.card-body { padding: calc(var(--spacing-unit) * 2); }
.card-title { font-size: 1.25rem; font-weight: 700; margin-bottom: var(--spacing-unit); }
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: calc(var(--spacing-unit) * 3); }
.about-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: calc(var(--spacing-unit) * 4); align-items: center; }
.process-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: calc(var(--spacing-unit) * 3); }
.process-steps .card { border-top: 4px solid var(--color-accent); }
.service-area-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: calc(var(--spacing-unit) * 1.5); }
.service-area-item { background-color: var(--color-primary-bg); border: 1px solid var(--color-muted); border-left: 4px solid var(--color-accent); border-radius: var(--border-radius); padding: calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 1.5); font-weight: 700; }
.abn-card { max-width: 460px; margin: calc(var(--spacing-unit) * 2) auto 0; padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2); border: 1px dashed var(--color-secondary-text); border-radius: var(--border-radius); font-family: var(--font-mono); font-size: 0.9rem; color: var(--color-secondary-text); text-align: center; }
.form-label { display: block; font-weight: 700; margin-bottom: calc(var(--spacing-unit) * 0.5); }
.form-control, .form-select { display: block; width: 100%; padding: var(--spacing-unit) calc(var(--spacing-unit) * 1.5); font-family: var(--font-primary); font-size: 1rem; color: var(--color-primary-text); background-color: var(--color-primary-bg); border: 1px solid var(--color-muted); border-radius: var(--border-radius); box-sizing: border-box; }
.form-control:focus, .form-select:focus { outline: 2px solid var(--color-accent); outline-offset: 1px; border-color: var(--color-accent); }
.quote-form { max-width: 720px; margin: 0 auto; display: grid; gap: calc(var(--spacing-unit) * 2); }
.hero-section { background-color: var(--color-dark-bg); color: var(--color-dark-text); text-align: center; padding: calc(var(--spacing-unit) * 8) var(--spacing-unit); }
.hero-section h1, .hero-section h2 { color: var(--color-dark-text); }
.hero-about { background: linear-gradient(rgba(21, 26, 32, 0.8), rgba(21, 26, 32, 0.8)), url('https://images.unsplash.com/photo-1585704032915-c3400ca199e7?w=1600&q=70') center/cover no-repeat; color: var(--color-dark-text); text-align: center; padding: calc(var(--spacing-unit) * 7) var(--spacing-unit); }
.hero-about h1, .hero-about h2 { color: var(--color-dark-text); }
.page-title { font-size: 2.75rem; font-weight: 700; margin-bottom: calc(var(--spacing-unit) * 1.5); }
.page-subtitle { font-size: 1.2rem; color: var(--color-secondary-text); max-width: 760px; margin: 0 auto; }
.hero-section .page-subtitle, .hero-about .page-subtitle { color: var(--color-muted); }
.page-content { padding-bottom: calc(var(--spacing-unit) * 4); }
.content-section { max-width: 1200px; margin: 0 auto; padding: calc(var(--spacing-unit) * 5) var(--spacing-unit); }
.cta-section { background-color: var(--color-accent); color: #ffffff; text-align: center; padding: calc(var(--spacing-unit) * 6) var(--spacing-unit); }
.cta-section h2, .cta-section h3 { color: #ffffff; }
.cta-section .btn-primary { background-color: #ffffff; color: var(--color-accent); }
.cta-section .btn-primary:hover, .cta-section .btn-primary:focus { background-color: var(--color-primary-bg); color: var(--color-focus); }
.site-footer { background-color: var(--color-dark-bg); color: var(--color-dark-text); padding: calc(var(--spacing-unit) * 6) var(--spacing-unit) calc(var(--spacing-unit) * 4); }
.footer-content { display: flex; flex-wrap: wrap; gap: calc(var(--spacing-unit) * 4); max-width: 1200px; margin: 0 auto; }
.footer-about { flex: 2 1 320px; }
.footer-contact, .footer-links { flex: 1 1 220px; }
.site-footer h3 { color: var(--color-dark-text); font-size: 1.15rem; margin-bottom: calc(var(--spacing-unit) * 1.5); }
.site-footer p { color: var(--color-muted); }
.site-footer a { color: var(--color-dark-text); }
.site-footer a:hover { color: var(--color-accent); text-decoration: none; }
.email-link { font-weight: 700; border-bottom: 2px solid var(--color-accent); padding-bottom: 2px; }
@media (max-width: 768px) {
  .page-title { font-size: 2.2rem; }
  .hero-section, .hero-about, .cta-section { padding: calc(var(--spacing-unit) * 5) var(--spacing-unit); }
  .footer-content { flex-direction: column; gap: calc(var(--spacing-unit) * 3); }
}

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }
        .container {
            width: 80%;
            margin: auto;
            overflow: hidden;
            padding: 0 20px;
        }
        .main-content {
            padding: 40px 0;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .main-content h1, .main-content h2 {
            text-align: center;
            margin-bottom: 20px;
            color: #151a20;
        }
        .reason {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 40px;
            text-align: center;
        }
        .reason img {
            max-width: 100%;
            height: auto;
            border-radius: 12px;
            margin-bottom: 20px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        .reason h3 {
            margin-bottom: 10px;
            color: #151a20;
        }
        .reason p {
            max-width: 700px;
            margin-bottom: 20px;
            color: #555;
        }
        .cta-button {
            display: inline-block;
            background-color: #007bff;
            color: #ffffff;
            padding: 12px 25px;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
            transition: background-color 0.3s ease;
        }
        .cta-button:hover {
            background-color: #0056b3;
        }
        .topbar {
            background: #151a20;
            color: #f7f5f1;
            padding: 10px 0;
            text-align: center;
        }
        .topbar a {
            color: #f7f5f1;
            text-decoration: none;
            margin: 0 15px;
        }
        .site-footer {
            background: #151a20;
            color: #f7f5f1;
            padding: 20px 0;
            text-align: center;
            margin-top: 40px;
        }
        .site-footer p {
            margin: 5px 0;
        }
        .site-footer a {
            color: #f7f5f1;
            text-decoration: none;
        }
        nav {
            background: #333;
            color: #fff;
            padding: 10px 0;
            text-align: center;
        }
        nav a {
            color: #fff;
            text-decoration: none;
            padding: 10px 20px;
            margin: 0 5px;
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }
        nav a:hover {
            background-color: #555;
        }
        nav a[aria-current="page"] {
            background-color: #007bff;
            font-weight: bold;
        }
    

.brand {
  font-size: 1.25rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--color-primary-text);
}
.section-dark .brand,
.topbar .brand,
footer .brand {
  color: var(--color-dark-text);
}
.lede {
  font-size: 1.25rem;
  font-weight: 400;
  color: var(--color-secondary-text);
  max-width: 720px;
  line-height: 1.6;
  margin-bottom: calc(var(--spacing-unit) * 2);
}
.section-dark .lede {
  color: var(--color-muted);
}
.pill {
  display: inline-block;
  background-color: rgba(28, 105, 212, 0.1);
  color: var(--color-accent);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: calc(var(--spacing-unit) * 0.5) calc(var(--spacing-unit) * 1.5);
  border-radius: 999px;
  margin-bottom: var(--spacing-unit);
}
.section-dark .pill {
  background-color: rgba(247, 245, 241, 0.12);
  color: var(--color-dark-text);
}
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--spacing-unit) * 2);
  max-width: 800px;
}
.form-grid .field--full,
.form-grid .field:nth-child(n + 5) {
  grid-column: 1 / -1;
}
.field {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing-unit) * 0.5);
}
.field label {
  font-weight: 700;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.field input,
.field select,
.field textarea {
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--color-primary-text);
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-muted);
  border-radius: var(--border-radius);
  padding: calc(var(--spacing-unit) * 1.25);
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
  outline: 2px solid var(--color-focus);
  outline-offset: 1px;
  border-color: var(--color-accent);
}
.field textarea {
  resize: vertical;
  min-height: 120px;
}
.footer-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(var(--spacing-unit) * 4);
  max-width: 1200px;
  margin: 0 auto;
  padding: calc(var(--spacing-unit) * 6) var(--spacing-unit);
}
footer .footer-inner a {
  color: var(--color-dark-text);
  border-bottom: 1px solid var(--color-accent);
}
footer .footer-inner a:hover {
  color: var(--color-accent);
}
@media (max-width: 640px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
  .footer-inner {
    flex-direction: column;
  }
}