.koda-contact {
	--kc-navy: var(--primary-black, #030a2c);
	--kc-blue: var(--primary-blue, #1c48f0);
	--kc-line: #e1e1e1;
	display: grid; gap: 2rem; max-width: 64rem; font-family: inherit;
}
/* Section head — same voice as the theme's koda-l kicker/h2 pair. */
.koda-contact__head { display: grid; gap: 1.6rem; margin-bottom: 0.6rem; }
.koda-contact__kicker { display: flex; align-items: center; gap: 1.4rem; margin: 0; font-size: 1.2rem; font-weight: 800; letter-spacing: 0.22em; text-transform: uppercase; color: #5f6880; }
.koda-contact__kicker::before { content: ""; width: 0.9rem; height: 0.9rem; background: var(--kc-blue); }
.koda-contact__kicker b { color: var(--kc-navy); }
.koda-contact__title { margin: 0; font-weight: 800; font-size: clamp(2.2rem, 2vw, 2.8rem); letter-spacing: -0.01em; color: var(--kc-navy); }
.koda-contact__hint { margin: 0; font-size: 1.35rem; color: #5f6880; }

.koda-contact__row { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
@media (max-width: 640px) { .koda-contact__row { grid-template-columns: 1fr; } }

.koda-contact__field { display: grid; gap: 0.8rem; }
.koda-contact__field label { font-size: 1.2rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #5f6880; }
.koda-contact__field input, .koda-contact__field textarea, .koda-contact__field select {
	font: inherit; font-size: 1.7rem; padding: 1.2rem 1.4rem;
	border: 1px solid var(--kc-line); border-radius: 0; background: #fff; color: var(--kc-navy); width: 100%;
}
.koda-contact__field select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23030a2c' stroke-width='2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1.4rem center; padding-right: 4rem; }
.koda-contact__field input::placeholder, .koda-contact__field textarea::placeholder { color: #9aa1b5; }
.koda-contact__field input:focus, .koda-contact__field textarea:focus, .koda-contact__field select:focus { outline: 2px solid var(--kc-blue); outline-offset: 1px; border-color: var(--kc-blue); }
.koda-contact__consent { display: flex; gap: 1rem; align-items: start; font-size: 1.4rem; color: #343c58; }
.koda-contact__consent input { margin-top: 0.3rem; width: 1.8rem; height: 1.8rem; accent-color: var(--kc-blue); }
.koda-contact__submit {
	justify-self: start; font: inherit; font-weight: 800; font-size: 1.4rem; text-transform: uppercase; letter-spacing: 0.04em;
	padding: 1.6rem 3.2rem; border: 0; border-radius: 0; background: var(--kc-blue); color: #fff; cursor: pointer;
}
.koda-contact__submit:hover { background: var(--kc-navy); }
.koda-contact__notice { padding: 1.4rem 1.8rem; font-size: 1.6rem; margin: 0; }
.koda-contact__notice--ok { background: #eaf7ef; color: #1d664e; border-left: 3px solid #1d664e; }
.koda-contact__notice--err { background: #fdeaee; color: #a4133c; border-left: 3px solid #a4133c; }