
      .dv-section { padding: 96px 0; }
      @media (max-width: 880px) { .dv-section { padding: 64px 0; } }
      .dv-container { max-width: var(--site-max); margin: 0 auto; padding: 0 48px; }
      @media (max-width: 880px) { .dv-container { padding: 0 24px; } }

      
      .dv-eyebrow {
        font-family: var(--font-mono);
        font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
        color: var(--ink-500); font-weight: 600;
      }

      
      .dv-h2 {
        font-family: var(--font-sans); font-weight: 600;
        font-size: clamp(28px, 3vw, 36px); letter-spacing: -0.018em; line-height: 1.15;
        color: var(--ink-900); margin: 0; max-width: 22ch;
      }
      .dv-h2 em {
        font-family: var(--font-sans); font-weight: 300; font-style: normal; letter-spacing: -0.06em;
        font-weight: 400; color: var(--accent-500);
      }
      .dv-body {
        font-family: var(--font-sans); font-size: 15px; line-height: 1.6;
        color: var(--ink-700); margin: 0; max-width: 60ch;
      }

      
      .dv-p03 {
        display: grid; grid-template-columns: 180px 1fr; gap: 48px;
        align-items: start; padding-top: 24px; border-top: 1px solid var(--ink-200);
      }
      @media (max-width: 880px) { .dv-p03 { grid-template-columns: 1fr; gap: 16px; } }
      .dv-p03__marker {
        font-family: var(--font-mono);
        font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
        color: var(--ink-500); font-weight: 600; padding-top: 8px;
      }

      
      .dv-p02 {
        display: grid; grid-template-columns: 1fr 1.4fr; gap: 48px; align-items: start;
        margin-bottom: 56px;
      }
      @media (max-width: 880px) { .dv-p02 { grid-template-columns: 1fr; gap: 16px; } }

      
      .dv-card-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 32px; }
      @media (max-width: 880px) { .dv-card-grid { grid-template-columns: 1fr; } }
      .dv-card-grid--2x2 { grid-template-columns: 1fr 1fr; }
      @media (max-width: 880px) { .dv-card-grid--2x2 { grid-template-columns: 1fr; } }
      .dv-card {
        padding: 32px; background: var(--paper-00); border: 1px solid var(--ink-200);
        border-radius: 18px;
      }
      .dv-card__num {
        font-family: var(--font-mono);
        font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
        color: var(--ink-500); font-weight: 600; margin: 0 0 12px 0;
      }
      .dv-card__title {
        font-family: var(--font-sans); font-size: clamp(18px, 1.6vw, 22px);
        font-weight: 600; line-height: 1.2; letter-spacing: -0.01em;
        color: var(--ink-900); margin: 0 0 12px 0;
      }
      .dv-card__title em {
        font-family: var(--font-sans); font-weight: 300; font-style: normal; letter-spacing: -0.06em;
        font-weight: 400; color: var(--accent-500);
      }
      .dv-card__body {
        font-family: var(--font-sans); font-size: 14px; line-height: 1.55;
        color: var(--ink-700); margin: 0;
      }

      
      .dv-pullquote {
        margin: 64px 0; padding: 56px 32px;
        border-top: 1px solid var(--ink-200); border-bottom: 1px solid var(--ink-200);
        text-align: center;
      }
      .dv-pullquote p {
        font-family: var(--font-sans); font-weight: 300; font-style: normal; letter-spacing: -0.06em;
        font-size: clamp(32px, 3.6vw, 48px); line-height: 1.15; letter-spacing: -0.015em;
        color: var(--ink-900); margin: 0 auto; max-width: min(36ch, 880px);
      }

      
      .dv-stairs {
        display: flex; flex-direction: column; gap: 96px;
        max-width: var(--site-max); margin: 0 auto;
      }
      @media (max-width: 980px) { .dv-stairs { gap: 56px; } }
      .dv-stair {
        display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; align-items: center;
      }
      @media (max-width: 980px) { .dv-stair { grid-template-columns: 1fr; gap: 32px; } }
      .dv-stair:nth-child(even) { direction: rtl; }
      .dv-stair:nth-child(even) > * { direction: ltr; }
      .dv-stair__num {
        font-family: var(--font-mono); font-size: 11px;
        letter-spacing: 0.12em; text-transform: uppercase;
        color: var(--ink-500); font-weight: 600;
      }
      .dv-stair__h {
        font-family: var(--font-sans); font-size: clamp(22px, 2.2vw, 28px);
        font-weight: 600; letter-spacing: -0.015em; line-height: 1.15;
        color: var(--ink-900); margin: 14px 0 0; max-width: 22ch;
      }
      .dv-stair__h em {
        font-family: var(--font-sans); font-weight: 300; font-style: normal; letter-spacing: -0.06em;
        font-weight: 400; color: var(--accent-500);
      }
      .dv-stair__p {
        margin: 14px 0 0; font-size: 14.5px; line-height: 1.6;
        color: var(--ink-700); max-width: 42ch;
      }
      .dv-stair__visual {
        background: var(--paper-20); border-radius: 24px;
        min-height: 380px; padding: 40px;
        display: flex; align-items: center; justify-content: center; overflow: hidden;
      }
      .dv-mockup {
        background: var(--paper-00); border-radius: 14px;
        box-shadow: 0 24px 56px -16px rgba(10,10,11,0.16), 0 8px 20px rgba(10,10,11,0.06);
        padding: 22px 24px; width: 86%; max-width: 360px;
        font-family: var(--font-sans);
      }
      .dv-mockup__head {
        display: flex; align-items: center; gap: 8px; margin-bottom: 14px;
        font-family: var(--font-mono); font-size: 10px;
        font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
        color: var(--ink-500);
      }
      .dv-mockup__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent-500); }
      .dv-mockup__row {
        display: flex; align-items: center; gap: 10px; padding: 10px 12px;
        background: var(--paper-20); border-radius: 8px; margin-bottom: 6px;
        font-size: 12px; color: var(--ink-700);
      }
      .dv-mockup__check {
        width: 16px; height: 16px; border-radius: 50%; background: #1A7A47;
        color: #fff; font-size: 10px; font-weight: 700; flex-shrink: 0;
        display: inline-flex; align-items: center; justify-content: center;
      }
      .dv-mockup__arrow {
        width: 16px; height: 16px; border-radius: 50%; background: var(--accent-500);
        color: var(--ink-900); font-size: 10px; font-weight: 700; flex-shrink: 0;
        display: inline-flex; align-items: center; justify-content: center;
      }
      .dv-mockup__pill {
        display: inline-block; padding: 4px 10px; background: rgba(245,184,0,0.15);
        color: var(--accent-700); border-radius: 9999px;
        font-size: 10px; font-weight: 600; letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      
      .dv-p01 {
        display: grid; grid-template-columns: 1fr 1.6fr; gap: 64px; align-items: start;
      }
      @media (max-width: 980px) { .dv-p01 { grid-template-columns: 1fr; gap: 40px; } }

      
      .dv-hairline-item {
        display: grid; grid-template-columns: 28px 1fr; gap: 16px;
        padding: 16px 0; border-top: 1px solid var(--ink-200);
        align-items: start;
      }
      .dv-hairline-item:last-child { border-bottom: 1px solid var(--ink-200); }
      .dv-hairline-item__num {
        font-family: var(--font-mono);
        font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
        color: var(--ink-500); font-weight: 600; padding-top: 4px;
      }
      .dv-hairline-item__h {
        font-family: var(--font-sans); font-size: 15px; font-weight: 600;
        margin: 0 0 6px 0; color: var(--ink-900); letter-spacing: -0.005em;
      }
      .dv-hairline-item__p {
        font-family: var(--font-sans); font-size: 14px; line-height: 1.55;
        color: var(--ink-700); margin: 0;
      }

      
      .dv-vendorswap-grid {
        display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 64px;
      }
      @media (max-width: 1100px) {
        .dv-vendorswap-grid { grid-template-columns: repeat(2, 1fr); }
      }
      @media (max-width: 640px) {
        .dv-vendorswap-grid { grid-template-columns: 1fr; }
      }

      .dv-vs-card { display: flex; flex-direction: column; }
      .dv-vs-card__panel {
        position: relative; aspect-ratio: 1 / 1; border-radius: 18px;
        overflow: hidden; display: flex; align-items: center; justify-content: center;
        padding: 36px;
      }
      .dv-vs-card__panel--sand { background: #E5DDC5; }
      .dv-vs-card__panel--steel { background: #C5CDD0; }
      .dv-vs-card__panel--cream { background: #EFE7D8; }
      .dv-vs-card__panel--gold { background: #F5EDD0; border: 1.5px dashed rgba(166, 120, 0, 0.35); }

      .dv-vs-card__title {
        font-family: var(--font-sans); font-weight: 600; font-size: 17px;
        letter-spacing: -0.01em; line-height: 1.3; color: var(--ink-900);
        margin: 20px 0 8px 0;
      }
      .dv-vs-card__title em {
        font-family: var(--font-sans); font-weight: 300; font-style: normal; letter-spacing: -0.06em;
        font-weight: 400; color: var(--accent-500);
      }
      .dv-vs-card__body {
        font-family: var(--font-sans); font-size: 13.5px; line-height: 1.55;
        color: var(--ink-500); margin: 0 0 14px 0;
      }
      .dv-vs-card__vorbild {
        font-family: var(--font-sans); font-weight: 300; font-style: normal; letter-spacing: -0.06em;
        font-size: 12.5px; color: var(--ink-500); margin: 0;
      }
      .dv-vs-card__cta {
        display: inline-flex; align-items: center; gap: 6px;
        font-family: var(--font-sans); font-weight: 500; font-size: 13px;
        color: var(--ink-900); text-decoration: none;
        border-bottom: 1px solid var(--accent-500); padding-bottom: 3px;
        align-self: flex-start;
      }

      
      .dv-vsm1 {
        background: var(--paper-00); border-radius: 12px;
        box-shadow: 0 20px 40px -16px rgba(60,40,10,0.18), 0 6px 16px rgba(60,40,10,0.08);
        padding: 14px 14px 12px 14px; width: 84%; max-width: 220px;
        font-family: var(--font-sans);
      }
      .dv-vsm1__row {
        display: flex; align-items: center; gap: 8px; padding: 6px 0;
        font-size: 11px; color: var(--ink-900); font-weight: 500;
        border-bottom: 1px solid var(--ink-200);
      }
      .dv-vsm1__row:last-of-type { border-bottom: none; }
      .dv-vsm1__dot {
        width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;
      }
      .dv-vsm1__dot--red { background: #C53636; }
      .dv-vsm1__dot--yellow { background: var(--accent-500); }
      .dv-vsm1__dot--green { background: #1A7A47; }
      .dv-vsm1__apply {
        display: block; width: 100%; margin-top: 8px;
        padding: 8px 10px; background: var(--ink-900); color: #fff;
        font-size: 11px; font-weight: 600; border-radius: 6px;
        text-align: center; border: none;
      }

      
      .dv-vsm2 {
        background: var(--paper-00); border-radius: 12px;
        box-shadow: 0 20px 40px -16px rgba(50,60,70,0.20), 0 6px 16px rgba(50,60,70,0.10);
        padding: 18px; width: 88%; max-width: 240px;
        font-family: var(--font-sans);
      }
      .dv-vsm2__head {
        font-size: 10px; color: var(--ink-500); letter-spacing: 0.06em;
        text-transform: uppercase; font-weight: 600; margin: 0 0 12px 0;
      }
      .dv-vsm2__amount {
        font-family: var(--font-sans); font-weight: 300; font-style: normal; letter-spacing: -0.06em;
        font-weight: 400; font-size: 32px; line-height: 1; color: var(--ink-900);
        letter-spacing: -0.02em; margin: 0 0 6px 0;
      }
      .dv-vsm2__amount-sub {
        font-size: 11.5px; color: var(--ink-500); margin: 0 0 16px 0;
      }
      .dv-vsm2__badge {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 5px 10px; background: rgba(26,122,71,0.12); color: #1A7A47;
        border-radius: 9999px; font-size: 11px; font-weight: 600;
      }
      .dv-vsm2__check {
        width: 12px; height: 12px; border-radius: 50%; background: #1A7A47;
        color: #fff; font-size: 9px; font-weight: 700;
        display: inline-flex; align-items: center; justify-content: center;
      }

      
      .dv-vsm3 {
        background: var(--paper-00); border-radius: 12px;
        box-shadow: 0 20px 40px -16px rgba(40,30,10,0.16), 0 6px 16px rgba(40,30,10,0.08);
        padding: 16px; width: 90%; max-width: 250px;
        font-family: var(--font-sans);
      }
      .dv-vsm3__q {
        font-size: 11.5px; font-weight: 600; color: var(--ink-900);
        margin: 0 0 10px 0; line-height: 1.4;
      }
      .dv-vsm3__a {
        font-size: 11.5px; color: var(--ink-700); line-height: 1.5;
        margin: 0 0 12px 0; padding: 10px 12px;
        background: rgba(245,184,0,0.10);
        border-radius: 0 6px 6px 0;
      }
      .dv-vsm3__meta {
        display: flex; align-items: center; gap: 8px;
        font-size: 10px; color: var(--ink-500); font-weight: 500;
      }
      .dv-vsm3__source {
        padding: 3px 8px; background: var(--paper-20); border-radius: 9999px;
        color: var(--ink-700); font-weight: 500;
      }

      
      .dv-vsm4 {
        font-family: var(--font-sans); font-weight: 300; font-style: normal; letter-spacing: -0.06em;
        font-weight: 400; font-size: clamp(72px, 8vw, 112px); line-height: 1;
        color: var(--accent-500); letter-spacing: -0.02em;
      }

      
      .dv-reveal {
        opacity: 0; transform: translateY(12px); filter: blur(4px);
        transition: opacity 0.46s cubic-bezier(0.23, 1, 0.32, 1),
                    transform 0.46s cubic-bezier(0.23, 1, 0.32, 1),
                    filter 0.46s cubic-bezier(0.23, 1, 0.32, 1);
      }
      .dv-reveal.visible { opacity: 1; transform: translateY(0); filter: blur(0); }

      
      @media (prefers-reduced-motion: reduce) {
        .dv-reveal { opacity: 1; transform: none; filter: none; transition: none; }
      }
