:root {
  --ink: #232323;
  --muted: #55616b;
  --teal: #177fa9;
  --deep: #142f43;
  --lime: #f6921e;
  --paper: #f7f9fb;
  --line: #dce5eb;
  --brand-blue: #26a9e0;
  --brand-orange: #f6921e;
}

body { background: var(--paper); }
.site-header { background: #ffffffed; border-bottom: 1px solid #dce5eb; }
.nav { min-height: 94px; }
.brand { display: inline-flex; flex: 0 0 auto; width: 200px; }
.brand img { display: block; width: 100%; height: auto; }
.nav-links { gap: 24px; }
.nav-links a:hover, .footer-links a:hover { color: var(--brand-blue); }
.lang { border-color: #bdd3df; }
.lang:hover { border-color: var(--brand-blue); color: #126c94; }
.button { background: var(--brand-orange); color: #182733; border-radius: 6px; }
.button:hover { box-shadow: 0 10px 24px #f6921e38; }
.button-dark { background: #167fa9; color: white; }
.button-dark:hover { box-shadow: 0 10px 24px #167fa938; }
.button-outline { background: transparent; border-color: #7fcbe9; color: white; }

.hero { background: #132e42; }
.hero::before { width: 510px; height: 360px; right: -60px; top: 45px; border: 0; border-radius: 0; box-shadow: none; background: url('favicon.svg') center / contain no-repeat; opacity: .13; }
.hero::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, var(--brand-blue) 0 72%, var(--brand-orange) 72% 100%); }
.eyebrow { color: #8dd9f7; }
.eyebrow::before { background: var(--brand-orange); }
h1 em { color: #ffad4b; }
.hero-copy, .contact p, .feature-panel p { color: #d7e6ed; }
.hero-note { color: #c5d8e2; }
.hero-card { border-color: #6fb5d142; background: #ffffff0d; transform: none; }
.live::before { background: var(--brand-orange); box-shadow: 0 0 0 5px #f6921e29; }
.flow-row { border-left: 3px solid var(--brand-blue); }
.flow-row span:last-child { color: #ffb75e; }
.trust-strip { border-top: 0; }
.trust-inner strong { color: #1d4056; }
.section-kicker, .service-number, .step span, .entity small { color: #126f98; }
.service-card { border-radius: 10px; }
.service-card:hover { border-color: var(--brand-blue); }
.service-card:nth-child(3n+2) .service-number { color: #bc5b00; }
.service-image { background: #eaf3f7; }
.service-content { border-top: 4px solid var(--brand-blue); }
.service-card:nth-child(3n+2) .service-content { border-top-color: var(--brand-orange); }
.feature { background: #eaf5fa; }
.feature-panel { background: #183b54; border-radius: 12px; }
.feature-panel::after { color: #26a9e017; }
.check-list li { border-color: #cbdde7; }
.check-list li::before { color: #cb6e0a; }
.step { border-color: var(--brand-blue); }
.step:nth-child(2) { border-color: var(--brand-orange); }
.entity { border-radius: 10px; }
.contact { background: #17384e; }
.contact .section-kicker { color: #8dd9f7; }
.contact-card { border-color: #66b4d142; border-radius: 10px; }
.site-footer { background: #102737; }
.footer-inner { min-height: 98px; }
.footer-logo { display: block; width: 148px; height: auto; }
.footer-meta { display: flex; align-items: center; gap: 26px; }
a:focus-visible { outline: 3px solid var(--brand-orange); outline-offset: 4px; }

@media (max-width: 900px) {
  .nav { min-height: 82px; }
  .brand { width: 180px; }
}
@media (max-width: 600px) {
  .nav { min-height: 74px; }
  .brand { width: 154px; }
  .footer-inner { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
  .footer-meta { gap: 14px; flex-wrap: wrap; }
  .footer-logo { width: 135px; }
  .hero::before { width: 300px; right: -150px; top: 90px; opacity: .08; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .button, .service-card { transition: none; }
}