:root {
      --dc-bg: #f4f6fb;
      --dc-dark: #101828;
      --dc-muted: #667085;
      --dc-accent: #0acbf2;
      --dc-accent-dark: #089fbc;
      --dc-warm: #ff7a59;
      --dc-warm-dark: #e45d3b;
      --dc-surface: #ffffff;
      --dc-shadow: 0 20px 44px rgba(16, 24, 40, 0.08);
      --dc-radius: 28px;
    }

    body {
      background:
        radial-gradient(circle at top left, rgba(10, 203, 242, 0.12), transparent 28%),
        radial-gradient(circle at top right, rgba(255, 122, 89, 0.12), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f4f6fb 100%);
      color: var(--dc-dark);
    }

    .brand-accent { color: var(--dc-accent); }
    .btn-brand { background: var(--dc-accent); border-color: var(--dc-accent); color: #fff; }
    .btn-brand:hover, .btn-brand:focus { background: var(--dc-accent-dark); border-color: var(--dc-accent-dark); color: #fff; }
    .btn-warm { background: var(--dc-warm); border-color: var(--dc-warm); color: #fff; }
    .btn-warm:hover, .btn-warm:focus { background: var(--dc-warm-dark); border-color: var(--dc-warm-dark); color: #fff; }
    .btn-outline-brand { border-color: rgba(10, 203, 242, 0.34); color: var(--dc-accent-dark); background: #fff; }
    .btn-outline-brand:hover, .btn-outline-brand:focus { background: var(--dc-accent); border-color: var(--dc-accent); color: #fff; }
    .navbar-primary-menu { margin-left: 28px; }
    .navbar-primary-link { color: var(--dc-dark); text-decoration: none; padding: 10px 0; font-weight: 500; }
    .navbar-primary-link:hover, .navbar-primary-link:focus { color: var(--dc-dark); opacity: .75; }
    .navbar-primary-link.active { color: #0acbf2; }
    .soft-card { border: 0; border-radius: var(--dc-radius); background: var(--dc-surface); box-shadow: var(--dc-shadow); }
    .section-kicker { color: var(--dc-warm-dark); text-transform: uppercase; letter-spacing: .09em; font-size: .78rem; font-weight: 800; margin-bottom: 10px; }
    .section-title { font-size: clamp(2rem, 3vw, 3.1rem); font-weight: 800; letter-spacing: -0.03em; }
    .section-copy { color: var(--dc-muted); }
    .hero-shell { padding: 92px 0 54px; }
    .solution-card { height: 100%; }
    .solution-card .card-body { padding: 30px; }
    .solution-card__media {
      width: 100%;
      aspect-ratio: 16 / 10;
      object-fit: cover;
      object-position: top;
      display: block;
      border-top-left-radius: var(--dc-radius);
      border-top-right-radius: var(--dc-radius);
      border-bottom: 1px solid rgba(16, 24, 40, 0.06);
      background: linear-gradient(135deg, rgba(10, 203, 242, 0.12), rgba(255, 122, 89, 0.10));
    }
    .media-placeholder {
      width: 100%;
      min-height: 340px;
      border-radius: 24px;
      border: 1px dashed rgba(16, 24, 40, 0.16);
      overflow: hidden;
      background: linear-gradient(135deg, rgba(10, 203, 242, 0.12), rgba(255, 122, 89, 0.10));
    }
    .media-placeholder img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top;
      display: block;
    }
    .solution-card ul { padding-left: 1.1rem; color: var(--dc-muted); }
    .solution-card li + li { margin-top: .45rem; }
    @media (max-width: 991.98px) { .navbar .btn { width: 100%; } .navbar-primary-menu { margin-left: 0; } }