/* assets/css/work_with_us.css */
:root {
  --orange: #e8720c; --green: #5cb93c; --dark: #0e0e0e;
  --grey: #f4f4f4; --text: #1a1a1a; --muted: #666;
}

.ww-hero { background:var(--dark); padding:130px 40px 80px; text-align:center; position:relative; overflow:hidden; }
.ww-hero::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:70px; background:linear-gradient(to bottom right, transparent 49%, var(--grey) 50%); }
.ww-eyebrow { display:inline-block; font-family:'Montserrat',sans-serif; font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--green); margin-bottom:16px; }
.ww-hero__title { font-family:'Montserrat',sans-serif; font-weight:900; font-size:clamp(2.2rem,5vw,3.8rem); color:#fff; line-height:1.1; margin:0 0 20px; }
.ww-hero__title em { font-style:normal; color:var(--orange); }
.ww-hero__sub { font-family:'Montserrat',sans-serif; font-size:clamp(.95rem,2vw,1.1rem); color:rgba(255,255,255,.6); line-height:1.75; max-width:580px; margin:0 auto; }

/* ── MAIN LAYOUT ──────────────────────────────── */
.ww-main { background:var(--grey); padding:60px 40px 80px; }
.ww-main__inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 420px; gap:40px; align-items:start; }

/* ── FORM PANEL ───────────────────────────────── */
.ww-form-panel { background:#fff; border-radius:12px; padding:40px; box-shadow:0 6px 32px rgba(0,0,0,.07); }
.ww-form-panel__title { font-family:'Montserrat',sans-serif; font-weight:900; font-size:1.5rem; color:var(--dark); margin:0 0 28px; }

/* ALERTS */
.ww-alert { display:flex; align-items:flex-start; gap:10px; padding:14px 18px; border-radius:6px; font-family:'Montserrat',sans-serif; font-size:.9rem; font-weight:600; margin-bottom:24px; line-height:1.5; }
.ww-alert--success { background:#e8f5e3; color:#2d7a1f; border:1px solid #b5dba9; }
.ww-alert--error { background:#fdf0ed; color:#b03a2e; border:1px solid #f1b9b0; }
.ww-alert span { font-size:1rem; flex-shrink:0; }

/* FORM FIELDS */
.ww-form { display:flex; flex-direction:column; gap:20px; }
.ww-form__row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.ww-form__group { display:flex; flex-direction:column; gap:7px; }
.ww-form__group--full { grid-column:1/-1; }
.ww-form__group label { font-family:'Montserrat',sans-serif; font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--dark); }
.ww-req { color:var(--orange); }
.ww-form__group input,
.ww-form__group select,
.ww-form__group textarea {
  font-family:'Montserrat',sans-serif; font-size:.9rem; color:var(--text);
  border:2px solid #e0e0e0; border-radius:6px; padding:12px 16px;
  background:#fff; outline:none; transition:border-color .2s, box-shadow .2s;
  width:100%;
}
.ww-form__group input:focus,
.ww-form__group select:focus,
.ww-form__group textarea:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(232,114,12,.12); }
.ww-form__group select { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 10l-4-4h8l-4 4z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
.ww-form__group textarea { resize:vertical; min-height:140px; line-height:1.65; }
.ww-captcha { justify-content:flex-start; }

.ww-submit {
  display:inline-flex; align-items:center; gap:12px; justify-content:center;
  background:var(--orange); color:#fff;
  font-family:'Montserrat',sans-serif; font-size:14px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  border:none; cursor:pointer; padding:18px 36px; width:100%;
  transition:background .2s, transform .15s;
}
.ww-submit:hover { background:#d06008; transform:translateY(-1px); }
.ww-submit:active { transform:scale(.98); }
.ww-form__note { font-family:'Montserrat',sans-serif; font-size:11px; color:var(--muted); text-align:center; margin:0; }

/* ── INFO PANEL ───────────────────────────────── */
.ww-info-panel { display:flex; flex-direction:column; gap:20px; }
.ww-info-card { background:#fff; border-radius:12px; padding:32px; box-shadow:0 4px 20px rgba(0,0,0,.06); }
.ww-info-card--dark { background:var(--dark); }
.ww-info-card h3 { font-family:'Montserrat',sans-serif; font-weight:900; font-size:1.1rem; margin:0 0 20px; }
.ww-info-card:not(.ww-info-card--dark) h3 { color:var(--dark); }
.ww-info-card--dark h3 { color:#fff; }

.ww-contact-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:16px; }
.ww-contact-list li { display:flex; align-items:flex-start; gap:14px; }
.ww-ci-icon { font-size:1.3rem; flex-shrink:0; width:28px; text-align:center; }
.ww-contact-list strong { font-family:'Montserrat',sans-serif; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:2px; }
.ww-contact-list span, .ww-contact-list a { font-family:'Montserrat',sans-serif; font-size:.9rem; font-weight:600; color:var(--text); text-decoration:none; display:block; }
.ww-contact-list a:hover { color:var(--orange); }

.ww-next-steps { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:0; }
.ww-next-steps li { display:flex; align-items:flex-start; gap:16px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.ww-next-steps li:last-child { border-bottom:none; }
.ww-ns-num { font-family:'Montserrat',sans-serif; font-weight:900; font-size:1.6rem; color:var(--orange); line-height:1; flex-shrink:0; width:40px; }
.ww-next-steps strong { font-family:'Montserrat',sans-serif; font-size:.9rem; font-weight:800; color:#fff; display:block; margin-bottom:4px; }
.ww-next-steps p { font-family:'Montserrat',sans-serif; font-size:.82rem; color:rgba(255,255,255,.45); line-height:1.6; margin:0; }

/* ── RESPONSIVE ──────────────────────────────── */
@media(max-width:1024px) { .ww-main__inner { grid-template-columns:1fr 360px; } }
@media(max-width:900px) { .ww-main__inner { grid-template-columns:1fr; } .ww-form__row { grid-template-columns:1fr; } }
@media(max-width:600px) { .ww-hero { padding:100px 20px 70px; } .ww-main { padding:40px 16px; } .ww-form-panel { padding:24px 20px; } }
@media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;} }