.dv-landing{
      --dv-text:#111827;
      --dv-muted:#4b5563;
      --dv-border:#e5e7eb;
      --dv-bg:#ffffff;
      --dv-soft:#f9fafb;
      --dv-accent:#2563eb;
      --dv-accent2:#16a34a;
      --dv-warn:#b45309;
      --dv-radius:16px;

      color:var(--dv-text);
      background:var(--dv-bg);
      line-height:1.55;
      max-width: 980px;
      margin: 0 auto;
      padding: 24px 16px;
    }
    .dv-landing *{box-sizing:border-box;}
    .dv-hero{
      border:1px solid var(--dv-border);
      background: linear-gradient(180deg, var(--dv-soft), #fff);
      border-radius: var(--dv-radius);
      padding: 28px;
      box-shadow: 0 6px 24px rgba(0,0,0,.06);
    }
    .dv-kicker{
      display:inline-flex;
      gap:10px;
      align-items:center;
      padding:6px 12px;
      border-radius:999px;
      background:#eef2ff;
      color:#1e3a8a;
      font-weight:600;
      font-size:14px;
      margin-bottom:14px;
    }
    .dv-hero h1{
      margin: 0 0 10px 0;
      font-size: 34px;
      line-height:1.15;
      letter-spacing:-0.02em;
    }
    .dv-hero p{
      margin: 0 0 16px 0;
      color: var(--dv-muted);
      font-size: 18px;
      max-width: 72ch;
    }
    .dv-cta-row{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top: 18px;
    }
    .dv-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:12px 16px;
      border-radius: 12px;
      border:1px solid var(--dv-border);
      background:#fff;
      color: var(--dv-text);
      font-weight:700;
      text-decoration:none;
      cursor:pointer;
      transition: transform .05s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .dv-btn:hover{box-shadow:0 10px 20px rgba(0,0,0,.08); border-color:#cbd5e1;}
    .dv-btn:active{transform:translateY(1px);}
    .dv-btn--primary{
      background: var(--dv-accent);
      border-color: var(--dv-accent);
      color:#fff;
    }
    .dv-btn--primary:hover{border-color:#1d4ed8;}
    .dv-btn--success{
      background: var(--dv-accent2);
      border-color: var(--dv-accent2);
      color:#fff;
    }
    .dv-grid{
      display:grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 18px;
      margin-top: 18px;
      align-items: start;
    }
    @media (max-width: 860px){
      .dv-grid{grid-template-columns: 1fr;}
      .dv-hero h1{font-size: 28px;}
      .dv-hero p{font-size: 17px;}
    }
    .dv-card{
      border:1px solid var(--dv-border);
      background:#fff;
      border-radius: var(--dv-radius);
      padding: 18px;
    }
    .dv-card h2{
      margin: 0 0 10px 0;
      font-size: 20px;
      letter-spacing:-0.01em;
    }
    .dv-card p{margin: 0 0 10px 0; color: var(--dv-muted);}
    .dv-list{
      margin: 0;
      padding-left: 18px;
      color: var(--dv-text);
    }
    .dv-list li{margin: 8px 0;}
    .dv-note{
      border-left: 4px solid var(--dv-warn);
      background: #fffbeb;
      padding: 12px 14px;
      border-radius: 12px;
      color: #92400e;
      margin-top: 12px;
      font-size: 15px;
    }
    .dv-pricing{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-top: 18px;
    }
    @media (max-width: 680px){
      .dv-pricing{grid-template-columns: 1fr;}
    }
    .dv-price-card{
      border:1px solid var(--dv-border);
      border-radius: var(--dv-radius);
      padding: 18px;
      background: #fff;
      position: relative;
      overflow:hidden;
    }
    .dv-price-card--highlight{
      border-color:#bfdbfe;
      box-shadow: 0 10px 28px rgba(37,99,235,.12);
    }
    .dv-price-title{
      display:flex;
      justify-content:space-between;
      gap: 10px;
      align-items:baseline;
      margin-bottom: 8px;
    }
    .dv-price-title h3{
      margin:0;
      font-size: 18px;
    }
    .dv-badge{
      display:inline-flex;
      padding: 4px 10px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 800;
      background: #ecfdf5;
      color: #065f46;
      border:1px solid #bbf7d0;
      white-space:nowrap;
    }
    .dv-price{
      font-size: 34px;
      font-weight: 900;
      margin: 6px 0 10px 0;
      letter-spacing:-0.02em;
    }
    .dv-price small{
      font-size: 14px;
      color: var(--dv-muted);
      font-weight: 700;
    }
    .dv-divider{
      height:1px;
      background: var(--dv-border);
      margin: 16px 0;
    }
    .dv-section{
      margin-top: 18px;
    }
    .dv-section h2{
      margin: 0 0 10px 0;
      font-size: 22px;
      letter-spacing:-0.01em;
    }
    .dv-faq details{
      border:1px solid var(--dv-border);
      border-radius: 14px;
      padding: 12px 14px;
      background:#fff;
      margin: 10px 0;
    }
    .dv-faq summary{
      cursor:pointer;
      font-weight: 800;
    }
    .dv-faq p{
      margin: 10px 0 0 0;
      color: var(--dv-muted);
    }
    .dv-footer-cta{
      margin-top: 18px;
      border: 1px solid var(--dv-border);
      border-radius: var(--dv-radius);
      background: linear-gradient(180deg, #fff, var(--dv-soft));
      padding: 18px;
      display:flex;
      flex-wrap:wrap;
      gap: 12px;
      align-items:center;
      justify-content:space-between;
    }
    .dv-footer-cta h2{margin:0; font-size: 20px;}
    .dv-footer-cta p{margin:4px 0 0 0; color: var(--dv-muted);}
    .dv-small{
      font-size: 13px;
      color: var(--dv-muted);
      margin-top: 8px;
    }
    .dv-anchor{scroll-margin-top: 80px;}

.hero-image {
  background-repeat: 12px;
  margin-bottom: 36px;
  max-width: 100%;
  object-fit: cover;
}

@media (max-width: 991.98px) {
  
  .hero-image {
    height: 300px;
    margin-bottom: 24px;
  }
}