.contact{--contact-accent:#3d84ff;--contact-accent-2:#70c1ff;--contact-accent-strong:#1e6df6;--contact-panel:radial-gradient(110% 90% at 90% 0%, #337eff33, transparent 55%), linear-gradient(160deg, #141824, #0d0f17);--contact-panel-ink:#fafafa;--contact-panel-muted:#d4d9e2c7;--contact-panel-line:#bdc7db24;--contact-field-bg:#ffffff08}html[data-theme=light] .contact{--contact-accent:#1660f3;--contact-accent-2:#0692ef;--contact-accent-strong:#0c56e9;--contact-panel:radial-gradient(110% 90% at 90% 0%, #3d84ff26, transparent 55%), linear-gradient(160deg, #fbfcfe, #f0f3f9);--contact-panel-ink:#121621;--contact-panel-muted:#555c6d;--contact-panel-line:#3643631f;--contact-field-bg:#fff}.contact-hero{border:1px solid var(--contact-panel-line);background:var(--contact-panel);isolation:isolate;border-radius:18px;margin:-5px -5px 0;padding:28px 20px;position:relative;overflow:hidden}.contact-hero:before{content:"";z-index:-1;background-image:linear-gradient(var(--contact-panel-line) 1px, transparent 1px), linear-gradient(90deg, var(--contact-panel-line) 1px, transparent 1px);opacity:.35;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 90% at 85% 10%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 90% at 85% 10%,#000 20%,#0000 75%)}.contact-eyebrow{color:var(--contact-accent);font-size:12px;font-weight:var(--fw-600);letter-spacing:.16em;text-transform:uppercase}.contact-headline{color:var(--contact-panel-ink);font-size:clamp(28px,7vw,42px);font-weight:var(--fw-600);letter-spacing:-.02em;text-wrap:balance;margin-top:10px;line-height:1.1}.contact-accent{background:linear-gradient(90deg, var(--contact-accent), var(--contact-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;display:inline}.contact-lead{max-width:54ch;color:var(--contact-panel-muted);font-size:var(--fs-6);font-weight:var(--fw-300);margin-top:14px;line-height:1.7}.contact-layout{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:20px;display:grid}.contact-methods{grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;display:grid}.contact-method{border:1px solid var(--jet);background:var(--eerie-black-1);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s,transform .2s;display:flex}@media (hover:hover){.contact-method:hover{border-color:var(--tone-line);transform:translateY(-2px)}.contact-method:hover .contact-method-arrow{color:var(--tone);transform:translate(2px,-2px)}}.contact-method:focus-visible{outline:2px solid var(--contact-accent);outline-offset:3px}.contact-method[data-tone=blue]{--tone:#387ffa}.contact-method[data-tone=green]{--tone:#2bab60}.contact-method[data-tone=violet]{--tone:#905aed}.contact-method[data-tone=sky]{--tone:#0c95df}.contact-method{--tone-line:color-mix(in srgb, var(--tone) 45%, transparent)}.contact-method-icon{border:1px solid color-mix(in srgb, var(--tone) 35%, transparent);background:color-mix(in srgb, var(--tone) 12%, transparent);fill:none;width:42px;height:42px;stroke:var(--tone);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;border-radius:12px;flex:none;padding:9px}.contact-method-text{flex:1;min-width:0}.contact-method-label{color:var(--white-2);font-size:var(--fs-6);font-weight:var(--fw-600)}.contact-method-value{color:var(--light-gray-70);font-size:var(--fs-7);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-method-arrow{width:18px;height:18px;color:var(--light-gray-70);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s,color .2s}.contact-location{color:var(--light-gray-70);font-size:var(--fs-7);align-items:center;gap:8px;padding:4px 4px 0;display:flex}.contact-location svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px}.contact-form-card{border:1px solid var(--jet);background:var(--eerie-black-1);border-radius:16px;gap:16px;padding:20px;display:grid}.contact-topics{border:0;min-width:0;margin:0;padding:0}.contact-label{color:var(--white-2);font-size:var(--fs-7);font-weight:var(--fw-500);margin-bottom:8px}.contact-topic-list{flex-wrap:wrap;gap:8px;display:flex}.contact-topic{display:inline-flex}.contact-topic input{opacity:0;width:1px;height:1px;position:absolute}.contact-topic span{border:1px solid var(--jet);background:var(--contact-field-bg);color:var(--light-gray);font-size:var(--fs-7);cursor:pointer;border-radius:999px;padding:7px 14px;transition:border-color .2s,background-color .2s,color .2s}.contact-topic span:hover{border-color:var(--light-gray-70)}.contact-topic input:checked+span{border-color:var(--contact-accent);background:color-mix(in srgb, var(--contact-accent) 12%, transparent);color:var(--white-2)}.contact-topic input:focus-visible+span{outline:2px solid var(--contact-accent);outline-offset:2px}.contact-row{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.contact-field{display:grid}.contact-field input,.contact-field textarea{border:1px solid var(--jet);background:var(--contact-field-bg);width:100%;color:var(--white-2);font:inherit;border-radius:12px;padding:12px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}.contact-field textarea{resize:vertical;min-height:140px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--light-gray-70);font-weight:var(--fw-300)}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--contact-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--contact-accent) 15%, transparent);outline:none}.contact-submit-row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.contact-submit{background:var(--contact-accent-strong);color:#fff;min-height:48px;font-size:var(--fs-6);font-weight:var(--fw-500);box-shadow:0 10px 24px -12px var(--contact-accent);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 22px;transition:transform .16s,opacity .16s;display:inline-flex}.contact-submit svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}@media (hover:hover){.contact-submit:not(:disabled):hover{transform:translateY(-2px)}}.contact-submit:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.contact-submit:focus-visible{outline:2px solid var(--contact-accent);outline-offset:3px}.contact-note{color:var(--light-gray-70);font-size:var(--fs-7)}.contact-error{color:var(--bittersweet-shimmer);font-size:var(--fs-6)}@media (min-width:580px){.contact-hero{margin:-10px -10px 0;padding:34px 32px}.contact-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-location{grid-column:1/-1}.contact-row{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form-card{padding:26px}}@media (min-width:1024px){.contact-hero{margin-top:46px;padding:40px}.contact-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:20px}.contact-methods{grid-template-columns:minmax(0,1fr)}}