@layer components{.final.kjoin .wrap{text-align:center;justify-items:normal;padding-block:104px;display:block}@media (width<=560px){.final.kjoin .wrap{padding-block:72px}}.final.kjoin h2{margin-inline:auto}.kjoin .lead-w{color:#ffffffe0;max-width:56ch;margin:18px auto 0;font-size:18px}.kjoin-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:48px;display:grid}@media (width<=860px){.kjoin-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}}.kjc{background:#ffffff1a;border:1px solid #ffffff38;border-radius:24px;flex-direction:column;align-items:flex-start;gap:12px;padding:30px;display:flex}@media (width<=560px){.kjc{padding:24px}}.kjc .w-ic{background:#ffffff29;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:4px;display:grid}.kjc .w-ic svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.kjc h3{font-size:23px;line-height:1.2}.kjoin .kjc p{color:#ffffffdb;flex:1;max-width:none;margin:0 0 8px;font-size:16px}.kjc .btn{white-space:normal}.ksoon{background:var(--card);color:var(--fg);text-align:left;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 36px;margin-top:22px;padding:30px 34px;display:grid}.ksoon.ksoon--solo{grid-template-columns:minmax(0,1fr)}.kjoin .ksoon :focus-visible{outline-color:var(--focus)}.ksoon .tag-s{color:var(--blue-text);background:var(--lav);border-radius:999px;margin-bottom:10px;padding:4px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.ksoon h3{font-size:23px;line-height:1.2}.kjoin .ksoon p{color:var(--fg-soft);max-width:60ch;margin:6px 0 0;font-size:16px}@media (width<=760px){.ksoon{grid-template-columns:1fr;padding:26px}}.ksteps{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (width<=900px){.ksteps{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}.kstep{background:var(--card);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);border-radius:22px;flex-direction:column;align-items:center;gap:12px;padding:32px 26px 28px;display:flex;position:relative}.kstep .b-ic{width:72px;height:72px}.kstep .b-ic svg{width:30px;height:30px}.kstep .n{color:var(--blue-text);background:var(--lav);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700;position:absolute;top:22px;left:22px}.kstep h3{font-size:21px;line-height:1.25}.kstep p{color:var(--fg-soft);font-size:15.5px}.ktrans{background:var(--lav);border-radius:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:20px 48px;margin-top:28px;padding:36px 40px;display:grid}.ktrans h3{font-size:clamp(24px,2.4vw,30px);line-height:1.15}.ktrans p{color:var(--fg-soft);font-size:17px}@media (width<=860px){.ktrans{grid-template-columns:1fr;padding:28px}}.kwhy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:32px;display:grid}@media (width<=900px){.kwhy{grid-template-columns:1fr;max-width:620px;margin-inline:auto}}.kpanel{border-radius:24px;align-content:start;gap:22px;padding:36px;display:grid}@media (width<=560px){.kpanel{padding:26px}}.kpanel h3{font-size:clamp(24px,2.4vw,30px);line-height:1.15}.kpanel.prob{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}.kpanel.sol{background:var(--lav)}.kpanel.sol>p{color:var(--fg-soft);font-size:17px}.kprob{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:16px;display:grid}.kprob .r-ic{background:var(--del-bg);width:48px;height:48px;color:var(--del);border-radius:50%;place-items:center;display:grid}.kprob .r-ic svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.kprob h4{letter-spacing:-.01em;margin-bottom:4px;font-size:17px}.kprob p{color:var(--fg-soft);font-size:15.5px}.kres{background:var(--card);border-radius:18px;gap:12px;padding:22px 24px;display:grid}.kres h4{color:var(--blue-text);letter-spacing:0;font-size:15px}.kres ul{gap:10px;margin:0;padding:0;font-size:15.5px;list-style:none;display:grid}.kres li{align-items:flex-start;gap:10px;display:flex}.kres li svg{width:17px;height:17px;color:var(--blue-text);flex-shrink:0;margin-top:3px}}
