.kon-sec{padding-block:clamp(56px,12vh,130px) clamp(60px,10vw,120px)}.kon-head{flex-direction:column;gap:12px;margin-bottom:clamp(28px,4vw,48px);display:flex}.kon-head h1{font-family:var(--f-display);letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,6vw,4.4rem);font-weight:700;line-height:1}.kon-head h1 em{color:var(--accent);font-style:italic}.kon-grid{grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.4vw,18px);max-width:720px;display:grid}.kon-btn{border:1px solid var(--line);background:var(--bg-soft);color:var(--fg);font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:clamp(18px,2.2vw,26px) clamp(20px,2.4vw,30px);font-size:.82rem;transition:border-color .3s,transform .3s,background .3s;display:flex}.kon-btn:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));transform:translateY(-3px)}.kon-btn .t-arr{color:var(--accent);transition:transform .3s}.kon-btn:hover .t-arr{transform:translate(5px)}.kon-btn--go{background:var(--accent);color:#fbf8f2;border-color:#0000}.kon-btn--go .t-arr{color:#fbf8f2}.kon-owner{color:var(--fg-dim);letter-spacing:.1em;margin-top:clamp(28px,4vw,44px)}@media (max-width:620px){.kon-grid{grid-template-columns:1fr}}.kon-badges{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.kon-badge{letter-spacing:.05em;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent);background:#2e5b4512;border-radius:100px;align-items:center;gap:.5em;padding:.5em 1em;font-size:.7rem;display:inline-flex}.kon-badge--soft{border-color:var(--line);background:var(--bg-soft);color:var(--fg-dim)}.kon-how{margin-top:clamp(36px,6vw,64px)}.kon-how__h{font-family:var(--f-display);letter-spacing:-.02em;margin:0 0 clamp(18px,2.4vw,28px);font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:700}.kon-how__h em{color:var(--accent);font-style:italic}.kon-steps{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin:0;padding:0;list-style:none;display:grid}.kon-step{border:1px solid var(--line);background:var(--bg-soft);color:var(--fg);border-radius:14px;flex-direction:column;gap:10px;padding:clamp(18px,2vw,26px);line-height:1.5;display:flex}.kon-step__n{font-family:var(--f-display);color:var(--accent-2);font-size:1.4rem;font-weight:800;line-height:1}@media (max-width:720px){.kon-steps{grid-template-columns:1fr}}
