/* Verbatim <style> block from Home.dc.html — do NOT edit. */

body { margin: 0; background: var(--paper); font-family: var(--font-sans), system-ui, sans-serif; }
a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); }
@property --fr-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
@keyframes fr-border-flow { to { --fr-angle: 360deg; } }

/* Navbar */
.fr-nav-item { background: transparent; appearance: none; -webkit-appearance: none; border: 0.09375rem solid transparent; border-radius: var(--radius-sm); transition: background 200ms var(--ease-out); }
.fr-nav-item:hover, .fr-nav-item[data-open="true"] {
  background: linear-gradient(var(--paper), var(--paper)) padding-box,
              conic-gradient(from var(--fr-angle), var(--cyan), var(--blue-action), var(--blue), var(--cyan)) border-box;
  animation: fr-border-flow 3.2s linear infinite;
}

/* Service / audience cards */
.fr-svc-card {
  position: relative; display: flex; border-radius: var(--radius-lg);
  border: 0.09375rem solid transparent;
  background-image: linear-gradient(var(--surface), var(--surface)), linear-gradient(var(--border-subtle), var(--border-subtle));
  background-origin: border-box; background-clip: padding-box, border-box;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);
}
.fr-svc-card:hover {
  transform: translateY(-3px); box-shadow: var(--shadow-lg);
  background-image: linear-gradient(var(--surface), var(--surface)), conic-gradient(from var(--fr-angle), var(--cyan), var(--blue-action), var(--blue), var(--cyan));
  animation: fr-border-flow 3.5s linear infinite;
}
.fr-svc-more { display: inline-flex; align-items: center; gap: 0.375rem; font-weight: var(--fw-medium); font-size: 0.875rem; transition: gap var(--dur) var(--ease-out); background: linear-gradient(90deg, var(--blue-action) 0%, var(--cyan) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.fr-svc-card:hover .fr-svc-more { gap: 0.6875rem; }
.fr-svc-more svg { stroke: var(--cyan); transition: transform var(--dur) var(--ease-out); }
.fr-svc-card:hover .fr-svc-more svg { transform: translateX(3px); }

.fr-grid-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); }
.fr-grid-quad { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-5); }

/* Stats + generic button row */
.fr-btn-row { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 2rem; }

/* CTA process steps */
.cta-step { position: relative; display: flex; flex-direction: column; gap: 1rem; padding: 2rem 1.75rem; border: 0.09375rem solid transparent; border-radius: 1rem; box-shadow: var(--shadow-sm); background: linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(var(--border), var(--border)) border-box; transition: transform .2s var(--ease-out), box-shadow .2s var(--ease-out); }
.cta-step:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); background: linear-gradient(var(--surface), var(--surface)) padding-box, conic-gradient(from var(--fr-angle), var(--cyan), var(--blue-action), var(--blue), var(--cyan)) border-box; animation: fr-border-flow 3.2s linear infinite; }
.cta-step--row { flex-direction: row; align-items: flex-start; gap: 1.25rem; padding: 1.625rem 1.75rem; }
.cta-step--row .cta-step__body { display: flex; flex-direction: column; gap: 0.5rem; }
.cta-step__num { font: 600 0.75rem/1 ui-monospace, Menlo, monospace; letter-spacing: .17em; color: var(--cyan); }

@media (prefers-reduced-motion: reduce) {
  .fr-nav-item:hover, .fr-nav-item[data-open="true"], .fr-flow-tile:hover, .fr-svc-card:hover, .cta-step:hover { animation: none !important; }
  .fr-svc-card:hover .fr-svc-more svg { transform: none; }
}
@media (max-width: 1100px) { .fr-grid-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) { .cta-step--row + .cta-step--row, .home-cta-grid { grid-template-columns: 1fr !important; } }
@media (max-width: 860px) { .fr-grid-quad { grid-template-columns: 1fr; } .home-split { grid-template-columns: 1fr !important; } }
@media (max-width: 640px)  { .fr-grid-row { grid-template-columns: 1fr; } .home-svc-cta { justify-content: center; } }
@media (max-width: 560px)  { .home-stats { grid-template-columns: 1fr !important; } .home-aud-head { flex-direction: column; align-items: flex-start !important; } .cta-step--row { flex-direction: column; } }
@media (max-width: 760px) { .home-faq-cols { flex-direction: column; } .home-faq-intro { margin-bottom: var(--space-6) !important; } .home-faq-tail { margin-top: var(--space-6) !important; } }
@media (max-width: 640px) {
  .home-testi-wrap { padding-inline: 0 !important; max-width: none !important; }
  .home-testi-card { border-radius: 0 !important; padding: var(--space-8) var(--container-pad-x) !important; }
  .home-testi-arrow { display: none !important; }
  .home-testi-row { gap: 0 !important; }
  .home-testi-quote { max-width: none !important; padding: var(--space-6) var(--space-5) !important; touch-action: pan-y; }
}