.contact{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#000;background-image:radial-gradient(circle,#bbff0047 1px,#0000 1px);background-position:top;background-size:1.75rem 1.75rem;width:100%;min-height:100svh;position:relative;overflow:hidden}.contact:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#000000bf 0%,#0000 20%),linear-gradient(#0000 80%,#000000bf 100%),linear-gradient(90deg,#000000a6 0%,#0000 15%),linear-gradient(270deg,#000000a6 0%,#0000 15%);position:fixed;inset:0}.contact.contact--box-open{cursor:default}.contact.contact--drawing{cursor:crosshair}.contact-draw-hint{font-family:var(--font-grotesk);color:#ffffffb8;pointer-events:none;z-index:2;background:#080808e6;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.65rem;margin:0;padding:.65rem 1rem;font-size:.8125rem;font-weight:500;line-height:1.2;display:inline-flex;position:fixed;bottom:clamp(4rem,12vh,6rem);left:50%;transform:translate(-50%)}.contact-accent-mark{background:#bf0;width:1.25rem;height:2px;display:inline-block}.contact-draw-preview{z-index:20;pointer-events:none;background:#bbff000d;border:1px dashed #bbff00d9;border-radius:14px;position:fixed}.contact-draw-demo{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-bottom:clamp(5rem,14vh,8rem);display:flex;position:fixed;inset:0}.contact-draw-demo-stage{width:min(15rem,42vw);height:min(12rem,30vw);position:relative}.contact-draw-demo-rect{opacity:0;background:#bbff000a;border:1px dashed #bbff00bf;border-radius:14px;width:0;height:0;animation:3.8s ease-in-out infinite contact-draw-demo-rect;position:absolute;top:0;left:0}.contact-draw-demo-cursor{opacity:0;background:#bf0;border:1px solid #00000073;border-radius:50%;width:.625rem;height:.625rem;animation:3.8s ease-in-out infinite contact-draw-demo-cursor;position:absolute;top:0;left:0}.contact-draw-demo-cursor:before,.contact-draw-demo-cursor:after{content:"";background:#bbff008c;position:absolute}.contact-draw-demo-cursor:before{width:16px;height:1px;top:50%;left:-5px;transform:translateY(-50%)}.contact-draw-demo-cursor:after{width:1px;height:16px;top:-5px;left:50%;transform:translate(-50%)}.contact-draw-demo-label{font-family:var(--font-grotesk);letter-spacing:.08em;text-transform:uppercase;color:#ffffff61;opacity:0;margin:0;font-size:.6875rem;font-weight:600;line-height:1;animation:3.8s ease-in-out infinite contact-draw-demo-label}@keyframes contact-draw-demo-rect{0%,12%{opacity:0;width:0;height:0}18%{opacity:1}52%{opacity:1;width:100%;height:100%}72%{opacity:.55;width:100%;height:100%}88%,to{opacity:0;width:100%;height:100%}}@keyframes contact-draw-demo-cursor{0%,12%{opacity:0;transform:translate(0)}18%{opacity:1}52%{opacity:1;transform:translate(calc(100% - .625rem),calc(100% - .625rem))}72%{opacity:.55;transform:translate(calc(100% - .625rem),calc(100% - .625rem))}88%,to{opacity:0;transform:translate(calc(100% - .625rem),calc(100% - .625rem))}}@keyframes contact-draw-demo-label{0%,16%{opacity:0}24%,68%{opacity:1}88%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.contact-draw-demo{display:none}}.contact-box{z-index:30;pointer-events:auto;-webkit-user-select:auto;user-select:auto;flex-direction:column;display:flex;position:fixed;overflow:visible}.contact-box.is-dragging,.contact-box.is-dragging .contact-drag-slab{cursor:grabbing}.contact-drag-slab{z-index:5;width:auto;height:auto;font-family:var(--font-grotesk);letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8;white-space:nowrap;cursor:grab;touch-action:none;opacity:0;background:#060606e6;border:1px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;padding:.5rem .8rem;font-size:.6875rem;font-weight:600;line-height:1;transition:opacity .35s .32s,border-color .2s,background-color .2s,color .2s;display:inline-flex;position:absolute;top:-2.65rem;left:50%;transform:translate(-50%)}.contact-box.is-open .contact-drag-slab{opacity:1}.contact-drag-slab:hover{color:#ffffffe0;background:#0a0a0ae6;border-color:#bbff0073}.contact-box.is-resizing{-webkit-user-select:none;user-select:none}.contact-box.is-resizing .contact-box-panel{transition:none}.contact-box-frame{pointer-events:none;position:absolute;inset:0;overflow:visible}.contact-box-frame-rect{fill:none;stroke:#bf0;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--contact-box-perimeter);stroke-dashoffset:var(--contact-box-perimeter)}.contact-box-frame-rect.is-drawn{stroke-dashoffset:0;transition:stroke-dashoffset .65s cubic-bezier(.65,0,.35,1)}.contact-box-frame-rect.is-drawn.is-interactive{transition:none}.contact-box-panel{opacity:0;background:#060606e6;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:.85rem;min-height:0;margin:1px;padding:1rem 1rem 1.1rem;transition:opacity .38s .28s,transform .42s cubic-bezier(.22,1,.36,1) .28s;display:flex;position:absolute;inset:0;overflow:hidden;transform:scale(.985)}.contact-box.is-open .contact-box-panel{opacity:1;transform:scale(1)}.contact-box-header{border-bottom:1px solid #ffffff14;flex:none;padding-bottom:.35rem}.contact-resize-handle{z-index:4;touch-action:none;position:absolute}.contact-resize-handle--se{cursor:nwse-resize;width:16px;height:16px;bottom:-2px;right:-2px}.contact-box:not(.is-interactive) .contact-resize-handle:after{opacity:0}.contact-resize-handle--se:after{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);opacity:.9;background:#bf0;width:10px;height:10px;position:absolute;bottom:0;right:0}.contact-box-eyebrow{font-family:var(--font-grotesk);letter-spacing:.08em;text-transform:uppercase;color:#bbff00e6;margin:0 0 .35rem;font-size:.625rem;font-weight:600;line-height:1}.contact-box-title{font-family:var(--font-grotesk);letter-spacing:-.03em;color:#fff;margin:0;font-size:1.35rem;font-weight:600;line-height:1}.contact-field{flex-direction:column;flex-shrink:0;gap:.4rem;min-height:0;display:flex}.contact-field-row{flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem;min-width:0;display:grid}.contact-field-row .contact-field{min-width:0}.contact-field--grow{flex:1 1 0;min-height:6rem;overflow:hidden}.contact-field-label{font-family:var(--font-grotesk);letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;font-size:.625rem;font-weight:600;line-height:1}.contact-field-control{color:#fff;width:100%;min-width:0;font-family:var(--font-grotesk);background:#080808e6;border:1px solid #ffffff24;border-radius:10px;outline:none;padding:.65rem .75rem;font-size:.875rem;font-weight:500;line-height:1.35;transition:border-color .2s,background-color .2s}.contact-field-control::placeholder{color:#ffffff59}.contact-field-control:focus{background:#0c0c0ce6;border-color:#bbff008c}.contact-select{width:100%;min-width:0;position:relative}.contact-select-trigger{width:100%;min-width:0;font-family:var(--font-grotesk);color:#fff;text-align:left;cursor:pointer;background:#080808e6;border:1px solid #ffffff24;border-radius:10px;outline:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.875rem;font-weight:500;line-height:1.35;transition:border-color .2s,background-color .2s,color .2s;display:flex}.contact-select-trigger:hover{background:#0a0a0ae6;border-color:#ffffff38}.contact-select.is-open .contact-select-trigger,.contact-select-trigger:focus-visible{background:#0c0c0ce6;border-color:#bbff008c}.contact-select-value{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.contact-select-chevron{border-bottom:1.5px solid #bbff00e6;border-right:1.5px solid #bbff00e6;flex:none;width:.45rem;height:.45rem;transition:transform .2s;transform:rotate(45deg)translateY(-.1rem)}.contact-select.is-open .contact-select-chevron{transform:rotate(225deg)translateY(.05rem)}.contact-select-menu{z-index:6;background:#060606fa;border:1px solid #ffffff1f;border-radius:10px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0}.contact-select-option{width:100%;font-family:var(--font-grotesk);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.55rem .6rem;transition:background-color .15s,color .15s;display:flex}.contact-select-option:hover,.contact-select-option:focus-visible{background:#ffffff0d;outline:none}.contact-select-option.is-selected{background:#bbff001a}.contact-select-option-label{color:#fff;font-size:.875rem;font-weight:600;line-height:1.2}.contact-select-option.is-selected .contact-select-option-label{color:#bf0}.contact-select-option-email{color:#ffffff73;font-size:.6875rem;font-weight:500;line-height:1.2}.contact-select-option.is-selected .contact-select-option-email{color:#bbff00b8}.contact-field-control--textarea{resize:none;flex:auto;min-height:5rem;max-height:100%;overflow-y:auto}.contact-box-actions{flex-shrink:0;justify-content:flex-end;gap:.55rem;margin-top:auto;padding-top:0;display:flex}.contact-btn{font-family:var(--font-grotesk);cursor:pointer;border:0;border-radius:999px;padding:.62rem 1.1rem;font-size:.8125rem;font-weight:600;line-height:1;transition:transform .15s,opacity .15s,background-color .15s,border-color .15s}.contact-btn:active{transform:scale(.98)}.contact-btn--ghost{color:#ffffffd1;background:#080808e6;border:1px solid #ffffff24}.contact-btn--ghost:hover{background:#0c0c0ce6}.contact-btn--send{color:#0a0a0a;background:#bf0}.contact-btn--send:hover{background:#caff33}.contact-btn--send:disabled{opacity:.45;cursor:not-allowed}@media (max-width:640px){.contact-draw-hint{text-align:center;justify-content:center;width:min(100vw - 2rem,22rem)}}