.cs{border-top:1px solid var(--line);padding:28px 0 72px}.cs-head{padding:40px 0 8px}.cs-head h2{font-family:var(--sans);letter-spacing:-.055em;margin:0;font-size:clamp(34px,4vw,56px);font-weight:600;line-height:1.06}.cs-head h2 i{letter-spacing:-.045em;color:var(--teal);font-style:italic;font-weight:500}.cs-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:56px;display:grid}.cs-steps{margin:0;padding:0;list-style:none}.cs-step{flex-direction:column;justify-content:center;min-height:52vh;display:flex}.cs-step .n{font:400 11px/1 var(--mono);letter-spacing:.24em;color:var(--muted2)}.cs-step h3{letter-spacing:-.035em;margin:12px 0 0;font-size:clamp(24px,2.6vw,34px);font-weight:650;line-height:1.15}.cs-step p{max-width:440px;color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.7}.cs-grid[data-armed] .cs-step h3,.cs-grid[data-armed] .cs-step p{color:var(--muted2);transition:color .4s var(--ease-out)}.cs-grid[data-armed] .cs-step.active h3{color:var(--ink)}.cs-grid[data-armed] .cs-step.active p{color:var(--muted)}.cs-grid[data-armed] .cs-step.done .n:after{content:"  ✓";letter-spacing:0;color:var(--green)}.cs-stage{top:calc(var(--nav-h) + 20px);position:sticky}.cs-cap{text-align:center;font:400 10.5px/1 var(--mono);letter-spacing:.04em;color:var(--muted2);margin:14px 0 0}.cs-phone{width:min(380px,100%);height:min(600px, calc(100svh - var(--nav-h) - 80px));border:1px solid var(--line);min-height:460px;box-shadow:var(--shadow-lg);background:#efeae2;border-radius:36px;flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.cs-bar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:11px;padding:14px 18px;display:flex}.cs-bar .av{background:var(--inverse);width:36px;height:36px;color:var(--inverse-ink);border-radius:50%;place-items:center;display:grid}.cs-bar .av svg{width:22px;height:auto}.cs-bar .who{flex-direction:column;gap:2px;display:flex}.cs-bar .who b{font-size:14.5px;font-weight:600;line-height:1.2}.cs-bar .who small{font:400 10.5px/1.2 var(--mono);color:var(--green)}.cs-body{background-image:radial-gradient(#0000000a 1px,#0000 1.2px);background-size:14px 14px;flex-direction:column;flex:1;justify-content:flex-end;gap:8px;padding:16px 14px 12px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14%);mask-image:linear-gradient(#0000,#000 14%)}.cs-msg{border-radius:12px;max-width:84%;padding:8px 11px 5px;font-size:13.5px;line-height:1.45;box-shadow:0 1px 1px #0b141a1f}.cs-msg p{margin:0}.cs-msg.in{background:#fff;border-top-left-radius:3px;align-self:flex-start}.cs-msg.out{background:#d9fdd3;border-top-right-radius:3px;align-self:flex-end}.cs-msg time{text-align:right;font:400 9.5px/1.2 var(--mono);color:#5f7079;margin-top:2px;display:block}.cs-msg time i{color:#53bdeb;font-style:normal}.cs-file{background:#c3ecbd;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:8px;display:flex}.cs-file .doc{width:34px;height:38px;font:700 9.5px/1 var(--sans);letter-spacing:.04em;color:#fff;background:#d24044;border-radius:6px;place-items:center;display:grid}.cs-file b{font-size:13px;font-weight:600;display:block}.cs-file small{font:400 10px/1.4 var(--mono);color:#54656f;display:block}.cs-quick{border-top:1px solid #0000000f;gap:6px;margin-top:8px;padding-top:8px;display:flex}.cs-quick span{text-align:center;font:600 11.5px/1 var(--sans);letter-spacing:.02em;color:#1a71c4;background:#f0f7ff;border-radius:8px;flex:1;padding:6px 0}.cs-foot{background:#f0f2f5;padding:10px 14px 16px}.cs-foot span{color:#616f77;background:#fff;border-radius:99px;padding:10px 16px;font-size:13px;display:block}.cs-grid[data-armed] .cs-msg:not(.on){display:none}.cs-grid[data-armed] .cs-msg.on{animation:cs-in .4s var(--ease-out) both;animation-delay:var(--d,0s)}@keyframes cs-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@media (max-width:900px){.cs{padding-bottom:48px}.cs-grid{grid-template-columns:1fr;gap:32px}.cs-stage{order:-1;position:static}.cs-phone{height:auto;min-height:0}.cs-body{justify-content:flex-start;-webkit-mask-image:none;mask-image:none}.cs-step{border-top:1px solid var(--line);min-height:0;padding:22px 0}}
