.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-553 .elementor-element.elementor-element-da5ebec .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-553 .elementor-element.elementor-element-da5ebec .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-553 .elementor-element.elementor-element-da5ebec .elementor-field-group.recaptcha_v3-bottomleft, .elementor-553 .elementor-element.elementor-element-da5ebec .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-553 .elementor-element.elementor-element-da5ebec .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-553 .elementor-element.elementor-element-da5ebec .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-553 .elementor-element.elementor-element-da5ebec .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-553 .elementor-element.elementor-element-da5ebec .elementor-field-type-html{padding-bottom:0px;}.elementor-553 .elementor-element.elementor-element-da5ebec .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-553 .elementor-element.elementor-element-da5ebec .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-553 .elementor-element.elementor-element-da5ebec .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-553 .elementor-element.elementor-element-da5ebec .elementor-button[type="submit"]{color:#ffffff;}.elementor-553 .elementor-element.elementor-element-da5ebec .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-553 .elementor-element.elementor-element-da5ebec .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-553 .elementor-element.elementor-element-da5ebec .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-553 .elementor-element.elementor-element-da5ebec .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-553 .elementor-element.elementor-element-da5ebec .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-553 .elementor-element.elementor-element-da5ebec .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-553 .elementor-element.elementor-element-da5ebec{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for form, class: .elementor-element-da5ebec */<!DOCTYPE html>
<html lang="en-GB">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
  <title>Thank You — Request Received | Champs Locksmiths</title>
  <meta name="description" content="Your request has been received. Adam will be in touch within 30 minutes with a fixed price. For urgent help call 07825 305327.">
  <meta name="robots" content="noindex, nofollow">

  <link rel="icon" type="image/x-icon" href="/favicon.ico">
  <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png">

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preload" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap" as="style">
  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet">

  <style>
    /* ===== RESET ===== */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    img { max-width: 100%; height: auto; display: block; }
    a { color: inherit; text-decoration: none; }

    /* ===== VARIABLES ===== */
    :root {
      --yellow:    #f5c518;
      --yellow-lt: #ffd740;
      --yellow-dk: #c49a00;
      --black:     #0a0a0a;
      --dark1:     #111;
      --dark2:     #181818;
      --dark3:     #222;
      --dark4:     #2a2a2a;
      --text:      #1a1a1a;
      --text-mid:  #444;
      --text-lt:   #777;
      --light1:    #f8f8f6;
      --light2:    #f0f0ec;
      --white:     #fff;
      --green:     #22c55e;
      --whatsapp:  #25D366;
      --display:   'Bebas Neue', sans-serif;
      --body:      'DM Sans', sans-serif;
      --radius:    10px;
      --radius-lg: 14px;
    }

    /* ===== BASE ===== */
    body {
      font-family: var(--body);
      font-size: 16px;
      line-height: 1.65;
      color: var(--text);
      background: var(--black);
      -webkit-text-size-adjust: 100%;
      overflow-x: hidden;
    }

    h1 { font-family: var(--display); font-size: clamp(2.8rem,9vw,4.4rem); line-height: .95; text-transform: uppercase; letter-spacing: .01em; }
    h2 { font-family: var(--display); font-size: clamp(2rem,5vw,3rem); text-transform: uppercase; line-height: 1; letter-spacing: .01em; }
    h3 { font-family: var(--display); font-size: clamp(1.2rem,3vw,1.5rem); text-transform: uppercase; line-height: 1.05; }

    /* ===== LAYOUT ===== */
    .wrap    { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; }
    .wrap-sm { max-width: 760px; margin: 0 auto; padding: 0 20px; }

    /* ===== KICKER ===== */
    .kicker       { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--yellow-dk); margin-bottom: 10px; }
    .kicker-light { color: var(--yellow-lt); }
    .kicker-mid   { color: var(--yellow); }

    /* ===== SECTION PATTERNS ===== */
    .sec-dark  { background: var(--dark1); color: var(--white); position: relative; }
    .sec-dark2 { background: var(--dark2); color: var(--white); position: relative; }
    .sec-pad   { padding: 72px 0; }
    .sec-pad-sm{ padding: 52px 0; }
    .sec-dark::before, .sec-dark2::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: repeating-linear-gradient(-55deg, rgba(255,255,255,.012) 0px, rgba(255,255,255,.012) 1px, transparent 1px, transparent 28px);
      pointer-events: none;
    }
    .sec-dark > *, .sec-dark2 > * { position: relative; }

    /* ===== BUTTONS ===== */
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 15px 28px;
      min-height: 52px;
      border: none;
      border-radius: var(--radius);
      font-family: var(--body);
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.2;
      cursor: pointer;
      transition: background .18s, transform .1s, box-shadow .18s;
      -webkit-tap-highlight-color: transparent;
      white-space: nowrap;
    }
    .btn:active { transform: scale(.97); }
    .btn-block  { display: flex; width: 100%; }

    .btn-yellow { background: var(--yellow); color: var(--black); }
    .btn-yellow:hover { background: var(--yellow-lt); box-shadow: 0 4px 18px rgba(245,197,24,.4); }

    .btn-call { background: #cc0000; color: var(--white); }
    .btn-call:hover { background: #aa0000; box-shadow: 0 4px 18px rgba(204,0,0,.4); }

    .btn-wa { background: var(--whatsapp); color: var(--white); }
    .btn-wa:hover { background: #1da851; box-shadow: 0 4px 18px rgba(37,211,102,.4); }

    .btn-outline { background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,.4); }
    .btn-outline:hover { background: rgba(255,255,255,.08); border-color: var(--white); }

    /* ===== TRUST BAR ===== */
    .trust-bar {
      background: var(--yellow);
      padding: 13px 0;
      overflow: hidden;
      position: relative;
    }
    .trust-bar::before, .trust-bar::after {
      content: '';
      position: absolute;
      top: 0; bottom: 0;
      width: 60px;
      z-index: 2;
      pointer-events: none;
    }
    .trust-bar::before { left: 0;  background: linear-gradient(to right, var(--yellow), transparent); }
    .trust-bar::after  { right: 0; background: linear-gradient(to left,  var(--yellow), transparent); }
    .trust-bar-track {
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      animation: ticker 22s linear infinite;
    }
    .trust-bar:hover .trust-bar-track { animation-play-state: paused; }
    @keyframes ticker {
      from { transform: translateX(0); }
      to   { transform: translateX(-50%); }
    }
    .trust-bar-items { display: inline-flex; align-items: center; }
    .trust-bar-item {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      font-size: .86rem;
      font-weight: 700;
      color: var(--black);
      padding: 0 32px;
      border-right: 1px solid rgba(0,0,0,.15);
    }
    .trust-bar-item:last-child { border-right: none; }
    .trust-bar-item .ico { font-size: .95rem; }

    /* ===== FOOTER ===== */
    .site-footer { background: var(--black); color: #aaa; font-size: .88rem; }
    .footer-main { padding: 56px 0 36px; }
    .footer-grid { display: grid; grid-template-columns: 1fr; gap: 40px; }
    .footer-brand .footer-logo {
      font-family: var(--display);
      font-size: 2rem;
      color: var(--white);
      letter-spacing: .04em;
      margin-bottom: 10px;
    }
    .footer-brand .footer-logo span { color: var(--yellow); }
    .footer-tagline { font-size: .78rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--yellow-dk); margin-bottom: 12px; }
    .footer-desc { font-size: .88rem; line-height: 1.65; color: #888; margin-bottom: 20px; max-width: 340px; }
    .footer-ctas { display: flex; flex-direction: column; gap: 10px; }
    .footer-cta-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 12px 20px;
      border-radius: 8px;
      font-weight: 700;
      font-size: .9rem;
      transition: opacity .15s;
    }
    .footer-cta-btn:hover { opacity: .85; }
    .footer-cta-call { background: var(--yellow); color: var(--black); }
    .footer-cta-wa   { background: var(--whatsapp); color: var(--white); }
    .footer-col h4 {
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .15em;
      text-transform: uppercase;
      color: #888;
      margin-bottom: 14px;
    }
    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }
    .footer-col ul li a { color: #888; transition: color .15s; }
    .footer-col ul li a:hover { color: var(--yellow); }
    .footer-contact-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
    .footer-contact-item .ico { color: var(--yellow); margin-top: 2px; flex-shrink: 0; }
    .footer-contact-item a { color: #888; transition: color .15s; }
    .footer-contact-item a:hover { color: var(--yellow); }
    .footer-hours { margin-top: 16px; }
    .footer-hours dt { font-weight: 600; color: #bbb; font-size: .84rem; }
    .footer-hours dd { color: #777; font-size: .82rem; margin-bottom: 4px; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,.06); padding: 18px 0; }
    .footer-bottom-inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      text-align: center;
      font-size: .78rem;
      color: #555;
    }
    .footer-bottom-links { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; }
    .footer-bottom-links a { color: #555; transition: color .15s; }
    .footer-bottom-links a:hover { color: var(--yellow); }
    .footer-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
    .footer-badge {
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 6px;
      padding: 5px 12px;
      font-size: .72rem;
      font-weight: 700;
      color: #666;
      letter-spacing: .06em;
    }

    /* ===== FABs ===== */
    .fabs {
      position: fixed;
      bottom: 90px;
      right: 16px;
      z-index: 400;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .fab {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 16px rgba(0,0,0,.35);
      font-size: 1.3rem;
      transition: transform .15s;
      -webkit-tap-highlight-color: transparent;
    }
    .fab:hover  { transform: scale(1.08); }
    .fab-call   { background: var(--yellow); color: var(--black); }
    .fab-wa     { background: var(--whatsapp); color: var(--white); }

    /* ===== STICKY MOBILE BAR ===== */
    .sticky-cta {
      position: fixed;
      bottom: 0; left: 0; right: 0;
      z-index: 400;
      background: var(--black);
      padding: 10px 16px;
      padding-bottom: calc(10px + env(safe-area-inset-bottom));
      border-top: 2px solid var(--yellow);
      display: flex;
      gap: 10px;
      box-shadow: 0 -4px 20px rgba(0,0,0,.4);
    }
    .sticky-cta .btn { flex: 1; min-height: 48px; font-size: .9rem; border-radius: 8px; }

    /* ===== SCROLL REVEAL ===== */
    .js-ready .reveal { opacity: 0; transform: translateY(20px); transition: opacity .55s ease, transform .55s ease; }
    .js-ready .reveal.visible { opacity: 1; transform: none; }

    /* ===== UTILS ===== */
    .text-yellow { color: var(--yellow); }
    .text-center { text-align: center; }
    .mb-8  { margin-bottom: 8px; }
    .mb-16 { margin-bottom: 16px; }
    .mb-24 { margin-bottom: 24px; }
    .mb-32 { margin-bottom: 32px; }

    /* ===== CONFIRMATION HERO ===== */
    .confirm-hero {
      background: var(--black);
      color: var(--white);
      padding: 80px 0 68px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .confirm-hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 80% 55% at 50% 0%, rgba(245,197,24,.10) 0%, transparent 60%),
        radial-gradient(ellipse 40% 35% at 85% 85%, rgba(34,197,94,.06) 0%, transparent 50%);
      pointer-events: none;
    }
    .confirm-hero::after {
      content: '';
      position: absolute;
      inset: 0;
      background-image: repeating-linear-gradient(-55deg, rgba(255,255,255,.018) 0px, rgba(255,255,255,.018) 1px, transparent 1px, transparent 24px);
      pointer-events: none;
    }
    .confirm-hero > .wrap { position: relative; z-index: 1; }

    .confirm-icon {
      width: 88px;
      height: 88px;
      border-radius: 50%;
      background: rgba(34,197,94,.1);
      border: 2px solid rgba(34,197,94,.35);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 32px;
      animation: confirm-pop .65s cubic-bezier(.34,1.56,.64,1) both;
    }
    @keyframes confirm-pop {
      from { transform: scale(0) rotate(-20deg); opacity: 0; }
      to   { transform: scale(1) rotate(0deg); opacity: 1; }
    }
    .confirm-check { width: 44px; height: 44px; color: var(--green); }

    .confirm-hero h1 { margin-bottom: 18px; }
    .confirm-hero h1 .accent { color: var(--yellow); }

    .confirm-sub {
      font-size: 1.1rem;
      color: #bbb;
      line-height: 1.7;
      max-width: 500px;
      margin: 0 auto 36px;
    }

    .confirm-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(34,197,94,.08);
      border: 1px solid rgba(34,197,94,.22);
      border-radius: 100px;
      padding: 8px 18px;
      font-size: .8rem;
      font-weight: 600;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--green);
    }
    .confirm-badge-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--green);
      animation: pulse-dot 2s ease-in-out infinite;
    }
    @keyframes pulse-dot {
      0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(34,197,94,.5); }
      50%       { opacity: .5; box-shadow: 0 0 0 5px rgba(34,197,94,0); }
    }

    /* ===== STEPS ===== */
    .steps-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
    }
    .step-card {
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,.07);
      border-radius: var(--radius-lg);
      padding: 28px 24px;
      display: flex;
      gap: 20px;
      align-items: flex-start;
      transition: border-color .2s, box-shadow .2s;
    }
    .step-card:hover {
      border-color: rgba(245,197,24,.3);
      box-shadow: 0 4px 24px rgba(245,197,24,.07);
    }
    .step-num {
      flex-shrink: 0;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: var(--yellow);
      color: var(--black);
      font-family: var(--display);
      font-size: 1.25rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .step-body h3 {
      color: var(--white);
      margin-bottom: 6px;
    }
    .step-body p {
      font-size: .9rem;
      color: #888;
      line-height: 1.65;
    }

    /* ===== EMERGENCY BLOCK ===== */
    .emergency-block {
      background: rgba(245,197,24,.06);
      border: 1px solid rgba(245,197,24,.2);
      border-radius: var(--radius-lg);
      padding: 40px 28px;
      text-align: center;
    }
    .emergency-block h2 { color: var(--white); margin-bottom: 10px; }
    .emergency-block p  { color: #aaa; font-size: .95rem; margin-bottom: 28px; max-width: 460px; margin-left: auto; margin-right: auto; }
    .emergency-ctas { display: flex; flex-direction: column; gap: 12px; }

    /* ===== TRUST PILLS ===== */
    .trust-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
    }
    .trust-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 100px;
      padding: 7px 14px;
      font-size: .82rem;
      font-weight: 600;
      color: #ccc;
    }

    /* ===== AREAS GRID ===== */
    .areas-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 8px;
    }
    .area-chip {
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 8px;
      padding: 11px 14px;
      font-size: .85rem;
      color: #999;
      text-align: center;
      transition: border-color .15s, color .15s, background .15s;
    }
    a.area-chip:hover {
      border-color: var(--yellow);
      color: var(--yellow);
      background: rgba(245,197,24,.06);
    }

    /* ===== RESPONSIVE ===== */
    @media (min-width: 540px) {
      .steps-grid       { grid-template-columns: repeat(3, 1fr); }
      .emergency-ctas   { flex-direction: row; justify-content: center; }
      .areas-grid       { grid-template-columns: repeat(3, 1fr); }
    }

    @media (min-width: 768px) {
      .footer-grid  { grid-template-columns: 1.6fr 1fr 1fr 1fr; }
      .footer-ctas  { flex-direction: row; }
    }

    /* ===== REDUCED MOTION ===== */
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
    }
  </style>
