/* ─── Hero ────────────────────────────────────────────────── */
.vd-hero{ max-width:var(--wrap); margin:0 auto; padding:64px 40px 32px; }
.vd-hero__grid{ display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:center; }
.vd-hero__chip{ padding:6px 12px; font-size:13px; }
.vd-hero__h1{ font-size:88px; margin:20px 0 0; line-height:.98; letter-spacing:-.04em; }
.vd-hero__accent-green{ font-size:96px; color:var(--green); }
.vd-hero__accent-soft{ font-size:96px; color:var(--ink-soft); }
.vd-hero__desc{ font-size:17px; line-height:1.6; color:var(--ink-2); margin-top:24px; max-width:460px; }
.vd-hero__cta{ display:flex; gap:12px; margin-top:32px; }
.vd-hero__trust{ display:flex; gap:32px; margin-top:40px; padding-top:32px; border-top:1px solid var(--line); }
.vd-hero__stat{ display:flex; flex-direction:column; gap:4px; }
.vd-hero__stat-v{ display:flex; align-items:center; gap:6px; }
.vd-hero__stat-v span{ font-size:22px; font-weight:600; }
.vd-hero__stat-s{ font-size:13px; color:var(--ink-soft); }

.vd-hero__visual{ position:relative; height:580px; }
.vd-hero__photo-main{ position:absolute; top:0; right:0; width:360px; height:460px; border-radius:32px; overflow:hidden; background:var(--mint-2); }
.vd-hero__photo-main img{ width:100%; height:100%; object-fit:cover; }
.vd-hero__photo-inset{ position:absolute; bottom:0; left:0; width:240px; height:240px; border-radius:24px; overflow:hidden; background:var(--white); border:6px solid var(--white); box-shadow:0 30px 60px -20px rgba(15,26,20,.25); }
.vd-hero__photo-inset img{ width:100%; height:100%; object-fit:cover; }
.vd-hero__metric{ position:absolute; top:60px; left:8px; padding:12px 16px; background:var(--white); border:1px solid var(--line); border-radius:16px; box-shadow:0 16px 32px -16px rgba(15,26,20,.2); display:flex; align-items:center; gap:12px; }
.vd-hero__metric-ico{ width:36px; height:36px; border-radius:12px; background:var(--mint-2); display:flex; align-items:center; justify-content:center; }
.vd-hero__metric-label{ display:block; font-size:11px; color:var(--ink-soft); }
.vd-hero__metric-v{ display:block; font-size:17px; font-weight:600; }
.vd-hero__seal{ position:absolute; bottom:32px; right:24px; width:100px; height:100px; border-radius:999px; background:var(--lime); display:flex; align-items:center; justify-content:center; transform:rotate(-8deg); font-size:18px; line-height:1.1; text-align:center; color:var(--green-dark); }

/* ─── Categories ──────────────────────────────────────────── */
.vd-categories__grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.vd-cat-tile{ border-radius:18px; padding:18px; display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; transition:transform .15s; }
.vd-cat-tile:hover{ transform:translateY(-3px); }
.vd-cat-tile__photo{ width:100px; height:100px; border-radius:999px; overflow:hidden; background:var(--white); }
.vd-cat-tile__photo img{ width:100%; height:100%; object-fit:cover; }
.vd-cat-tile__title{ font-size:16px; font-weight:600; }
.vd-cat-tile__count{ font-size:12px; color:var(--ink-soft); }

/* ─── Promise ─────────────────────────────────────────────── */
.vd-promise-wrap{ padding:64px 40px; }
.vd-promise{ background:var(--green); color:var(--white); border-radius:28px; padding:56px; display:grid; grid-template-columns:1fr 1fr; gap:56px; position:relative; overflow:hidden; }
.vd-promise__deco{ position:absolute; border-radius:999px; }
.vd-promise__deco--lg{ right:-80px; bottom:-120px; width:360px; height:360px; background:rgba(255,255,255,.06); }
.vd-promise__deco--leaf{ right:60px; top:-60px; width:180px; height:180px; background:var(--leaf); opacity:.25; }
.vd-promise__copy{ position:relative; z-index:2; }
.vd-promise__chip{ background:rgba(255,255,255,.14); color:#fff; padding:6px 14px; font-size:13px; }
.vd-promise__chip-dot{ width:6px; height:6px; border-radius:999px; background:var(--lime); }
.vd-promise__h2{ font-size:56px; margin:20px 0 0; line-height:1; letter-spacing:-.04em; }
.vd-promise__accent{ color:var(--lime); font-size:60px; }
.vd-promise__desc{ font-size:16px; line-height:1.6; opacity:.9; margin-top:22px; max-width:420px; }
.vd-promise__cards{ position:relative; z-index:2; display:flex; flex-direction:column; gap:14px; }
.vd-promise__card{ padding:20px; background:rgba(255,255,255,.08); border-radius:16px; border:1px solid rgba(255,255,255,.12); }
.vd-promise__card-head{ display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.vd-promise__card-head span{ font-size:17px; font-weight:600; }
.vd-promise__card-text{ font-size:13.5px; opacity:.82; line-height:1.55; padding-left:26px; }

/* ─── Responsive ──────────────────────────────────────────── */
@media (max-width:1024px){
  .vd-hero{ padding:40px 24px 24px; }
  .vd-hero__grid{ grid-template-columns:1fr; gap:40px; }
  .vd-hero__h1{ font-size:64px; }
  .vd-hero__accent-green, .vd-hero__accent-soft{ font-size:70px; }
  .vd-hero__visual{ height:480px; }
  .vd-categories__grid{ grid-template-columns:repeat(3,1fr); }
  .vd-promise{ grid-template-columns:1fr; gap:36px; padding:40px; }
  .vd-promise__h2{ font-size:44px; }
  .vd-promise__accent{ font-size:48px; }
}
@media (max-width:640px){
  .vd-hero__h1{ font-size:48px; }
  .vd-hero__accent-green, .vd-hero__accent-soft{ font-size:52px; }
  .vd-hero__trust{ flex-wrap:wrap; gap:20px; }
  .vd-hero__visual{ height:360px; }
  .vd-hero__photo-main{ width:100%; height:100%; }
  .vd-hero__photo-inset, .vd-hero__metric, .vd-hero__seal{ display:none; }
  .vd-categories__grid{ grid-template-columns:repeat(2,1fr); }
  .vd-promise-wrap{ padding:32px 16px; }
}