/* LaranSys v6.0.27 - Contato Dark Tech Commercial */

:root {
  --ls627-lime:#c7ed36;
  --ls627-cyan:#18d7d0;
  --ls627-white:#f4f8f5;
  --ls627-muted:rgba(218,232,221,.66);
  --ls627-bg:#020705;
}

.ls-contact-v627 {
  position:relative;
  overflow:clip;
  background:var(--ls627-bg);
  color:var(--ls627-white);
}

.ls-contact-v627__container {
  width:min(1420px,calc(100% - 48px));
  margin:0 auto;
}

.ls-contact-v627__kicker {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(221,235,224,.66);
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
}

.ls-contact-v627__kicker i {
  width:7px;height:7px;border-radius:50%;
  background:var(--ls627-lime);
  box-shadow:0 0 12px rgba(199,237,54,.58);
}

/* HERO */
.ls-contact-v627__hero {
  position:relative;
  min-height:min(790px,calc(100vh - 76px));
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 30%,rgba(24,215,208,.14),transparent 30%),
    radial-gradient(circle at 84% 22%,rgba(199,237,54,.12),transparent 29%),
    linear-gradient(135deg,#03110e,#06110b 48%,#07150e);
  border-bottom:1px solid rgba(199,237,54,.10);
}

.ls-contact-v627__grid-bg {
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(199,237,54,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(199,237,54,.035) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 92%);
  mask-image:linear-gradient(to bottom,#000,transparent 92%);
}

.ls-contact-v627__glow {
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(24px);
}
.ls-contact-v627__glow--a {
  width:430px;height:430px;left:-160px;bottom:-140px;
  background:radial-gradient(circle,rgba(24,215,208,.13),transparent 70%);
}
.ls-contact-v627__glow--b {
  width:500px;height:500px;right:-170px;top:-130px;
  background:radial-gradient(circle,rgba(199,237,54,.11),transparent 70%);
}

.ls-contact-v627__hero-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);
  gap:clamp(46px,5vw,96px);
  align-items:center;
  padding:clamp(104px,9vw,150px) 0 82px;
}

.ls-contact-v627__hero h1 {
  max-width:790px;
  margin:23px 0 20px;
  font-size:clamp(3.2rem,5.15vw,6.2rem);
  line-height:.95;
  letter-spacing:-.052em;
  font-weight:640;
}

.ls-contact-v627__hero h1 strong {
  display:block;
  color:var(--ls627-lime);
  font-weight:820;
}

.ls-contact-v627__hero-copy > p {
  max-width:700px;
  margin:0;
  color:var(--ls627-muted);
  font-size:clamp(1.02rem,1.3vw,1.17rem);
  line-height:1.76;
}

.ls-contact-v627__hero-points {
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.07);
}

.ls-contact-v627__hero-points span {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(224,236,227,.62);
  font-size:.82rem;
  font-weight:720;
}

.ls-contact-v627__hero-points span::before {
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--ls627-lime);
  box-shadow:0 0 8px rgba(199,237,54,.38);
}

/* HERO VISUAL */
.ls-contact-v627__hero-visual {
  --ls627-x:50%;
  --ls627-y:50%;
  position:relative;
  min-height:570px;
  overflow:hidden;
  border:1px solid rgba(199,237,54,.18);
  border-radius:34px;
  background:
    radial-gradient(520px circle at var(--ls627-x) var(--ls627-y),rgba(199,237,54,.07),transparent 58%),
    linear-gradient(145deg,rgba(6,15,10,.90),rgba(3,10,8,.92));
  box-shadow:0 32px 80px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025);
}

.ls-contact-v627__visual-grid {
  position:absolute;
  inset:0;
  opacity:.26;
  background-image:
    linear-gradient(rgba(199,237,54,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(199,237,54,.055) 1px,transparent 1px);
  background-size:52px 52px;
}

.ls-contact-v627__visual-core {
  position:absolute;
  z-index:4;
  left:50%;top:50%;
  width:190px;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(199,237,54,.28);
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,237,54,.13),rgba(5,14,9,.94) 60%);
  box-shadow:
    0 0 0 20px rgba(199,237,54,.025),
    0 0 0 42px rgba(24,215,208,.014),
    0 0 40px rgba(199,237,54,.07);
}