</head>
<body>

<!-- ===== CONFIRMATION HERO ===== -->
<section class="confirm-hero" aria-labelledby="confirm-heading">
  <div class="wrap">
    <div class="confirm-icon" aria-hidden="true">
      <svg class="confirm-check" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
        <path d="M5 12l5 5L20 7" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
    </div>
    <div class="kicker kicker-light mb-8">Message Sent</div>
    <h1 id="confirm-heading">Request<br><span class="accent">Received</span></h1>
    <p class="confirm-sub">Thanks for getting in touch. Adam will call or message you within 30 minutes with a fixed price quote — no obligation, no call-out fee.</p>
    <span class="confirm-badge">
      <span class="confirm-badge-dot" aria-hidden="true"></span>
      Response within 30 minutes
    </span>
  </div>
</section>

<!-- ===== TRUST BAR ===== -->
<div class="trust-bar" aria-label="Key trust factors">
  <div class="trust-bar-track" aria-hidden="true">
    <div class="trust-bar-items">
      <div class="trust-bar-item"><span class="ico">⏱</span> 30-Min Response</div>
      <div class="trust-bar-item"><span class="ico">💷</span> No Call-Out Fee</div>
      <div class="trust-bar-item"><span class="ico">🛡</span> 12-Month Warranty</div>
      <div class="trust-bar-item"><span class="ico">✅</span> Fully Insured</div>
      <div class="trust-bar-item"><span class="ico">★</span> 5★ · 50+ Reviews</div>
      <div class="trust-bar-item"><span class="ico">🔒</span> DBS Checked</div>
      <div class="trust-bar-item"><span class="ico">📞</span> Available 24/7</div>
      <div class="trust-bar-item"><span class="ico">📍</span> Swansea &amp; South Wales</div>
    </div>
    <div class="trust-bar-items">
      <div class="trust-bar-item"><span class="ico">⏱</span> 30-Min Response</div>
      <div class="trust-bar-item"><span class="ico">💷</span> No Call-Out Fee</div>
      <div class="trust-bar-item"><span class="ico">🛡</span> 12-Month Warranty</div>
      <div class="trust-bar-item"><span class="ico">✅</span> Fully Insured</div>
      <div class="trust-bar-item"><span class="ico">★</span> 5★ · 50+ Reviews</div>
      <div class="trust-bar-item"><span class="ico">🔒</span> DBS Checked</div>
      <div class="trust-bar-item"><span class="ico">📞</span> Available 24/7</div>
      <div class="trust-bar-item"><span class="ico">📍</span> Swansea &amp; South Wales</div>
    </div>
  </div>
