*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:#0a0a14;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.5}
.contact-main{padding:120px 24px 100px;background:radial-gradient(ellipse at 32% 58%,rgba(139,92,246,.055),transparent 48%),radial-gradient(ellipse at 70% 65%,rgba(16,185,129,.065),transparent 50%)}
.contact-intro{text-align:center;margin:0 auto 38px;max-width:1200px}
.contact-intro h1{margin:0 0 12px;font-size:clamp(36px,5vw,56px);line-height:1.12;font-weight:800;letter-spacing:-.045em;color:#0a0a14}
.contact-intro p{margin:0;color:#71717d;font-size:17px}
.contact-panels{max-width:680px;margin:0 auto;display:grid;gap:18px}
.contact-panel{display:grid;grid-template-rows:auto 0fr;border:1px solid rgba(10,10,20,.055);border-radius:44px;background:#fff;box-shadow:0 5px 8px rgba(10,10,20,.035),0 14px 30px rgba(10,10,20,.055);transition:grid-template-rows .5s cubic-bezier(.65,0,.35,1),border-radius .5s cubic-bezier(.65,0,.35,1)}
.contact-panel.is-open{grid-template-rows:auto 1fr;border-radius:28px}
.contact-panel h2{margin:0;font-size:inherit;font-weight:inherit}
.contact-toggle{width:100%;display:flex;align-items:center;gap:16px;padding:20px 24px;border:0;border-radius:inherit;background:transparent;color:#0a0a14;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.contact-icon{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;color:#25c99b}
.contact-icon svg{width:24px;height:24px;fill:currentColor}
.contact-heading{min-width:0;flex:1;display:grid;gap:2px}
.contact-name{font-size:17px;font-weight:700;letter-spacing:-.02em}
.contact-summary{font-size:13px;color:#73737f;font-weight:400}
.contact-chevron{flex-shrink:0;width:32px;height:32px;border:1px solid #e1e1e9;border-radius:50%;background:#f3f3f7;color:#777782;display:grid;place-items:center;transition:background .18s,color .18s,transform .5s cubic-bezier(.65,0,.35,1)}
.contact-chevron svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.contact-toggle:hover .contact-chevron{background:#eaeaf0;color:#0a0a14}
.contact-panel.is-open > h2 .contact-chevron{transform:rotate(180deg)}
.contact-body{min-height:0;overflow:hidden;visibility:hidden;opacity:0;transition:opacity .25s,visibility 0s .5s}
.contact-panel.is-open .contact-body{visibility:visible;opacity:1;transition:opacity .3s .12s,visibility 0s}
.contact-body-inner{padding:0 24px 24px}
.contact-emails{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.contact-email{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #ececf0;border-radius:16px;padding:15px 16px;color:#0a0a14;text-decoration:none;transition:transform .18s,box-shadow .18s}
.contact-email>span{min-width:0;display:grid;gap:4px}
.contact-email strong{font-size:13px;font-weight:600}
.contact-email span span{font-size:13px;color:#696976;overflow-wrap:anywhere}
.contact-email svg,.contact-cta svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-email:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(10,10,20,.07)}
.contact-channel{padding-top:2px}
.contact-channel p{max-width:460px;margin:0 0 20px;font-size:14px;color:#696976}
.contact-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:10px 20px;border-radius:99px;border:2px solid transparent;background:linear-gradient(#0a0a14,#0a0a14) padding-box,linear-gradient(90deg,#8b5cf6,#3b82f6,#10b981,#3b82f6,#8b5cf6) border-box;background-size:auto,300% 100%;animation:contact-flow 8s linear infinite;color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:transform .18s}
.contact-cta:hover{transform:translateY(-2px)}
.contact-toggle:focus-visible,.contact-email:focus-visible,.contact-cta:focus-visible{outline:2px solid #0a0a14;outline-offset:4px}
@keyframes contact-flow{to{background-position:0 0,-300% 0}}
@media(max-width:600px){.contact-main{padding:100px 16px 64px}.contact-intro{margin-bottom:28px}.contact-intro p{font-size:15px}.contact-panels{gap:14px}.contact-toggle{gap:12px;padding:18px}.contact-body-inner{padding:0 18px 18px}.contact-summary{font-size:12px}.contact-name{font-size:16px}.contact-emails{grid-template-columns:1fr}.contact-email{padding:12px 14px}.contact-panel{border-radius:42px}.contact-panel.is-open{border-radius:24px}}
@media(prefers-reduced-motion:reduce){.contact-panel,.contact-chevron,.contact-body,.contact-panel.is-open .contact-body,.contact-email,.contact-cta{animation:none;transition:none}.contact-email:hover,.contact-cta:hover{transform:none}}
.contact-icon img{width:24px;height:24px;display:block;object-fit:contain}
.contact-form{display:grid;gap:16px;padding-top:4px}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#34343e;min-width:0}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;min-height:44px;border:1px solid #dddde5;border-radius:12px;padding:12px 14px;background:#fff;color:#0a0a14;font:inherit;font-size:16px;font-weight:400;box-shadow:none}
.contact-form textarea{resize:vertical;min-height:110px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #0a0a14;outline-offset:1px}
.contact-form textarea::placeholder{color:#81818d}
.contact-form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.contact-form button{font-family:inherit;cursor:pointer}
.contact-form button:disabled{opacity:.6;cursor:wait;transform:none}
.contact-form-status{flex:1 1 200px;font-size:13px;color:#146a4e;margin:0}
.contact-form-status.is-error{color:#b42336}
#injected-footer-container,.mapi-footer{background:transparent!important}
.mapi-footer{border-top:0!important}
.contact-watermark{width:100%;overflow:hidden;line-height:0;padding:0 2vw;box-sizing:border-box}
.contact-watermark img{width:100%;height:auto;display:block;filter:grayscale(1) brightness(0) opacity(.045);margin-bottom:-7vw;user-select:none;pointer-events:none}
@media(max-width:600px){.contact-form-row{grid-template-columns:1fr}.contact-form-actions{gap:12px}}
.contact-department{position:relative;display:grid;gap:7px;min-width:0}
.contact-field-label{font-size:13px;font-weight:600;color:#34343e}
.contact-form select[hidden]{display:none!important}
.contact-select-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;width:100%;border:1px solid #dddde5;border-radius:24px;background:#fff;color:#0a0a14;padding:8px 10px 8px 16px;font:inherit;font-size:14px;text-align:left}
.contact-select-toggle .contact-chevron{width:28px;height:28px}
.contact-select-toggle[aria-expanded="true"] .contact-chevron{transform:rotate(180deg)}
.contact-select-toggle:hover .contact-chevron{background:#eaeaf0;color:#0a0a14}
.contact-select-toggle:focus-visible,.contact-select-options button:focus-visible{outline:2px solid #0a0a14;outline-offset:2px}
.contact-select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:5;display:grid;gap:4px;padding:6px;background:#fff;border:1px solid #e4e4eb;border-radius:20px;box-shadow:0 8px 24px rgba(10,10,20,.12);animation:contact-select-in .16s ease-out}
.contact-select-options[hidden]{display:none}
.contact-select-options button{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 12px;border:0;border-radius:18px;background:transparent;color:#0a0a14;font:inherit;font-size:14px;text-align:left}
.contact-select-options button:hover,.contact-select-options button:focus{background:#f4f4f7}
.contact-select-options button[aria-selected="true"]{background:#f0f0f5;font-weight:600}
.contact-select-options svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}
.contact-select-options button[aria-selected="true"] svg{visibility:visible}
@keyframes contact-select-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.contact-select-options{animation:none}}
.contact-name{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.contact-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;line-height:1;padding:5px 10px;border-radius:999px;letter-spacing:0}
.contact-badge-pro{color:#fff;background:linear-gradient(#0a0a14,#0a0a14) padding-box,linear-gradient(120deg,#a78bfa,#60a5fa,#34d399) border-box;border:1.5px solid transparent}
.contact-badge-soon{color:#83838f;background:#f2f2f5;border:1px solid #e6e6ec}
.contact-unavailable{display:inline-flex;justify-content:center;padding:12px 20px;border-radius:999px;background:#f1f1f4;color:#92929c;font-size:14px;font-weight:600;cursor:default}
.contact-whatsapp-form{padding-top:4px}
.contact-whatsapp-form>p{margin:0 0 14px;color:#767681;font-size:14px}
.contact-whatsapp-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-whatsapp-entry{display:flex;align-items:center;gap:8px;padding:5px;border:1.5px solid #dedee6;border-radius:999px;background:#fff;transition:border-color .2s}
.contact-whatsapp-entry:focus-within{border-color:#9898a6}
.contact-whatsapp-entry input{min-width:0;flex:1;width:100%;border:0;background:transparent;padding:10px 12px;font:inherit;font-size:15px;color:#0a0a14;outline:none}
.contact-whatsapp-entry .contact-cta{flex:none;border:0;font:inherit;font-size:13px;white-space:nowrap;min-width:142px;min-height:44px;margin:0;cursor:pointer}
.contact-whatsapp-entry .contact-cta:disabled{cursor:wait;transform:none}
.contact-whatsapp-form .contact-whatsapp-status{margin:10px 8px 0;font-size:13px;line-height:1.5;color:#c43c4a}
.contact-whatsapp-status:empty{display:none}
.contact-whatsapp-form.has-error .contact-whatsapp-entry{border-color:#dc5262}
.contact-check-dots{display:inline-flex;align-items:center;gap:4px;height:18px}
.contact-check-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:contact-dot 1s ease-in-out infinite}
.contact-check-dots i:nth-child(2){animation-delay:.15s}.contact-check-dots i:nth-child(3){animation-delay:.3s}
@keyframes contact-dot{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}
@media(max-width:540px){.contact-whatsapp-entry{flex-wrap:wrap;border-radius:22px;padding:7px}.contact-whatsapp-entry input{flex-basis:100%}.contact-whatsapp-entry .contact-cta{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.contact-check-dots i{animation:none}.contact-whatsapp-entry{transition:none}}

/* Email is a standard form action, without the Pro gradient treatment. */
.contact-form-actions .contact-cta{background:#f4f4f7;border:1px solid #dcdce4;color:#25252e;animation:none;gap:9px;transition:background .18s,transform .18s}
.contact-form-actions .contact-cta:hover{background:#eaeaf0;transform:translateY(-1px)}
.contact-form-actions .contact-cta:disabled{transform:none}
@media(prefers-reduced-motion:reduce){.contact-form-actions .contact-cta{transition:none}.contact-form-actions .contact-cta:hover{transform:none}}

@media(max-width:768px){.contact-main{padding-top:100px}}

.contact-title-gradient{display:inline-block;line-height:1.2;padding:.04em .09em .14em;margin:-.04em -.09em -.14em;background:linear-gradient(90deg,#8B5CF6,#3B82F6,#10B981,#3B82F6,#8B5CF6);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:contact-title-flow 8s linear infinite}
.contact-intro h1{text-wrap:balance;word-spacing:.08em}
@keyframes contact-title-flow{to{background-position:-300% 0}}
@media(prefers-reduced-motion:reduce){.contact-title-gradient{animation:none}}