:root {
  --c-green-hover: #15803d;
  --c-ink-on-green: #06210f;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-snap: cubic-bezier(0.2, 0, 0, 1);
  --radius: 0;
  --btn-pad-y: 0.85rem;
  --btn-pad-x: 1.6rem;
}

.btn, .btn-primary, .btn-secondary, .btn-outline, .cta-button,
.sp-btn, .hero-primary, .hero-secondary, .ck-btn, .gcta-btn,
.nav-link, .nav-link-cta, .lang-btn, .cf-submit, .leak-btn,
.selfcheck-hero-button, .ic-brief-action, .banner-cta-benefits,
.help-head-cta, .svc-positioning-link, .link-button,
button, input[type="submit"],
.badge, .tag, .chip, .pill,
.card, .service-card, .industry-card, .feature-card, .pricing-card,
.article-card, .faq-item, .panel, .box,
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  border-radius: var(--radius);
}

a.btn, button.btn, a.btn-primary, button.btn-primary, a.btn-secondary,
button.btn-secondary, a.btn-outline, a.cta-button, button.cta-button,
a.sp-btn, button.sp-btn, a.sp-btn-primary, button.sp-btn-primary,
a.sp-btn-ghost, button.sp-btn-ghost,
a.hero-primary, a.hero-secondary, a.ck-btn, button.ck-btn,
a.gcta-btn, button.gcta-btn, a.nav-link-cta, a.lang-btn, button.lang-btn,
a.svc-positioning-link, a.banner-cta-benefits, a.help-head-cta,
button.cf-submit, a.leak-btn, a.selfcheck-hero-button, a.ic-brief-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: var(--btn-pad-y) var(--btn-pad-x);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-decoration: none;
  cursor: pointer;
  border-radius: var(--radius);
  background-image: none;
  box-shadow: none;
  transform: none;
  transition: background-color 0.18s var(--ease-snap),
    border-color 0.18s var(--ease-snap),
    color 0.18s var(--ease-snap),
    transform 0.18s var(--ease-snap);
}

a.btn::before, a.sp-btn::before, a.hero-primary::before, a.hero-secondary::before,
a.ck-btn::before, a.svc-positioning-link::before, a.banner-cta-benefits::before {
  display: none;
}

