.contact-page{background:#fff;color:#12251b}.contact-container{width:min(1200px,calc(100% - 64px));margin:0 auto}.contact-page .nav a[aria-current="page"]{color:#11875a}.contact-hero{padding:calc(var(--nav-height) + 64px) 0 72px;background:#f2faf6;border-bottom:1px solid #dcece4}.contact-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr);gap:62px;align-items:center}.contact-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:30px;color:#718078;font-size:.82rem}.contact-breadcrumb a{color:#527060;text-decoration:none}.contact-eyebrow{display:inline-block;margin:0 0 13px;color:#1baa6c;font-size:.74rem;font-weight:800;letter-spacing:.1em}.contact-hero h1{max-width:640px;margin:0 0 22px;color:#10251a;font-size:clamp(2.55rem,5vw,4.55rem);line-height:1.03;letter-spacing:0}.contact-hero-lead{max-width:650px;margin:0;color:#496355;font-size:1.07rem;line-height:1.8}.contact-response-note{display:flex;align-items:center;gap:9px;margin:22px 0 0;color:#17754f;font-size:.88rem;font-weight:700}.contact-response-note svg{width:20px;height:20px}.contact-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.contact-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border:1px solid transparent;border-radius:8px;font-size:.92rem;font-weight:750;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.contact-btn:hover{transform:translateY(-2px)}.contact-btn-primary{color:#fff;background:#1baa6c;box-shadow:0 9px 22px rgba(27,170,108,.22)}.contact-btn-primary:hover{background:#168e5b}.contact-btn-secondary{color:#158357;border-color:#1baa6c;background:#fff}.contact-hero-visual{position:relative;min-width:0}.contact-hero-visual>img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;object-position:center;border-radius:12px;box-shadow:0 26px 58px rgba(17,77,50,.16)}.contact-data-card{position:absolute;display:flex;flex-direction:column;min-width:154px;padding:14px 17px;border:1px solid rgba(255,255,255,.8);border-radius:10px;background:rgba(255,255,255,.95);box-shadow:0 12px 28px rgba(15,54,35,.15);backdrop-filter:blur(8px)}.contact-data-card span{color:#75837c;font-size:.7rem}.contact-data-card strong{margin:3px 0;color:#126e4a;font-size:1rem}.contact-data-card small{color:#829088;font-size:.68rem}.contact-data-card-top{top:24px;left:-24px}.contact-data-card-bottom{right:-18px;bottom:28px}.contact-cards-section{position:relative;z-index:3;margin-top:-24px;padding-bottom:72px}.contact-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.contact-info-card{display:flex;align-items:center;gap:14px;min-width:0;padding:20px;border:1px solid #dfe9e4;border-radius:12px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 7px 22px rgba(14,57,36,.06);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.contact-info-card:hover{border-color:#1baa6c;transform:translateY(-3px);box-shadow:0 13px 28px rgba(14,90,53,.1)}.contact-card-icon{display:flex;flex:0 0 46px;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;color:#168e5b;background:#e7f7ef}.contact-card-icon svg{width:23px;height:23px}.contact-info-card>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}.contact-info-card small{color:#7a8981;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.contact-info-card strong{overflow-wrap:anywhere;color:#1d3f2e;font-size:.83rem;line-height:1.35}.contact-form-section{padding:92px 0;background:#f8faf9}.contact-form-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:70px;align-items:start}.contact-form-intro{position:sticky;top:calc(var(--nav-height) + 34px)}.contact-form-intro h2,.contact-section-heading h2,.contact-whatsapp h2{margin:0;color:#12251b;font-size:clamp(2rem,3.5vw,3.05rem);line-height:1.14}.contact-form-intro>p{margin:18px 0 30px;color:#64756c;line-height:1.75}.contact-form-points{display:grid;gap:14px}.contact-form-points>div{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:16px 0;border-top:1px solid #dfe8e3}.contact-form-points svg{width:25px;height:25px;color:#1baa6c}.contact-form-points span{display:flex;flex-direction:column;gap:5px}.contact-form-points strong{color:#214a35;font-size:.92rem}.contact-form-points small{color:#74847b;line-height:1.55}.project-inquiry-form{padding:34px;border:1px solid #dfe9e4;border-radius:12px;background:#fff;box-shadow:0 12px 34px rgba(13,62,38,.06)}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.contact-field{display:flex;min-width:0;flex-direction:column}.contact-field-full{margin-top:21px}.contact-field label{margin-bottom:8px;color:#284a39;font-size:.82rem;font-weight:700}.contact-field label span{color:#e27222}.contact-field input,.contact-field textarea{width:100%;border:1px solid #d8e2dd;border-radius:8px;background:#fbfdfc;color:#172b21;font:inherit;font-size:.9rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.contact-field input{height:48px;padding:0 14px}.contact-field textarea{min-height:138px;padding:13px 14px;resize:vertical;line-height:1.65}.contact-field input:focus,.contact-field textarea:focus{border-color:#1baa6c;background:#fff;box-shadow:0 0 0 3px rgba(27,170,108,.11)}.contact-field input[aria-invalid="true"],.contact-field textarea[aria-invalid="true"]{border-color:#d85645}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#9aa79f}.field-error{min-height:16px;margin-top:5px;color:#c44839;font-size:.7rem}.contact-submit{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:52px;margin-top:20px;border:0;border-radius:8px;background:#1baa6c;color:#fff;font:inherit;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 9px 22px rgba(27,170,108,.2);transition:background .2s ease,transform .2s ease}.contact-submit:hover{background:#168e5b;transform:translateY(-2px)}.contact-submit:disabled{cursor:wait;opacity:.72}.contact-submit span{font-size:1.15rem}.contact-form-note{margin:13px 0 0;color:#829088;font-size:.74rem;text-align:center}.contact-interest-section{padding:86px 0}.contact-section-heading{max-width:700px;margin:0 auto 34px;text-align:center}.contact-section-heading p{margin:14px 0 0;color:#6f8077;line-height:1.7}.contact-chip-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.contact-chip{min-height:45px;padding:0 20px;border:1px solid #cfded6;border-radius:999px;background:#fff;color:#365747;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s ease}.contact-chip:hover{border-color:#1baa6c;color:#148556;background:#f0faf5}.contact-chip.is-selected{border-color:#1baa6c;background:#1baa6c;color:#fff;box-shadow:0 7px 16px rgba(27,170,108,.18)}.contact-whatsapp{padding:70px 0;background:#126a48;color:#fff}.contact-whatsapp-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center}.contact-whatsapp .contact-eyebrow{color:#a8e3c5}.contact-whatsapp h2{color:#fff}.contact-whatsapp p{margin:13px 0 0;color:rgba(255,255,255,.76);font-size:1rem}.contact-whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:0 26px;border-radius:8px;background:#fff;color:#126a48;font-size:.92rem;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.contact-whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.15)}.contact-page .footer{margin-top:0}@media(max-width:1080px){.contact-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:38px}.contact-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form-layout{gap:42px}}@media(max-width:850px){.contact-hero-grid,.contact-form-layout,.contact-whatsapp-inner{grid-template-columns:1fr}.contact-hero-visual{max-width:720px}.contact-form-intro{position:static}.contact-whatsapp-inner{gap:26px}.contact-whatsapp-btn{width:100%}}@media(max-width:680px){.contact-container{width:min(100% - 40px,1200px)}.contact-hero{padding-top:calc(var(--nav-height) + 44px);padding-bottom:58px}.contact-hero-grid{gap:38px}.contact-hero h1{font-size:2.55rem}.contact-hero-actions{flex-direction:column}.contact-btn{width:100%}.contact-data-card{display:none}.contact-cards-section{margin-top:0;padding:28px 0 60px}.contact-card-grid,.contact-form-grid{grid-template-columns:1fr}.contact-form-section{padding:68px 0}.project-inquiry-form{padding:22px 18px}.contact-interest-section{padding:64px 0}.contact-chip-list{align-items:stretch;flex-direction:column}.contact-chip{width:100%;border-radius:8px}.contact-whatsapp{padding:58px 0}.contact-whatsapp h2{font-size:2rem}}
.thank-page{padding-top:var(--nav-height);background:#f2faf6}.thank-section{min-height:680px;padding:82px 0;display:flex;align-items:center}.thank-card{max-width:760px;margin:0 auto;padding:52px;border:1px solid #d9e9e0;border-radius:12px;background:#fff;text-align:center;box-shadow:0 18px 50px rgba(15,65,40,.08)}.thank-icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0 auto 22px;border-radius:50%;background:#e4f7ed;color:#1baa6c}.thank-icon svg{width:36px;height:36px}.thank-card h1{margin:0;color:#12251b;font-size:clamp(2rem,4vw,3.15rem);line-height:1.15}.thank-card>p{max-width:640px;margin:18px auto 0;color:#64756c;line-height:1.75}.thank-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0;padding:18px;border-radius:10px;background:#f5faf7;text-align:left}.thank-summary>div{display:flex;flex-direction:column;gap:3px;padding:9px}.thank-summary span{color:#829088;font-size:.7rem;text-transform:uppercase}.thank-summary strong{color:#214a35;font-size:.86rem;overflow-wrap:anywhere}.thank-actions{display:flex;justify-content:center;gap:12px;margin:26px 0 18px}.thank-card>small{color:#849188}@media(max-width:680px){.thank-section{padding:58px 0}.thank-card{padding:34px 20px}.thank-summary{grid-template-columns:1fr}.thank-actions{flex-direction:column}}.contact-footer{padding:42px 0;background:#101d17;color:#fff}.contact-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.contact-footer img{width:auto;height:54px;filter:brightness(0) invert(1)}.contact-footer p{margin:12px 0 3px;font-weight:700}.contact-footer span,.contact-footer small{color:#8fa098;font-size:.78rem}.contact-footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.contact-footer-links a{color:#d8e5de;font-size:.84rem;text-decoration:none}.contact-footer-links a:hover{color:#75d6a5}@media(max-width:680px){.contact-footer-inner{align-items:flex-start;flex-direction:column}.contact-footer-links{align-items:flex-start}}


.contact-interest-field {
  margin-top: 24px;
  padding: 20px;
  border: 1px solid #dfe9e4;
  border-radius: 10px;
  background: #f7fbf9;
}
.contact-interest-field > p {
  margin: -2px 0 14px;
  color: #708079;
  font-size: .82rem;
  line-height: 1.55;
}
.project-inquiry-form .contact-chip-list {
  justify-content: flex-start;
  gap: 10px;
}
.project-inquiry-form .contact-chip {
  min-height: 42px;
  border-radius: 8px;
  background: #fff;
}
@media(max-width:680px){
  .contact-interest-field { padding: 16px; }
  .project-inquiry-form .contact-chip-list { flex-direction: column; }
  .project-inquiry-form .contact-chip { width: 100%; }
}
.project-inquiry-form .contact-chip.is-selected,
.project-inquiry-form .contact-chip[aria-pressed="true"] {
  border-color: #1baa6c;
  background: #1baa6c;
  color: #fff;
  box-shadow: 0 8px 18px rgba(27,170,108,.22);
}
.project-inquiry-form .contact-chip.is-selected::before,
.project-inquiry-form .contact-chip[aria-pressed="true"]::before {
  content: "✓";
  margin-right: 7px;
  font-weight: 900;
}

.contact-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 760px;
}
.contact-cards-section {
  padding-bottom: 58px;
}
.contact-info-card {
  justify-content: space-between;
}
@media(max-width:680px){
  .contact-card-grid { grid-template-columns: 1fr; }
}

/* Contact page visual refinement */
.contact-hero {
  padding: calc(var(--nav-height) + 56px) 0 64px;
  background: linear-gradient(180deg, #f4fbf7 0%, #eef8f3 100%);
  border-bottom: 1px solid #dcece4;
}
.contact-hero-grid {
  grid-template-columns: minmax(0, 0.95fr) minmax(460px, 1.05fr);
  gap: 68px;
}
.contact-eyebrow {
  padding: 6px 11px;
  border-radius: 999px;
  background: #e3f6ec;
  color: #11875a;
  letter-spacing: .08em;
}
.contact-hero h1 {
  max-width: 680px;
  margin-bottom: 24px;
  font-size: clamp(2.65rem, 4.1vw, 4.25rem);
  line-height: 1.08;
}
.contact-hero-lead {
  max-width: 620px;
  color: #51695d;
  font-size: 1.03rem;
  line-height: 1.78;
}
.contact-response-note {
  display: inline-flex;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid #bfe5d1;
  border-radius: 999px;
  background: #ffffff;
  color: #13764f;
}
.contact-hero-visual {
  padding: 14px;
  border: 1px solid #dcece4;
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 24px 58px rgba(23, 85, 55, .10);
}
.contact-hero-visual > img {
  aspect-ratio: 16 / 10;
  border-radius: 12px;
  box-shadow: none;
}
.contact-data-card {
  display: none;
}
.contact-cards-section {
  margin-top: 0;
  padding: 28px 0 64px;
  background: #fff;
}
.contact-card-grid {
  width: min(760px, calc(100% - 64px));
  margin: 0 auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.contact-info-card {
  min-height: 66px;
  padding: 18px 20px;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(13, 62, 38, .05);
}
.contact-info-card span:first-child {
  color: #667a70;
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.contact-info-card strong {
  color: #183d2a;
  font-size: .9rem;
}
@media(max-width:1080px){
  .contact-hero-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .contact-hero-copy {
    max-width: 760px;
  }
  .contact-hero-visual {
    max-width: 820px;
  }
}
@media(max-width:680px){
  .contact-hero {
    padding: calc(var(--nav-height) + 42px) 0 48px;
  }
  .contact-hero h1 {
    font-size: 2.45rem;
  }
  .contact-hero-visual {
    padding: 10px;
    border-radius: 14px;
  }
  .contact-card-grid {
    width: min(100% - 40px, 1200px);
    grid-template-columns: 1fr;
  }
}