/* One neutral identity throughout the commercial website. */
:root {
  --bg-dark: #232326; --bg-slate: #f7f7f8; --bg-light-gray: #f0f0f2;
  --color-primary: #262629; --color-primary-hover: #414146;
  --color-accent: #414146; --color-accent-hover: #262629; --color-accent-blue: #414146;
  --text-dark: #262629; --text-slate: #414146; --text-muted: #717177; --text-light-muted: #85858b;
  --border-color: #dedee2; --border-color-light: #eeeef0; --border-focus: #414146;
  --font-heading: var(--font-body);
  --shadow-sm: 0 2px 6px #00000005; --shadow-md: 0 4px 18px #00000006;
  --shadow-lg: 0 8px 28px #00000008; --shadow-xl: 0 16px 40px #0000000d;
}
h1, h2, h3, h4 { letter-spacing: -.035em; font-weight: 600; }
.section-title, .easy-quote-title { font-weight: 500; font-size: clamp(28px, 3vw, 40px); line-height: 1.2; }
.section-subtitle { max-width: 640px; line-height: 1.8; }
.section-badge { color: #717177; background: #ededf0; border-color: #dedee2; font-weight: 500; }
.stat-num, .wizard-result-val, .value-highlight { font-weight: 600; font-variant-numeric: tabular-nums; }
.nav-link { font-size: 13px; }
.btn { font-weight: 500; border-radius: 9px; }
.btn:hover { transform: none; }
.btn-primary:hover { box-shadow: 0 4px 14px #00000010; }
.stat-icon-wrapper, .featured-icon, .contact-icon, .contact-icon-wrapper { background: #efeff1; color: #414146; }
.solution-card-featured { border-color: #bdbdc3; box-shadow: var(--shadow-lg); }
.featured-badge, .badge-saving { background: #ededf0; color: #414146; }
.wizard-result-box.highlight-box { background: #f2f2f4; border-color: #d8d8dc; }
.wizard-option-btn:hover { background: #f5f5f6; border-color: #a5a5ad; color: #262629; }
.file-upload-label:hover { background: #f5f5f6; border-color: #a5a5ad; }
.solution-icon-wrap { background: #efeff1; color: #414146; }
.solution-card:hover, .project-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.cloud-feature-card { background: #232326; box-shadow: 0 12px 32px #00000012; }
.cloud-badge { background: #ffffff0d; color: #d4d4d8; border-color: #ffffff26; }
.mockup-screen { background: #303034; box-shadow: 0 12px 28px #00000020; }
.mockup-header, .mockup-kpi, .mockup-flow-diagram { background: #27272a; }
.mockup-dots span:nth-child(n) { background: #8e8e96; }
.highlight-kpi strong { color: #f4f4f5; }
.mockup-node i { background: #ffffff0d; color: #dedee3; }
.mockup-status { color: #dedee3; background: #ffffff0d; }
.status-dot { background: #dedee3; }
.mockup-status-bar { color: #dedee3; background: #ffffff0d; }
.info-icon { background: #efeff1; color: #414146; }
.mockup-node :is(i, svg) { background: #ffffff0d; color: #dedee3; }
.app-footer { background: #232326; }
.ursa-line-icon { display: inline-block; width: 20px; height: 20px; flex-shrink: 0; vertical-align: middle; }
.wizard-option-btn .ursa-line-icon { width: 28px; height: 28px; color: #717177; }
.solution-icon-wrap .ursa-line-icon { width: 25px; height: 25px; }
.hero-cta-group .ursa-line-icon, .highlight-item .ursa-line-icon { display: none; }
.sim-feat-item .ursa-line-icon, .solution-points .ursa-line-icon { width: 16px; height: 16px; margin-top: 3px; }
.mockup-node .ursa-line-icon { width: 42px; height: 42px; padding: 10px; border-radius: 50%; }
.diagram-node :is(i, svg) { background: #ffffff0d; color: #dedee3; width: 42px; height: 42px; padding: 10px; border-radius: 50%; }
.ursa-line-icon.info-icon { width: 42px; height: 42px; padding: 11px; }
.btn .ursa-line-icon { width: 16px; height: 16px; }
.whatsapp-float { background: #262629; box-shadow: 0 6px 20px #00000018; width: 50px; height: 50px; font-size: 24px; }
.whatsapp-float:hover { background: #414146; box-shadow: 0 8px 22px #00000024; }
.footer-logo { filter: grayscale(1); }
#formSuccessMsg > :is(i, svg) { color: #414146 !important; }
#lightboxLocation { color: #d4d4d8 !important; }
.section :is(.fa-solid, .fa-brands) { color: inherit; }
.stat-icon-wrapper, .solution-icon-wrap { border-radius: 12px; }
.brand-subtitle { color: #717177; }
.hero-title { font-weight: 500; }
@media (max-width: 480px) {
  .section { padding: 54px 0; }
  .wizard-card, .contact-card { padding: 22px; }
  .section-title, .easy-quote-title { font-size: 28px; }
}