.ls-contact-v627__visual-core small {
  color:rgba(222,236,224,.48);
  font-size:8px;font-weight:850;letter-spacing:.15em;
}
.ls-contact-v627__visual-core strong {
  margin:7px 0 3px;color:#f4f8f5;font-size:1.25rem;
}
.ls-contact-v627__visual-core span {
  color:var(--ls627-lime);font-size:.75rem;
}

.ls-contact-v627__visual-node {
  position:absolute;
  z-index:3;
  min-width:160px;
  padding:15px 16px;
  border:1px solid rgba(199,237,54,.11);
  border-radius:17px;
  background:rgba(5,13,9,.84);
  box-shadow:0 14px 32px rgba(0,0,0,.20);
}

.ls-contact-v627__visual-node span {
  color:var(--ls627-lime);
  font-size:.68rem;font-weight:900;
}
.ls-contact-v627__visual-node strong {
  display:block;margin-top:6px;color:#eff6f0;font-size:.92rem;
}
.ls-contact-v627__visual-node small {
  display:block;margin-top:3px;color:rgba(212,227,215,.44);font-size:.65rem;
}
.ls-contact-v627__visual-node.n1 { left:7%;top:12%; }
.ls-contact-v627__visual-node.n2 { right:7%;top:12%; }
.ls-contact-v627__visual-node.n3 { left:10%;bottom:14%; }
.ls-contact-v627__visual-node.n4 { right:10%;bottom:14%; }

.ls-contact-v627__visual-lines {
  position:absolute;inset:0;width:100%;height:100%;z-index:1;
}
.ls-contact-v627__visual-lines path {
  fill:none;stroke:rgba(199,237,54,.17);stroke-width:1.4;stroke-dasharray:6 10;
  animation:ls627Lines 15s linear infinite;
}
@keyframes ls627Lines { to { stroke-dashoffset:-160; } }

.ls-contact-v627__visual-status {
  position:absolute;
  z-index:4;
  left:24px;right:24px;bottom:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-top:14px;
  border-top:1px solid rgba(199,237,54,.08);
  color:rgba(216,230,219,.45);
  font-size:.65rem;font-weight:840;letter-spacing:.09em;
}
.ls-contact-v627__visual-status span { display:inline-flex;align-items:center;gap:7px; }
.ls-contact-v627__visual-status i {
  width:6px;height:6px;border-radius:50%;background:var(--ls627-lime);
  box-shadow:0 0 8px rgba(199,237,54,.45);
}
.ls-contact-v627__visual-status strong { color:rgba(220,236,223,.64); }

/* CHANNELS */
.ls-contact-v627__channels {
  position:relative;
  padding:36px 0;
  background:#030806;
  border-bottom:1px solid rgba(199,237,54,.07);
}

.ls-contact-v627__channels-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.ls-contact-v627__channel {
  --ls627-channel-rgb:199,237,54;
  position:relative;
  min-height:124px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:16px;
  align-items:center;
  padding:20px 22px;
  overflow:hidden;
  border:1px solid rgba(var(--ls627-channel-rgb),.13);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(var(--ls627-channel-rgb),.06),transparent 35%),
    rgba(6,15,10,.82);
  color:inherit;
  text-decoration:none;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.ls-contact-v627__channel:hover {
  color:inherit;
  transform:translateY(-4px);
  border-color:rgba(var(--ls627-channel-rgb),.28);
  box-shadow:0 22px 48px rgba(0,0,0,.25),0 0 26px rgba(var(--ls627-channel-rgb),.035);
}

.ls-contact-v627__channel.channel-whatsapp { --ls627-channel-rgb:63,221,106; }
.ls-contact-v627__channel.channel-email { --ls627-channel-rgb:65,223,245; }
.ls-contact-v627__channel.channel-instagram { --ls627-channel-rgb:199,237,54; }

.ls-contact-v627__channel-icon {
  width:48px;height:48px;
  display:grid;place-items:center;
  border:1px solid rgba(var(--ls627-channel-rgb),.20);
  border-radius:14px;
  color:rgb(var(--ls627-channel-rgb));
  background:rgba(var(--ls627-channel-rgb),.045);
  font-weight:900;
}