</div>

<!-- ===== WHAT HAPPENS NEXT ===== -->
<section class="sec-dark sec-pad" aria-labelledby="next-heading">
  <div class="wrap-sm">
    <div class="text-center mb-32">
      <div class="kicker kicker-light">Next Steps</div>
      <h2 id="next-heading" style="color:var(--white)">What to <span class="text-yellow">Expect</span></h2>
    </div>
    <div class="steps-grid">
      <div class="step-card reveal">
        <div class="step-num">1</div>
        <div class="step-body">
          <h3>Request Logged</h3>
          <p>Your details are in. We've got everything we need and are reviewing your request now.</p>
        </div>
      </div>
      <div class="step-card reveal">
        <div class="step-num">2</div>
        <div class="step-body">
          <h3>Quick Response</h3>
          <p>Adam calls or messages you within 30 minutes with a fixed price quote — no surprises, no hidden fees.</p>
        </div>
      </div>
      <div class="step-card reveal">
        <div class="step-num">3</div>
        <div class="step-body">
          <h3>Job Done</h3>
          <p>Agree a time, Adam arrives fully equipped and fixes the problem. 12-month warranty included.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== EMERGENCY CTA ===== -->
<section class="sec-dark2 sec-pad-sm" aria-label="Emergency contact">
  <div class="wrap-sm">
    <div class="emergency-block reveal">
      <div class="kicker kicker-mid mb-8">Can't Wait?</div>
      <h2>Need Help <span class="text-yellow">Right Now?</span></h2>
      <p>Locked out, door stuck, or urgent UPVC problem? Don't wait for a callback — call Adam directly for immediate help, 24 hours a day.</p>
      <div class="emergency-ctas">
        <a href="tel:07825305327" class="btn btn-call">📞 Call 07825 305327</a>
        <a href="https://wa.me/447825305327?text=URGENT%20-%20I%20need%20immediate%20help" class="btn btn-wa" target="_blank" rel="noopener noreferrer">💬 WhatsApp Now</a>
      </div>
    </div>
  </div>
