.brand-symbol {
  display: block;
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.site-header {
  background: rgba(255, 255, 255, .94);
  border-bottom-color: rgba(8, 23, 44, .1);
  color: var(--ink);
  box-shadow: 0 8px 28px rgba(8, 23, 44, .06);
}

.site-header .header-inner {
  height: 80px;
}

.site-header .brand-symbol {
  width: 44px;
  height: 44px;
}

.site-header .brand {
  color: var(--ink);
  gap: 12px;
}

.site-header .site-nav a {
  color: #405169;
}

.site-header .site-nav a:hover {
  color: var(--ink);
}

.site-header .button-small {
  color: white;
}

.site-header .menu-button span:not(.sr-only) {
  background: var(--ink);
}

.trust-grid {
  grid-template-columns: repeat(4, 1fr);
}

.output-block {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid #2b4059;
}

.output-block h3 {
  margin-bottom: 9px;
}

.output-block p {
  margin: 0;
  color: #c4d1df;
  font-size: .9rem;
}

.visual-panel .output-block {
  border-color: #cfe0ef;
}

.visual-panel .output-block p {
  color: var(--muted);
}

.website-panel {
  padding: 1px;
  overflow: hidden;
}

.website-panel .stages {
  padding: 0;
}

.website-panel > .output-block {
  margin: 0;
  padding: 24px 28px 28px;
  background: var(--ink);
}

.about-adom {
  background: var(--ink);
  color: white;
}

.about-adom .eyebrow {
  color: var(--cyan);
}

.about-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 90px;
  align-items: start;
}

.about-grid h2 {
  font-size: clamp(2.25rem, 5vw, 4.2rem);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.about-lede {
  font-size: 1.45rem;
  line-height: 1.45;
  color: white;
}

.about-grid > div:last-child > p:not(.about-lede) {
  color: #aebfd1;
}

.about-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 32px;
  background: #2b4059;
}

.about-steps span {
  padding: 20px;
  background: var(--ink-2);
  color: var(--cyan);
  font-size: .84rem;
  font-weight: 800;
}

@media (max-width: 850px) {
  .site-header .site-nav {
    background: rgba(255, 255, 255, .98);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 20px 34px rgba(8, 23, 44, .1);
  }

  .trust-grid,
  .about-grid {
    grid-template-columns: 1fr;
  }

  .about-grid {
    gap: 28px;
  }
}

@media (max-width: 540px) {
  .site-header .header-inner {
    height: 70px;
  }

  .site-header .brand-symbol {
    width: 38px;
    height: 38px;
  }

  .about-steps {
    grid-template-columns: 1fr;
  }
}

.company-whatsapp { font-weight: 750; text-underline-offset: 4px; }
.whatsapp-float { position: fixed; z-index: 45; right: max(22px, env(safe-area-inset-right)); bottom: max(var(--whatsapp-footer-offset, 22px), calc(env(safe-area-inset-bottom) + 12px)); display: grid; place-items: center; width: 100px; height: 100px; border-radius: 50%; background: #25d366; color: #fff; box-shadow: 0 10px 28px rgba(8, 23, 44, .24); text-decoration: none; cursor: pointer; animation: whatsapp-intro 1.2s 2.4s 2 ease-in-out, whatsapp-reminder .7s 14s 1 ease-in-out; transition: bottom .25s ease, transform .2s ease, box-shadow .2s ease; }
.whatsapp-float svg { width: 54px; height: 54px; }
.whatsapp-float:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(8, 23, 44, .28); }
.whatsapp-float:focus-visible { outline: 3px solid #fff; outline-offset: 4px; box-shadow: 0 0 0 7px #128c7e; }
.whatsapp-tooltip { position: absolute; right: 96px; padding: 7px 10px; border-radius: 8px; background: var(--ink); color: #fff; font-size: .78rem; font-weight: 750; white-space: nowrap; opacity: 0; pointer-events: none; transform: translateX(5px); transition: .2s ease; }
.whatsapp-float:hover .whatsapp-tooltip, .whatsapp-float:focus-visible .whatsapp-tooltip { opacity: 1; transform: translateX(0); }
@keyframes whatsapp-intro { 0%,100% { transform: scale(1); } 50% { transform: scale(1.08); } }
@keyframes whatsapp-reminder { 0%,100% { transform: scale(1); } 50% { transform: scale(1.08); } }
@media (max-width: 850px) and (min-width: 541px) { .whatsapp-float { width: 92px; height: 92px; } .whatsapp-float svg { width: 50px; height: 50px; } }
@media (max-width: 540px) { .whatsapp-float { width: 72px; height: 72px; right: max(16px, env(safe-area-inset-right)); bottom: max(var(--whatsapp-footer-offset, 16px), calc(env(safe-area-inset-bottom) + 10px)); } .whatsapp-float svg { width: 39px; height: 39px; } .whatsapp-tooltip { display: none; } .request-card .form-note { padding-right: 64px; } .request-card [data-step] { padding-right: 64px; } }
@media (prefers-reduced-motion: reduce) { .whatsapp-float { animation: none; transition: none; } }