: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: 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); background: var(--dc-surface); box-shadow: var(--dc-shadow); }
    .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; }
    .hero-shell { padding: 90px 0 48px; 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(2rem, 3vw, 3.1rem); font-weight: 800; letter-spacing: -0.03em; }
    .section-copy { color: var(--dc-muted); }
    .hero-checklist-wrap {
      max-width: 640px;
    }
    .hero-checklist {
      list-style: none;
      padding-left: 0;
      margin: 0;
      display: grid;
      gap: 14px;
    }
    .hero-checklist li {
      position: relative;
      padding-left: 34px;
      line-height: 1.65;
    }
    .hero-checklist li::before {
      content: "✓";
      position: absolute;
      left: 0;
      top: 1px;
      width: 22px;
      height: 22px;
      border-radius: 999px;
      background: rgba(46, 156, 96, 0.14);
      color: #2e9c60;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: .9rem;
      font-weight: 800;
      line-height: 1;
    }
    .hero-media {
      width: 100%;
      min-height: 360px;
      border-radius: 24px;
      overflow: hidden;
      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));
    }
    .hero-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top;
      display: block;
    }
    .feature-card { height: 100%; }
    .feature-card .card-body { padding: 28px; }
    .list-clean { padding-left: 1.1rem; }
    .list-clean li + li { margin-top: .6rem; }
    @media (max-width: 991.98px) { .navbar .btn { width: 100%; } .navbar-primary-menu { margin-left: 0; } }