@layer components{.matter .rd-head{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:end;gap:28px clamp(30px,5vw,80px);margin-bottom:clamp(36px,5vw,64px);display:grid}.matter .rd-head .kicker{margin:0 0 18px}.matter .rd-head .t-l{max-width:44ch;margin-top:18px}.matter .rd-steps{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid;position:relative}.matter .rd-steps:before{content:"";background:var(--iri);opacity:.5;border-radius:2px;height:2px;position:absolute;top:42px;left:16%;right:16%}.matter .rd-steps li{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--glass-edge);box-shadow:var(--shadow-soft);justify-items:start;gap:4px;padding:18px;display:grid;position:relative}.matter .rd-step-ico{color:#fff;background:linear-gradient(135deg,#1d2650,#3d55c4);border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:10px;display:grid;box-shadow:0 8px 18px -10px #3d55c4cc}.matter .rd-steps li:last-child .rd-step-ico{background:linear-gradient(135deg,#a394ea,#e3a4cb)}.matter .rd-steps .mono{color:var(--soft);font-size:.72rem}.matter .rd-steps b{font-size:1.05rem;font-weight:580;font-stretch:106%}.matter .rd-steps li>span:last-child{color:var(--mute);font-size:.86rem;line-height:1.45}@media (max-width:1080px){.matter .rd-head{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.matter .rd-steps{grid-template-columns:minmax(0,1fr)}.matter .rd-steps:before{display:none}.matter .rd-steps li{grid-template-columns:46px 1fr;column-gap:14px}.matter .rd-step-ico{grid-row:span 3;margin:0}}.matter .fields li.rd-wait{opacity:1;transform:none}.matter .rd-skel{background:linear-gradient(90deg,#131a3a12,#131a3a1f,#131a3a12) 0 0/200% 100%;border-radius:6px;width:70%;height:10px;display:block}.matter .fields li:nth-child(2n) .rd-skel{width:52%}.matter .fields li:nth-child(3n) .rd-skel{width:62%}.matter .rd-skel.live{background:linear-gradient(90deg,#e3a4cb40,#a394ea8c,#5570dc40) 0 0/200% 100%;animation:1.2s linear infinite rd-shimmer}@keyframes rd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.matter .rd-pending{color:var(--soft);font-size:.72rem;font-weight:540}.matter .rd-note{border:1px dashed var(--line-2);color:var(--mute);border-radius:14px;margin:14px 0 0;padding:12px 14px;font-size:.82rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.matter .rd-skel.live{animation:none}}}