</section>

<!-- ===== TRUST SIGNALS ===== -->
<section class="sec-dark sec-pad-sm" aria-label="Why choose Champs Locksmiths">
  <div class="wrap">
    <div class="text-center mb-24">
      <div class="kicker kicker-light">Why Champs</div>
      <h2 style="color:var(--white)">Our <span class="text-yellow">Guarantee</span></h2>
    </div>
    <div class="trust-pills">
      <span class="trust-pill">⭐ 5★ · 50+ Google Reviews</span>
      <span class="trust-pill">⏱ 30-Min Response</span>
      <span class="trust-pill">💷 No Call-Out Fee</span>
      <span class="trust-pill">🛡 12-Month Warranty</span>
      <span class="trust-pill">✅ Fully Insured</span>
      <span class="trust-pill">🔒 DBS Checked</span>
      <span class="trust-pill">📅 Est. 2016</span>
      <span class="trust-pill">🔧 Fixed Prices</span>
    </div>
    <div style="text-align:center;margin-top:36px;">
      <a href="/" class="btn btn-outline">← Back to Home</a>
    </div>
  </div>
</section>

<!-- ===== COVERAGE AREAS ===== -->
<section class="sec-dark2 sec-pad-sm" aria-label="Service coverage areas">
  <div class="wrap-sm">
    <div class="text-center mb-24">
      <div class="kicker kicker-light">Coverage</div>
      <h2 style="color:var(--white)">Areas We <span class="text-yellow">Cover</span></h2>
      <p style="color:#aaa;margin-top:10px;font-size:.9rem;">30-min response across Swansea · 30–45 min to surrounding areas</p>
    </div>
    <div class="areas-grid">
      <a href="/upvc-door-repair-swansea/" class="area-chip">Swansea</a>
      <a href="/upvc-door-repair-mumbles-gower/" class="area-chip">Mumbles &amp; Gower</a>
      <a href="/upvc-door-repair-sketty-uplands/" class="area-chip">Sketty &amp; Uplands</a>
      <a href="/upvc-door-repair-morriston/" class="area-chip">Morriston</a>
      <a href="/upvc-door-repair-gorseinon/" class="area-chip">Gorseinon</a>
      <a href="/upvc-door-and-window-repair-neath/" class="area-chip">Neath</a>
      <a href="/upvc-door-and-window-repair-llanelli/" class="area-chip">Llanelli</a>
      <a href="/upvc-door-and-window-repair-port-talbot/" class="area-chip">Port Talbot</a>
      <a href="/upvc-door-and-window-repairs-bridgend/" class="area-chip">Bridgend</a>
      <span class="area-chip" style="color:#555;cursor:default;">Carmarthenshire</span>
      <span class="area-chip" style="color:#555;cursor:default;">South Wales</span>
      <span class="area-chip" style="color:#555;cursor:default;">West Wales</span>
    </div>
  </div>
