.dv-code{width:198px;height:190px;top:12px;left:0}.dv-code__b{padding:14px 14px 0}.dv-code__b i{height:7px;width:var(--w,60%);transform-origin:0;background:#2a2a2a;border-radius:4px;margin-bottom:10px;animation:10s ease-out infinite dvType;display:block;transform:scaleX(0)}.dv-code__b i:nth-child(2){animation-delay:.4s}.dv-code__b i:nth-child(3){animation-delay:.8s}.dv-code__b i:nth-child(4){animation-delay:1.2s}.dv-code__b i:nth-child(5){animation-delay:1.6s}.dv-code__b i:nth-child(6){animation-delay:2s}.dv-code__b i.dv-acc{background:#df5d1999}.dv-caret{background:var(--brand-orange-soft);width:7px;height:10px;animation:.9s step-end infinite dvCaret;display:inline-block}.dv-build{font-family:var(--font-mono);font-size:var(--fs-1,12px);letter-spacing:.05em;border-top:1px solid #222;align-items:center;min-height:31px;padding:9px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.dv-build__run{color:#8a8a8a;animation:10s linear infinite dvRun}.dv-build__ok{color:#22a06b;opacity:0;font-weight:700;animation:10s infinite dvOk;position:absolute;bottom:10px;left:14px}.dv-page{width:153px;height:184px;top:20px;left:232px}.dv-page__b{padding:12px}.dv-hero{background:linear-gradient(135deg,var(--brand-orange-soft),var(--brand-orange-deep));transform-origin:top;opacity:0;border-radius:8px;height:44px;animation:10s infinite dvHero;transform:scaleY(0)}.dv-copy{margin:10px 0}.dv-copy i{background:var(--border);transform-origin:0;border-radius:3px;height:6px;margin-bottom:5px;display:block;transform:scaleX(0)}.dv-copy i:first-child{animation:10s infinite dvCopyA}.dv-copy i:last-child{width:68%;margin-bottom:0;animation:10s infinite dvCopyB}.dv-cta{color:#fff;font:600 var(--fs-1,12px) var(--font-mono);letter-spacing:.05em;text-transform:uppercase;opacity:0;background:#0f0f0f;border-radius:8px;padding:7px 12px;animation:10s cubic-bezier(.2,.9,.3,1) infinite dvCta;display:inline-flex;transform:scale(.8)}.dv-port1{top:98px;left:226px}.dv-port2{top:232px;left:282px}.dv-card{width:176px;top:244px;left:206px}.dv-evts{gap:6px;margin-top:10px;display:flex}.dv-evts span{text-align:center;font:600 var(--fs-1,12px)/1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-muted);background:#fff;border-radius:7px;flex:1;padding:6px 0}.dv-e1{animation:10s infinite dvE1}.dv-e2{animation:10s infinite dvE2}.dv-e3{animation:10s infinite dvE3}.dv-pkt1{offset-path:path("M196,118 C212,118 222,110 230,104");animation:10s linear infinite dvPkt1}.dv-pkt2{offset-path:path("M300,200 C296,216 290,228 286,236");animation:10s linear infinite dvPkt2}.dv-click{animation:10s ease-out infinite dvClick;top:142px;left:271px}.dv-cursor{animation:10s ease-in-out infinite dvCur;top:152px;left:281px}.dv-c1{top:12px;left:10px}.dv-c2{top:12px;right:10px}.dv-c3{top:auto;bottom:12px;left:150px}@media (width<=420px){.dv-c3{left:110px}}@keyframes dvType{0%{transform:scaleX(0)}3.5%{transform:scaleX(1)}90%{transform:scaleX(1)}95%,to{transform:scaleX(0)}}@keyframes dvCaret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes dvRun{0%,26%{opacity:.35}28%{opacity:1}31%{opacity:.35}33%{opacity:1}36%{opacity:.35}38%,to{opacity:0}}@keyframes dvOk{0%,38%{opacity:0}40%,92%{opacity:1}96%,to{opacity:0}}@keyframes dvHero{0%,46%{opacity:0;transform:scaleY(0)}52%,92%{opacity:1;transform:scaleY(1)}97%,to{opacity:0;transform:scaleY(0)}}@keyframes dvCopyA{0%,53%{transform:scaleX(0)}57%,92%{transform:scaleX(1)}97%,to{transform:scaleX(0)}}@keyframes dvCopyB{0%,56%{transform:scaleX(0)}60%,92%{transform:scaleX(1)}97%,to{transform:scaleX(0)}}@keyframes dvCta{0%,58%{opacity:0;transform:scale(.8)}62%,65%{opacity:1;transform:scale(1)}69%,92%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(.8)}}@keyframes dvE1{0%,52%{border-color:var(--border);color:var(--text-muted);background:#fff}56%,92%{color:var(--accent-ink);background:#df5d191a;border-color:#df5d1966}97%,to{border-color:var(--border);color:var(--text-muted);background:#fff}}@keyframes dvE2{0%,66%{border-color:var(--border);color:var(--text-muted);background:#fff}70%,92%{color:var(--accent-ink);background:#df5d191a;border-color:#df5d1966}97%,to{border-color:var(--border);color:var(--text-muted);background:#fff}}@keyframes dvE3{0%,76%{border-color:var(--border);color:var(--text-muted);background:#fff}80%,92%{color:#1d7a53;background:#22a06b1f;border-color:#22a06b73}97%,to{border-color:var(--border);color:var(--text-muted);background:#fff}}@keyframes dvPkt1{0%,40%{offset-distance:0%;opacity:0}42%{opacity:1}45%{opacity:1}47%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}@keyframes dvPkt2{0%,69%{offset-distance:0%;opacity:0}71%{opacity:1}74%{opacity:1}76%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}@keyframes dvClick{0%,63%{opacity:0;transform:scale(.3)}64%{opacity:.85}69%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1.15)}}@keyframes dvCur{0%,48%{transform:translate(34px,42px)}58%,72%{transform:translate(0)}86%,to{transform:translate(34px,42px)}}[data-motion-scene=service-visual] .dv-c3{left:10px}[data-motion-scene=service-visual] .dv-pkt2{offset-path:path("M300,202 C296,218 290,230 286,238")}@media (width<=420px){[data-motion-scene=service-visual].dv-viz{height:352px}}@media (width<=360px){[data-motion-scene=service-visual].dv-viz{height:312px}}