.ls-contact-v627__channel small {
  display:block;color:rgba(216,230,219,.42);font-size:.56rem;font-weight:900;letter-spacing:.12em;
}
.ls-contact-v627__channel strong {
  display:block;margin-top:5px;color:#f1f7f2;font-size:1rem;
}
.ls-contact-v627__channel span {
  display:block;margin-top:3px;color:rgba(215,229,217,.54);font-size:.76rem;
}
.ls-contact-v627__channel b {
  color:rgb(var(--ls627-channel-rgb));font-size:1rem;
}

/* FORM SECTION */
.ls-contact-v627__form-section {
  position:relative;
  padding:clamp(96px,8vw,142px) 0;
  background:
    radial-gradient(circle at 86% 10%,rgba(24,215,208,.05),transparent 30%),
    linear-gradient(180deg,#050a07,#020705 64%,#06100b);
}

.ls-contact-v627__form-section::before,
.ls-contact-v627__final::before {
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(199,237,54,.023) 1px,transparent 1px),
    linear-gradient(90deg,rgba(199,237,54,.023) 1px,transparent 1px);
  background-size:64px 64px;
}

.ls-contact-v627__section-head {
  position:relative;z-index:1;max-width:980px;
}
.ls-contact-v627__section-head h2,
.ls-contact-v627__final h2 {
  margin:20px 0 14px;
  color:#f4f8f5;
  font-size:clamp(2.5rem,4.5vw,5.3rem);
  line-height:.99;
  letter-spacing:-.045em;
  font-weight:620;
}
.ls-contact-v627__section-head h2 strong,
.ls-contact-v627__final h2 strong {
  color:var(--ls627-lime);
  font-weight:800;
}
.ls-contact-v627__section-head p,
.ls-contact-v627__final p {
  max-width:760px;margin:0;color:var(--ls627-muted);line-height:1.72;
}

.ls-contact-v627__workspace {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);
  gap:20px;
  align-items:start;
  margin-top:42px;
}

.ls-contact-v627__needs {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:14px;
}

.ls-contact-v627__needs button {
  position:relative;
  min-height:108px;
  padding:17px 18px;
  text-align:left;
  border:1px solid rgba(199,237,54,.10);
  border-radius:17px;
  color:rgba(239,246,240,.84);
  background:rgba(5,13,9,.72);
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

.ls-contact-v627__needs button:hover,
.ls-contact-v627__needs button.is-active {
  transform:translateY(-3px);
  border-color:rgba(199,237,54,.30);
  background:
    radial-gradient(circle at 100% 0%,rgba(199,237,54,.08),transparent 38%),
    rgba(6,16,10,.92);
  box-shadow:0 18px 38px rgba(0,0,0,.22);
}

.ls-contact-v627__needs button.is-active {
  box-shadow:inset 3px 0 0 var(--ls627-lime),0 18px 38px rgba(0,0,0,.22);
}

.ls-contact-v627__needs button > span {
  color:var(--ls627-lime);
  font-size:.7rem;font-weight:900;
}
.ls-contact-v627__needs button strong {
  display:block;margin-top:13px;color:#eef5ef;font-size:.9rem;
}
.ls-contact-v627__needs button small {
  display:block;margin-top:4px;color:rgba(213,228,216,.46);font-size:.68rem;line-height:1.4;
}

.ls-contact-v627__form {
  overflow:hidden;
  border:1px solid rgba(199,237,54,.14);
  border-radius:26px;
  background:
    radial-gradient(circle at 100% 0%,rgba(199,237,54,.055),transparent 34%),
    linear-gradient(145deg,rgba(8,18,12,.94),rgba(3,9,7,.97));
  box-shadow:0 28px 70px rgba(0,0,0,.27);
}

.ls-contact-v627__form-status {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:18px 24px 13px;
  color:rgba(215,230,218,.45);
  font-size:.62rem;font-weight:860;letter-spacing:.10em;
}

.ls-contact-v627__form-status span { display:inline-flex;align-items:center;gap:7px; }
.ls-contact-v627__form-status i {
  width:6px;height:6px;border-radius:50%;background:var(--ls627-lime);
  box-shadow:0 0 8px rgba(199,237,54,.45);
}
.ls-contact-v627__form-status strong { color:rgba(225,238,227,.58); }

.ls-contact-v627__progress {
  height:2px;
  background:rgba(255,255,255,.035);
}
.ls-contact-v627__progress span {
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--ls627-lime),var(--ls627-cyan));
  box-shadow:0 0 12px rgba(199,237,54,.14);
  transition:width .25s ease;
}

.ls-contact-v627__fields {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
  padding:24px;
}