</section>

<!-- ===== FOOTER ===== -->
<footer class="site-footer" role="contentinfo">
  <div class="footer-main">
    <div class="wrap">
      <div class="footer-grid">
        <div class="footer-brand">
          <div class="footer-logo"><span>CHAMPS</span> LOCKSMITHS</div>
          <div class="footer-tagline">Swansea's Trusted Locksmith Since 2016</div>
          <p class="footer-desc">Professional, DBS-checked, fully insured locksmith serving Swansea and South Wales. No call-out fee. Fixed prices. 12-month warranty.</p>
          <div class="footer-ctas">
            <a href="tel:07825305327" class="footer-cta-btn footer-cta-call">📞 07825 305327</a>
            <a href="https://wa.me/447825305327" class="footer-cta-btn footer-cta-wa" rel="noopener noreferrer">💬 WhatsApp</a>
          </div>
        </div>

        <div class="footer-col">
          <h4>Services</h4>
          <ul>
            <li><a href="/services/">All Services</a></li>
            <li><a href="/upvc-door-repair-swansea/">UPVC Door Repair</a></li>
            <li><a href="/upvc-window-repair-swansea/">UPVC Window Repair</a></li>
            <li><a href="/services/#home-lockout">Home Lockout</a></li>
            <li><a href="/services/#lock-changes">Lock Changes</a></li>
            <li><a href="/services/#security-upgrades">Security Upgrades</a></li>
          </ul>
        </div>

        <div class="footer-col">
          <h4>Areas</h4>
          <ul>
            <li><a href="/upvc-door-repair-gorseinon/">Gorseinon</a></li>
            <li><a href="/upvc-door-repair-morriston/">Morriston</a></li>
            <li><a href="/upvc-door-repair-sketty-uplands/">Sketty &amp; Uplands</a></li>
            <li><a href="/upvc-door-repair-mumbles-gower/">Mumbles &amp; Gower</a></li>
            <li><a href="/upvc-door-and-window-repairs-bridgend/">Bridgend</a></li>
            <li><a href="/upvc-door-and-window-repair-llanelli/">Llanelli</a></li>
            <li><a href="/upvc-door-and-window-repair-neath/">Neath</a></li>
            <li><a href="/upvc-door-and-window-repair-port-talbot/">Port Talbot</a></li>
          </ul>
        </div>

        <div class="footer-col">
          <h4>Contact</h4>
          <div class="footer-contact-item">
            <span class="ico">📞</span>
            <div><a href="tel:07825305327">07825 305327</a><br><a href="tel:01792732932">01792 732932</a></div>
          </div>
          <div class="footer-contact-item">
            <span class="ico">✉️</span>
            <a href="mailto:adam@champslocksmiths.co.uk">adam@champslocksmiths.co.uk</a>
          </div>
          <div class="footer-contact-item">
            <span class="ico">📍</span>
            <span>Mobile Service — Swansea, Wales</span>
          </div>
          <dl class="footer-hours">
            <dt>24/7</dt>
            <dd>Day, night, weekends &amp; bank holidays</dd>
          </dl>
        </div>
      </div>
    </div>
  </div>
  <div class="footer-bottom">
    <div class="wrap">
      <div class="footer-bottom-inner">
        <span>© 2026 Champs Locksmiths. All rights reserved.</span>
        <div class="footer-bottom-links">
          <a href="/privacy-policy/">Privacy Policy</a>
          <a href="/terms-of-service/">Terms of Service</a>
          <a href="/contact-us/">Contact Us</a>
        </div>
      </div>
      <div class="footer-badges">
        <span class="footer-badge">No Call-Out Fee</span>
        <span class="footer-badge">12-Month Warranty</span>
        <span class="footer-badge">Fully Insured</span>
        <span class="footer-badge">DBS Checked</span>
      </div>
    </div>
  </div>
