body.ldev{background:#000} 
.ldev .dv-hero{position:relative;padding:clamp(32px,7vh,80px) 0 clamp(24px,5vh,80px);background:#000;color:#f5f5f7;text-align:center;overflow:clip;--ink:#f5f5f7;--ink2:#a1a1a6}
.dv-hero .dv-h{max-width:none;margin:0;font:600 clamp(56px,min(7vw,11vh),96px)/1.04 var(--font-sans);letter-spacing:-.02em;color:#f5f5f7}
.dv-tag{max-width:900px;margin:var(--s-16) auto 0;font:600 clamp(21px,4.6vh,28px)/1.2 var(--font-sans);letter-spacing:-.01em;color:#86868b;text-wrap:balance}
.dv-tag b{font-weight:inherit;color:#f5f5f7}
.dv-hero .dv-act{margin-top:var(--s-32)}
.dv-hero .dv-more{color:var(--neu-ink-dark)}
.dv-hero > .wrap > *{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease-reveal),transform .9s var(--ease-reveal)}
.dv-hero > .wrap > :nth-child(2){transition-delay:.12s}.dv-hero > .wrap > :nth-child(3){transition-delay:.24s}.dv-hero > .wrap > :nth-child(4){transition-delay:.36s}
.dv-hero.on > .wrap > *{opacity:1;transform:none}
.dh-stage{position:relative;max-width:1100px;margin:clamp(24px,5vh,64px) auto 0} 
.dh-box{position:absolute;left:0;top:0;transform-origin:0 0;text-align:left;font-family:var(--font-sans)}
.dh-box > *{position:absolute;left:0;top:0}
.dh-box svg{display:block}

.dh2-lines{overflow:visible}
.dh2-lines path{fill:none;stroke:#3a3a3c;stroke-width:1.5}
.dh2-lines path.dh2-out{stroke:rgba(238,85,0,.55)}
.dh-s2.dh-go .dh2-lines path{transition:stroke-dashoffset .7s var(--ease-reveal)}
.dh2-lines circle{fill:#FF9459}
.dh2-node,.dh2-core{display:flex;align-items:center;gap:10px;height:48px;padding:0 18px 0 8px;border-radius:24px;background:#1c1c1e;box-shadow:0 0 0 1px #2c2c2e inset;transform:translate(-50%,-50%);white-space:nowrap;font:600 17px/22px var(--font-sans);letter-spacing:-.01em;color:#f5f5f7}
.dh2-node i,.dh2-core i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2c2c2e;color:#a1a1a6}
.dh2-node i svg,.dh2-core i svg{width:19px;height:19px}
.dh-s2.dh-go .dh2-node{transition:translate .95s cubic-bezier(.3,1.2,.45,1),scale .95s cubic-bezier(.3,1.2,.45,1),opacity .5s var(--ease),filter .7s var(--ease)}
.dh2-res{box-shadow:0 0 0 1px rgba(238,85,0,.6) inset;background:#1d130c}
.dh2-res i{background:rgba(238,85,0,.2);color:#FF9459}
.dh-s2.dh-go .dh2-res{transition:translate .8s cubic-bezier(.3,1.35,.45,1),scale .8s cubic-bezier(.3,1.35,.45,1),opacity .3s var(--ease)}
.dh2-core{height:64px;padding:0 26px 0 12px;border-radius:32px;font-size:21px;line-height:26px;color:#86868b;transition:background-color .5s var(--ease),color .5s var(--ease),box-shadow .5s var(--ease),opacity .8s var(--ease),scale .8s var(--ease)}
.dh2-core i{width:42px;height:42px;transition:background-color .5s var(--ease),color .5s var(--ease)}
.dh2-core.dh-on{background:#EE5500;color:#fff;box-shadow:0 0 0 1px #EE5500 inset,0 12px 48px rgba(238,85,0,.35)}
.dh2-core.dh-on i{background:rgba(255,255,255,.18);color:#fff}
.dh2-core.dh-flash{animation:dh2-flash 1.1s var(--ease) 1}
@keyframes dh2-flash{0%{box-shadow:0 0 0 1px #EE5500 inset,0 0 0 0 rgba(238,85,0,0)}30%{box-shadow:0 0 0 1px #EE5500 inset,0 0 120px 36px rgba(238,85,0,.55)}100%{box-shadow:0 0 0 1px #EE5500 inset,0 12px 48px rgba(238,85,0,.35)}}
.dh2-ring{width:300px;height:64px;margin:-32px 0 0 -150px;border-radius:32px;box-shadow:0 0 0 2px #EE5500;opacity:0;pointer-events:none}
.dh2-ring.dh-on{animation:dh2-ring 1.2s cubic-bezier(.2,.6,.3,1) 1}
@keyframes dh2-ring{0%{opacity:.9;transform:scale(.8)}100%{opacity:0;transform:scale(1.9,2.6)}}
@media (max-width:734px){
  .dh2-node{gap:6px;height:36px;padding:0 10px 0 4px;font-size:12px;line-height:16px}
  .dh2-node i{width:28px;height:28px}.dh2-node i svg{width:15px;height:15px}
  .dh2-core{height:48px;padding:0 16px 0 8px;font-size:16px;line-height:20px}.dh2-core i{width:34px;height:34px}
  .dh2-ring{width:180px;height:48px;margin:-24px 0 0 -90px;border-radius:24px}
}

@media (max-width:734px){
  .ldev .dv-hero{padding:var(--s-56) 0 var(--s-48)}
  .dv-hero .dv-h{font-size:48px;line-height:52px}
  .dv-tag{font-size:21px;line-height:26px}
  .dh-stage{margin-top:var(--s-40)}
}
@media (prefers-reduced-motion:reduce){.dv-hero > .wrap > *{transition:none;opacity:1;transform:none}.dh-box *{transition:none!important;animation:none!important}} 
