.contact-section{
  position:relative;
  padding:58px max(5vw,calc((100vw - 1320px)/2)) 38px;
  background:radial-gradient(ellipse at 82% 12%,#51206f1f,transparent 42%),#08070c;
  border-top:1px solid #ffffff10;
  color:#f5f0fa;
}
.contact-compact-head{
  display:grid;
  grid-template-columns:1fr minmax(300px,.58fr);
  gap:8%;
  align-items:end;
  margin:36px 0 28px;
}
.contact-kicker{
  margin:0 0 10px;
  font:9px/1.5 SFMono-Regular,Consolas,monospace;
  letter-spacing:.1em;
  color:#8f719f;
}
.contact-compact-head h2{
  margin:0;
  font-size:clamp(2.5rem,4.7vw,4.7rem);
  line-height:1;
  font-weight:500;
  letter-spacing:-.06em;
}
.contact-compact-head h2 em{font-style:normal;color:#b879ef}
.contact-intro p{
  margin:0;
  color:#9e92a7;
  font-size:.88rem;
  line-height:1.7;
  max-width:460px;
}
.contact-intro>a{
  display:inline-block;
  margin-top:11px;
  color:#d2b4e6;
  font-size:.8rem;
  text-decoration:underline;
  text-underline-offset:4px;
}
.contact-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.contact-action{
  min-width:0;
  min-height:94px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  border:1px solid #ffffff10;
  border-radius:15px;
  background:linear-gradient(145deg,#111016,#0b0a0e);
  color:#eee7f4;
  box-shadow:inset 0 1px 0 #ffffff0d;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
a.contact-action:hover,a.contact-action:focus-visible{
  transform:translateY(-2px);
  border-color:#a970cf50;
  background:linear-gradient(145deg,#17111c,#0c0a10);
}
.contact-action-whatsapp{border-color:#8d64af38}
.contact-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#ffffff06;
  border:1px solid #ffffff0d;
  color:#b789da;
}
.contact-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.contact-action small{
  display:block;
  margin-bottom:5px;
  color:#706579;
  font:8px/1.3 SFMono-Regular,Consolas,monospace;
  letter-spacing:.1em;
}
.contact-action strong{
  display:block;
  min-width:0;
  color:#f1ebf5;
  font-size:.82rem;
  line-height:1.3;
  font-weight:500;
  overflow-wrap:anywhere;
}
.contact-action-static{cursor:default}
.contact-meta{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  margin-top:12px;
  padding:13px 3px 0;
  border-top:1px solid #ffffff0c;
}
.contact-meta p{
  margin:0;
  color:#766b80;
  font-size:.72rem;
  line-height:1.6;
}
.contact-meta a{
  flex:none;
  color:#ac8ac2;
  font-size:.72rem;
}
.contact-section .join-footer{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px 24px;
  margin-top:34px;
  padding-top:20px;
  border-top:1px solid #ffffff10;
  color:#7f7189;
  font-size:9px;
}
.contact-section .join-footer .logo{
  margin-right:auto;
  color:#f1e8f7;
  font-size:.95rem;
}
.contact-section .join-footer a:hover{color:#d9b9ee}
@media(max-width:1000px){
  .contact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .contact-section{padding:48px 6vw 34px}
  .contact-compact-head{grid-template-columns:1fr;gap:17px;margin:28px 0 23px}
  .contact-compact-head h2{font-size:clamp(2.65rem,12vw,3.6rem)}
  .contact-intro p{font-size:.84rem}
  .contact-actions{grid-template-columns:1fr 1fr;gap:8px}
  .contact-action{min-height:88px;padding:13px;gap:10px}
  .contact-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}
  .contact-icon svg{width:19px;height:19px}
  .contact-action strong{font-size:.75rem}
  .contact-meta{align-items:flex-start;flex-direction:column;gap:8px}
  .contact-section .join-footer{margin-top:28px;gap:13px 20px}
  .contact-section .join-footer .logo{width:100%;margin:0}
}
@media(max-width:390px){
  .contact-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .contact-action{transition:none}
  a.contact-action:hover,a.contact-action:focus-visible{transform:none}
}