</footer>

<!-- ===== FLOATING ACTION BUTTONS (desktop) ===== -->
<div class="fabs" aria-label="Quick contact" role="complementary">
  <a href="https://wa.me/447825305327" class="fab fab-wa" aria-label="WhatsApp us" title="WhatsApp Us" rel="noopener noreferrer">💬</a>
  <a href="tel:07825305327" class="fab fab-call" aria-label="Call 07825 305327" title="Call Now">📞</a>
</div>

<!-- ===== STICKY CTA BAR (mobile) ===== -->
<div class="sticky-cta" role="complementary" aria-label="Call or WhatsApp">
  <a href="tel:07825305327" class="btn btn-call">📞 Call Now</a>
  <a href="https://wa.me/447825305327" class="btn btn-wa" rel="noopener noreferrer">💬 WhatsApp</a>
</div>

<script>
  // Scroll reveal
  (function () {
    const els = document.querySelectorAll('.reveal');
    if (!els.length) return;
    document.documentElement.classList.add('js-ready');
    const obs = new IntersectionObserver(function (entries) {
      entries.forEach(function (e) {
        if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }
      });
    }, { threshold: 0.1 });
    els.forEach(function (el) { obs.observe(el); });
  })();

  // Conversion tracking
  if (typeof gtag !== 'undefined') {
    gtag('event', 'conversion', { 'send_to': 'AW-CONVERSION_ID/CONVERSION_LABEL' });
  }
</script>
</body>
</html>/* End custom CSS */