.cats{margin-top:1.5rem;border-top:2px solid var(--navy)}
.cats dt{font:700 1.3rem var(--display);color:var(--navy);padding-top:1.2rem}
.cats dt .ic{color:var(--blue)}
.cats dd{padding:.3rem 0 1.2rem;border-bottom:1px solid var(--line);max-width:68ch}
.two{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.steps{list-style:none;padding:0;margin-top:1.2rem;counter-reset:s;border-left:4px solid var(--yellow)}
.steps li{counter-increment:s;position:relative;padding:0 0 1.6rem 2.2rem}
.steps li::before{content:counter(s);position:absolute;left:-18px;top:0;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 .95rem var(--display)}
.plain{list-style:none;padding:0;margin-top:1.2rem}
.plain li{padding:.7rem 0;border-bottom:1px solid var(--line)}
.plain .ic{color:var(--blue)}
.soft{margin-top:1.2rem;color:#44587A}
.form{display:grid;gap:1.2rem;border:2px solid var(--navy);border-radius:22px;padding:2rem}
.form label{display:grid;gap:.4rem;font-weight:700;color:var(--navy)}
.form input,.form select,.form textarea{font:400 1.05rem var(--body);padding:.85rem 1rem;border:2px solid var(--line);border-radius:12px;background:#fff;width:100%;color:var(--navy-deep)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(27,95,184,.18)}
.form .btn{justify-self:start}
@media (max-width:820px){.two{grid-template-columns:1fr;gap:2.5rem}}
