:root {
  --ink:#101820;
  --muted:#5d6872;
  --paper:#ffffff;
  --soft:#f2f6f9;
  --blue:#159fe6;
  --blue-dark:#0877b8;
  --line:#dbe5eb;
  --shadow:0 18px 45px rgba(16,24,32,.12);
  --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue-dark);text-decoration-thickness:2px;text-underline-offset:3px}
.shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:18px;top:18px;z-index:1000;background:#fff;padding:10px 14px;border-radius:8px}
.topbar{background:var(--ink);color:#fff;font-size:.92rem}.topbar-inner{min-height:40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar a{color:#fff;font-weight:700}
.brand-row{padding:22px 0}.brand{display:inline-flex;flex-direction:column;text-decoration:none}.brand-name{font-size:clamp(2rem,5vw,3.35rem);font-weight:900;line-height:.9;letter-spacing:-.055em;color:var(--ink)}.brand-tagline{margin-top:8px;text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;font-weight:800;color:var(--blue-dark)}
.main-nav{border-block:1px solid var(--line);background:#fff}.nav-inner{display:flex;flex-wrap:wrap;gap:4px}.main-nav a{padding:13px 12px;color:var(--ink);font-weight:700;text-decoration:none;border-radius:8px}.main-nav a:hover,.main-nav a:focus{background:var(--soft);color:var(--blue-dark)}
.breadcrumbs{padding:16px 0 0;font-size:.9rem;color:var(--muted)}
.hero{padding:36px 0 54px;background:linear-gradient(135deg,#f8fbfd 0%,#eef7fc 100%);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:42px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:900;color:var(--blue-dark)}.hero h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:.96;letter-spacing:-.055em;margin:.18em 0}.hero h2{font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.25;margin:0 0 16px}.hero-copy>p:not(.eyebrow){font-size:1.08rem;color:#394651;max-width:650px}.hero-art{margin:0}.hero-art img{filter:drop-shadow(0 22px 25px rgba(16,24,32,.16))}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-block;padding:13px 18px;border-radius:10px;font-weight:800;text-decoration:none}.button.primary{background:var(--blue-dark);color:#fff}.button.secondary{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.services-section,.content-section,.faq-section,.related-section{padding:64px 0}.services-section h2,.content-section h2,.faq-section h2,.related-section h2{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.1;margin:.2em 0 .8em}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 24px rgba(16,24,32,.06)}.service-card.featured{border-top:5px solid var(--blue)}.service-card h3{font-size:1.35rem;margin:0 0 8px}.service-card p{color:#45535f}.service-card a{font-weight:800}
.content-section{background:var(--soft)}.content-card{background:#fff;border-radius:var(--radius);padding:clamp(26px,5vw,50px);box-shadow:var(--shadow)}.lead{font-size:1.35rem;font-weight:800;color:var(--blue-dark)}
.faq-section details{border-bottom:1px solid var(--line);padding:16px 0}.faq-section summary{font-weight:800;cursor:pointer}.faq-section details p{color:#45535f}
.related-section{background:var(--ink);color:#fff}.related-section h2{color:#fff}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{background:#fff;color:var(--ink);padding:11px 14px;border-radius:9px;font-weight:800;text-decoration:none}
.site-footer{background:#090e13;color:#d7e0e7;padding:38px 0 22px}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-brand{font-size:1.5rem;color:#fff}.site-footer nav{display:flex;flex-wrap:wrap;gap:16px}.site-footer a{color:#fff}.copyright{border-top:1px solid #26313a;margin-top:28px;padding-top:16px;font-size:.88rem;color:#aeb9c2}
@media (max-width:850px){.hero-grid{grid-template-columns:1fr}.hero-art{max-width:650px;margin-inline:auto}.card-grid{grid-template-columns:1fr}.footer-grid{flex-direction:column}.nav-inner{justify-content:center}.topbar-inner{flex-direction:column;gap:2px;padding:8px 0;text-align:center}}
@media (max-width:520px){.shell{width:min(100% - 24px,1180px)}.brand-row{text-align:center}.brand{align-items:center}.hero{padding-top:26px}.hero-actions{flex-direction:column}.button{text-align:center}.main-nav a{font-size:.92rem;padding:10px 8px}}
//* =========================================================
   RESPONSIVE NAVIGATION
   ========================================================= */

.menu-toggle {
  display: none;
}

/* Tablets and phones */
@media (max-width:900px) {

  .main-nav .shell {
    padding-top: 0;
    padding-bottom: 0;
  }

  .menu-toggle {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 12px;
    padding: 14px 4px;
    border: 0;
    background: transparent;
    color: var(--ink);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
  }

  .menu-toggle:hover,
  .menu-toggle:focus-visible {
    color: var(--blue-dark);
  }

  .menu-icon {
    display: flex;
    width: 28px;
    height: 22px;
    flex: 0 0 28px;
    flex-direction: column;
    justify-content: space-between;
  }

  .menu-icon span {
    display: block;
    width: 100%;
    height: 3px;
    background: currentColor;
    border-radius: 2px;
    transition: transform .25s ease, opacity .25s ease;
  }

  .menu-text {
    font-size: 1rem;
  }

  .nav-inner {
    display: none;
    flex-direction: column;
    width: 100%;
    gap: 0;
    padding: 0 0 12px;
  }

  .nav-inner.open {
    display: flex;
  }

  .main-nav .nav-inner a {
    display: block;
    width: 100%;
    padding: 13px 10px;
    border-top: 1px solid var(--line);
    border-radius: 0;
    font-size: 1rem;
  }

  .main-nav .nav-inner a:last-child {
    border-bottom: 1px solid var(--line);
  }

  /* Animate hamburger into an X */
  .menu-toggle[aria-expanded="true"] .menu-icon span:nth-child(1) {
    transform: translateY(9.5px) rotate(45deg);
  }

  .menu-toggle[aria-expanded="true"] .menu-icon span:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle[aria-expanded="true"] .menu-icon span:nth-child(3) {
    transform: translateY(-9.5px) rotate(-45deg);
  }
}