.ls-contact-v627__fields label {
  display:block;
  margin:0;
}

.ls-contact-v627__fields label > span {
  display:block;
  margin-bottom:7px;
  color:rgba(225,237,227,.66);
  font-size:.72rem;
  font-weight:760;
}

.ls-contact-v627__fields input,
.ls-contact-v627__fields select,
.ls-contact-v627__fields textarea {
  width:100%;
  border:1px solid rgba(199,237,54,.10);
  border-radius:13px;
  outline:none;
  color:#edf5ef;
  background:rgba(2,8,6,.75);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
  font:inherit;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.ls-contact-v627__fields input,
.ls-contact-v627__fields select {
  min-height:48px;
  padding:0 13px;
}

.ls-contact-v627__fields textarea {
  min-height:168px;
  padding:13px;
  resize:vertical;
}

.ls-contact-v627__fields input::placeholder,
.ls-contact-v627__fields textarea::placeholder {
  color:rgba(215,229,217,.28);
}

.ls-contact-v627__fields input:focus,
.ls-contact-v627__fields select:focus,
.ls-contact-v627__fields textarea:focus {
  border-color:rgba(199,237,54,.40);
  background:rgba(4,12,8,.90);
  box-shadow:0 0 0 3px rgba(199,237,54,.045),0 0 22px rgba(199,237,54,.025);
}

.ls-contact-v627__fields select option {
  color:#eef5ef;
  background:#07110d;
}

.ls-contact-v627__field-full {
  grid-column:1 / -1;
}

.ls-contact-v627__form-footer {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:18px 24px 24px;
  border-top:1px solid rgba(255,255,255,.045);
}

.ls-contact-v627__form-footer p {
  max-width:570px;
  margin:0;
  color:rgba(212,226,215,.42);
  font-size:.7rem;
  line-height:1.5;
}

.ls-contact-v627__submit {
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 19px;
  border:1px solid rgba(199,237,54,.45);
  border-radius:14px;
  color:#071008;
  background:linear-gradient(135deg,var(--ls627-lime),#94cc38);
  box-shadow:0 14px 34px rgba(140,198,63,.15);
  font-weight:820;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
.ls-contact-v627__submit:hover {
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(140,198,63,.22);
}

/* ASIDE */
.ls-contact-v627__aside {
  position:sticky;
  top:108px;
  padding:26px;
  border:1px solid rgba(199,237,54,.13);
  border-radius:25px;
  background:
    radial-gradient(circle at 100% 0%,rgba(24,215,208,.055),transparent 35%),
    rgba(5,14,9,.78);
  box-shadow:0 26px 62px rgba(0,0,0,.24);
}

.ls-contact-v627__aside h3 {
  margin:18px 0 9px;
  color:#f1f6f2;
  font-size:1.55rem;
  line-height:1.15;
}
.ls-contact-v627__aside > p {
  margin:0;color:rgba(214,229,216,.56);line-height:1.62;font-size:.86rem;
}

.ls-contact-v627__guide {
  display:grid;
  gap:9px;
  margin-top:24px;
}

.ls-contact-v627__guide article {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  padding:14px;
  border:1px solid rgba(199,237,54,.075);
  border-radius:15px;
  background:rgba(3,10,7,.48);
}

.ls-contact-v627__guide article > span {
  width:31px;height:31px;display:grid;place-items:center;
  border:1px solid rgba(199,237,54,.15);
  border-radius:10px;
  color:var(--ls627-lime);
  background:rgba(199,237,54,.035);
  font-size:.63rem;font-weight:900;
}

.ls-contact-v627__guide strong {
  display:block;color:#edf4ee;font-size:.82rem;
}
.ls-contact-v627__guide small {
  display:block;margin-top:3px;color:rgba(212,227,214,.45);line-height:1.45;
}

.ls-contact-v627__next {
  margin-top:18px;
  padding:19px;
  border:1px solid rgba(24,215,208,.11);
  border-radius:17px;
  background:rgba(24,215,208,.025);
}

.ls-contact-v627__next > small {
  color:var(--ls627-cyan);
  font-size:.58rem;font-weight:900;letter-spacing:.12em;
}
.ls-contact-v627__next strong {
  display:block;margin-top:9px;color:#eff5f0;font-size:.9rem;
}
.ls-contact-v627__next p {
  margin:6px 0 0;color:rgba(213,228,216,.46);font-size:.75rem;line-height:1.5;
}

/* FINAL */
.ls-contact-v627__final {
  position:relative;
  padding:84px 0 112px;
  background:linear-gradient(180deg,#06100b,#030806);
  border-top:1px solid rgba(199,237,54,.07);
}

.ls-contact-v627__final-box {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr auto;
  gap:42px;
  align-items:center;
  padding:42px 46px;
  border:1px solid rgba(199,237,54,.15);
  border-radius:27px;
  background:
    radial-gradient(circle at 82% 20%,rgba(199,237,54,.08),transparent 30%),
    linear-gradient(145deg,rgba(7,17,11,.94),rgba(4,10,8,.96));
}

.ls-contact-v627__final h2 {
  font-size:clamp(2rem,3.4vw,3.8rem);
}

/* BUTTON SHARED */
.ls-contact-v627__actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.ls-contact-v627__btn {
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 19px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  color:rgba(244,248,245,.92);
  background:rgba(7,15,11,.56);
  text-decoration:none;
  font-size:.9rem;
  font-weight:790;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.ls-contact-v627__btn:hover {
  color:#fff;
  transform:translateY(-2px);
  border-color:rgba(199,237,54,.24);
  background:rgba(199,237,54,.055);
}
.ls-contact-v627__btn--primary {
  color:#071008 !important;
  border-color:rgba(199,237,54,.45);
  background:linear-gradient(135deg,var(--ls627-lime),#94cc38);
  box-shadow:0 14px 34px rgba(140,198,63,.15);
}

/* REVEAL */
.ls-contact-v627 [data-ls627-reveal] {
  opacity:0;
  transform:translateY(24px);
  transition:opacity .66s ease,transform .66s ease;
}
.ls-contact-v627 [data-ls627-reveal].is-visible {
  opacity:1;
  transform:translateY(0);
}

@media (max-width:1180px) {
  .ls-contact-v627__hero-grid { grid-template-columns:1fr; }
  .ls-contact-v627__hero-visual { min-height:550px; }
  .ls-contact-v627__workspace { grid-template-columns:1fr; }
  .ls-contact-v627__aside { position:relative;top:auto; }
}

@media (max-width:900px) {
  .ls-contact-v627__channels-grid { grid-template-columns:1fr; }
  .ls-contact-v627__needs { grid-template-columns:repeat(2,1fr); }
  .ls-contact-v627__final-box { grid-template-columns:1fr; }
}

@media (max-width:720px) {
  .ls-contact-v627__container { width:min(100% - 32px,1420px); }
  .ls-contact-v627__hero { min-height:auto; }
  .ls-contact-v627__hero-grid { padding:82px 0 58px; }
  .ls-contact-v627__hero h1 { font-size:clamp(2.7rem,13vw,4.5rem); }
  .ls-contact-v627__hero-visual { min-height:610px;border-radius:24px; }
  .ls-contact-v627__visual-core { width:145px; }
  .ls-contact-v627__visual-node { min-width:120px;padding:12px; }
  .ls-contact-v627__visual-node.n1 { left:3%; }
  .ls-contact-v627__visual-node.n2 { right:3%; }
  .ls-contact-v627__visual-node.n3 { left:3%;bottom:17%; }
  .ls-contact-v627__visual-node.n4 { right:3%;bottom:17%; }
  .ls-contact-v627__visual-status { flex-direction:column;align-items:flex-start; }
  .ls-contact-v627__form-section { padding:78px 0; }
  .ls-contact-v627__needs { grid-template-columns:1fr; }
  .ls-contact-v627__fields { grid-template-columns:1fr;padding:18px; }
  .ls-contact-v627__field-full { grid-column:auto; }
  .ls-contact-v627__form-footer { flex-direction:column;align-items:stretch;padding:17px 18px 20px; }
  .ls-contact-v627__submit { width:100%; }
  .ls-contact-v627__final { padding:72px 0 94px; }
  .ls-contact-v627__final-box { padding:28px 24px; }
}

@media (prefers-reduced-motion:reduce) {
  .ls-contact-v627 *,
  .ls-contact-v627 *::before,
  .ls-contact-v627 *::after {
    animation:none!important;
    transition:none!important;
  }
  .ls-contact-v627 [data-ls627-reveal] {
    opacity:1!important;
    transform:none!important;
  }
}