a.btn-primary, button.btn-primary, a.cta-button, button.cta-button,
a.sp-btn-primary, button.sp-btn-primary, a.hero-primary, a.ck-btn--primary, button.ck-btn--primary,
a.gcta-btn--primary, button.gcta-btn--primary, button.cf-submit,
a.leak-btn, a.selfcheck-hero-button, a.ic-brief-action,
a.svc-positioning-link:not(.svc-positioning-link--ghost), a.banner-cta-benefits {
  background-color: var(--c-text-strong, #f5f7fa);
  border: 1px solid var(--c-text-strong, #f5f7fa);
  color: var(--c-black, #030405);
}

a.btn-primary:hover, button.btn-primary:hover, a.cta-button:hover,
button.cta-button:hover, a.sp-btn-primary:hover, button.sp-btn-primary:hover, a.hero-primary:hover,
a.ck-btn--primary:hover, button.ck-btn--primary:hover,
a.gcta-btn--primary:hover, button.gcta-btn--primary:hover, button.cf-submit:hover,
a.leak-btn:hover, a.selfcheck-hero-button:hover, a.ic-brief-action:hover,
a.svc-positioning-link:not(.svc-positioning-link--ghost):hover,
a.banner-cta-benefits:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: var(--c-black, #030405);
  transform: translateY(-1px);
}

a.btn-secondary, button.btn-secondary, a.btn-outline, a.sp-btn-ghost, button.sp-btn-ghost,
a.hero-secondary, a.ck-btn--ghost, button.ck-btn--ghost,
a.gcta-btn--ghost, button.gcta-btn--ghost, a.nav-link-cta,
a.svc-positioning-link--ghost, a.help-head-cta {
  background-color: transparent;
  border: 1px solid var(--c-border, rgba(105, 129, 177, 0.3));
  color: var(--c-text-soft, #c5cbd5);
}

a.btn-secondary:hover, button.btn-secondary:hover, a.btn-outline:hover,
a.sp-btn-ghost:hover, button.sp-btn-ghost:hover, a.hero-secondary:hover, a.ck-btn--ghost:hover,
button.ck-btn--ghost:hover, a.gcta-btn--ghost:hover, button.gcta-btn--ghost:hover,
a.nav-link-cta:hover, a.svc-positioning-link--ghost:hover, a.help-head-cta:hover {
  background-color: rgba(105, 129, 177, 0.08);
  border-color: var(--c-border-strong, rgba(105, 129, 177, 0.55));
  color: var(--c-text-strong, #f5f7fa);
  transform: translateY(-1px);
}

a.btn-primary:active, button.btn-primary:active, a.sp-btn-primary:active, button.sp-btn-primary:active,
a.btn-secondary:active, button.btn-secondary:active, a.sp-btn-ghost:active {
  transform: translateY(0);
}

a.btn:focus-visible, button.btn:focus-visible, a.btn-primary:focus-visible,
button.btn-primary:focus-visible, a.btn-secondary:focus-visible,
button.btn-secondary:focus-visible, a.btn-outline:focus-visible,
a.cta-button:focus-visible, button.cta-button:focus-visible,
a.sp-btn:focus-visible, button.sp-btn:focus-visible, button.sp-btn-primary:focus-visible,
button.sp-btn-ghost:focus-visible, a.hero-primary:focus-visible,
a.hero-secondary:focus-visible, a.ck-btn:focus-visible, button.ck-btn:focus-visible,
a.gcta-btn:focus-visible, button.gcta-btn:focus-visible,
a.nav-link-cta:focus-visible, a.lang-btn:focus-visible, button.lang-btn:focus-visible,
a.svc-btn:focus-visible, a.svc-positioning-link:focus-visible,
a.banner-cta-benefits:focus-visible, a.help-head-cta:focus-visible,
button.cf-submit:focus-visible, a.leak-btn:focus-visible,
a.selfcheck-hero-button:focus-visible, a.ic-brief-action:focus-visible,
button:focus-visible, a:focus-visible {
  outline: 2px solid var(--c-green);
  outline-offset: 3px;
  border-radius: var(--radius);
}

a.btn-primary.disabled, button.btn-primary:disabled, button.cf-submit:disabled {
  background-color: #334155;
  border-color: #334155;
  color: var(--c-text-dim);
  cursor: not-allowed;
  transform: none;
  opacity: 1;
}

button.btn-secondary:disabled, a.btn-secondary.disabled {
  border-color: rgba(148, 163, 184, 0.35);
  color: var(--c-text-dim);
  background-color: transparent;
  cursor: not-allowed;
  transform: none;
}

.btn--wide { width: 100%; }

.card-link {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

a.svc-btn {
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: var(--radius);
  color: var(--c-text-soft);
  padding: 0;
  font-weight: 600;
}

a.svc-btn:hover { background: none; color: var(--c-green); }

.svc-card {
  display: flex;
  flex-direction: column;
}

.svc-card a.svc-btn {
  margin-top: auto;
  align-self: flex-start;
}

@media (prefers-reduced-motion: no-preference) {
  .reveal-pending { opacity: 0; }
  .reveal-enter {
    animation: site-reveal 480ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms) both;
  }

  /* Mask reveal for headings — clip from bottom */
  .reveal-pending[data-reveal-style="mask"],
  .reveal-pending.reveal-mask { opacity: 1; clip-path: inset(0 0 100% 0); }
  .reveal-enter.reveal-mask {
    animation: reveal-mask 520ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms) both;
  }

  /* Scale reveal for visuals — subtle zoom-in */
  .reveal-pending.reveal-scale { opacity: 0; transform: scale(0.96); }
  .reveal-enter.reveal-scale {
    animation: reveal-scale 600ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms) both;
  }

  /* Left reveal — slide in from left */
  .reveal-pending.reveal-left { opacity: 0; translate: -24px 0; }
  .reveal-enter.reveal-left {
    animation: reveal-left 480ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms) both;
  }

  /* Width reveal for lines/separators */
  .reveal-pending.reveal-width { opacity: 1; transform: scaleX(0); transform-origin: left; }
  .reveal-enter.reveal-width {
    animation: reveal-width 500ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms) both;
  }
}

@keyframes site-reveal {
  from { opacity: 0; translate: 0 14px; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes reveal-mask {
  from { clip-path: inset(0 0 100% 0); }
  to { clip-path: inset(0 0 0 0); }
}

@keyframes reveal-scale {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes reveal-left {
  from { opacity: 0; translate: -24px 0; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes reveal-width {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

html.perf-lite .reveal-pending,
html.perf-lite .reveal-enter {
  opacity: 1;
  clip-path: none;
  transform: none;
  animation: none;
}

@media print {
  .reveal-pending, .reveal-enter { opacity: 1 !important; animation: none !important; }
}

.sp-tech-grid {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--c-navy-line, #19284a);
}

.sp-tech-row {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 2rem;
  padding: 1.4rem 0;
  border-bottom: 1px solid var(--c-navy-line, #19284a);
  align-items: start;
}

.sp-tech-label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.sp-tech-label h3 {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.3;
}

.sp-tux {
  flex-shrink: 0;
}

.sp-tech-body p {
  margin: 0;
  line-height: 1.7;
  max-width: 62ch;
}

@media (max-width: 720px) {
  .sp-tech-row {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}

.nav-container {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 72px;
}

.nav-menu { align-self: stretch; }

.nav-dropdown {
  align-self: stretch;
  display: flex;
  align-items: center;
  position: relative;
}

.nav-dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  right: -8px;
  top: 100%;
  height: 10px;
}

.nav-dropdown-menu {
  top: 100%;
  left: -0.4rem;
  right: auto;
  transform: translateY(-8px);
  margin-top: 0;
  min-width: 300px;
  padding: 0.4rem 0;
  border-radius: var(--radius);
  border: 1px solid rgba(32, 173, 104, 0.28);
  border-top: 2px solid var(--c-green);
  background: var(--c-black-soft, #06080b);
  box-shadow: 0 24px 48px -20px rgba(0, 0, 0, 0.85);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

.nav-dropdown.is-open .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.nav-dropdown-menu .nav-dropdown-item {
  display: block;
  position: relative;
  padding: 0.85rem 1.4rem;
  border-radius: var(--radius);
  color: var(--c-text-soft);
  font-size: 0.95rem;
  font-weight: 500;
  transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
}

.nav-dropdown-menu .nav-dropdown-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--c-green);
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 0.15s ease;
}

.nav-dropdown-menu .nav-dropdown-item:hover,
.nav-dropdown-menu .nav-dropdown-item:focus-visible {
  background: rgba(32, 173, 104, 0.1);
  color: #ffffff;
  padding-left: 1.6rem;
}

.nav-dropdown-menu .nav-dropdown-item:hover::before,
.nav-dropdown-menu .nav-dropdown-item:focus-visible::before {
  transform: scaleY(1);
}

.nav-dropdown-sep {
  height: 1px;
  margin: 0.35rem 0;
  background: var(--c-navy-line, #19284a);
}

.nav-dropdown.is-open .nav-dropdown-toggle { color: var(--c-green); }

.lr-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--c-navy-line, #19284a);
  border: 1px solid var(--c-navy-line, #19284a);
}

.lr-item {
  background: var(--c-black-soft, #06080b);
  padding: 2.1rem 2.3rem;
  transition: background 0.25s ease;
}

.lr-item:hover {
  background: var(--c-carbon);
}

.lr-head {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 0.8rem;
}

.lr-head h3 {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
}

.lr-tux { flex-shrink: 0; --lot-size: 62px; }

.lr-item p {
  margin: 0;
  font-size: 1.04rem;
  line-height: 1.7;
  color: rgba(226, 232, 240, 0.88);
}

.lr-item:first-child {
  grid-column: 1 / -1;
  background: linear-gradient(140deg, rgba(32, 173, 104, 0.14), var(--c-black-soft, #06080b) 62%);
  border-left: 3px solid var(--c-green);
  padding: 2.7rem 2.6rem;
}

.lr-item:first-child .lr-head h3 {
  font-size: clamp(1.5rem, 2.6vw, 1.9rem);
}

.lr-item:first-child .lr-tux {
  --lot-size: 66px;
}

.lr-item:first-child p {
  font-size: 1.12rem;
  max-width: 880px;
}

.lr-flag {
  margin-left: auto;
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--c-text-soft);
  border: 1px solid rgba(32, 173, 104, 0.45);
  padding: 0.45rem 0.85rem;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .lr-flag { display: none; }
}

.cmp-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border: 1px solid var(--c-navy-line, #19284a);
}

.cmp-col {
  padding: 1.75rem;
}

.cmp-col + .cmp-col {
  border-left: 1px solid var(--c-navy-line, #19284a);
}

.cmp-tag {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-green);
  border: 1px solid rgba(32, 173, 104, 0.4);
  padding: 0.3rem 0.7rem;
  margin-bottom: 1rem;
}

.cmp-lead {
  font-weight: 600;
  color: var(--c-text-strong);
  margin: 0 0 1rem;
  line-height: 1.5;
}

.cmp-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.6rem;
}

.cmp-list li {
  position: relative;
  padding-left: 1.4rem;
  line-height: 1.6;
  color: rgba(226, 232, 240, 0.85);
}

.cmp-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  background: var(--c-green);
}

.cmp-note {
  margin: 1.5rem 0 0;
  padding: 1.1rem 1.3rem;
  border-left: 3px solid var(--c-green);
  background: rgba(32, 173, 104, 0.05);
  line-height: 1.7;
  color: rgba(226, 232, 240, 0.9);
}

@media (max-width: 720px) {
  .lr-item,
  .lr-item:nth-child(even) {
    grid-template-columns: 1fr;
    gap: 0.6rem;
  }
  .lr-item:nth-child(even) .lr-head { order: 0; }
  .lr-item:nth-child(even) p { order: 0; text-align: left; }

  .cmp-two { grid-template-columns: 1fr; }
  .cmp-col + .cmp-col {
    border-left: 0;
    border-top: 1px solid var(--c-navy-line, #19284a);
  }
}

.ic-qa .sd-block h3 {
  font-size: 1.3rem;
}

p.ic-qa-lead {
  color: var(--c-text-soft);
  font-size: 1.04rem;
  margin: 0 0 1rem;
}

.ic-honest-note {
  margin: 1.7rem 0 0;
  padding: 1.15rem 1.35rem;
  border-left: 3px solid rgba(32, 173, 104, 0.55);
  background: rgba(148, 163, 184, 0.06);
  border-radius: var(--radius);
  color: var(--c-text-muted);
  font-size: 0.98rem;
  line-height: 1.65;
}

.ic-folds {
  margin-top: 1.3rem;
  border-top: 1px solid var(--c-border-soft);
}

.ic-fold {
  border-bottom: 1px solid var(--c-border-soft);
}

.ic-fold > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.2rem;
  padding: 1.2rem 0;
}

.ic-fold > summary::-webkit-details-marker { display: none; }

.ic-fold > summary:focus-visible {
  outline: 2px solid var(--c-green);
  outline-offset: 3px;
}

.ic-fold-q {
  display: block;
  font-family: inherit;
  font-size: 1.3rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.005em;
}

.ic-fold-lead {
  display: block;
  margin-top: 0.35rem;
  color: var(--c-text-muted);
  font-size: 1.02rem;
  line-height: 1.55;
}

.ic-fold-icon {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: 0.5rem;
}

.ic-fold-icon::before,
.ic-fold-icon::after {
  content: "";
  position: absolute;
  background: var(--c-green);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.ic-fold-icon::before {
  top: 9px;
  left: 2px;
  width: 16px;
  height: 2px;
}

.ic-fold-icon::after {
  left: 9px;
  top: 2px;
  width: 2px;
  height: 16px;
}

.ic-fold[open] .ic-fold-icon::after {
  transform: scaleY(0);
  opacity: 0;
}

.ic-fold > ul.ic-coverage {
  margin: 0 0 1.3rem;
}

.ic-addons { margin-top: 1.6rem; }

.ic-confidential {
  margin: 1.6rem auto 0;
  max-width: 760px;
  padding: 0.9rem 1.2rem;
  border: 1px solid var(--c-border-soft);
  border-left: 3px solid rgba(32, 173, 104, 0.55);
  color: var(--c-text-muted);
  font-size: 0.95rem;
  line-height: 1.6;
}

.svc-inner,
.help-inner {
  max-width: var(--site-max-width, 1100px);
}

body.home .fragment .container,
body.home section .container {
  max-width: var(--site-max-width, 1100px);
}

@media (prefers-reduced-motion: reduce) {
  a.btn-primary:hover, button.btn-primary:hover, a.sp-btn-primary:hover, button.sp-btn-primary:hover,
  a.btn-secondary:hover, button.btn-secondary:hover, a.sp-btn-ghost:hover,
  a.hero-primary:hover, a.hero-secondary:hover, a.gcta-btn--primary:hover,
  a.gcta-btn--ghost:hover, button.cf-submit:hover {
    transform: none;
  }
}

.cube.is-offscreen,
.cube-float.is-offscreen {
  animation-play-state: paused;
}

html.perf-noanim *,
html.perf-noanim *::before,
html.perf-noanim *::after {
  animation: none !important;
  transition: none !important;
}

html.perf-noanim .hero-layers,
html.perf-noanim .hero-glitch,
html.perf-noanim .stars-layer,
html.perf-noanim .nebula-glow,
html.perf-noanim .hero-cubes,
html.perf-noanim .gcta-cube {
  display: none !important;
}

html.perf-nophoto .sp-hero-photo,
html.perf-nophoto .svc-card::after,
html.perf-nophoto .help-head::after,
html.perf-nophoto .itl-figure,
html.perf-nophoto .ic-special-photo,
html.perf-nophoto .itl-special-photo,
html.perf-nophoto .sp-cta--photo,
html.perf-nophoto .sp-special--photo {
  background-image: none !important;
}

html.perf-nophoto .ck-banner,
html.perf-nophoto .ck-modal {
  backdrop-filter: none !important;
}

html.perf-lite .hero-glitch,
html.perf-lite .stars-layer,
html.perf-lite .nebula-glow,
html.perf-lite .hero-cubes,
html.perf-lite .gcta-cube {
  display: none !important;
}

html.perf-lite .hero-grid {
  animation: none !important;
}

html.perf-lite [data-reveal],
html.perf-lite .article-content,
html.perf-lite .articles-grid,
html.perf-lite .svc-inner,
html.perf-lite .gcta-inner {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

[data-lottie] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 0;
}

[data-lottie] > svg {
	display: block;
	width: 100%;
	height: 100%;
}

[data-lottie-poster] {
	display: block;
	width: 100%;
	height: 100%;
}

[data-lottie-poster][hidden] { display: none; }

.lot-accent {
	flex: none;
	display: block;
	width: var(--lot-size, 88px);
	height: var(--lot-size, 88px);
}

.lot-accent svg {
	shape-rendering: crispEdges;
}

html:not(.lot-js) .lot-accent {
	display: none;
}

.lot-figure {
	position: relative;
	width: 100%;
	max-width: var(--lot-max, none);
	margin: 3.2rem auto 2.6rem;
	padding: 0;
	border: 0;
	background: none;
}

.lot-stage {
	position: relative;
	display: block;
	width: 100%;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 13%, #000 87%, transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0%, #000 13%, #000 87%, transparent 100%);
}

.lot-figure [data-lottie] {
	aspect-ratio: var(--lot-ar, 3 / 2);
}

html:not(.lot-js) .lot-stage,
.lot-figure:has([data-lottie-state="failed"]) .lot-stage {
	display: none;
}

@media (max-width: 640px) {
	.lot-figure {
		margin: 1.8rem auto 1.6rem;
	}
}

.sp-eyebrow,
.sp-special-eyebrow,
.sd-aside-eyebrow,
.srv-card-eyebrow,
.bc-eyebrow,
.svc-eyebrow,
.svc-positioning-eyebrow,
.home-seo-eyebrow,
.home-branches-eyebrow,
.help-eyebrow,
.ind-why-kicker,
.ea-compare-kicker,
.ab-kicker,
.sc-next-kicker,
.results-kicker,
.itl-os-kicker,
.itl-limit-kicker,
.ic-brief-kicker,
.ui-kicker,
.eyebrow {
	font-family: var(--font-mono);
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: var(--c-text-soft);
	line-height: 1.3;
}


.nav-phone {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.5rem 0.85rem;
	border: 1px solid rgba(32, 173, 104, 0.35);
	color: var(--c-text-soft);
	font-family: var(--font-mono);
	font-size: 0.84rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	white-space: nowrap;
	text-decoration: none;
	transition: background-color 0.18s var(--ease-snap), border-color 0.18s var(--ease-snap), color 0.18s var(--ease-snap);
}

.nav-phone:hover {
	background-color: rgba(22, 163, 74, 0.14);
	border-color: var(--c-green);
	color: #bbf7d0;
}

@media (max-width: 1599px) {
	.nav-phone span { display: none; }
	.nav-phone { padding: 0.5rem 0.7rem; }
}

.nav-link {
	white-space: nowrap;
}

@media (max-width: 1023px) {
	.nav-phone { display: none; }
}

.nav-menu-phone {
	display: none;
}

@media (max-width: 1023px) {
	.nav-menu-phone {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		width: 100%;
		margin-bottom: 0.4rem;
		padding: 0.9rem 1rem;
		background-color: var(--c-green);
		border: 1px solid var(--c-green);
		color: var(--c-ink-on-green);
		font-family: var(--font-mono);
		font-size: 1rem;
		font-weight: 700;
		text-decoration: none;
	}
}

.ty-faster {
	margin: 1.4rem 0 0;
	font-size: 0.98rem;
	color: var(--c-text-dim);
}

.ty-faster a {
	color: var(--c-text-soft);
	font-family: var(--font-mono);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.nav-menu-phone-slot {
	display: none;
}

@media (max-width: 1023px) {
	.nav-menu-phone-slot { display: block; }
}

[data-office-hours] .sticky-cta-closed {
	display: none;
}

[data-office-hours="closed"] .sticky-cta-open {
	display: none;
}

[data-office-hours="closed"] .sticky-cta-closed {
	display: inline-flex;
}
.topbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1001;
	min-height: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 var(--site-gutter, 2rem);
	background: color-mix(in srgb, var(--bg-soft) 92%, transparent);
	border-bottom: 1px solid var(--border-soft);
	transition: transform 0.25s var(--ease-snap);
}

.topbar-inner {
	display: flex;
	align-items: center;
	gap: 1rem;
	width: min(100%, var(--container-wide, 1280px));
	margin: 0 auto;
	justify-content: space-between;
}

.topbar-region { color: var(--text-secondary); font: 600 0.68rem var(--font-mono); letter-spacing: .08em; text-transform: uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.topbar-link,
.topbar-phone {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-family: var(--font-mono);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-decoration: none;
	white-space: nowrap;
}

.topbar-link {
	color: var(--text-primary);
}

.topbar-link:hover {
	color: #fff;
}

.topbar-phone {
	color: var(--text-primary);
}

.topbar-phone:hover {
	color: var(--text-primary);
}

.topbar-phone svg { color: var(--status-success); width:12px; height:12px; }

.topbar-sep {
	width: 1px;
	height: 16px;
	background: rgba(255, 255, 255, 0.16);
}

.nav-bar {
	top: 34px;
	transition: top 0.25s var(--ease-snap);
}

html.topbar-hidden .topbar {
	transform: translateY(-100%);
}

html.topbar-hidden .nav-bar {
	top: 0;
}

/* Home deliberately has no utility strip; all other pages retain it. */
body.home .nav-bar {
	top: 0;
}

body.home {
	--visible-header-height: 72px;
}

.footer-cookie-settings {
	appearance: none;
	border: 0;
	padding: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
	text-align: left;
}

.footer-cookie-settings:hover,
.footer-cookie-settings:focus-visible { color: var(--c-green); }

/* The homepage begins as a single cinematic scene. */
html.home-cinematic-nav .topbar {
	transform: translateY(-100%);
}

html.home-cinematic-nav .nav-bar {
	top: 0;
	background: transparent;
	border-bottom-color: transparent;
}

html.home-cinematic-nav .nav-bar::after { background: transparent; }

html.home-standard-nav .topbar {
	transform: translateY(0);
}

html.home-standard-nav .nav-bar {
	top: 0;
	background: var(--bg-page);
	border-bottom-color: var(--border-soft);
}

@media (max-width: 860px) {
	html.home-standard-nav .nav-bar { top: 0; }
}

main { padding-top: var(--visible-header-height, 106px); }
html.topbar-hidden { --visible-header-height: 72px; }

@media (max-width: 860px) {
	.nav-bar { top: 38px; }
	html.topbar-hidden .nav-bar { top: 0; }
	main { padding-top: var(--visible-header-height, 110px); }
	html.topbar-hidden { --visible-header-height: 72px; }
	.topbar {
		height: 38px;
		min-height: 38px;
		padding: 0 0.9rem;
		justify-content: stretch;
	}
	.topbar-inner {
		display: grid;
		grid-template-columns:minmax(0,1fr) auto auto;
		align-items: center;
		width: 100%;
		gap: 0;
	}
	.topbar-link,
	.topbar-phone {
		justify-content: center;
		font-size: .74rem;
		letter-spacing: 0.04em;
	}
	.topbar-phone svg { display:none; }
	.topbar-phone { font-size:0; }
	.topbar-phone::after { content:'Telefon'; font-size:.74rem; }
	.topbar-link { padding-left:.7rem; }
}

@media (prefers-reduced-motion: reduce) {
	.topbar,
	.nav-bar {
		transition: none;
	}
}

@media (max-width: 1189px) {
	html.mobile-navigation-open .topbar {
		transform: translateY(-100%);
	}

	html.mobile-navigation-open .nav-bar {
		top: 0;
		transition: none;
	}
}

@media (min-width: 1190px) {
	.nav-bar .nav-container {
		position: static;
	}

	.nav-dropdown--mega {
		position: static;
	}

	.nav-dropdown--mega::before {
		display: none;
	}

	.nav-dropdown--mega::after {
		display: none;
	}

	.nav-dropdown--mega.is-open::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: calc(100% - 10px);
		height: 14px;
		background: transparent;
		z-index: 1000;
	}

	.nav-dropdown--mega > .nav-dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		width: 100%;
		min-width: 0;
		max-width: none;
		margin: 0;
		padding: 0;
		border: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.55);
		border-radius: 0;
		background-color: var(--c-black-soft, #06080b);
		background-image: var(--paper-grain);
		background-size: var(--paper-grain-size);
		background-repeat: repeat;
		box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.95);
		transform: translateY(-8px);
	}

	.nav-mega {
		max-width: 1400px;
		min-height: 22.5rem;
		margin: 0 auto;
		padding: 2.3rem 2rem 2.5rem;
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 21rem);
		gap: 2.8rem;
		align-items: start;
	}

	.nav-mega-cols {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.8rem 2.6rem;
	}

	.nav-mega-title {
		margin: 0 0 0.7rem;
		padding: 0 0 0.55rem;
		border-bottom: 1px solid var(--c-navy-line, #19284a);
		font-size: 0.68rem;
		font-weight: 700;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		color: var(--c-text-soft);
	}

	.nav-dropdown--mega .nav-dropdown-menu .nav-dropdown-item {
		display: block;
		padding: 0.6rem 0.85rem;
		margin: 0 -0.85rem;
		border-radius: 0;
		white-space: normal;
		color: var(--c-text-soft);
	}

	.nav-dropdown--mega .nav-dropdown-menu .nav-dropdown-item::before {
		width: 2px;
	}

	.nav-dropdown--mega .nav-dropdown-menu .nav-dropdown-item:hover,
	.nav-dropdown--mega .nav-dropdown-menu .nav-dropdown-item:focus-visible {
		padding-left: 0.85rem;
		background: rgba(32, 173, 104, 0.08);
	}

	.nav-mega-name {
		display: block;
		font-size: 0.94rem;
		font-weight: 600;
		color: var(--c-text-strong);
		line-height: 1.35;
	}

	.nav-mega-desc {
		display: block;
		margin-top: 0.16rem;
		font-size: 0.81rem;
		font-weight: 400;
		line-height: 1.45;
		color: var(--c-text-dim);
	}

	.nav-dropdown-item:hover .nav-mega-name,
	.nav-dropdown-item:focus-visible .nav-mega-name {
		color: #ffffff;
	}

	.nav-mega-aside {
		padding: 1.5rem 1.4rem;
		border: 1px solid rgba(74, 222, 128, 0.16);
		border-top: 2px solid var(--c-green);
		background-color: rgba(255, 255, 255, 0.025);
		background-image: var(--paper-grain);
		background-size: var(--paper-grain-size);
		background-repeat: repeat;
	}

	.nav-mega-aside-title {
		margin: 0 0 0.45rem;
		font-size: 0.98rem;
		font-weight: 700;
		color: #ffffff;
	}

	.nav-mega-aside-text {
		margin: 0 0 1.1rem;
		font-size: 0.84rem;
		line-height: 1.55;
		color: var(--c-text-dim);
	}

	.nav-dropdown--mega .nav-dropdown-menu .nav-mega-aside-link {
		display: inline-flex;
		align-items: center;
		gap: 0.4rem;
		margin: 0;
		padding: 0.6rem 1rem;
		border: 1px solid rgba(32, 173, 104, 0.4);
		background: rgba(32, 173, 104, 0.1);
		color: var(--c-text-soft);
		font-size: 0.86rem;
		font-weight: 700;
		letter-spacing: 0.02em;
	}

	.nav-dropdown--mega .nav-dropdown-menu .nav-mega-aside-link:hover,
	.nav-dropdown--mega .nav-dropdown-menu .nav-mega-aside-link:focus-visible {
		padding-left: 1rem;
		border-color: var(--c-green);
		background: rgba(32, 173, 104, 0.18);
		color: #ffffff;
	}

	.nav-dropdown--mega .nav-dropdown-menu .nav-mega-aside-link::before {
		display: none;
	}
}

@media (max-width: 1189px) {
	.nav-mega,
	.nav-mega-cols,
	.nav-mega-col,
	.nav-mega-aside {
		display: block;
		max-width: none;
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
	}

	.nav-mega-desc,
	.nav-mega-aside-title,
	.nav-mega-aside-text {
		display: none;
	}

	.nav-mega-name {
		display: inline;
	}

	.nav-mega-title {
		display: block;
		margin: 0;
		padding: 0.9rem 1.25rem 0.35rem;
		border: 0;
		text-align: left;
		font-size: 0.7rem;
		font-weight: 700;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		color: var(--c-text-dimmer);
	}

	.nav-dropdown.open .nav-dropdown-menu {
		max-height: 1400px;
	}
}

/* Shared desktop navigation surface. JavaScript owns .is-open. */
.nav-mega-scrim {
	position: fixed;
	z-index: 990;
	inset: var(--nav-stack-height, 72px) 0 0;
	width: 100%;
	border: 0;
	padding: 0;
	background: rgba(0, 0, 0, .32);
	opacity: 0;
	pointer-events: none;
	transition: opacity 140ms cubic-bezier(.22, 1, .36, 1);
}
.nav-mega-scrim.is-visible { opacity: 1; pointer-events: auto; }

@media (min-width: 1190px) {
	.nav-dropdown--mega > .nav-dropdown-menu {
		z-index: 1001;
		background-color: var(--bg-page);
		background-image: none;
		clip-path: inset(0 0 12px 0);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(-6px);
		transform-origin: top center;
		transition: clip-path 180ms cubic-bezier(.22, 1, .36, 1), opacity 140ms ease, transform 180ms cubic-bezier(.22, 1, .36, 1), visibility 0s linear 180ms;
	}
	.nav-dropdown--mega.is-open > .nav-dropdown-menu {
		clip-path: inset(0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
		transition-delay: 0s;
	}
	.nav-dropdown--mega .nav-mega {
		min-height: 0;
		max-width: 1240px;
		grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem);
		gap: clamp(2rem, 4vw, 4rem);
		padding: 1.65rem max(2rem, var(--page-gutter)) 1.8rem;
	}
	.nav-dropdown--mega .nav-mega-cols { gap: 1.25rem clamp(1.5rem, 3.5vw, 3.75rem); }
	.nav-dropdown--mega .nav-mega-title { margin-bottom: .35rem; padding-bottom: .48rem; }
	.nav-dropdown--mega .nav-dropdown-item {
		position: relative;
		padding: .42rem .55rem .46rem .75rem;
		margin: 0 -.55rem 0 -.75rem;
		background: transparent;
		transition: color 140ms ease, transform 140ms ease;
	}
	.nav-dropdown--mega .nav-dropdown-item::after { content: '→'; position: absolute; right: .55rem; top: .47rem; color: var(--status-success-bright); opacity: 0; transform: translateX(-4px); transition: opacity 120ms ease, transform 120ms ease; }
	.nav-dropdown--mega .nav-dropdown-item:hover,
	.nav-dropdown--mega .nav-dropdown-item:focus-visible { padding-left: .75rem; background: transparent; transform: translateX(4px); }
	.nav-dropdown--mega .nav-dropdown-item:hover::after,
	.nav-dropdown--mega .nav-dropdown-item:focus-visible::after { opacity: 1; transform: translateX(0); }
	.nav-dropdown--mega .nav-mega-desc { margin-top: .08rem; color: var(--text-muted); transition: color 120ms ease; }
	.nav-dropdown--mega .nav-dropdown-item:hover .nav-mega-desc,
	.nav-dropdown--mega .nav-dropdown-item:focus-visible .nav-mega-desc { color: var(--text-secondary); }
	.nav-dropdown--mega .nav-mega-aside {
		padding: .1rem 0 .1rem 1.45rem;
		border: 0;
		border-left: 1px solid var(--border-strong);
		background: transparent;
	}
	.nav-dropdown--mega .nav-mega-aside-title { margin-bottom: .85rem; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: var(--text-secondary); }
	.nav-mega-decision-link, .nav-mega-all-link { display: block; color: var(--text-secondary); text-decoration: none; }
	.nav-mega-decision-link { padding: .38rem 0 .62rem; }
	.nav-mega-decision-link > span { display: block; font-size: .76rem; color: var(--text-muted); }
	.nav-mega-decision-link strong { display: block; margin-top: .09rem; color: var(--text-primary); font-size: .94rem; font-weight: 600; transition: color 140ms ease, transform 140ms ease; }
	.nav-mega-decision-link i, .nav-mega-all-link i { font-style: normal; color: var(--status-success-bright); transition: transform 140ms ease; }
	.nav-mega-all-link { padding-top: .6rem; border-top: 1px solid var(--border-soft); font-size: .84rem; }
	.nav-mega-decision-link:hover strong, .nav-mega-decision-link:focus-visible strong { color: #fff; transform: translateX(3px); }
	.nav-mega-decision-link:hover i, .nav-mega-decision-link:focus-visible i, .nav-mega-all-link:hover i, .nav-mega-all-link:focus-visible i { transform: translateX(3px); }
	.nav-dropdown--mega.is-open .nav-mega-title,
	.nav-dropdown--mega.is-open .nav-dropdown-item,
	.nav-dropdown--mega.is-open .nav-mega-aside { animation: nav-mega-content-in 150ms cubic-bezier(.22, 1, .36, 1) both; }
	.nav-dropdown--mega.is-open .nav-mega-title { animation-delay: 20ms; }
	.nav-dropdown--mega.is-open .nav-dropdown-item { animation-delay: 35ms; }
	.nav-dropdown--mega.is-open .nav-mega-aside { animation-delay: 50ms; }
	@keyframes nav-mega-content-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
}
@media (prefers-reduced-motion: reduce) {
	.nav-mega-scrim, .nav-dropdown--mega > .nav-dropdown-menu, .nav-dropdown--mega .nav-mega * { transition: none !important; animation: none !important; }
}

/* Shared photographic treatment.  Use this surface for editorial strips and
   card media so photography recedes behind VETOSEC typography. */
.photo-surface { position: relative; overflow: clip; isolation: isolate; background: var(--bg-soft); }
.photo-surface > img, .photo-surface > picture > img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(.35) saturate(.7) contrast(1.08); }
.photo-surface::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(3,4,5,.78), rgba(3,4,5,.18) 68%), linear-gradient(0deg, rgba(3,4,5,.45), transparent 55%); }
.photo-surface > :not(img):not(picture) { position: relative; z-index: 2; }
.signal-danger { color: var(--status-danger-bright); }

/* Keep each deliberate line of the running-operations statement inside its
   content column, including on narrow phones. */
.itb-page .itb-wrap { container-type: inline-size; }
.itb-page .itb-section .itb-running-heading {
	font-size: min(clamp(3rem, 6vw, 7.5rem), calc((100cqi - .5rem) / 9.5)) !important;
	white-space: nowrap;
}

.modal {
	position: fixed;
	inset: 0;
	z-index: 3000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.25rem;
}

.modal[hidden] { display: none; }

.modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(3, 4, 5, 0.72);
	backdrop-filter: blur(3px);
	opacity: 0;
	transition: opacity 0.2s ease;
}

.modal.is-open .modal-backdrop { opacity: 1; }

.modal-panel {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 0 1.2rem;
	width: max-content;
	max-width: min(30rem, 100%);
	max-height: calc(100vh - 2.5rem);
	overflow-y: auto;
	padding: 2rem;
	text-align: left;
	border: 1px solid var(--c-border);
	border: 1px solid rgba(255, 255, 255, 0.16);
	background-color: var(--c-black-soft, #06080b);
	background-image: none;
	box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 1);
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 220ms cubic-bezier(.2,0,0,1), transform 220ms cubic-bezier(.2,0,0,1);
}

.modal.is-open .modal-panel {
	opacity: 1;
	transform: translateY(0);
}

.modal-panel:focus,
.modal-panel:focus-visible {
	outline: none;
}

.modal-close {
	position: absolute;
	top: 0.4rem;
	right: 0.4rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--c-text-dim);
	cursor: pointer;
}

.modal-close:hover,
.modal-close:focus-visible { color: #ffffff; }

.modal-head {
	min-width: 0;
}

.modal-foot {
	grid-column: 1 / -1;
	margin-top: 1.15rem;
	text-align: left;
}

.modal-photo {
	flex: 0 0 auto;
	width: 72px;
	height: 72px;
	object-fit: cover;
	border: 0;
}

.modal-eyebrow {
	margin: 0 0 0.25rem;
	font-family: inherit;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--c-text-soft);
}

.modal-title {
	margin: 0 0 0.4rem;
	font-size: 1.3rem;
	font-weight: 700;
	color: #ffffff;
}

.modal-number {
	margin: 0;
	font-family: inherit;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	color: var(--c-text-soft);
}

.modal-hours {
	margin: 0 0 1.2rem;
	padding-top: 0;
	border-top: 0;
	font-size: .9rem;
	line-height: 1.5;
	color: var(--c-text-dimmer);
}

.modal-availability-dot { display: inline-block; width: .5rem; height: .5rem; margin-right: .45rem; border-radius: 50%; background: var(--status-success); }
[data-office-hours="closed"] .modal-availability-dot { background: var(--text-secondary); }

.modal-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem;
}

.modal-actions--secondary { margin-top: .25rem; }

.modal-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 44px;
	padding: .65rem 1rem;
	border: 0;
	background: transparent;
	color: var(--c-text-soft);
	font: inherit;
	font-size: 0.86rem;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: background 150ms ease, color 150ms ease;
}

.modal-btn:hover,
.modal-btn:focus-visible {
	background: rgba(255, 255, 255, .08);
	color: #ffffff;
}

.modal-btn--primary {
	background: #fff;
	color: #030405;
}

.modal-btn--primary:hover,
.modal-btn--primary:focus-visible {
	background: #dfe2e6;
	color: #030405;
}

.modal-btn.is-done {
	color: var(--status-success-bright, #29c97a);
}

.modal-btn[data-copy-phone] {
	display: inline-grid;
	grid-template-areas: "label";
	align-items: center;
	justify-items: center;
}

.modal-btn[data-copy-phone] > span {
	grid-area: label;
}

.modal-btn[data-copy-phone] > span[data-copy-done] {
	visibility: hidden;
}

.modal-btn[data-copy-phone].is-done > span[data-copy-idle] {
	visibility: hidden;
}

.modal-btn[data-copy-phone].is-done > span[data-copy-done] {
	visibility: visible;
}

@media (max-width: 520px) {
	.modal { align-items: center; padding: 1rem; }
	.modal-panel { width: 100%; max-width: none; padding: 1.75rem; gap: 0 1rem; }
	.modal-photo { width: 64px; height: 64px; }
	.modal-title { font-size: 1.15rem; }
	.modal-number { font-size: 1.05rem; }
	.modal-actions, .modal-btn { width: 100%; }
	.modal-actions--secondary { margin-top: .1rem; }
}

@media (prefers-reduced-motion: reduce) {
	.modal-backdrop,
	.modal-panel { transition: none; }
}

/* External-link warning dialog. It has no photo column, so the shared
   two-column panel grid (photo | text) would squeeze head and body into
   side-by-side columns; force one full-width column instead. */
.modal-panel--external {
	grid-template-columns: minmax(0, 1fr);
	width: min(460px, 100%);
	align-items: start;
}

.external-modal-text {
	margin: 0;
	color: var(--text-secondary);
	font-size: .95rem;
	line-height: 1.6;
}

.external-modal-host {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	max-width: 100%;
	margin: 0;
	padding: .5rem .75rem;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.04);
	color: var(--c-text, #fff);
	font-size: .95rem;
	font-weight: 600;
	overflow-wrap: anywhere;
}

@media (max-width: 520px) {
	.modal-panel--external { width: 100%; max-width: none; }
	.external-modal-host { font-size: .85rem; }
}

/* Small content utilities (replacements for inline style attributes) */
[hidden] { display: none !important; }
.u-lead { font-size: 1.2rem; }
.u-text-sm { font-size: 1rem; }
.u-list-disc { list-style: disc; padding-left: 2rem; }
.u-list-circle { list-style: circle; padding-left: 1.5rem; }
.u-list-flow { list-style: disc; padding-left: 2rem; margin-bottom: 1.5rem; }
.u-list-none { list-style: none; }
.u-pad-top-clearance { padding-top: 6rem; }
.u-pad-top-sm { padding-top: 1.5rem; }
.u-card-note { background: rgba(32, 173, 104, 0.05); padding: 1rem; }
.u-measure { max-width: 760px; margin: 1.6rem auto 0; }
.u-center-flow { text-align: center; margin-top: 1.6rem; }
.u-footnote { color: var(--c-text-dim); font-size: 0.95rem; margin-top: 2rem; }
.is-hidden { display: none; }

/* Info banner (services quiz) */
.quiz-note { background: rgba(32, 173, 104, 0.05); border-top: 1px solid rgba(32, 173, 104, 0.2); border-bottom: 1px solid rgba(32, 173, 104, 0.2); padding: 1.5rem 0; }
.quiz-note__inner { max-width: 800px; margin: 0 auto; }
.quiz-note__row { display: flex; gap: 1rem; align-items: flex-start; }
.quiz-note__icon { color: #22c55e; flex-shrink: 0; margin-top: 0.25rem; }
.quiz-note__text { color: var(--c-text-muted); font-size: 0.9rem; margin: 0; line-height: 1.6; }

/* Privacy page: per-service activation status badges */
.svc-status {
	display: inline-block;
	margin-left: 0.35rem;
	padding: 0.05rem 0.5rem;
	border: 1px solid;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	white-space: nowrap;
	vertical-align: baseline;
}
.svc-status--on {
	color: var(--c-green, #20ad68);
	border-color: rgba(32, 173, 104, 0.45);
}
.svc-status--off {
	color: var(--c-text-muted, #9aa3b2);
	border-color: rgba(255, 255, 255, 0.18);
	font-weight: 500;
}

.scroll-top {
	position: fixed;
	right: 1.25rem;
	bottom: 1.25rem;
	z-index: 900;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid rgba(74, 222, 128, 0.35);
	background: var(--c-black-soft, #06080b);
	color: var(--c-text-soft);
	cursor: pointer;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 0.22s ease, transform 0.22s ease, border-color 0.2s ease, background 0.2s ease;
}

.scroll-top.is-in {
	opacity: 1;
	transform: translateY(0);
}

.scroll-top:hover,
.scroll-top:focus-visible {
	border-color: var(--c-green);
	background: rgba(32, 173, 104, 0.12);
	color: #ffffff;
}

.scroll-top:focus-visible {
	outline: 2px solid var(--c-green);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.scroll-top { transition: none; }
}

/* Hero CTA rows: deterministic stacking on small screens (fixes nis2 overflow) */
@media (max-width: 640px) {
  .sp-hero-ctas,
  .sp-hero .sp-hero-ctas { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; }
  .sp-hero-ctas > .sp-btn,
  .sp-hero .sp-hero-ctas > .sp-btn { grid-column: 1 !important; width: 100% !important; justify-self: stretch !important; max-width: 100% !important; box-sizing: border-box; }
}

/* Consistent 44px tap targets in the mobile header */
@media (max-width: 1189px) {
  .nav-toggle { min-width: 44px; min-height: 44px; justify-content: center; align-items: center; }
}

/* External-link modal: Turnstile gate + success checkmark */
.external-modal-turnstile { display: flex; justify-content: center; margin: 1rem 0 0.25rem; min-height: 65px; }
.modal-btn.is-waiting { position: relative; color: transparent !important; pointer-events: none; }
.modal-btn.is-waiting::after {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 18px;
	height: 18px;
	border: 2px solid rgba(0, 0, 0, 0.25);
	border-top-color: #ffffff;
	border-radius: 50%;
	animation: external-wait-spin 0.6s linear infinite;
}
.external-modal-success { display: grid; justify-items: center; gap: 0.9rem; padding: 1.4rem 0 0.6rem; color: var(--c-green-light, #6ee7a8); }
.external-modal-success p { margin: 0; color: var(--text-secondary, #b4bac3); font-size: 0.92rem; }
.external-check { stroke: var(--c-green, #20ad68); }
.external-check-circle { stroke-dasharray: 170; stroke-dashoffset: 170; animation: external-draw 0.55s ease-out forwards; }
.external-check-mark { stroke-dasharray: 40; stroke-dashoffset: 40; animation: external-draw 0.45s ease-out 0.45s forwards; }
@keyframes external-draw { to { stroke-dashoffset: 0; } }
@keyframes external-wait-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
	.external-check-circle, .external-check-mark { animation-duration: 0.01ms; animation-delay: 0s; }
	.modal-btn.is-waiting::after { animation-duration: 1.2s; }
}

/* Services mega menu: three columns (check, build & run, advise). */
@media (min-width: 993px) {
  .nav-dropdown--wide .nav-mega { grid-template-columns: minmax(0, 1fr) minmax(0, 17rem); }
  .nav-dropdown--wide .nav-mega-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.8rem 2rem; }
}


/* Consolidated header (2026-10): one bar, same height on every page, quiet hover. */
:root, body.home, html.topbar-hidden { --visible-header-height: 72px; }
.nav-bar, html.topbar-hidden .nav-bar, body.home .nav-bar { top: 0; }
main { padding-top: 72px; }
@media (max-width: 860px) { .nav-bar, html.topbar-hidden .nav-bar { top: 0; } main { padding-top: 72px; } }
.nav-link:hover, .nav-link:focus-visible { background: none; color: #fff; }
.nav-link::after, .nav-link:not(.nav-link-cta):hover::after, .nav-link:not(.nav-link-cta):focus-visible::after { display: none; }
.nav-dropdown.is-open .nav-dropdown-toggle, .nav-dropdown-toggle[aria-expanded="true"] { color: #fff; background: none; box-shadow: none; }
.nav-dropdown-toggle { background: none; }
.nav-link.nav-link--accent { color: #fff; font-weight: 600; }
.nav-link.nav-link--accent:hover { color: var(--c-text-muted, #c9ced4); }

/* Phone modal (2026-10): one column, one clear number, two quiet actions. */
.modal-panel.pm { display: block; width: min(26rem, 100%); max-width: min(26rem, 100%); padding: 1.9rem 1.9rem 1.6rem; }
.pm-head { display: flex; align-items: center; gap: 1rem; padding-right: 2rem; }
.pm-photo { flex: 0 0 56px; width: 56px; height: 56px; aspect-ratio: 1; border-radius: 50%; object-fit: cover; border: 1px solid rgba(255,255,255,.18); }
.pm-eyebrow { margin: 0 0 .2rem; color: var(--c-text-dim, #8b929a); font: 700 .66rem/1 var(--font-mono, ui-monospace, monospace); letter-spacing: .14em; text-transform: uppercase; }
.pm-name { margin: 0; color: #fff; font-size: 1.15rem; font-weight: 700; letter-spacing: -.01em; }
.pm-hours { display: flex; align-items: center; gap: .45rem; margin: .35rem 0 0; color: var(--c-text-muted, #9aa1a9); font-size: .85rem; }
.pm-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--c-green, #29c97a); }
[data-office-hours="closed"] .pm-dot { background: #6b7280; }
.pm-number { margin: 1.5rem 0 0; }
.pm-number .phone-reveal, .pm-number .phone-revealed { display: flex; justify-content: center; align-items: center; gap: .6rem; width: 100%; min-height: 52px; padding: 0 1rem; border: 1px solid #f5f7fa; background: #f5f7fa; color: #050607; font-size: 1.02rem; font-weight: 700; text-decoration: none; }
.pm-number .phone-reveal:hover, .pm-number .phone-revealed:hover { background: #fff; color: #050607; }
.pm-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-top: .6rem; }
.pm-btn { display: flex; justify-content: center; align-items: center; min-height: 46px; padding: 0 .8rem; border: 1px solid rgba(255,255,255,.16); background: transparent; color: var(--c-text-soft, #c9ced4); font-family: inherit; font-size: .9rem; font-weight: 600; line-height: 1.2; text-align: center; white-space: nowrap; text-decoration: none; cursor: pointer; transition: border-color .15s ease, color .15s ease; }
.pm-btn:hover, .pm-btn:focus-visible { border-color: rgba(255,255,255,.4); color: #fff; }
.pm-btn.sticky-cta-closed { grid-column: 1 / -1; }
@media (max-width: 480px) { .modal-panel.pm { padding: 1.6rem 1.3rem 1.3rem; } }
.pm-btn[data-copy-phone] > [data-copy-done] { display: none; }
.pm-btn[data-copy-phone].is-done > [data-copy-idle] { display: none; }
.pm-btn[data-copy-phone].is-done > [data-copy-done] { display: inline; color: var(--c-green, #29c97a); }

.footer-origin { margin: .9rem 0 0; }
.footer-origin .origin { display: inline-flex; align-items: center; gap: .5rem; font-size: .82rem; color: var(--c-text-muted, #9aa1a9); }
.footer-origin .origin-flag { border: 1px solid rgba(255,255,255,.18); }