.site-contact{display:block;padding:clamp(3rem,7vw,6.5rem) 0;background:radial-gradient(circle at 8% 16%,rgb(var(--site-rgb-primary) / .13),transparent 29rem),linear-gradient(145deg,var(--site-surface-2),var(--site-canvas))}
.site-contact__grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(380px,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.site-contact__intro{position:sticky;top:8rem}.site-contact__intro h1{max-width:10ch;margin:.65rem 0 .8rem;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.88;letter-spacing:-.055em;color:var(--site-ink-strong)}.site-contact__intro>p{max-width:52ch;color:var(--site-ink-muted);font-size:1rem;line-height:1.75}
.site-contact__channels{display:grid;gap:.6rem;margin:1.4rem 0}.site-contact__channels>a,.site-contact__channels>div{display:flex;gap:.8rem;align-items:center;padding:.8rem;border:1px solid var(--site-line);border-radius:14px;background:var(--site-surface);color:var(--site-ink-strong);text-decoration:none}.site-contact__channels>*>span{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--site-primary)}.site-contact__channels>*>span svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-contact__channels small,.site-contact__channels strong{display:block}.site-contact__channels small{color:var(--site-ink-muted);font-size:.68rem}.site-contact__channels strong{font-size:.82rem}
.site-contact__flow{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:.8rem}.site-contact__flow li{display:flex;gap:.8rem;align-items:center}.site-contact__flow b{width:2.15rem;height:2.15rem;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb, var(--site-primary) 40%, var(--site-line));color:var(--site-primary);font-size:.67rem}.site-contact__flow span strong,.site-contact__flow span small{display:block}.site-contact__flow strong{color:var(--site-ink-strong);font-size:.78rem}.site-contact__flow small{color:var(--site-ink-muted);font-size:.68rem}
.site-contact__card{padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--site-line);border-radius:24px;background:var(--site-surface);box-shadow:var(--site-shadow-md)}.site-contact__card-head span{color:var(--site-primary);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.site-contact__card-head h2{margin:.2rem 0;font-size:clamp(1.45rem,3vw,2.05rem);color:var(--site-ink-strong)}.site-contact__card-head p{margin:0 0 1.2rem;color:var(--site-ink-muted);font-size:.75rem}
.site-contact__form{display:grid;gap:.85rem}.site-contact__row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.site-contact__form label{display:grid;gap:.32rem;color:var(--site-ink);font-size:.72rem;font-weight:700}.site-contact__form input,.site-contact__form select,.site-contact__form textarea{width:100%;border:1px solid var(--site-line);border-radius:11px;background:var(--site-canvas);padding:.75rem .8rem;color:var(--site-ink-strong);font:inherit;font-size:.82rem;outline:none}.site-contact__form textarea{resize:vertical;line-height:1.55}.site-contact__form input:focus,.site-contact__form select:focus,.site-contact__form textarea:focus{border-color:var(--site-primary);box-shadow:0 0 0 3px rgb(var(--site-rgb-primary) / .15)}.site-contact__consent{grid-template-columns:auto 1fr!important;align-items:start;gap:.55rem!important;font-weight:500!important;line-height:1.45;color:var(--site-ink)}.site-contact__consent input{width:1rem;height:1rem;margin-top:.12rem}.site-contact__form .site-button{justify-self:start}.site-contact__trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.site-contact__success,.site-contact__error{display:flex;gap:.7rem;margin-bottom:1rem;padding:.85rem;border-radius:13px;font-size:.78rem}.site-contact__success{background:color-mix(in srgb, #1a9d5f 18%, var(--site-surface));color:color-mix(in srgb, #1a9d5f 65%, var(--site-ink-strong))}.site-contact__error{background:color-mix(in srgb, #e0483d 16%, var(--site-surface));color:color-mix(in srgb, #e0483d 65%, var(--site-ink-strong))}.site-contact__success p{margin:.2rem 0 0}.site-contact__success i,.site-contact__error i{margin-top:.12rem}
@media(max-width:900px){.site-contact__grid{grid-template-columns:1fr}.site-contact__intro{position:static}.site-contact__intro h1{max-width:none}.site-contact__flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.site-contact{padding:2.5rem 0}.site-contact__row,.site-contact__flow{grid-template-columns:1fr}.site-contact__card{border-radius:18px}.site-contact__intro h1{font-size:2.65rem}}