:root { --ink:#0e4a57; --accent:#19a66c; --muted:#5a6c73; }
    * { box-sizing:border-box; -webkit-tap-highlight-color: transparent; }
    html,body { margin:0; background:#fff; color:var(--ink); font-family:'Nunito Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
    .container { max-width:1180px; margin:0 auto; padding:14px 16px; }

    /* Header / Nav (V3) */
    header { position:sticky; top:0; z-index:10; background:#fff; border-bottom:1px solid rgba(14,74,87,.08); }
    .nav { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap: wrap; }
    .brand img { width:180px; height:auto; object-fit:contain; }
    nav a { text-decoration:none; color:var(--ink); font-weight:800; margin-left:14px; border-bottom:2px solid transparent; }
    nav a:hover { color:var(--accent); border-color:var(--accent); }
    .login { margin-left:10px; padding:8px 12px; border-radius:10px; border:2px solid var(--ink); background:var(--ink); color:#fff; text-decoration:none; font-weight:900; }
    .login:hover { background:var(--accent); border-color:var(--accent); }

    /* Dropdown */
    .dropdown { position: relative; display: inline-block; }
    .dropbtn { text-decoration: none; color: var(--ink); font-weight: 800; margin-left: 14px; padding: 8px 0; }
    .dropdown-content {
      display: none; position: absolute; top: 100%; left: 0; background: #fff; min-width: 260px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.1); border-radius: 8px; z-index: 20;
    }
    .dropdown-content a { display: block; padding: 10px 14px; text-decoration: none; color: var(--ink); font-weight: 600; border-bottom: 1px solid #eee; }
    .dropdown-content a:last-child { border-bottom: none; }
    .dropdown-content a:hover { background: var(--accent); color: #fff; }
    .dropdown:hover .dropdown-content { display: block; }

    /* Careers page */
    .hero { padding: 36px 0; }
    .hero-grid { display:grid; grid-template-columns:1fr; gap:22px; align-items:center; }
    @media(min-width:880px){ .hero-grid{ grid-template-columns:1.1fr 0.9fr; } }
    .h-title{ font-size:clamp(28px,6vw,48px); line-height:1.05; margin:0; }
    .h-sub{ margin:8px 0 0; color:var(--muted); font-size:18px; }

    .openings { margin: 30px 0 10px; }
    .jobs { display:grid; gap:16px; grid-template-columns:1fr; }
    @media(min-width:880px){ .jobs{ grid-template-columns: repeat(2, 1fr); } }
    .job { background:#f9f9f9; border:1px solid #ecf1f3; border-radius:14px; padding:16px; box-shadow:0 4px 14px rgba(0,0,0,.04); }
    .job h3 { margin:0 0 6px; font-size:18px; }
    .job p { margin:0 0 10px; color:var(--muted); }
    .tags { display:flex; gap:8px; flex-wrap:wrap; }
    .tag { font-size:12px; padding:6px 8px; border-radius:999px; background:#eef7f2; color:#0e4a57; border:1px solid #d9efe5; }

    .apply { margin-top: 30px; padding: 18px; background:#0e4a57; color:#fff; border-radius:14px; }
    .apply a { color:#fff; font-weight:900; text-decoration:none; border-bottom:2px solid rgba(255,255,255,.5); }
    .apply p {text-align: center; margin:0; font-size:16px; }

    /* Tablet Styles */
    @media (min-width: 640px) {
      .container { padding: 14px 24px; }
      .brand img { width: 160px; }
      .nav { gap: 20px; }
      nav a { margin-left: 20px; }
      .login { padding: 10px 16px; }
      .hero { padding: 40px 0; }
      .hero-grid { gap: 32px; }
      .h-title { font-size: clamp(32px, 7vw, 48px); }
      .openings { margin: 40px 0 20px; }
      .jobs { gap: 20px; }
      .job { padding: 20px; }
      .job h3 { font-size: 20px; }
      .apply { margin-top: 40px; padding: 24px; }
      .foot img { width: 160px; }
      .copy { font-size: 18px; }
    }

    /* Small screen nav adjustments */
    @media (max-width: 639px) {
      .nav { flex-direction: column; align-items: center; gap: 10px; }
      .brand img { display: block; margin: 0 auto; }
      nav { width: 100%; text-align: center; }
      nav a { margin-left: 0; margin-right: 14px; }
      .login { display: block; width: 92%; padding: 12px 16px; text-align: center; margin-top: 10px; }
      .hero { padding: 28px 0; }
      .hero-grid { gap: 22px; }
      .h-title { font-size: clamp(28px, 8vw, 48px); }
      .openings { margin: 20px 0 10px; }
      .jobs { gap: 16px; }
      .job { padding: 16px; }
      .apply { margin-top: 20px; padding: 18px; }
      .foot { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
      .phone { display: flex; justify-content: center; align-items: center; }
      .phone img { width: min(350px, 90vw); height: auto; max-height: 500px; object-fit: contain; }
    }

    /* Large Desktop Styles */
    @media (min-width: 1200px) {
      .container { padding: 14px 32px; }
      .hero { padding: 60px 0; }
      .hero-grid { gap: 40px; }
      .h-title { font-size: clamp(40px, 5vw, 56px); }
      .jobs { gap: 24px; }
    }

    /* Footer (V3) */
    footer { border-top:1px solid rgba(14,74,87,.08); margin-top:40px; }
    .foot { display:flex; align-items:center; gap:10px; padding:16px 0; }
    .foot img { width:180px; height:auto; }
    .copy { font-size:18px; color:var(--muted); font-weight:700; }