.elementor-1883 .elementor-element.elementor-element-b282587{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS */<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-18152811456"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-18152811456');
</script>
 
<!-- Event snippet for Submit lead form (2) conversion page -->
<script>
  gtag('event', 'conversion', {
      'send_to': 'AW-18152811456/SuaVCJW4hrYcEMDX989D',
      'value': 1.0,
      'currency': 'GBP'
  });
</script>
 
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --navy:      #1a3a6e;
  --navy-dark: #0f1f3d;
  --navy-card: #152040;
  --cyan:      #29b6e8;
  --cyan-btn:  #1a7fb5;
  --white:     #ffffff;
  --offwhite:  #f4f7fb;
  --border:    #dde6f0;
  --text:      #1a3a6e;
  --muted:     #6b80a0;
  --green:     #1a7a50;
}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--text);background:var(--navy-dark);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;}
 
/* NAV */
.nav{background:var(--white);border-bottom:2px solid var(--cyan-btn);padding:0 40px;height:72px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px rgba(13,26,48,0.08);}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.nav-logo img{height:52px;width:auto;object-fit:contain;}
.nav-logo-text{font-size:14px;font-weight:700;color:var(--navy);line-height:1.25;}
.nav-logo-text small{display:block;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:0.08em;text-transform:uppercase;}
.nav-phone a{font-size:17px;font-weight:700;color:var(--cyan-btn);text-decoration:none;}
.nav-phone a:hover{color:var(--navy);}
.nav-phone span{display:block;font-size:11px;color:var(--muted);text-align:right;}
 
/* MAIN */
.main{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;overflow:hidden;}
.main-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%, rgba(41,182,232,0.08) 0%, transparent 65%);pointer-events:none;}
 
.card{background:var(--white);border-radius:20px;padding:56px 52px;max-width:620px;width:100%;text-align:center;box-shadow:0 40px 80px rgba(0,0,0,0.4),0 0 0 1px rgba(41,182,232,0.15);position:relative;z-index:1;animation:popIn 0.6s cubic-bezier(0.34,1.56,0.64,1) both;}
 
@keyframes popIn{from{opacity:0;transform:scale(0.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
 
/* Tick icon */
.tick-wrap{margin:0 auto 28px;width:88px;height:88px;position:relative;}
.tick-circle{width:88px;height:88px;border-radius:50%;background:rgba(26,122,80,0.1);border:3px solid var(--green);display:flex;align-items:center;justify-content:center;animation:scaleIn 0.5s 0.2s ease both;}
@keyframes scaleIn{from{transform:scale(0)}to{transform:scale(1)}}
.tick-icon{font-size:40px;animation:fadeIn 0.4s 0.5s ease both;opacity:0;}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
 
.card h1{font-size:clamp(24px,4vw,32px);font-weight:800;color:var(--text);margin-bottom:14px;line-height:1.2;letter-spacing:-0.01em;}
.card h1 em{font-style:normal;color:var(--cyan-btn);}
.card .subtitle{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:32px;font-weight:400;}
.card .subtitle strong{color:var(--text);}
 
/* What happens next */
.next-steps{background:var(--offwhite);border-radius:12px;padding:24px 28px;text-align:left;margin-bottom:32px;}
.next-steps h3{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:18px;}
.step-item{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border);}
.step-item:last-child{border:none;padding-bottom:0;}
.step-num{width:28px;height:28px;border-radius:50%;background:var(--cyan-btn);color:var(--white);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.step-text strong{display:block;font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px;}
.step-text p{font-size:13px;color:var(--muted);line-height:1.5;}
 
/* CTA */
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--cyan-btn);color:var(--white);padding:14px 28px;border-radius:40px;font-size:15px;font-weight:700;text-decoration:none;transition:all 0.2s;font-family:'Inter',sans-serif;}
.btn-primary:hover{background:#1568a0;transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,127,181,0.35);}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--cyan-btn);border:1.5px solid var(--cyan-btn);padding:14px 28px;border-radius:40px;font-size:15px;font-weight:600;text-decoration:none;transition:all 0.2s;font-family:'Inter',sans-serif;}
.btn-secondary:hover{background:var(--offwhite);}
 
.reassure-note{margin-top:24px;font-size:12px;color:var(--muted);line-height:1.65;}
.reassure-note strong{color:var(--text);}
 
/* FOOTER */
footer{background:var(--navy-card);border-top:2px solid var(--cyan-btn);padding:24px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.footer-copy{font-size:11px;color:rgba(255,255,255,0.3);}
.footer-links{display:flex;gap:20px;}
.footer-links a{font-size:11px;color:rgba(255,255,255,0.3);text-decoration:none;}
.footer-links a:hover{color:var(--cyan);}
 
@media(max-width:600px){
  .nav{padding:0 20px;}
  .card{padding:40px 24px;}
  .next-steps{padding:20px 18px;}
  footer{padding:20px 20px;flex-direction:column;text-align:center;}
  .footer-links{justify-content:center;}
  .cta-row{flex-direction:column;align-items:stretch;}
  .btn-primary,.btn-secondary{justify-content:center;}
}
</style>/* End custom CSS */