:root{
    --ink:#1B1D21;
    --muted:#8A8D97;
    --paper:#FFFFFF;
    --bg:#FBFBFD;
    --card:#F6F6FA;
    --line:#E8E8EF;
    --accent:#FF5A36;
    --accent-deep:#E14522;
    --radius:14px;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:'Inter', sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;}
  .wrap{max-width:1160px;margin:0 auto;padding:0 32px;}

  
  .grid.contact_wrp{display:grid;
/* 	  grid-template-columns:1.15fr 0.85fr; */
	  gap:60px;align-items:start;}

  /* left column */
  h1{
    font-family:'Poppins',sans-serif;
    font-weight:800;
    font-size:38px;
    margin:0 0 14px;
    letter-spacing:-0.01em;
  }
  .lede{color:var(--muted);font-size:15px;max-width:460px;margin:0 0 30px;}

  .toggle{
    display:inline-flex;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:999px;
    padding:4px;
    margin-bottom:32px;
  }
  .toggle button{
    font-family:'Inter',sans-serif;
    font-size:13.5px;
    font-weight:600;
    border:none;
    background:transparent;
    padding:9px 18px;
    border-radius:999px;
    cursor:pointer;
    color:var(--muted);
    transition:background .2s ease, color .2s ease;
  }
  .toggle button.on{background:var(--accent);color:#fff;}

  form{display:grid;gap:20px;}
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  label{
    display:block;
    font-size:13px;
    font-weight:600;
    margin-bottom:8px;
    color:var(--ink);
  }
  input[type="text"],input[type="url"], input[type="email"], input[type="tel"],select, textarea{
    width:100%;
    font-family:'Inter',sans-serif;
    font-size:14.5px;
    padding:13px 16px;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--card);
    color:var(--ink);
  }
  input::placeholder, textarea::placeholder{color:#B3B5BF;}
  textarea{resize:vertical;min-height:110px;}
  input:focus, textarea:focus, button:focus-visible, .toggle button:focus-visible{
    outline:none;
    border-color:var(--accent);
    box-shadow:0 0 0 3px rgba(255,90,54,0.15);
  }
  .field.hidden{display:none;}

  .upload{
    border:1.5px dashed var(--line);
    border-radius:10px;
    padding:18px;
    text-align:center;
    font-size:13.5px;
    color:var(--muted);
    cursor:pointer;
    background:var(--card);
    transition:border-color .2s ease, background .2s ease;
  }
  .upload:hover, .upload.drag{border-color:var(--accent);}
  .upload strong{color:var(--ink);font-weight:600;}
  .upload input{display:none;}
  .filename{font-size:12.5px;color:green;margin-top:8px;font-weight:600;}

  .submit-btn{
    margin-top:4px;
    width:100%;
    font-family:'Inter',sans-serif;
    font-weight:600;
    font-size:15px;
    padding:15px 0;
    border:none;
    border-radius:9px;
    background:var(--accent);
    color:#fff;
    cursor:pointer;
    transition:background .2s ease, transform .15s ease;
  }
  .submit-btn:hover{background:var(--accent-deep);transform:translateY(-1px);}
  .note{font-size:12px;color:var(--muted);margin-top:-8px;}

  .confirm{display:none;text-align:center;padding:40px 10px;}
  .confirm.show{display:block;}
  .confirm .check{
    width:52px;height:52px;border-radius:50%;
    background:#FFEDE7;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 18px;
  }
  .confirm h3{font-family:'Poppins',sans-serif;font-size:20px;margin:0 0 8px;}
  .confirm p{color:var(--muted);font-size:14px;max-width:300px;margin:0 auto;}

  /* right column: info cards */
  .cards{display:grid;gap:20px; display: none;}
  .card{
    position:relative;
    background:var(--card);
    border-radius:var(--radius);
    padding:34px 24px 26px;
    text-align:center;
  }
  .card .icon{
    position:absolute;
    top:20px;left:24px;
    width:22px;height:22px;
    color:var(--accent);
  }
  .card .icon svg{width:100%;height:100%;}
  .card h3{
    font-family:'Poppins',sans-serif;
    font-size:16px;
    font-weight:700;
    margin:6px 0 6px;
  }
  .card p{margin:0;color:var(--muted);font-size:14px;}
  .card p a{text-decoration:none;color:var(--muted);}
  .card p a:hover{color:var(--accent-deep);}
.office-card {
  max-width: 420px;
  padding: 1.5rem 1.75rem;
	text-align: left !important ;
}
.office-subtitle {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 16px;
}
.country-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.pill {
  background: #b6b6b7;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 13px;
}
.pill:hover{
	background-color : #ff5a36;
	color: #fff;
}
.office-email {
    border-top: 1px solid #e5e7eb;
    padding-top: 14px;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
}

  footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted);}
  footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}

  @media (max-width:880px){
/*     .grid.contact_wrp{grid-template-columns:1fr;gap:44px;} */
    .field-row{grid-template-columns:1fr;}
    nav{display:none;}
  }
  @media (prefers-reduced-motion: reduce){*{transition:none !important;}}