.dh-d{background:var(--sky-soft);color:var(--ink);border-bottom:1px solid var(--sky-rule)}
.dh-d-in{padding:84px 40px 0;max-width:900px}
.dh-d .crumbs{color:var(--mut)}
.dh-d h1{font-size:56px;line-height:1.04;font-weight:700;letter-spacing:-.04em;margin-bottom:22px}
.dh-d .lead{font-size:19px;line-height:1.6;max-width:660px;color:var(--body)}
.dh-d-board{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:48px 40px 0;background:#fff;border:1px solid var(--rule);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.dh-d-col{padding:28px 30px 26px}
.dh-d-col+.dh-d-col{border-left:1px solid var(--rule)}
.dh-d-h{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:2px solid var(--navy);margin-bottom:6px}
.dh-d-h i{width:14px;height:14px;border-radius:4px;flex:0 0 auto;background:var(--mari)}
.dh-d-col.us .dh-d-h i{background:var(--navy)}
.dh-d-h b{font-size:24px;letter-spacing:-.025em}
.dh-d-h small{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--mut)}
.dh-d-col ul{list-style:none}
.dh-d-col li{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--rule)}
.dh-d-col li:last-child{border-bottom:0}
.dh-d-col li b{font-size:17px;letter-spacing:-.01em}
.dh-d-col li small{grid-column:1/-1;font-size:14px;line-height:1.5;color:var(--mut)}
.dh-d-col li .pill2{font-size:10.5px}
.dh-d-ag{grid-column:1/-1;display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:16px 30px;border-top:1px solid var(--sky-rule);background:linear-gradient(90deg,transparent 18px,rgba(242,179,61,.85) 18px 20px,transparent 20px),var(--sky)}
.dh-d-ag b{font-size:15px;padding-left:12px}
.dh-d-ag span{font-size:14.5px;color:var(--navy)}
.dh-d-bot{display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap;padding:34px 40px 76px}
.dh-d-bot p{font-size:20px;font-weight:600;letter-spacing:-.015em;max-width:560px}
.dh-d-bot .actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.dh-d-bot .explore{margin-top:0}


@media (prefers-reduced-motion:no-preference){
  .op-js .dh-d-col li{opacity:0;transform:translateX(-8px);transition:opacity .4s ease,transform .4s ease}
  .op-js .is-in .dh-d-col li{opacity:1;transform:none}
  .op-js .is-in .dh-d-col li:nth-child(2){transition-delay:.12s}
  .op-js .is-in .dh-d-col li:nth-child(3){transition-delay:.24s}
  .op-js .is-in .dh-d-col li:nth-child(4){transition-delay:.36s}
  .op-js .is-in .dh-d-col.us li{transition-delay:.45s}
  .op-js .is-in .dh-d-col.us li:nth-child(2){transition-delay:.57s}
  .op-js .is-in .dh-d-col.us li:nth-child(3){transition-delay:.69s}
  .op-js .is-in .dh-d-col.us li:nth-child(4){transition-delay:.81s}
}

@media (max-width:1000px){
  .dh-d-in{padding:60px 16px 0}
  .dh-d h1{font-size:38px;line-height:1.08}
  .dh-d .lead{font-size:17px}
  .dh-d-board{grid-template-columns:1fr;margin:36px 16px 0}
  .dh-d-col{padding:22px 18px 18px}
  .dh-d-col+.dh-d-col{border-left:0;border-top:1px solid var(--rule)}
  .dh-d-h b{font-size:21px}
  .dh-d-ag{padding:14px 18px 14px 34px;gap:8px 16px}
  .dh-d-bot{padding:28px 16px 60px}
  .dh-d-bot p{font-size:18px}
}