@layer components{.contact-select{flex-direction:column;gap:6px;min-width:0;display:flex}.contact-select__label{font-family:var(--sb-font-sans);color:var(--sb-ink-70);font-size:13px;font-weight:500}.contact-select__wrap{position:relative}.contact-select__field{border:1px solid var(--sb-border-strong);background:var(--sb-bg-sunken);width:100%;font-family:var(--sb-font-sans);color:var(--sb-ink);appearance:none;cursor:pointer;transition:border-color var(--sb-dur-base)var(--sb-ease-out),background var(--sb-dur-base)var(--sb-ease-out),box-shadow var(--sb-dur-base)var(--sb-ease-out);border-radius:10px;outline:none;padding:12px 40px 12px 14px;font-size:15px;line-height:1.4}.contact-select__field:has(option[value=""]:checked){color:var(--sb-ink-70)}.contact-select__field:focus,.contact-select__field:focus-visible{border-color:var(--sb-ink);background-color:var(--sb-paper);box-shadow:0 0 0 3px var(--sb-overlay-ink-10)}.contact-select__field:disabled{opacity:.7;cursor:not-allowed}.contact-select__chevron{pointer-events:none;width:14px;height:14px;color:var(--sb-ink-50);background:currentColor;position:absolute;top:50%;right:14px;transform:translateY(-50%);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.contact-select__field:focus+.contact-select__chevron,.contact-select__field:focus-visible+.contact-select__chevron{color:var(--sb-ink)}.contact-select--error .contact-select__field,.contact-select--error .contact-select__field:focus,.contact-select--error .contact-select__field:focus-visible{border-color:var(--sb-red);box-shadow:0 0 0 3px #ff6b4a2e}.contact-select__error{color:var(--sb-red);margin:0;font-size:13px;line-height:1.4}}
@layer components{.contact-form-wrap{background:var(--sb-paper);border:1px solid var(--sb-border);border-radius:var(--sb-r-md);width:100%;max-width:520px;box-shadow:var(--sb-shadow-sm);flex-direction:column;gap:24px;padding:28px;display:flex}.contact-form-header{flex-direction:column;gap:8px;display:flex}.contact-form-title{font-family:var(--sb-font-sans);font-size:var(--sb-fs-h3);letter-spacing:-.01em;color:var(--sb-ink);margin:0;font-weight:700;line-height:1.2}.contact-form{flex-direction:column;gap:16px;display:flex}.contact-form-banner{color:var(--sb-ink-90);border-radius:var(--sb-r-md);background:#ff6b4a14;border:1px solid #ff6b4a52;padding:12px 14px;font-size:14px;line-height:1.45}.contact-form__row{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:600px){.contact-form__row{grid-template-columns:1fr 1fr}}.contact-form__legal{font-family:var(--sb-font-sans);color:var(--sb-ink-70);text-align:center;margin:4px 0 0;font-size:12px;line-height:1.5}.contact-form__legal-link{color:var(--sb-ink);text-underline-offset:2px;border-radius:2px;margin:-12px 0;padding:12px 2px;text-decoration:underline;display:inline-block}.contact-form__legal-link:hover{color:var(--sb-ink-90)}.contact-form__legal-link:focus-visible{outline:2px solid var(--sb-ink);outline-offset:2px;border-radius:2px}.contact-success{flex-direction:column;align-items:flex-start;gap:12px;padding:4px 0;display:flex}.contact-success__badge{background:var(--sb-chartreuse);width:40px;height:40px;color:var(--sb-ink);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.contact-success__title{font-family:var(--sb-font-sans);font-size:var(--sb-fs-h3);color:var(--sb-ink);letter-spacing:-.01em;outline:none;margin:0;font-weight:700;line-height:1.2}.contact-success__title:focus-visible{outline:2px solid var(--sb-ink);outline-offset:4px;border-radius:4px}.contact-success__text{font-family:var(--sb-font-sans);font-size:var(--sb-fs-body);color:var(--sb-ink-70);margin:0;line-height:1.5}}
@layer components{.contact-hero{flex-direction:column;gap:32px;display:flex}.contact-hero__header{flex-direction:column;gap:16px;display:flex}.contact-hero__title{font-family:var(--sb-font-sans);font-size:var(--sb-fs-h2);letter-spacing:-.03em;color:var(--sb-ink);-webkit-hyphens:auto;hyphens:auto;word-break:keep-all;margin:0;font-weight:500;line-height:1.05}.contact-hero__sub{font-family:var(--sb-font-sans);font-size:var(--sb-fs-lead);color:var(--sb-ink-70);text-wrap:pretty;margin:0;line-height:1.5}.contact-hero__bullets{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.contact-hero__bullet{font-family:var(--sb-font-sans);font-size:var(--sb-fs-body);color:var(--sb-ink);align-items:flex-start;gap:12px;line-height:1.5;display:flex}.contact-hero__bullet-mark{background:var(--sb-chartreuse);width:24px;height:24px;color:var(--sb-ink);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.contact-hero__quote{background:var(--sb-paper);border:1px solid var(--sb-border);border-left:4px solid var(--sb-chartreuse);border-radius:var(--sb-r-md);box-shadow:var(--sb-shadow-sm);flex-direction:column;gap:14px;margin:0;padding:22px 24px;display:flex}.contact-hero__quote-text{font-family:var(--sb-font-sans);font-size:var(--sb-fs-body);color:var(--sb-ink);margin:0;font-style:normal;line-height:1.5}.contact-hero__quote-author{flex-direction:column;gap:2px;display:flex}.contact-hero__quote-name{font-family:var(--sb-font-sans);color:var(--sb-ink);font-size:14px;font-weight:600}.contact-hero__quote-role{font-family:var(--sb-font-mono);color:var(--sb-ink-70);letter-spacing:.02em;font-size:12px}@media (min-width:900px){.contact-hero{max-width:520px}.contact-hero__title{font-size:var(--sb-fs-h1)}}}
@layer components{.contact-page{background:var(--sb-bg);min-height:calc(100vh - 72px);padding:56px 0 96px}.contact-page__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:64px;display:grid}.contact-page__hero{padding-top:8px}.contact-page__form{justify-content:flex-end;display:flex}@media (min-width:1280px){.contact-page{padding:80px 0 120px}.contact-page__grid{gap:96px}}@media (max-width:900px){.contact-page{padding:32px 0 64px}.contact-page__grid{grid-template-columns:1fr;gap:40px}.contact-page__hero{order:2;padding-top:0}.contact-page__form{order:1;justify-content:stretch}}}
