/* =============================================
       HEADER OVERRIDES (matching index.html)
    ============================================= */
    .mobile-logo img { width: 80px; height: auto; }
    .logos img { width: 80px; height: auto; }
    .mobile-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: #fff; }
    .homepage10-body .header-area.homepage10 .header-elements .main-menu > ul > li > a { color: #000 !important; }
    .homepage10-body .header-area.homepage10 .header-elements .main-menu > ul > li:hover > a,
    .homepage10-body .header-area.homepage10 .header-elements .main-menu > ul > li.current-menu-item > a,
    .homepage10-body .header-area.homepage10 .header-elements .main-menu > ul > li.current-menu-ancestor > a { color: #fcb90e !important; }
    .homepage10-body .header-area.homepage10 .header-elements .main-menu ul li .tp-submenu a,
    .homepage10-body .header-area.homepage10 .header-elements .main-menu ul li .tp-submenu li a { color: #fcb90e !important; }
    .fa-angle-down { color: #fcb90e !important; }
    .homepage10-body .header-area.homepage10 .header-elements .main-menu ul li ul.dropdown-padding li a:hover { color: #fcb90e !important; }
    .homepage10-body .header-area.homepage10 .header-elements .main-menu ul li ul.dropdown-padding li a::after { background: #fcb90e !important; }
    .header-btn17 { background: #fcb90e !important; color: #000 !important; }
    .header-btn17:hover { background: #000 !important; color: #fcb90e !important; }

    /* =============================================
       DESIGN VARIABLES (identical to index.html)
    ============================================= */
    :root {
      --gold: #fcb90e;
      --gold-light: #fcb90e;
      --gold-pale: #fff8e6;
      --dark: #0d0d0d;
      --dark-2: #161616;
      --dark-3: #1f1f1f;
      --mid: #2a2a2a;
      --text: #444;
      --text-light: #888;
      --white: #ffffff;
      --border: #ebebeb;
      --bg-light: #f7f7f7;
      --radius: 16px;
      --radius-lg: 24px;
      --radius-xl: 32px;
    }

    /* =============================================
       GLOBAL (matching index.html)
    ============================================= */
    .hp-body { font-family: 'DM Sans', sans-serif; }
    .hp-body h1,.hp-body h2,.hp-body h3,.hp-body h4 { font-family:'Syne',sans-serif; font-weight:700; line-height:1.15; color:var(--dark); }
    .hp-body p { font-family:'DM Sans',sans-serif; font-weight:400; line-height:1.8; color:var(--text); }
    .section-tag {
      display:inline-flex; align-items:center; gap:8px;
      font-family:'DM Sans',sans-serif; font-size:12px; font-weight:500;
      color:var(--gold); text-transform:uppercase; letter-spacing:2px; margin-bottom:14px;
    }
    .section-tag::before { content:''; display:block; width:18px; height:2px; background:var(--gold); }
    .section-heading {
      font-family:'Syne',sans-serif; font-size:clamp(1.85rem,3.5vw,2.7rem);
      font-weight:700; color:var(--dark); line-height:1.18; margin-bottom:16px;
    }
    .section-heading.white { color:var(--white); }
    .section-sub {
      font-family:'DM Sans',sans-serif; font-size:1rem;
      color:var(--text-light); line-height:1.8; max-width:580px;
    }
    .section-sub.center { margin:0 auto; text-align:center; }
    .btn-gold {
      display:inline-flex; align-items:center; gap:10px;
      background:var(--gold); color:#000; font-family:'Syne',sans-serif;
      font-weight:600; font-size:15px; padding:14px 28px; border-radius:100px;
      text-decoration:none; transition:all .3s ease; border:none; cursor:pointer;
    }
    .btn-gold:hover { background:var(--gold-light); transform:translateY(-2px); box-shadow:0 10px 30px rgba(252,185,14,.4); color:#000; }
    .btn-dark {
      display:inline-flex; align-items:center; gap:10px;
      background:var(--dark); color:var(--white); font-family:'Syne',sans-serif;
      font-weight:600; font-size:15px; padding:14px 28px; border-radius:100px;
      text-decoration:none; transition:all .3s ease;
    }
    .btn-dark:hover { background:var(--gold); color:#000; transform:translateY(-2px); }
    .btn-outline {
      display:inline-flex; align-items:center; gap:10px;
      background:transparent; color:rgba(255,255,255,.8);
      border:1px solid rgba(255,255,255,.2); font-family:'Syne',sans-serif;
      font-weight:500; font-size:15px; padding:14px 28px; border-radius:100px;
      text-decoration:none; transition:all .3s ease;
    }
    .btn-outline:hover { border-color:var(--gold); color:var(--gold); }

    /* =============================================
       PAGE HERO (breadcrumb-style, dark bg)
    ============================================= */
    .contact-hero {
      background: var(--dark);
      background-image:
        radial-gradient(ellipse 55% 60% at 80% 40%, rgba(252,185,14,.12) 0%, transparent 60%),
        radial-gradient(ellipse 30% 35% at 10% 90%, rgba(252,185,14,.07) 0%, transparent 55%);
      padding: 148px 0 72px;
      position: relative;
      overflow: hidden;
    }
    .contact-hero::before {
      content:''; position:absolute; inset:0;
      background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      pointer-events:none;
    }
    .hero-eyebrow {
      display:inline-flex; align-items:center; gap:10px;
      background:rgba(252,185,14,.1); border:1px solid rgba(252,185,14,.25);
      padding:8px 18px; border-radius:100px; margin-bottom:24px;
      font-family:'DM Sans',sans-serif; font-size:13px; color:var(--gold);
    }
    .hero-eyebrow .dot { width:7px; height:7px; border-radius:50%; background:var(--gold); animation:pulse 2s ease-in-out infinite; }
    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.3)} }
    .contact-hero h1 {
      font-family:'Syne',sans-serif; font-size:clamp(2.4rem,5vw,3.8rem);
      font-weight:800; color:var(--white); line-height:1.1; margin-bottom:18px;
    }
    .contact-hero h1 em { font-style:normal; color:var(--gold); }
    .contact-hero .hero-sub {
      font-family:'DM Sans',sans-serif; font-size:1.05rem;
      color:rgba(255,255,255,.55); max-width:520px; margin-bottom:32px; line-height:1.8;
    }
    .hero-breadcrumb {
      display:flex; align-items:center; gap:8px;
      font-family:'DM Sans',sans-serif; font-size:13px; color:rgba(255,255,255,.4);
    }
    .hero-breadcrumb a { color:rgba(255,255,255,.4); text-decoration:none; transition:color .2s; }
    .hero-breadcrumb a:hover { color:var(--gold); }
    .hero-breadcrumb span { color:var(--gold); }
    /* Hero right stats strip */
    .hero-contact-strip {
      display:flex; flex-direction:column; gap:16px; justify-content:center; height:100%;
    }
    .hcs-card {
      background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
      border-radius:var(--radius); padding:20px 24px;
      display:flex; align-items:center; gap:16px;
      transition:all .3s ease;
    }
    .hcs-card:hover { background:rgba(252,185,14,.08); border-color:rgba(252,185,14,.25); transform:translateX(4px); }
    .hcs-icon {
      width:44px; height:44px; border-radius:12px;
      background:rgba(252,185,14,.12); display:flex; align-items:center;
      justify-content:center; color:var(--gold); font-size:18px; flex-shrink:0;
    }
    .hcs-body h5 { font-family:'Syne',sans-serif; font-size:14px; font-weight:600; color:var(--white); margin:0 0 3px; }
    .hcs-body p { font-family:'DM Sans',sans-serif; font-size:13px; color:rgba(255,255,255,.45); margin:0; line-height:1.5; }

    /* =============================================
       WHY CHOOSE US STRIP
    ============================================= */
    .contact-why {
      background: var(--bg-light);
      padding: 64px 0;
      border-bottom: 1px solid var(--border);
    }
    .why-strip {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
    }
    .why-strip-item {
      text-align: center;
      padding: 28px 20px;
      background: var(--white);
      border-radius: var(--radius);
      border: 1px solid var(--border);
      transition: all .3s ease;
    }
    .why-strip-item:hover { border-color: var(--gold); transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,0,.07); }
    .wsi-num {
      font-family: 'Syne', sans-serif; font-size: 2rem; font-weight: 800;
      color: var(--gold); margin-bottom: 6px; line-height: 1;
    }
    .wsi-label {
      font-family: 'Syne', sans-serif; font-size: 14px; font-weight: 700;
      color: var(--dark); margin-bottom: 6px;
    }
    .wsi-sub {
      font-family: 'DM Sans', sans-serif; font-size: 13px;
      color: var(--text-light); line-height: 1.6; margin: 0;
    }

    /* =============================================
       MAIN CONTACT SECTION
    ============================================= */
    .contact-main { padding: 100px 0; background: var(--white); }

    /* Info Panel (dark card left) */
    .contact-info-panel {
      background: var(--dark);
      border-radius: var(--radius-xl);
      padding: 48px 40px;
      height: 100%;
      display: flex; flex-direction: column;
      position: relative; overflow: hidden;
    }
    .contact-info-panel::before {
      content: '';
      position: absolute; top: -60px; right: -60px;
      width: 200px; height: 200px; border-radius: 50%;
      background: radial-gradient(circle, rgba(252,185,14,.15) 0%, transparent 70%);
      pointer-events: none;
    }
    .contact-info-panel h3 {
      font-family: 'Syne', sans-serif; font-size: 22px; font-weight: 700;
      color: var(--white); margin: 0 0 10px;
    }
    .contact-info-panel > p {
      font-family: 'DM Sans', sans-serif; font-size: 14px;
      color: rgba(255,255,255,.5); margin: 0 0 36px; line-height: 1.7;
    }
    .ci-item { display: flex; gap: 16px; margin-bottom: 28px; }
    .ci-item:last-of-type { margin-bottom: 0; }
    .ci-icon {
      width: 44px; height: 44px; border-radius: 12px;
      background: rgba(252,185,14,.1); display: flex; align-items: center;
      justify-content: center; color: var(--gold); font-size: 18px; flex-shrink: 0;
    }
    .ci-body h5 { font-family: 'Syne', sans-serif; font-size: 14px; font-weight: 600; color: var(--white); margin: 0 0 4px; }
    .ci-body a,.ci-body p {
      font-family: 'DM Sans', sans-serif; font-size: 13px;
      color: rgba(255,255,255,.5); text-decoration: none; margin: 0; line-height: 1.6; display: block;
    }
    .ci-body a:hover { color: var(--gold); }
    .ci-hours {
      background: rgba(252,185,14,.07); border: 1px solid rgba(252,185,14,.15);
      border-radius: var(--radius); padding: 18px 20px; margin: 28px 0;
    }
    .ci-hours h6 {
      font-family: 'Syne', sans-serif; font-size: 13px; font-weight: 700;
      color: var(--gold); margin: 0 0 12px; text-transform: uppercase; letter-spacing: 1px;
    }
    .ci-hours-row {
      display: flex; justify-content: space-between; align-items: center;
      font-family: 'DM Sans', sans-serif; font-size: 13px; margin-bottom: 6px;
    }
    .ci-hours-row:last-child { margin-bottom: 0; }
    .ci-hours-row .day { color: rgba(255,255,255,.5); }
    .ci-hours-row .time { color: rgba(255,255,255,.75); font-weight: 500; }
    .ci-hours-row .badge-open {
      background: rgba(34,197,94,.15); color: #22c55e;
      font-size: 11px; padding: 2px 8px; border-radius: 100px;
    }
    .ci-socials { margin-top: auto; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.08); }
    .ci-socials h5 { font-family: 'Syne', sans-serif; font-size: 13px; font-weight: 600; color: rgba(255,255,255,.4); margin: 0 0 14px; text-transform: uppercase; letter-spacing: 1px; }
    .ci-socials ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; }
    .ci-socials ul li a {
      width: 38px; height: 38px; border-radius: 10px;
      background: rgba(255,255,255,.07); display: flex; align-items: center;
      justify-content: center; color: rgba(255,255,255,.5); font-size: 14px;
      text-decoration: none; transition: all .25s;
    }
    .ci-socials ul li a:hover { background: var(--gold); color: #000; }

    /* Form Panel */
    .contact-form-panel {
      background: var(--white);
      border-radius: var(--radius-xl);
      padding: 48px 44px;
      box-shadow: 0 20px 80px rgba(0,0,0,.08);
      border: 1px solid var(--border);
    }
    .contact-form-panel .panel-tag {
      display: inline-flex; align-items: center; gap: 8px;
      font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 500;
      color: var(--gold); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px;
    }
    .contact-form-panel .panel-tag::before { content: ''; display: block; width: 18px; height: 2px; background: var(--gold); }
    .contact-form-panel h3 {
      font-family: 'Syne', sans-serif; font-size: 24px; font-weight: 700;
      color: var(--dark); margin: 0 0 8px;
    }
    .contact-form-panel > p {
      font-family: 'DM Sans', sans-serif; font-size: 14px;
      color: var(--text-light); margin: 0 0 32px; line-height: 1.7;
    }
    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 18px; }
    .form-group { margin-bottom: 18px; position: relative; }
    .form-group.no-mb { margin-bottom: 0; }
    .form-group label {
      font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 500;
      color: var(--dark); display: block; margin-bottom: 7px;
    }
    .form-group label span { color: #e53935; }
    .form-group input, .form-group textarea, .form-group select {
      width: 100%; border: 1.5px solid var(--border); border-radius: 12px;
      padding: 13px 16px; font-family: 'DM Sans', sans-serif; font-size: 14px;
      color: var(--dark); background: var(--bg-light); transition: all .25s;
      outline: none; appearance: none; -webkit-appearance: none;
    }
    .form-group input:focus,.form-group textarea:focus,.form-group select:focus {
      border-color: var(--gold); background: var(--white);
      box-shadow: 0 0 0 4px rgba(252,185,14,.1);
    }
    .form-group textarea { min-height: 120px; resize: vertical; }
    .form-group .input-icon {
      position: absolute; left: 14px; top: 41px;
      color: var(--text-light); font-size: 14px; pointer-events: none;
    }
    .form-group.has-icon input,
    .form-group.has-icon textarea { padding-left: 42px; }
    .form-services {
      display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 8px;
    }
    .service-check {
      display: flex; align-items: center; gap: 10px;
      background: var(--bg-light); border: 1.5px solid var(--border);
      border-radius: 10px; padding: 11px 14px; cursor: pointer;
      transition: all .2s ease; font-family: 'DM Sans', sans-serif; font-size: 13px; color: var(--text);
    }
    .service-check input[type="checkbox"] { display: none; }
    .service-check .check-box {
      width: 18px; height: 18px; border-radius: 5px; border: 1.5px solid #d0d0d0;
      display: flex; align-items: center; justify-content: center; flex-shrink: 0;
      transition: all .2s ease;
    }
    .service-check:has(input:checked) {
      border-color: var(--gold); background: var(--gold-pale); color: var(--dark);
    }
    .service-check:has(input:checked) .check-box {
      background: var(--gold); border-color: var(--gold); color: #000;
    }
    .service-check:has(input:checked) .check-box::after { content: '✓'; font-size: 11px; font-weight: 700; }
    .form-submit-row { display: flex; align-items: center; gap: 20px; margin-top: 28px; flex-wrap: wrap; }
    .form-privacy {
      font-family: 'DM Sans', sans-serif; font-size: 12px;
      color: var(--text-light); line-height: 1.6; flex: 1;
    }
    .form-privacy a { color: var(--gold); text-decoration: none; }
    /* success state */
    .form-success {
      display: none; text-align: center; padding: 40px 20px;
    }
    .form-success.show { display: block; }
    .success-icon {
      width: 70px; height: 70px; border-radius: 50%;
      background: rgba(34,197,94,.1); display: flex; align-items: center; justify-content: center;
      margin: 0 auto 20px; color: #22c55e; font-size: 28px;
    }
    .form-success h4 { font-family: 'Syne', sans-serif; font-size: 22px; color: var(--dark); margin-bottom: 10px; }
    .form-success p { font-family: 'DM Sans', sans-serif; font-size: 14px; color: var(--text-light); }

    /* =============================================
       PROCESS / HOW WE WORK
    ============================================= */
    .contact-process { padding: 96px 0; background: var(--bg-light); }
    .process-steps {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
      position: relative; margin-top: 56px;
    }
    .process-steps::before {
      content: ''; position: absolute;
      top: 32px; left: 12%; right: 12%;
      height: 2px;
      background: repeating-linear-gradient(to right, var(--gold) 0, var(--gold) 8px, transparent 8px, transparent 18px);
    }
    .process-step { text-align: center; padding: 0 16px; position: relative; }
    .ps-num {
      width: 64px; height: 64px; border-radius: 50%;
      background: var(--white); border: 2px solid var(--border);
      display: flex; align-items: center; justify-content: center;
      font-family: 'Syne', sans-serif; font-size: 20px; font-weight: 800;
      color: var(--gold); margin: 0 auto 20px;
      transition: all .3s ease; position: relative; z-index: 1;
      box-shadow: 0 4px 20px rgba(0,0,0,.06);
    }
    .process-step:hover .ps-num { background: var(--gold); color: #000; border-color: var(--gold); transform: scale(1.1); }
    .ps-title { font-family: 'Syne', sans-serif; font-size: 15px; font-weight: 700; color: var(--dark); margin-bottom: 8px; }
    .ps-desc { font-family: 'DM Sans', sans-serif; font-size: 13px; color: var(--text-light); line-height: 1.65; margin: 0; }

    /* =============================================
       OFFICES / LOCATIONS
    ============================================= */
    .contact-offices { padding: 96px 0; background: var(--white); }
    .offices-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 52px; }
    .office-card {
      border: 1px solid var(--border); border-radius: var(--radius-lg);
      padding: 32px 28px; transition: all .3s ease;
      position: relative; overflow: hidden;
    }
    .office-card::before {
      content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;
      background: var(--gold); transform: scaleX(0); transition: transform .3s ease;
    }
    .office-card:hover { box-shadow: 0 20px 60px rgba(0,0,0,.09); border-color: transparent; transform: translateY(-4px); }
    .office-card:hover::before { transform: scaleX(1); }
    .office-badge {
      display: inline-flex; align-items: center; gap: 6px;
      background: var(--gold-pale); border: 1px solid rgba(252,185,14,.25);
      border-radius: 100px; padding: 5px 12px; margin-bottom: 18px;
      font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 500; color: var(--gold);
    }
    .office-card h4 {
      font-family: 'Syne', sans-serif; font-size: 17px; font-weight: 700;
      color: var(--dark); margin-bottom: 16px;
    }
    .office-detail {
      display: flex; gap: 12px; margin-bottom: 14px; align-items: flex-start;
    }
    .od-icon {
      width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0;
      background: var(--gold-pale); display: flex; align-items: center;
      justify-content: center; color: var(--gold); font-size: 13px; margin-top: 1px;
    }
    .od-text {
      font-family: 'DM Sans', sans-serif; font-size: 13px;
      color: var(--text); line-height: 1.65;
    }
    .od-text a { color: var(--text); text-decoration: none; transition: color .2s; }
    .od-text a:hover { color: var(--gold); }
    .office-map-btn {
      display: inline-flex; align-items: center; gap: 7px;
      font-family: 'Syne', sans-serif; font-size: 13px; font-weight: 600;
      color: var(--gold); text-decoration: none; margin-top: 10px;
      transition: gap .2s ease;
    }
    .office-map-btn:hover { gap: 11px; color: var(--gold); }

    /* =============================================
       MAP SECTION
    ============================================= */
    .contact-map { background: var(--bg-light); }
    .map-wrapper {
      position: relative; border-radius: var(--radius-xl) var(--radius-xl) 0 0;
      overflow: hidden; border: 1px solid var(--border); border-bottom: none;
    }
    .map-wrapper iframe {
      width: 100%; height: 460px; display: block; border: none;
    }
    .map-overlay {
      position: absolute; top: 24px; left: 24px;
      background: var(--white); border-radius: var(--radius); padding: 16px 20px;
      box-shadow: 0 8px 32px rgba(0,0,0,.12); display: flex; align-items: center; gap: 12px;
    }
    .map-overlay .mo-icon {
      width: 36px; height: 36px; border-radius: 10px;
      background: var(--gold-pale); display: flex; align-items: center;
      justify-content: center; color: var(--gold); font-size: 16px; flex-shrink: 0;
    }
    .map-overlay h6 { font-family: 'Syne', sans-serif; font-size: 13px; font-weight: 700; color: var(--dark); margin: 0 0 2px; }
    .map-overlay p { font-family: 'DM Sans', sans-serif; font-size: 12px; color: var(--text-light); margin: 0; }

    /* =============================================
       FAQ STRIP
    ============================================= */
    .contact-faq { padding: 96px 0; background: var(--white); }
    .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 52px; }
    .faq-item {
      border: 1px solid var(--border); border-radius: var(--radius);
      overflow: hidden; transition: border-color .25s;
    }
    .faq-item:hover { border-color: var(--gold); }
    .faq-question {
      display: flex; align-items: center; justify-content: space-between;
      padding: 20px 24px; cursor: pointer;
      font-family: 'Syne', sans-serif; font-size: 15px; font-weight: 600; color: var(--dark);
      user-select: none;
    }
    .faq-question .faq-icon {
      width: 28px; height: 28px; border-radius: 50%;
      background: var(--bg-light); display: flex; align-items: center;
      justify-content: center; color: var(--gold); font-size: 14px; flex-shrink: 0;
      transition: all .3s ease;
    }
    .faq-item.open .faq-question .faq-icon { background: var(--gold); color: #000; transform: rotate(45deg); }
    .faq-answer {
      max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .35s ease;
      padding: 0 24px;
      font-family: 'DM Sans', sans-serif; font-size: 14px; color: var(--text); line-height: 1.8;
    }
    .faq-item.open .faq-answer { max-height: 200px; padding: 0 24px 20px; }

    /* =============================================
       CTA BANNER (matches index.html)
    ============================================= */
    .hp-cta {
      padding: 90px 0; background: var(--dark);
      background-image: radial-gradient(ellipse 60% 70% at 50% 50%, rgba(252,185,14,.1) 0%, transparent 65%);
      text-align: center;
    }
    .hp-cta h2 { font-family:'Syne',sans-serif; font-size:clamp(2rem,4vw,3rem); font-weight:800; color:var(--white); margin-bottom:16px; }
    .hp-cta h2 em { font-style:normal; color:var(--gold); }
    .hp-cta p { font-family:'DM Sans',sans-serif; font-size:1rem; color:rgba(255,255,255,.55); max-width:500px; margin:0 auto 36px; line-height:1.8; }
    .cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
    .cta-trust { display:flex; gap:28px; justify-content:center; flex-wrap:wrap; margin-top:32px; }
    .cta-trust span { font-family:'DM Sans',sans-serif; font-size:13px; color:rgba(255,255,255,.4); display:flex; align-items:center; gap:6px; }
    .cta-trust span i { color:var(--gold); }

    /* =============================================
       FOOTER (matching index.html exactly)
    ============================================= */
    .hp-footer { background:var(--dark-2); border-top:1px solid rgba(255,255,255,.06); }
    .footer-top { padding:80px 0 60px; }
    .footer-brand .brand-logo { margin-bottom:18px; }
    .footer-brand .brand-logo img { width:72px; height:auto; }
    .footer-brand .brand-name { font-family:'Syne',sans-serif; font-size:20px; font-weight:700; color:var(--white); margin-bottom:12px; }
    .footer-brand p { font-family:'DM Sans',sans-serif; font-size:13px; color:rgba(255,255,255,.4); line-height:1.8; max-width:240px; margin-bottom:24px; }
    .footer-socials { display:flex; gap:10px; }
    .footer-socials a {
      width:36px; height:36px; border-radius:10px;
      background:rgba(255,255,255,.07); display:flex; align-items:center;
      justify-content:center; color:rgba(255,255,255,.5); font-size:14px;
      text-decoration:none; transition:all .25s;
    }
    .footer-socials a i { color:var(--gold); }
    .footer-socials a:hover { background:var(--gold); color:#000; }
    .footer-socials a:hover i { color:#000; }
    .footer-col h4 { font-family:'Syne',sans-serif; font-size:14px; font-weight:700; color:var(--white); margin:0 0 20px; letter-spacing:.5px; }
    .footer-links { list-style:none; padding:0; margin:0; }
    .footer-links li { margin-bottom:11px; }
    .footer-links li a { font-family:'DM Sans',sans-serif; font-size:13px; color:rgba(255,255,255,.45); text-decoration:none; transition:all .25s; display:inline-flex; align-items:center; gap:6px; }
    .footer-links li a::before { content:''; width:0; height:1px; background:var(--gold); transition:width .25s; }
    .footer-links li a:hover { color:var(--gold); padding-left:4px; }
    .footer-links li a:hover::before { width:10px; }
    .footer-contact-list { list-style:none; padding:0; margin:0; }
    .footer-contact-list li { display:flex; gap:12px; margin-bottom:16px; }
    .footer-contact-list li:last-child { margin-bottom:0; }
    .fci-icon { width:34px; height:34px; border-radius:9px; background:rgba(252,185,14,.1); display:flex; align-items:center; justify-content:center; color:var(--gold); font-size:13px; flex-shrink:0; margin-top:2px; }
    .fci-text a,.fci-text p { font-family:'DM Sans',sans-serif; font-size:13px; color:rgba(255,255,255,.45); text-decoration:none; margin:0; line-height:1.65; display:block; }
    .fci-text a:hover { color:var(--gold); }
    .footer-newsletter h5 { font-family:'Syne',sans-serif; font-size:13px; font-weight:600; color:rgba(255,255,255,.6); margin:0 0 10px; text-transform:uppercase; letter-spacing:1px; }
    .footer-newsletter p { font-family:'DM Sans',sans-serif; font-size:13px; color:rgba(255,255,255,.35); margin-bottom:16px; line-height:1.6; }
    .newsletter-form { display:flex; gap:0; }
    .newsletter-form input {
      flex:1; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
      border-right:none; border-radius:12px 0 0 12px; padding:12px 16px;
      font-family:'DM Sans',sans-serif; font-size:13px; color:var(--white); outline:none;
    }
    .newsletter-form input::placeholder { color:rgba(255,255,255,.3); }
    .newsletter-form input:focus { border-color:var(--gold); }
    .newsletter-form button {
      background:var(--gold); border:none; border-radius:0 12px 12px 0;
      padding:12px 18px; color:#000; font-size:14px; cursor:pointer; transition:background .25s;
    }
    .newsletter-form button:hover { background:var(--gold-light); }
    .footer-divider { border:none; border-top:1px solid rgba(255,255,255,.07); margin:0; }
    .footer-bottom { padding:22px 0; }
    .footer-bottom-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
    .footer-copy { font-family:'DM Sans',sans-serif; font-size:13px; color:rgba(255,255,255,.3); }
    .footer-copy a { color:var(--gold); text-decoration:none; }
    .footer-legal { display:flex; gap:20px; }
    .footer-legal a { font-family:'DM Sans',sans-serif; font-size:13px; color:rgba(255,255,255,.35); text-decoration:none; transition:color .25s; }
    .footer-legal a:hover { color:var(--gold); }

    /* =============================================
       DARK BG TEXT OVERRIDES
    ============================================= */
    .contact-hero p, .contact-hero span, .contact-hero li { color: rgba(255,255,255,.6) !important; }
    .contact-hero a { color: var(--gold) !important; }
    .contact-hero h1, .contact-hero h2, .contact-hero h3, .contact-hero h4 { color: var(--white) !important; }
    .contact-info-panel p { color: rgba(255,255,255,.5) !important; }
    .contact-info-panel a { color: rgba(255,255,255,.5) !important; }
    .contact-info-panel a:hover { color: var(--gold) !important; }
    .contact-info-panel h3, .contact-info-panel h5, .contact-info-panel h6 { color: var(--white) !important; }
    .hp-cta p, .hp-cta span, .hp-cta li { color: rgba(255,255,255,.55) !important; }
    .hp-cta a { color: var(--gold) !important; }
    .hp-cta h1, .hp-cta h2 { color: var(--white) !important; }
    .hp-footer p, .hp-footer span, .hp-footer li { color: rgba(255,255,255,.45) !important; }
    .hp-footer a { color: rgba(255,255,255,.45) !important; }
    .hp-footer a:hover { color: var(--gold) !important; }
    .hp-footer h1, .hp-footer h2, .hp-footer h3, .hp-footer h4, .hp-footer h5 { color: var(--white) !important; }
    .btn-gold, .btn-gold.header-btn1 { color: #000 !important; }
    .btn-gold:hover { color: #000 !important; }

    /* =============================================
       RESPONSIVE
    ============================================= */
    @media(max-width:1199px){
      .contact-form-panel { padding: 36px 32px; }
    }
    @media(max-width:991px){
      .contact-hero { padding: 130px 0 60px; }
      .hero-contact-strip { margin-top: 40px; flex-direction: row; flex-wrap: wrap; }
      .hcs-card { flex: 1 1 calc(50% - 8px); }
      .contact-info-panel { padding: 36px 28px; }
      .contact-form-panel { margin-top: 24px; padding: 32px 24px; }
      .why-strip { grid-template-columns: 1fr 1fr; }
      .process-steps { grid-template-columns: 1fr 1fr; gap: 32px; }
      .process-steps::before { display: none; }
      .offices-grid { grid-template-columns: 1fr 1fr; }
      .faq-grid { grid-template-columns: 1fr; }
      .footer-top .row > div { margin-bottom: 40px; }
    }
    @media(max-width:767px){
      .contact-hero h1 { font-size: 2.2rem; }
      .hero-contact-strip { flex-direction: column; }
      .hcs-card { flex: 1 1 100%; }
      .form-row { grid-template-columns: 1fr; }
      .form-services { grid-template-columns: 1fr; }
      .why-strip { grid-template-columns: 1fr 1fr; }
      .process-steps { grid-template-columns: 1fr; }
      .offices-grid { grid-template-columns: 1fr; }
      .footer-bottom-inner { justify-content: center; text-align: center; }
      .newsletter-form { flex-direction: column; }
      .newsletter-form input { border-right: 1px solid rgba(255,255,255,.1); border-radius: 12px; margin-bottom: 8px; }
      .newsletter-form button { border-radius: 12px; }
      .form-submit-row { flex-direction: column; align-items: flex-start; }
    }