: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 40px rgba(15, 23, 42, 0.08);
      --dc-radius: 28px;
    }

    body {
      background: linear-gradient(180deg, #ffffff 0%, #f4f6fb 100%);
      color: var(--dc-dark);
    }

    .brand-accent { color: var(--dc-accent); }
    .soft-card { border: 0; border-radius: var(--dc-radius); box-shadow: var(--dc-shadow); background: var(--dc-surface); }
    .btn-brand { background: var(--dc-accent); border-color: var(--dc-accent); color: #fff; box-shadow: 0 16px 34px rgba(10, 203, 242, 0.24); }
    .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; box-shadow: 0 16px 34px rgba(255, 122, 89, 0.24); }
    .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; }
    .about-hero { padding: 96px 0 64px; background: radial-gradient(circle at top left, rgba(10, 203, 242, 0.14), transparent 28%), radial-gradient(circle at top right, rgba(255, 122, 89, 0.12), transparent 24%), linear-gradient(180deg, #ffffff 0%, #eef8fd 100%); }
    .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(1.9rem, 3vw, 2.9rem); font-weight: 800; letter-spacing: -0.03em; }
    .section-copy { color: var(--dc-muted); }
    .value-card h4, .soft-card h3 { letter-spacing: -0.02em; }
    .cta-card { padding: 32px; border-radius: var(--dc-radius); background: radial-gradient(circle at top right, rgba(255, 122, 89, 0.14), transparent 28%), radial-gradient(circle at bottom left, rgba(10, 203, 242, 0.10), transparent 30%), linear-gradient(180deg, #ffffff 0%, #fff8f4 100%); box-shadow: var(--dc-shadow); }
    .module-chip { display: inline-flex; align-items: center; border-radius: 999px; padding: 10px 16px; background: rgba(255,255,255,.82); border: 1px solid rgba(16,24,40,.08); font-weight: 600; }
    .media-placeholder {
      width: 100%;
      min-height: 320px;
      border-radius: 24px;
      border: 1px dashed rgba(16, 24, 40, 0.16);
      background:
        linear-gradient(135deg, rgba(10, 203, 242, 0.12), rgba(255, 122, 89, 0.10)),
        #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      overflow: hidden;
    }
    .media-placeholder img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .media-placeholder__label {
      padding: 28px;
      color: var(--dc-muted);
      font-weight: 600;
    }
    @media (max-width: 991.98px) { .navbar .btn { width: 100%; } .navbar-primary-menu { margin-left: 0; } }