.cem .dhero{padding:150px 0 20px}.cem .dhero h1{letter-spacing:-.035em;max-width:820px;font-size:clamp(44px,6vw,84px);line-height:.96}.cem .dhero .sub{color:var(--ink2);max-width:560px;margin:26px 0 0;font-size:19px;line-height:1.55}.cem .dsteps{grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;display:grid}.cem .dstep{border:1px solid var(--line);background:var(--white);border-radius:18px;padding:30px;transition:box-shadow .3s}.cem .dstep:hover{box-shadow:0 16px 36px #17140e12}.cem .dstep .no{font-family:var(--fm);letter-spacing:.14em;color:var(--signal);font-size:12px;font-weight:700}.cem .dstep h3{letter-spacing:-.02em;margin:14px 0 10px;font-size:21px}.cem .dstep p{color:var(--muted);font-size:15px;line-height:1.55}.cem .dstep.wide{grid-column:span 2}.cem .dcode{background:var(--ink);border-radius:12px;margin-top:18px;padding:16px 18px;overflow-x:auto}.cem .dcode code{font-family:var(--fm);color:#c9c6ff;white-space:pre;font-size:13px;font-weight:500}.cem .dcode .k{color:var(--marker)}@media (max-width:760px){.cem .dsteps{grid-template-columns:1fr}.cem .dstep.wide{grid-column:span 1}}